/* Font-family-body */
body {
    font-family: "Plus Jakarta Sans", sans-serif !important;
}

/* scroll-css */
/* width */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px grey;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #878787;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #878787;
}

/* common-font-size */
.font-70 {
    font-size: 70px !important;
}

.font-64 {
    font-size: 64px !important;
}

.font-60 {
    font-size: 60px !important;
}

.font-50 {
    font-size: 50px !important;
}

.font-45 {
    font-size: 45px !important;
}

.font-48 {
    font-size: 48px !important;
}

.font-40 {
    font-size: 40px !important;
}

.font-38 {
    font-size: 38px !important;
}

.font-34 {
    font-size: 34px !important;
}

.font-36 {
    font-size: 36px !important;
}

.font-11 {
    font-size: 11px !important;
}

.font-12 {
    font-size: 12px !important;
}

.font-14 {
    font-size: 14px !important;
}

.font-15 {
    font-size: 15px !important;
}

.font-16 {
    font-size: 16px !important;
}

.font-17 {
    font-size: 17px !important;
}

.font-18 {
    font-size: 18px !important;
}

.font-19 {
    font-size: 19px !important;
}

.font-20 {
    font-size: 20px !important;
}

.font-22 {
    font-size: 22px !important;
}

.font-24 {
    font-size: 24px !important;
}

.font-26 {
    font-size: 26px !important;
}

.font-28 {
    font-size: 28px !important;
}

.font-30 {
    font-size: 30px !important;
}

.font-32 {
    font-size: 32px !important;
}

/* commom-line-height */
.line-height-70 {
    line-height: 70px !important;
}

.line-height-60 {
    line-height: 60px !important;
}

.line-height-44 {
    line-height: 44px !important;
}

.line-height-38 {
    line-height: 38px !important;
}

.line-height-36 {
    line-height: 36px !important;
}

.line-height-34 {
    line-height: 34px !important;
}

.line-height-32 {
    line-height: 32px !important;
}

.line-height-30 {
    line-height: 30px !important;
}

.line-height-28 {
    line-height: 28px !important;
}

.line-height-26 {
    line-height: 26px !important;
}

.line-height-24 {
    line-height: 24px !important;
}

/* common-font-weight */
.font-900 {
    font-weight: 900 !important;
}

.font-800 {
    font-weight: 800 !important;
}

.font-700 {
    font-weight: 700 !important;
}

.font-600 {
    font-weight: 600 !important;
}

.font-500 {
    font-weight: 500 !important;
}

.font-400 {
    font-weight: 400 !important;
}

.font-300 {
    font-weight: 300 !important;
}

/* Common-color */
.primary-text-sh {
    color: #00548A;
}

.clr-red {
    color: #FA1515;
}

.clr-gray {
    color: #BBBBBB;
}

.clr-gray-1 {
    color: #333333;
}
.clr-gray-2{
    color: #555555;
}
.text-black {
    color: #000;
}

.clr-gold-sh {
    color: #C59E59;
}

.main-content .procees-content {
    /* display: flex;
    justify-content: center; */
    text-align: center;
}

.main-content {
    padding: 1.5rem;
}

.main-content .procees-content .logo img {
    width: 220px;
    height: auto;
    margin-bottom: 1.5rem;
}

.main-content .iti--allow-dropdown {
    width: 100%;
}

#mobile_no,
#wp_number,
#mobile_num {
    background: #EFEFEF;
    border-radius: 30px;
    border: 1px solid #cccccc;
    height: calc(1.5em + 1rem + 5px);
    padding-left: 70px;
    color: #00548A;
    font-weight: 500;
}

.main-content .iti__arrow {
    background-image: url('../img/Vector.svg');
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    border: 0px;
}

.main-content .iti__selected-flag {
    padding: 10px 15px 0 15px;

}

.main-content .iti__flag {
    border-radius: 3px;
}

.main-content .iti__flag-container {
    margin-right: 3px;
}

#mobile_code::placeholder,
#wp_number::placeholder,
#mobile_num::placeholder {
    color: #BBBBBB;
    font-size: 14px;
}

.btn.btn-primary-sh {
    background-color: #00548A;
    color: #fff;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
    padding: 9px 30px;
}

