.mobile-view {
    display: none;
}

.title-top {
    width: 100% !important;
    margin-top: 200px !important;
}

.badge {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: radial-gradient(circle at center, #F1F1ED 50%, #FACD01 50%);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 10px solid #2F0003;
    box-shadow: 0px -10px 24px #ff444452;
}

.badge .number {
    font-size: 48px;
    color: black;
    font-weight: bold;
    text-shadow: 1px 1px 2px #ffffff55;
}

.badge-type2 {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: radial-gradient(circle at center, #F1F1ED 50%, #FACD01 50%);
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: 10px solid #2F0003; */
    box-shadow: 0px -10px 24px #ff444452;
}

.badge-type2 .number {
    font-size: 48px;
    color: black;
    font-weight: bold;
    text-shadow: 1px 1px 2px #31191955;
}


.badge-type3 {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin : 0px 7px;
    background: radial-gradient(circle at center, #F1F1ED 50%, #FACD01 50%);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 10px solid #2F0003;
    box-shadow: 0px -10px 24px #ff444452;
}


.badge-type3 .number {
    font-size: 48px;
    color: black;
    font-weight: bold;
    text-shadow: 1px 1px 2px #ffffff55;
}


.badge-type4 {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin : 0px 7px;
    background: radial-gradient(circle at center, #F1F1ED 50%, #FACD01 50%);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 10px solid #2F0003;
    box-shadow: 0px -10px 24px #ff444452;
}

.badge-type4 .number {
    font-size: 55px;
    color: black;
    font-weight: bold;
    text-shadow: 1px 1px 2px #ffffff55;
}

.badge-type5 {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    margin : 0px 7px;
    background: radial-gradient(circle at center, #F1F1ED 50%, #FACD01 50%);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 15px solid #2F0003;
    box-shadow: 0px -10px 24px #ff444452;
}


.badge-type5 .number {
    font-size: 60px;
    color: black;
    font-weight: bold;
    text-shadow: 1px 1px 2px #ffffff55;
}


.badge-type6 {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    margin : 0px;
    background: radial-gradient(circle at center, #F1F1ED 50%, #FACD01 50%);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #F4F4A1EE;
    box-shadow: 0px -10px 24px #F4D44152;
}

.badge-type6 .number {
    font-size: 30px;
    color: black;
    font-weight: bold;
    text-shadow: 1px 1px 2px #ffffff55;
}


@media (max-width : 991px) {
    .desktop-view {
        display: none !important;
    }
    
    .title-top {
        margin-top: 100px !important;
        font-size: 30px !important;
    }    
}