.btn.btn-primary-sh:hover {
    background-color: #00548A;
    color: #fff;
    opacity: .9;
}
.btn.btn-primary-sh-second{
    background-color: #C59E59;
    color: #fff;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
    padding: 9px 30px;
}
.btn.btn-primary-sh-second:hover {
    background-color: #C59E59;
    color: #fff;
    opacity: .9;
}
.btn.btn-danger-sh{
    background-color: #FA1515;
    color: #fff;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
    padding: 9px 30px;
}
.btn.btn-danger-sh:hover{
    color: #fff;
    background-color: #FA1515;
    opacity: .9;
}
.main-content .otp-input {
    width: 40px;
    border-bottom: 1px solid #CDD1D0;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    margin-right: 10px;
    text-align: center;
}

.otp-input:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
    border-bottom: 1px solid #00548A;
}

.main-content .form-group .form-control {
    background: #EFEFEF;
    border-radius: 30px;
    border: 1px solid #cccccc;
    height: calc(1.5em + 1rem + 5px);
    color: #000;
    font-weight: 400;
}

.main-content .form-group .form-control::placeholder {
    color: #BBBBBB;
    font-size: 14px;
}

.form-control:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}

.form-control:focus {
    box-shadow: 0 0 0 .0rem rgba(0, 0, 0, .25) !important;
    border: 1px solid #00548A !important;
}

.virtual_assistance-content .select-box {
    border: 1px solid #C59E59;
    padding: 1rem;
    border-radius: 10px;
    transition: ease all .3s;
    margin-bottom: 1.5rem;
    position: relative;
}
.token-details .token-card .select-box{
    border-radius: 20px;
    border-bottom: 0px;
}
.token-details .token-card a:hover .select-box{
    background-color: inherit;
}
.token-details .token-card a:hover .select-box .select-box-icon img {
    filter: none;
}
.token-details .token-card a:hover .select-box .select-box-content h4 {
    color: #C59E59;
}
.token-details .virtual_assistance-content .select-box-bottom{
    background-color: #00548A;
    padding: 10px 10px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    border-radius: 0px 0px 20px 20px;
}
.token-details .token-card .select-box-content{
    margin-bottom: 2rem;
}
.virtual_assistance-content .select-box-icon {
    color: #C59E59;
}

.virtual_assistance-content .select-box-icon i {
    font-size: 70px;
    color: #C59E59;
}

.virtual_assistance-content .select-box-icon img {
    width: 70px;
    height: 70px;
}

.virtual_assistance-content a:hover {
    text-decoration: none;
}

.virtual_assistance-content .select-box .select-box-content {
    margin-top: 1rem;
}

.virtual_assistance-content a:hover .select-box {
    background-color: #C59E59;
}

.virtual_assistance-content a:hover .select-box .select-box-icon img {
    filter: brightness(0) invert(1);
}

.virtual_assistance-content a:hover .select-box .select-box-content h4 {
    color: #fff;
}

.virtual_assistance-content a:hover .select-box-icon i {
    color: #fff;
}


/* ** select-css-add ** */
.visitor-visa-content .select2-container--default .select2-selection--single {
    background: #EFEFEF;
    border-radius: 30px;
    border: 1px solid #cccccc;
    height: calc(1.5em + 1rem + 5px);
    color: #000;
    font-weight: 400;
}
.visitor-visa-content .select2-container--default .select2-selection--multiple {
    background: #EFEFEF;
    border-radius: 30px;
    border: 1px solid #cccccc;
    height: calc(1.4em + 1rem + 5px); 
    color: #000;
    font-weight: 400;
    display: flex;
    align-items: center;
    cursor: pointer;
    /* padding-left: 10px; / */
}
.select2-container .select2-search--inline .select2-search__field{
    vertical-align: top!important;
    height: 22px!important;
}
.visitor-visa-content .select2-container .select2-selection--multiple .select2-selection__rendered{
    margin-bottom: 0;
    font-weight: 400;
    padding-left: 10px;
    color: #000;    
}
.visitor-visa-content .select2-container--default .select2-selection--single .select2-selection__arrow {
    background-image: url('../img/Vector.svg');
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    border: 0px;
    top: 16px;
    right: 14px;
}
.visitor-visa-content .select2-container--default .select2-selection--multiple::after{
    content: '';
    position: absolute;
    background-image: url('../img/Vector.svg');
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    border: 0px;
    top: 14px;
    right: 14px;

}
.visitor-visa-content .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
    line-height: 40px;
    height: 100%;
    padding-left: 15px;
    padding-right: 30px;
}

.visitor-visa-content .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0px;
}

.visitor-visa-content .select2-selection--single:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
    border: 1px solid #00548A;
}

.select2-search__field:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #bbbbbb 1px!important;
}
.select2-dropdown {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
    border: 0px !important;
    padding: 10px;
}
.select2-container--default .select2-search--inline .select2-search__field{
    cursor: pointer;
}
.select2-search--dropdown {
    margin-bottom: 5px;
    padding: 0px !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 5px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #00548A !important;
    color: #fff;
    border-radius: 5px;
}

.select2-results__option {
    margin-bottom: 7px;
    font-size: 14px;
    font-weight: 500;
    padding: 7px 15px !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #e8e8e8 !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    height: 35px !important;
    margin-right: 35px !important;
}

.select2-container--default .select2-results__option--selected {
    border-radius: 5px;
    background-color: #00548A !important;
    color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #BBBBBB !important;
    font-size: 14px;
}
.select2-container--default .select2-selection--multiple  .select2-search__field::placeholder {
    color: #BBBBBB !important;
    font-size: 14px;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear{
    margin-top: -5px!important;
    margin-right: 35px!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    display: inline-flex!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    font-size: 12px!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display{
    font-size: 12px!important;
}
.student-visa-coaching {
    border: 1px solid #CCCCCC;
    background-color: #F5F5F5;
    padding: 2rem;
    border-radius: 25px;
    margin-top: 25px;
}
.student-visa-coaching .form-check {
    margin-right: 1.5rem;
    display: flex;
    align-items: center;
    margin-right: 15px;
}
.student-visa-coaching .form-check-label {
    margin-left: 15px;
    font-size: 16px;
    font-weight: 600;
    color: #555555;
    vertical-align: middle;
}
/* Style for the checkboxes */
.student-visa-coaching  .form-check-input {
    width: 25px;
    height: 25px;
    background-color: #D9D9D9;
    border-radius: 4px;
    border: 0px solid #D9D9D9;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
}

.student-visa-coaching  .form-check-input:checked {
    background-color: #00548A;
    border-color: #00548A;
}

.student-visa-coaching  .form-check-input:focus {
    outline: none;
    box-shadow: 0 0 0 0px rgba(92, 184, 92, 0.25);
}
.student-visa-coaching .form-check-input{
    margin-top: 0;
}
.score-all .col{
    width: 20%;
}
.btn-score{
    margin-bottom: -2.5rem;
    padding-bottom: 1rem;
}

/* ********* 23-10-2024-css-add ********* */
.custom-radio {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #555555;
    font-size: 16px;
    font-weight: 600;
}

.custom-radio input[type="radio"] {
    display: none; /* Hide the default radio button */
}

.radio-mark {
    height: 22px;
    width: 22px;
    border: 2px solid #D9D9D9; 
    background-color: #D9D9D9;
    border-radius: 50%; 
   
    position: relative;
    margin-right: 10px;
    transition: background 0.3s, border-color 0.3s;
}

.custom-radio input[type="radio"]:checked + .radio-mark {
    background-color: #D9D9D9;
}

.custom-radio input[type="radio"]:checked + .radio-mark:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    height: 13px; 
    width: 13px; 
    background: #00548A; 
    border-radius: 50%; 
    transform: translate(-50%, -50%); 
}
/* ******* token-details-css-start ******* */

.token-details{
    margin-top: 10px;
}
.token-details .token-card{
    border: 1px solid #C59E59;
    border-radius: 10px;
}
.token-details .token-card .token-card-header{
    background-color: #C59E59;
    padding: 10px;
    border-radius: 7px 7px 0px 0px;
}
/* .token-details .token-card .card-body{
    padding: 1rem;
} */
/* Media Query Start */
@media only screen and (max-width: 768px) {
    .font-48 {
        font-size: 36px !important;
    }
    .font-30 {
        font-size: 22px !important;
    }
    .font-26 {
        font-size: 22px !important;
    }
    .font-24 {
        font-size: 20px !important;
    }
    .font-22 {
        font-size: 18px !important;
    }

    .font-20 {
        font-size: 15px !important;
    }

    .font-18 {
        font-size: 14px !important;
    }

    .font-16 {
        font-size: 14px !important;
    }

    .font-14 {
        font-size: 12px !important;
    }

    .main-content .procees-content .logo img {
        width: 170px;
    }

    #mobile_code::placeholder,
    #wp_number::placeholder,
    #mobile_num::placeholder {
        font-size: 12px;
    }

    .main-content .iti__selected-flag {
        padding: 10px 8px 2px 12px;
    }

    .main-content .iti__flag {
        border-radius: 2px;
    }

    #mobile_code,
    #wp_number,
    #mobile_num {
        height: calc(1.5em + 1rem + 0px);
        padding-left: 60px;
    }

    .main-content .form-group .form-control {
        height: calc(1.5em + 1rem + 0px);
    }

    .btn.btn-primary-sh {
        padding: 7px 20px;
        font-size: 12px;
    }
    .btn.btn-danger-sh{
        padding: 7px 20px;
        font-size: 12px;
    }
    .btn.btn-primary-sh-second{
        padding: 7px 20px;
        font-size: 12px;
    }

    .main-content .procees-content .logo img {
        margin-bottom: 1rem;
    }

    .procees-content-start.mb-4 {
        margin-bottom: 1rem !important;
    }

    .main-content {
        padding: 1rem .5rem;
    }

    .virtual_assistance-content .row .col-md-3 {
        width: 50%;
        padding: 0px 7px;
    }

    .virtual_assistance-content .select-box-icon img {
        width: 40px;
        height: 40px;
    }

    .form-group {
        margin-bottom: .5rem !important;
    }

    .visitor-visa-content .select2-container--default .select2-selection--single {
        height: calc(1.2em + 1rem + 0px);
    }

    .visitor-visa-content .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 30px;
        font-size: 12px;
    }

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        font-size: 12px;
    }

    .visitor-visa-content .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 12px;
        width: 10px;
        height: 10px;
    }

    .mt-sm-1 {
        margin-top: .5rem;
    }

    .visitor-visa-content label.font-16 {
        font-size: 12px !important;
        margin-bottom: .2rem !important;
    }

    .select2-dropdown {
        padding: 5px;
    }

    .select2-results__option {
        margin-bottom: 5px;
        font-size: 12px;
        padding: 5px 10px !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__clear {
        height: 27px !important;
        margin-right: 27px !important;
    }

    .virtual_assistance-content .select-box {
        margin-bottom: 1rem;
        padding: 1rem .5rem .5rem;
    }

    .virtual_assistance-content .select-box .select-box-content h4.font-20 {
        font-size: 14px !important;
    }

    .virtual_assistance-content .select-box-icon i {
        font-size: 40px;
    }
    .score-all .col{
        width: 100%;
        flex-basis: auto;
    }
    .student-visa-coaching{
        padding: 1rem;
    }
    .student-visa-coaching .form-check-input {
        width: 20px;
        height: 20px;
    }
    .student-visa-coaching .form-check-label {
        margin-left: 5px;
        font-size: 12px;
    }
    .text-right.mobile-text-center{
        text-align: center!important;
        margin-top: 10px;
    }
    .text-left-mobile{
        text-align: left!important;
    }
    
    .mt-sm-2{
        margin-top: .5rem !important;   
    }
    .custom-radio{
        font-size: 14px;
        margin-bottom: 0;
    }
    .radio-mark {
        height: 18px;
        width: 18px;
    }
    .custom-radio input[type="radio"]:checked + .radio-mark:after {
        height: 10px;
        width: 10px;
    }
    .token-details .token-card .select-box-content {
        margin-bottom: 3.5rem;
    }
    .token-details .row .col-md-4 {
        width: 50%;
        padding: 0px 7px;
    }
    .token-details .row .col-md-4.no-width-mobile{
        width: 100%;
    }
    .token-details .token-card .select-box {
        border-radius: 10px;
    }
    .token-details .virtual_assistance-content .select-box-bottom{
        border-radius: 0px 0px 9px 9px;
    }
}
.error{
    font-size: 14px;
}