.dashboard-layout .login-header-home .navbar-expand-lg .navbar-nav .nav-link:hover img.dark,.dashboard-layout .login-header-home .navbar-expand-lg .navbar-nav .nav-link.active img.dark, .dashboard-layout .login-header-home .navbar-expand-lg .navbar-nav .nav-link img.light{
    display: none;
}
.dashboard-layout .login-header-home .navbar-expand-lg .navbar-nav .nav-link:hover img.light,.dashboard-layout .login-header-home .navbar-expand-lg .navbar-nav .nav-link.active img.light, .dashboard-layout .login-header-home .navbar-expand-lg .navbar-nav .nav-link img.dark{
    display: block;
}
.dashboard-layout .login-header-home .navbar-expand-lg .navbar-nav .nav-link:hover,.dashboard-layout .login-header-home .navbar-expand-lg .navbar-nav .nav-link:active,.dashboard-layout .login-header-home .navbar-expand-lg .navbar-nav .nav-link.active{
    background: #597AD1;
    box-shadow: 4px 4px 32px rgba(103, 90, 255, 0.07);
    border-radius: 10px;
    color: #fff;
}
.dashboard-layout .login-header-home .navbar-expand-lg .navbar-nav .nav-link i{
    filter: grayscale(100%);
    opacity: 0.6;
}
.dashboard-layout .login-header-home .navbar-expand-lg .navbar-nav .nav-link:hover i,.dashboard-layout .login-header-home .navbar-expand-lg .navbar-nav .nav-link:active i,.dashboard-layout .login-header-home .navbar-expand-lg .navbar-nav .nav-link.active i{
    filter: grayscale(100%);
    opacity: 1;
}
.dashboard-layout .login-header-home .navbar-expand-lg .bell-icon{
    background: #FFFFFF;
    border-radius: 8px;
    padding: 10px;
    color: #597AD1;
    font-size: 23px;
    line-height: 23px;
    margin-right: 12px;
}
.dashboard-layout .input-group.search{
    max-width: 450px;
    background: #FFFFFF;
    border-radius: 8px; 
    height: 45px;
    margin-right: 60px;
}
.view-all-btn{
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    text-align: right;
    text-decoration-line: underline;
    color: #597AD1;
    cursor: pointer;
}
.border-account{
    border: 1px solid rgba(89, 122, 209, 0.5);
    border-radius: 10px;
}

.dropdown .dropdown-menu{

}
.dropdown .dropdown-menu .dropdown-item {
    font-size: 12px !important;
}
.dropdown .dropdown-menu{
    max-height: 250px;
    overflow-y: scroll;
}
.dropdown .dropdown-menu .dropdown-item:hover,
.dropdown .dropdown-menu .dropdown-item:focus,
.dropdown .dropdown-menu .dropdown-item:active{
    background-color: #597AD1 !important;
    color: #fff;
}

.profile-dropdown.bottom{
    background-color: transparent;
    border: none;
    outline: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    margin: 0 10px ;
    padding: 0;
    color: #fff !important;
}
.profile-dropdown.bottom:hover,.profile-dropdown.bottom:active,.profile-dropdown.bottom:focus{
    border: none;
    box-shadow:  none !important;
    background-color: transparent;
    outline: none;
}
.admin-small-head{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #24242E;
    margin-bottom: 15px;
}
.set-student-btn{
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 0.4px solid #ddd;
}
.set-student-btn .select-student-btn{
    background-color: transparent;
    border: none;
    color: #434343;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    text-align: center;
    letter-spacing: 1px;
    min-width: 120px;
    padding: 12px 30px;
}
.set-student-btn .select-student-btn.active,.set-student-btn .select-student-btn:hover,.set-student-btn .select-student-btn:active{
    color: #597AD1;
    font-weight: 800;
}
/*=============================dashboard====================================*/
.dashboard-layout{
    background-color: #F5f5f5;;
}
.dashboard-layout .dash-outer-box{
    background-color: #FFFFFF;
}
.dashboard-layout .dash-outer-box .pad-set{
    padding: 20px 32px;
}
.dashboard-layout .dash-outer-box .register-border{
    border-bottom:  1px solid rgba(0, 0, 0, 0.1);
}
.dashboard-layout .grey-dash-box {
    background-color: #f5f5f5;
    padding: 25px;
    border-radius: 10px;
    margin-bottom: 24px;
    min-height: 250px;
    position: relative;
    border: 2px solid #597AD1;
}

.dashboard-layout .grey-dash-box  .d-flex .left-content{
    max-width: 80%;
}
.dashboard-layout .grey-dash-box.small{
    min-height: auto;
    box-shadow: -1px 1px 4px rgba(0, 0, 0, 0.25), 1px -1px 4px rgba(0, 0, 0, 0.25);
}
.dashboard-layout .grey-dash-box.small-block{
    min-height: 180px;
}
.dashboard-layout .grey-dash-box.small-block .for-dash-h4 + h5{
    font-size: 24px;
    line-height: 32px;
}
.dashboard-layout .inter-grey-box{
    background: #F5F5F5;
    border-radius: 10px;
}
.dashboard-layout .inter-grey-box.shadow-set{
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    position: relative;
}
.dashboard-layout .inter-grey-box.shadow-set:before{
    content: "";
    position: absolute;
    background-image: url(../images/border-left-instruct.png);
    background-size: contain;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    right: auto;
    background-repeat: no-repeat;
}

.dashboard-layout .instruct-inner-content li{
    position: relative;
    list-style: none;
}
.dashboard-layout .instruct-inner-content li::before{
    /* list-style: georgian; */
    content: "";
    position: absolute;
    left: -16px;
    right: auto;
    top: 2px;
    background-image: url(../images/instruct-list.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}
.dashboard-layout .instruct-inner-content li h4{
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #597AD1;
}
.dashboard-layout .instruct-inner-content li p{
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #44475B;
}
.dashboard-layout .grey-dash-box .left-content h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    color: #597AD1;
    
}
.dashboard-layout .for-dash-h4{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #597AD1;
}
.dashboard-layout .grey-dash-box .left-content span{
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #597AD1;
}
.dashboard-layout .grey-dash-box .left-content .blue-content{
    padding-left: 0;
}
.dashboard-layout .grey-dash-box .left-content .blue-content li{
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    list-style: none;
    line-height: 22px;
    color: #597AD1;
}
.dashboard-layout .grey-dash-box .left-content  .black-inner.list-course li{
   
    list-style: disc;
    
}
.dashboard-layout .grey-dash-box .left-content .blue-content li .black-inner{
    padding-left: revert;
}
.dashboard-layout .grey-dash-box .left-content .blue-content li .black-inner li{
    list-style:disc;
    color: rgba(36, 36, 46, 0.7);
    font-weight: 500;
    margin: 3px 0;
}
.dashboard-layout .grey-dash-box .left-content p{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #44475B;
}
.dashboard-layout .grey-dash-box .view-all{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    text-align: right;
    text-decoration-line: underline;
    color: #597AD1;
    position:absolute;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
}
.dashboard-layout .grey-dash-box .left-content ul{
    padding-left: 0;
    /* max-width: 203px; */
    list-style: none;
    margin-bottom: 0;
}
.dashboard-layout .grey-dash-box .left-content ul li{
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    color: #44475B;
    margin: 6px 0;
}

.dashboard-layout .grey-dash-box .left-content .perform-list li{
    font-size: 14px;
}
.dashboard-layout  .right-image{
    position: relative;
    display: inline-block;
}
.dashboard-layout  .right-image .edit-image{
    position: absolute;
    bottom: 0;
    right: 0;
}
.dashboard-layout  .right-image .edit-image input[type="file"]{
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    top: 0;
    left: 0;
}
.profile-student{
    position: relative;
    display: inline-block;
}
.profile-student .uploadOuter input[type="file"]{
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    top: 0;
    left: 0;
}
.dashboard-layout  .right-image .logo{
    height: 87px;
    object-fit: cover;
    width: 87px;
    border-radius: 50%;
    border: 2px solid #597AD1;
}
.school-profile-detail h4{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #597AD1;
    margin-bottom: 0;
}
.school-profile-detail p{
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    color: #44475B;
    margin-bottom: 0;
}
/*=============================table exam schedule====================================*/
.table-exam-schedule{
    margin-top: 20px;
}
.table-exam-schedule .table{
    border-collapse: separate;
    border-spacing: 0 10px;
}
.table-exam-schedule  tr th{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #44475B;
    border: none;
}
.personal-profile img{
    height: 50px;
    width: 50px;
    border-radius: 50%;
    border: 2px solid #597AD1;
}
.table-exam-schedule  .report-small  tr th{
    font-size: 14px;
    font-weight: 600;
}
.table-exam-schedule tbody  tr{
    background: #F5F5F5;
    border-radius: 10px;
    position: relative;
}
.table-exam-schedule tbody  tr td:first-child{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.table-exam-schedule.border-left tbody  tr td:first-child{
    border-radius: 0;
    border-left: 7px solid #597AD1;
}
.table-exam-schedule .admin-calculate {
    min-width: 2400px;
}
.table-exam-schedule tbody  tr td:last-child{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.table-exam-schedule  tr th{
    padding: 2px 18px;
    vertical-align: middle;

}
.table-exam-schedule  tr td{
    padding: 25px 20px;
    font-style: normal;
    vertical-align: middle;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #44475B;
    border: none;
    word-break: break-all;
}

.table-exam-schedule tr td .timer{
    gap: 30px;
}
.table-exam-schedule tr td .timer p{
    margin-bottom: 5px;
    text-align: center;
}
.table-exam-schedule tr td .timer span{
    color: rgba(36, 36, 46, 0.6);
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

.table-exam-schedule  tr td.approve{
    color: #00B400;
}
.table-exam-schedule  tr td.pending{
    color: #EB9E47;
}
.table-exam-schedule  tr td.failed{
    color: #D00000;
}
.text-blue-theme{
    color: #597AD1;
}
 .action-icon,.table-exam-schedule tr td .certificate-icon  {
    gap: 12px;
}
.action-icon a {
    border: 1px solid #597AD1;
    border-radius: 8px;
    color: #597AD1 !important;
    font-size: 18px;
    padding: 8px;
    min-width: 30px;
}
.table-exam-schedule tr td .certificate-icon a{
    color: #597AD1;
    font-size: 18px;
}
.table-exam-schedule tr td .certificate-icon.failed a{
    color:rgba(36, 36, 46, 0.3);
}
.table-exam-schedule.less-padding tr td {
    padding: 11px 20px;
}
.table-exam-schedule tr td p{
    margin-bottom: 0;
}
.table-exam-schedule.less-padding tr .table-space-btn{
    padding: 0;
}
.admin-manage-btn{
    font-size: 12px;
    padding: 8px;
}
.admin-manage-btn i{
    font-size: 18px;
}
.dropdown-table-space table{
    margin-bottom: 70px;
}
.admin-manage-span{
    color: rgba(36, 36, 46, 0.60);
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 21px */
    letter-spacing: -0.154px;
}
.table-exam-schedule.less-padding tr .table-space-btn button{
    background: #597AD1;
    border-radius: 10px;
    padding: 17px 19px;
    border: transparent;
    color: #fff;
    font-size: 18px;
    height: 58px;
}
.book-btn{
    background: #597AD1;
    border: 1px solid #597AD1;
    border-radius: 5px;
    padding: 10px;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    letter-spacing: 1px;
    color: #FFFFFF;
    cursor: pointer;
    text-decoration: none;
}
.book-btn:hover{
    color: #fff;
}
.common-all-btn, .green-all-btn, .border-all-btn {
    border-radius: 20px;
    padding: 8px 18px;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 1px;
    cursor: pointer;
    text-decoration: none;
}
.common-all-btn{
    background: #597AD1;
    border: 1px solid #597AD1;
    color: #FFFFFF;
}


.common-all-btn a {
    color: #fff;
    text-decoration: none;
}

.samewidth{
    padding: 10px 34px;
}
.green-all-btn{
    color: #00B400;
    border: 1px solid #00B400; 
    background-color: transparent;   
}
.border-all-btn{
    background: #fff;
    border: 1px solid #597AD1;
    color: #44475B;
    position: relative;
}
.border-all-btn input{
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.common-all-btn:hover{
    color: #FFFFFF;
}
.same-head-dash{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #597AD1;
}
.same-para-dash{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #44475B;
    margin-bottom: 0;
}
.dash-outer-box .for-line:before{
    border: 1px solid red;
    background-color: red;
    height: 2px;
    width: 100%;
    position: absolute;
}
/*=============register student==========*/
.table-head-drop{
    flex-wrap: wrap;
    margin-bottom: 20px;
    gap: 20px;
}
.table-head-drop .dropdown button,.table-head-drop .dropdown button:hover,.table-head-drop .dropdown button:focus,.table-head-drop .input-group .form-control{
    border: 1px solid #597AD1;
    border-radius: 8px;
    color: #44475B;
    background-color: transparent;
    box-shadow: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    padding: 8px 16px;
}
.dropdown.dropdown-download.session button{
    padding-right: 24px;
    color: white;
    border: 1px solid #587ad1 !important;
    min-width: 128px;
    letter-spacing: 1px;
}
 .dropdown.dropdown-download.session .dropdown-menu{
    padding: 4px 0 4px 4px;
    overflow-x: hidden;
}

 .dropdown.dropdown-download.session button::after{
    color: #fff;
    position: absolute;
    top: 15px;
    right: 8px;
}

.table-head-drop .dropdown .dropdown-item:hover{
    background-color: #597AD1;
    color: #fff;
    border-radius: 4px;
}
.paginate-register .pagination{
    margin-bottom: 0;
    gap: 8px;
}
.paginate-register .pagination .page-item .page-link {
    background-color: #F5F5F5;
    border-radius: 10px;
    padding: 0px 8px;
    height: 44px;
    width: 44px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #24242E;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    border: transparent;
}
.paginate-register .pagination .page-item .page-link:hover,.paginate-register .pagination .page-item.active .page-link,.paginate-register .pagination .page-item .page-link:active{
    background: #597AD1;
    color: #fff;
}
.dashboard-layout .test-back-box{
    background: #F5F5F5;
    border-radius: 10px;
    /* min-width: 279px; */
}
.dashboard-layout .test-back-box .exam-schedule-input{
    background-color: #fff;
    border-top-right-radius: 5px;
    border-left: 4px solid #597AD1;
    border-bottom-right-radius: 5px;
    padding: 5px 14px;
    justify-content: space-around;
}
.dashboard-layout .test-back-box .exam-schedule-input h4{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #24242E;
    margin-bottom: 0;
    text-align: center;
}
.dashboard-layout .test-back-box .exam-schedule-input p{
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: rgba(36, 36, 46, 0.6);
    margin-bottom: 0;
}
/* .dashboard-layout .pre-test-schedule {
    padding-left: 0;
    flex-wrap: wrap;
}
.dashboard-layout .pre-test-schedule li{
    list-style: none;
    width: 28%;
    margin: 15px;
} */
.dashboard-layout .test-back-box .head-blue{
    background: #597AD1;
    border-radius: 10px 10px 0px 0px;
    padding: 7px;
}
.dashboard-layout .test-back-box .head-blue h4{
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 0;
}
.dashboard-layout .test-back-box .test-inner{
    padding: 16px;
    margin: 15px 10px;
}
.dashboard-layout .test-back-box .test-inner .form-label,.contact-add .form-label{
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #24242E;
}

.dashboard2 .test-back-box{
    /* background: #F5F5F5; */
    border-radius: 10px;
    /* min-width: 279px; */
}
.dashboard2 .test-back-box .exam-schedule-input{
    background-color: #fff;
    border-top-right-radius: 5px;
    border-left: 4px solid #597AD1;
    border-bottom-right-radius: 5px;
    padding: 5px 14px;
    justify-content: space-around;
}
.dashboard2 .test-back-box .exam-schedule-input h4{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #24242E;
    margin-bottom: 0;
    text-align: center;
}
.dashboard2 .test-back-box .exam-schedule-input p{
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: rgba(36, 36, 46, 0.6);
    margin-bottom: 0;
}
/* .dashboard-layout .pre-test-schedule {
    padding-left: 0;
    flex-wrap: wrap;
}
.dashboard-layout .pre-test-schedule li{
    list-style: none;
    width: 28%;
    margin: 15px;
} */
.dashboard2 .test-back-box .head-blue{
    /* background: #597AD1; */
    border-radius: 10px 10px 0px 0px;
    padding: 7px;
}
.dashboard2 .test-back-box .head-blue h4{
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #597ad1 !important;
    margin-bottom: 0;
}
.dashboard2 .test-back-box .test-inner{
    /* padding: 16px;
    margin: 15px 10px; */
}
.dashboard2 .test-back-box .test-inner .form-label,.contact-add .form-label{
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #24242E;
}
.contact-add .form-label{
    font-weight: 500;
}
.contact-add .image-file-icon{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
    background: #FFFFFF;
    border: 1px solid #597AD1;
    border-radius: 8px;
    color: #597AD1;
    position: relative;
    cursor: pointer;
}
.contact-add .image-file-icon input[type="file"]{
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    top: 0;
    left: 0;
    cursor: pointer;
}
/* .dashboard-layout .test-back-box .test-inner .form-control,.dashboard2 .test-back-box .test-inner .form-control,.dashboard-layout .test-back-box .test-inner .form-select,.contact-add .form-select,.contact-add .form-control,.dashboard2 .test-back-box .test-inner .form-select{
    background-color: #FFFFFF !important;
    border-radius: 0px 5px 5px 0px;
    border-left: 4px solid #597AD1 !important;
    font-size: 14px;
    padding: 10px 14px;
    border-top: 0px !important;
    border-right: 0px !important;
    border-bottom: 0px !important;
} */
.dashboard2 .test-back-box .test-inner .form-control,.dashboard2 .test-back-box .test-inner .form-select{
    color: #000;
    background-color: #f1f1f1 !important;
}
.contact-add .form-control,.contact-add .form-select{
    border-top: 1px solid #597AD1 !important;
    border-right: 1px solid #597AD1 !important;
    border-bottom: 1px solid #597AD1 !important;
}
.dashboard2 .test-back-box .test-inner .form-control:focus, .dashboard2 .test-back-box .test-inner .form-select:focus{
    box-shadow: none;
    box-shadow: transparent;
}
.dashboard-layout .test-back-box .test-inner .form-select option,.dashboard2 .test-back-box .test-inner .form-select option,.contact-add .form-select option{
    color: #000;
}
.contact-add .form-control:active,.contact-add .form-control:focus,.dashboard-layout .test-back-box .test-inner .form-control:active, .dashboard-layout .test-back-box .test-inner .form-control:focus,.dashboard-layout .test-back-box .test-inner .form-select:active,.dashboard-layout .test-back-box .test-inner .form-focus:active{
    box-shadow: none;
    border-top: 1px solid #597AD1 !important;
    border-right: 1px solid #597AD1 !important;
    border-bottom: 1px solid #597AD1 !important;
}
.dashboard-layout .test-back-box .test-inner .form-select:focus{
    box-shadow: none;
    border-top: 1px solid #597AD1 !important;
    border-right: 1px solid #597AD1 !important;
    border-bottom: 1px solid #597AD1 !important;
}
.dashboard-layout .test-back-box .test-inner .form-select:focus-visible,.dashboard-layout .test-back-box .test-inner .form-control:focus-visible{
    box-shadow: none;
    border-top: 1px solid #597AD1 !important;
    border-right: 1px solid #597AD1 !important;
    border-bottom: 1px solid #597AD1 !important; 
}
.dashboard-layout .dash-outer-box .result-detail ul{
    display: flex;
    padding-left: 0;
    gap: 20px;
    margin-bottom: 25px;
    padding-top: 10px;
}
.dashboard-layout .dash-outer-box .result-detail ul li{
    width: 20%;
    list-style: none;
}
.dashboard-layout .dash-outer-box .table-dispatch .table tr{
    border: transparent;
}
.dashboard-layout .dash-outer-box .result-detail ul li p,.dashboard-layout .dash-outer-box .table-dispatch .table tr td{
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    color: #24242E;
    margin-bottom: 16px;
}
.border-dispatch-hr{
    border: 1px solid rgba(0, 0, 0, 0.15);
    margin: 0;
}
.dispatch-right-border{
    border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.dashboard-layout .dash-outer-box .result-detail ul li p.green-text{
    color: #00B400;
}
.green-content{
    color: #00B400 !important   ;
}
.dashboard-layout .dash-outer-box .result-detail ul li p.red-text{
    color:  #D00000;
}
/*============================================question answer===============================*/
.header-exam-login {
    background-color: #f5f5f5;
    position: sticky;
    left: 0;
    right: 0;
    top: 0;
    padding: 10px 0;
    box-shadow: 4px 0px 2px rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    z-index: 100;
}
.header-exam-login .main-head h3{
    font-weight: 500;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: #597AD1;
}
.header-exam-login .timer h5{
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 0;
}
.header-exam-login .exam-head-profile{
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 10px;
}
.header-exam-login .exam-head-profile img {
    border: 1px solid #597AD1;
    width: 70px;
    height: 70px;
    border-radius: 50%;
}
.header-exam-login .exam-head-profile h4{
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #597AD1;
    margin-bottom: 0;
}
.header-exam-login .exam-head-profile p{
    margin-bottom: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    color: #44475B;
}
.header-exam-login .timer-inner{
    background-image: url(../images/timer.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 72px;
    width: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-exam-login .timer-count p{
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 25px;  
    text-align: center;
    color: #597AD1;
    margin-bottom: 0;
}
.header-exam-login .timer-count span{
    font-size: 14px;
    line-height: 17px;
    color: #597AD1;
}
/*===============================end of exam header=========================================*/
.back-color-ques{
    background-color: #f5f5f5;
    min-height: 100vh;
}
.questions-box{
    background: #FFFFFF;
    margin: 15px 0px;
    padding: 10px;
}
.questions-box .question-head{
    padding: 10px 50px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.questions-box .question-head .blue-index h3{
    background: #597AD1;
    border-radius: 40px;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #FFFFFF;
}
.questions-box .question-head .ques-content p {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #44475B;
}
.questions-box .question-head .ques-hint a{
    text-decoration-line: underline;
    color: #597AD1;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
}
.questions-box .question-content {
    padding: 20px;
    border: 2px solid #597AD1;
    margin: 20px;
    background-color: #ece9e9;
    border-radius: 10px;
}
.questions-box .question-content .answer-option ul {
    bottom: 0;
    padding: 0;
    margin-top: 14px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}
.questions-box .question-content .answer-option ul li {
    width: 50%;
    padding: 25px 15px;
    list-style: none;
}
.questions-box .question-content .answer-option ul li button {
    width: 100%;
    position: relative;
    background: #fff;
    border-radius: 10px;
    height: 58px;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #44475B;
    border: none;
    outline: none;
    text-align: left;
    padding: 0 0 0 80px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.questions-box .question-content .answer-option ul li button span{
    background: #597AD1;
    border-radius: 10px;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 24px;
    line-height: 29px;
    padding: 15px 25px;
    margin-right: 10px;
    text-align: center;
    color: #FFFFFF;
}

.questions-box .question-content .answer-option ul li button:hover, .questions-box .question-content .answer-option ul li button:focus, .questions-box .question-content .answer-option ul li button:active, .questions-box .question-content .answer-option ul li button.active {
    background-color: #639e63;
    color: #fff;
}


.questions-box .question-content .answer-option ul li button:hover span,
.questions-box .question-content .answer-option ul li button:focus span,
.questions-box .question-content .answer-option ul li button:active span,
.questions-box .question-content .answer-option ul li button.active span{
background-color: #fff;
color: #639e63;
}


.questions-box .heading{
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    text-transform: capitalize;
    color: #597AD1;
}
.questions-box.back-set-image{
    background-image: url(../images/submit-back.png);
    background-position:  center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    text-align: center;
    padding:60px 0;
    width: auto;
}
.questions-box .submit-img{
    margin:40px 0;
}
.dashboard-layout .delivery-form .form-select{
    border: none !important;
    background-color: #fff !important;
}
.dashboard-layout .delivery-form .form-select.class_for_border{
    border: 1px solid #597AD1 !important;
    /* background-color: #fff !important; */
}

.dashboard-layout .delivery-form .select-faq{
    border: 1px solid #597AD1 !important;
}
.dashboard-layout .delivery-form .form-control{
    background-color: #fff !important;
}
.dashboard-layout .delivery-form .form-control[readonly]{
    background-color: #F5F5F5 !important;
    border: none !important;
}

.dashboard-layout .form-control::placeholder{
    font-weight: 400;
}


.dashboard-layout .input-group.search-faq{
    border-radius: 20px;
    max-width: 200px;
}
.dashboard-layout .input-group.search-faq .form-control{
    padding: 6px 15px;
}
/*======================================accordion faq=======================================*/
.faq-section {
    margin: 30px 0;
}
.faq-section .accordion{
    --bs-accordion-border-radius:0px;
    --bs-accordion-border-color:transparent;
    border-left: 8px solid #597AD1;
}
.faq-section .accordion-item:first-of-type .accordion-button{
    background-color: transparent;
    border-radius: 0px;
}
.faq-section .accordion-button:focus{
    border-color: transparent;
    box-shadow: none;
}
.faq-section .accordion-button{
    background-color:#F5F5F5 ;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #24242E;
}
.faq-section .accordion-button:not(.collapsed){
    background-color:#F5F5F5 ;
    color: #24242E;
}
.faq-section  .accordion-body{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #24242E;
}
.faq-section .accordion-item{
    background: #F5F5F5;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    
}
.faq-section .accordion-button::after{
    background-image: url(../images/plus-faq.png);
}
.faq-section .accordion-button:not(.collapsed)::after{
    background-image: url(../images/minus-faq.png);
}
/*=================================end faq==================================*/
.test-box-new h4 span{
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: -0.011em;
    color: #44475B;
    margin-top: 1rem;
}
/* ================================account setting ================================*/
.account-set-inner{
    background: #F5F5F5;
    border-radius: 6px;
    border-left: 9px solid #597AD1;
    padding: 10px 25px;
    border-bottom:1px solid  rgba(36, 36, 46, 0.1);
}
.account-set-inner.show-gradient:hover{
    background-color: #DEE4F6;
}
.account-set-inner .user{
    color: #fff;
    background: #597AD1;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.account-set-inner h2{
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 0;
    text-align: center;
    color: #FFFFFF;
}
.account-set-inner  h4{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #597AD1;
    margin-bottom: 0px;
}
.account-set-inner .set-marg{
    margin-left: 25px;
}
.account-set-inner p{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #24242E;
    margin-bottom: 0;
}
.account-set-inner a{
    color: #597AD1 !important;
    cursor: pointer;
    min-width: 30px;
    text-align: center;
}
.account-set-inner a i{
    font-size: 20px;
    font-weight: 700;
}
.account-set-inner .survey-link{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-decoration-line: underline;
    color: #597AD1;
    cursor: pointer;
}
.account-set-inner span{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: rgba(36, 36, 46, 0.6);
}
.account-tabs .nav-tabs .nav-link.active,.account-tabs .nav-tabs .nav-link:hover,.account-tabs .nav-tabs .nav-link:focus{
    background-color: transparent;
    border-color: transparent;
}
.account-tabs .nav-tabs .nav-link.active{
    color: #597AD1;
}
.account-tabs .nav-tabs .nav-link{
    padding: 15px 32px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: rgba(68, 71, 91, 0.5);
}
.delivery-form .select-faq .input-group-text{
    display: inline-block;
    background-color: transparent;
    border: transparent;
    color: #597AD1;
}
.delivery-form .react-datepicker-wrapper{
    display: inline-block;
    width: 80% ;
}
.delivery-form .react-datepicker-wrapper input{
    width: 100%;
    padding: 10px;
    background-color: transparent;
    border: none;
}
.delivery-form .react-datepicker-wrapper input[readonly]{
    background-color: #F5F5F5 !important;
    border: none !important;
}
.delivery-form .react-datepicker-wrapper input:focus-visible{
    border: none;
    outline: none;
}
.order-head{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #24242E;
    margin-bottom: 16px;
}
.order-table table{
    margin-bottom: 0;
    position: relative;
}
.order-table tr{
    border: transparent;
}
.order-table .big-content td{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    padding: 12px 0;
    color: #24242E;
}
.order-table td{
    vertical-align: middle;
}
.order-table .small-content td{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #24242E;
    padding: 12px 0;
}
.order-table .small-content td.padding-less{
    padding: 5px 0;
}
.order-table .line-table{
    height: 1px ;
    width: 100%;
    background-color:rgba(0, 0, 0, 0.1);
    position: absolute;
}
.order-table .big-content.set-border-pad tr{
    border-bottom:1px solid rgba(0, 0, 0, 0.1);
} 
.order-table .big-content.set-border-pad tr:last-child{
    border: transparent;
}
.dashboard-layout .book-item-input .input-group{
    border: none !important;
    width: fit-content;
}
.dashboard-layout .book-item-input .input-group .form-control{
    max-width: 50px;
    padding: 0 10px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #24242E;
}
.dashboard-layout .book-item-input .input-group .btn{
    color: #24242E;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    line-height: 20px;
    font-size: 24px;
    border-radius: 0;
}
.dashboard-layout .book-item-input .input-group .btn:focus{
    box-shadow: none;
}
.order-table .big-content.set-border-pad td{
    padding: 24px 0;
}
.order-table .big-content.set-border-pad td a{
    cursor: pointer;
}
/*======================================order shipment===================================*/
.order-shipment{
    margin: 80px 0;
}
.order-tracking{
	text-align: center;
	width: 33.33%;
	position: relative;
	display: block;
}
.order-tracking .is-complete{
	display: block;
	position: relative;
	border-radius: 50%;
	height: 30px;
	width: 30px;
	border: 4px solid rgba(89, 122, 209, 0.3);
	background-color: #fff;
	margin: 0 auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
	z-index: 2;
}
.order-tracking .is-complete:after {
	display: block;
	position: absolute;
	content: '';
	height: 14px;
	width: 7px;
	top: -2px;
	bottom: 0;
	left: 11px;
	margin: auto 0;
	border: 0px solid #AFAFAF;
	border-width: 0px 2px 2px 0;
	transform: rotate(45deg);
	opacity: 0;
}
.order-tracking.completed .is-complete{
	border-color: #597AD1;
    border-width: 4px;
    background-color: #fff;
}
.order-tracking.completed .is-complete:after {
	border-color: #597AD1    ;
	border-width: 0px 3px 3px 0;
	width: 7px;
	left: 8px;
	opacity: 1;
}
.order-tracking p {
	color: #A4A4A4;
	font-size: 16px;
	margin-top: 8px;
	margin-bottom: 0;
	line-height: 20px;
}
.order-tracking p span{font-size: 14px;}
.order-tracking.completed p{color: #000;}
.order-tracking::before {
	content: '';
	display: block;
	height: 20px;
	width: calc(100% - 20px);
	background-color: rgba(89, 122, 209, 0.3);
	top: 5px;
	position: absolute;
	left: calc(-50% + 10px);
	z-index: 0;
}
.order-tracking:first-child:before{display: none;}
.order-tracking.completed:before{background-color: #597AD1;}
/*======================================order shipment end===================================*/

/*========================== radio button =======================*/
.personal-radio-line{
    display: flex;
    gap: 20px;
    align-items: center;
    margin: 40px 0  ;
}
.personal-radio-line.question{
    margin:  20px;
}
.personal-radio-line .radio-btn input[type=radio] {
    position: absolute;
    /* opacity: 0; */
    margin: 5px;
}
.personal-radio-line .radio-btn input[type=radio] + .radio-label:before {
    content: "";
    background: #fff;
    border: 1px solid #587ad1;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    top: 0;
    margin-right: 1em;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
    border-radius: 50%;
}
.personal-radio-line .radio-btn input[type=radio]:checked + .radio-label:before {
    background: #597AD1;
    box-shadow: inset 0 0 0 4px #fff;
    border: 1px solid #597AD1;
}
.personal-radio-line .radio-btn label{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #44475B;
}
/*============================checkbox===================*/
.checkbox-admin label{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #24242E;
}
/* .checkbox-admin label input{
    height: 18px;
    width: 18px;
} */
.checkbox-admin  input[type="checkbox"] {
    /* accent-color: #00B400; */
}

.checkbox-admin .form-group {
    display: block;
    margin-bottom: 15px;
  }
  
  .checkbox-admin .form-group input {
    padding: 0;
    height: 18px;
    width: 18px;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
  }
  
  .checkbox-admin .form-group label {
    position: relative;
    cursor: pointer;
  }
  
  .checkbox-admin .form-group label:before {
    content:'';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #00B400;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
  }
  
  .checkbox-admin  .form-group input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #00B400;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }
  /*checkbox end*/
.communication-list{
    background: #F5F5F5;
    border: 1px solid #597AD1;
    border-radius: 0px 5px 5px 0px;
    border-left: 4px solid #597AD1;
    padding:  15px 11px;
    margin: 8px 0;
}
.communication-list p{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #24242E;
    margin-bottom: 10px;
}
.communication-list p span{
    font-weight: 500;
}
.communication-list .success{    
    background: rgba(0, 255, 0, 0.1);
    border-radius: 2px;
    padding: 2px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #00B400;
    outline: none;
    border: none;
    box-shadow: none;
    margin-bottom: 0;
}
.communication-list .pending{
    background: rgba(225, 76, 76, 0.1);
    border-radius: 2px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #EB9E47;
    outline: none;
    border: none;
    box-shadow: none;
    margin-bottom: 0;
}
.communication-list a{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    text-decoration-line: underline;
    color: #597AD1;
}
.communication-list .email i{
    font-size: 16px;
    color: #597AD1;
}
.all-list-border{
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin: 25px 0;
}
.all-list-border h4{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #597AD1;
}
/*modal*/
.muliple-student-box.for-modal .img-add-new{
    width: 33%;
}
.modal-content .modal-para{
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #597AD1;
}
.communicate-line{
    display: flex;
    gap: 24px;
    align-items: center;
    margin: 25px 0;
}
.communicate-line .communicate-btn{
    background: rgba(89, 122, 209, 0.2);
    border-radius: 8px;
    padding: 4px 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #565656;
    width: 92px;
    border: transparent;
    box-shadow: none;
}
.communicate-line .communicate-btn-active{
    background: #0d6efd;
    border-radius: 8px;
    padding: 4px 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    width: 92px;
    border: transparent !important;
    box-shadow: none !important;
}
.communicate-line .communicate-btn:focus,.communicate-line .communicate-btn:hover,.communicate-line .communicate-btn:active{
    background: rgba(89, 122, 209, 0.2);
    color: #565656;
    box-shadow: none !important;
    outline: none;
    border: transparent;
}
.create-mail-image{
    display: flex;
    flex-wrap: wrap;
}
.create-mail-image .mail-image{
    position: relative;
}
.create-mail-image .mail-image img{
    height: 100px;
    width: 100px;
    margin: 8px 12px;
    object-fit: contain;
}
.common-btn-mail{
    height: 24px;
    width: 24px;
    background-color: #587ad1 !important;
    padding: 2px;
    position: absolute;
    top: -5px;
    right: -2px;
    padding: 0px;
    border: none;
    border-radius: 4px;
    color: #fff;
}
.test-box-inner .timer-text{
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #000;
    text-align: center;
    margin-bottom: 4px;
    justify-content: center;
}
.reverse-timer-sec {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px;
    justify-content: space-evenly;
    margin:8px 0 20px ;
}
.reverse-timer-sec .inner {
    min-width: 50px;
    /* height: 35px; */
    background-color: #fff;
    border-radius: 4px;
    color: #000;
    font-weight: 600;
    border: 1px solid var(--blue-main, #597AD1);
    padding: 3px;
    font-size: 14px;
}
.cart-total table td{
    padding: 10px 0;
}
.privacy-policy-font{
    min-height: 250px;
}
.privacy-policy-font h3{
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    font-family: Montserrat;
    margin-top: 10px;
}
.privacy-policy-font a{
    cursor: pointer;
}
.privacy-policy-font p,.privacy-policy-font ul li{
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    color: #4D4D56; 
    font-family: Montserrat;
    margin-bottom: 3px;
}
.privacy-policy-font .number-list{
    list-style-type: number;
}
.exam-question-banner{
    height: calc(100vh - 91px);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: fit-content;
    position: relative;
    margin-top: 10px !important;
}

.exam-question-banner video {
    width: 100% !important;
    height: auto !important;
    object-fit: contain;
    position: relative;
}
.exam-question-banner  button{
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 2;
}
.multi-upload-files-sec {
    display: flex;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
    max-height: 300px;
    overflow-y: scroll;
    padding: 18px 0;
}
.multi-upload-files-sec img,.multi-upload-files-sec video{
    height: 140px;
    width: auto;
    object-fit: contain;
}
.multi-upload-files-sec audio{
    /* width: 50%; */
}
.multi-upload-files-sec .close-file{
    position: absolute;
    top: -16px;
    right: -16px;
}
.multi-upload-files-sec .close-file i{
    background-color: #fff;
    color: #587ad1;
    font-size: 18px;
    border-radius: 4px;
    border: 1px solid #587ad1;
    padding: 2px 4px;
}
.set-image-sec img,.set-image-sec video{
    height: 190px;
    width: auto;
    object-fit: contain;
    border-radius: 10px;
}
.dashboard-layout .delivery-form .border-select-drop  select{
    border:1px solid #597AD1 !important;
}
.responsive-end{
    text-align: end;
}
.dashboard-layout .navbar-toggler:focus{
    box-shadow: none;
}
.contact-add .form-select,.dashboard-layout .delivery-form .border-select-drop select, .dashboard-layout .form-select{
    padding-right: 30px;
}
/* result section accordion */
.result-section .accordion-header{
    border: 1px solid #597AD1;
    border-radius: 6px;
}
.result-section .accordion-header button{
    background-color: transparent;
    border-left: 4px solid #597AD1;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #24242E;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.result-section .accordion-header button:focus{
    box-shadow: none;
}
.result-section .accordion-item{
    border: none;
    margin-bottom: 10px;
}
.result-section .accordion-button:not(.collapsed)::after{
    background-image: url(../images/result-arrow-up.png);
    transform: rotate(-0deg);
}
.result-section .accordion-button::after{
    background-image: url(../images/result-arrow-right.png);
}
.result-section .accordion-body{
    padding: 0;
}
.disclaimer-sec {
    margin-top: 40px;
}
.disclaimer-sec h4{
    color: #24242E;
    font-family: Montserrat;
    font-size: 16px;
    font-style: italic;
    font-weight: 600;
    line-height: normal;
}
.disclaimer-sec p{
    color: #24242E;
    font-family: Montserrat;
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    line-height: normal;
}
.lower-heading .accurant-head{
    color: #24242E;
    text-align: center;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 20px;
}
.grad-box-inner .lower-heading .small-font{
    font-size: 13px;
    font-weight: 500;
}
.grad-box-inner .lower-heading p.fw-600{
    font-weight: 600;
    margin-bottom: 5px;
}
.grad-box-inner .distribute-list{
    padding: 14px 22px;
    margin-bottom: 0;
    list-style: none;
}
.grad-box-inner .distribute-list li b{
    margin-right: 15px;
}
.grad-box-inner .distribute-list li{
    margin-bottom: 7px;
    color: #24242E;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.grid-container{
    display: grid;
    grid-template-columns: auto auto auto;
    padding: 5px;
    column-gap: 15px;
    grid-template-columns: 1fr 1fr 1fr;
}
.grid-container .grid-item{
    display: grid;
    grid-column:span 1;
}
.grad-box-inner .time-analysis-sec{
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    border: 0.5px solid var(--Blue-main, #597AD1);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}
.grad-box-inner .time-analysis-sec li{
    border: 0.5px solid var(--Blue-main, #597AD1);
    list-style: none;
    padding: 11px 10px;
    text-align: center;
    width: 6.667%;
}
/* .grad-box-inner .time-analysis-sec li:nth-child(16){
    border-bottom-left-radius: 10px;
}
.grad-box-inner .time-analysis-sec li:nth-child(30){
    border-bottom-right-radius: 10px;
} */
.grad-box-inner .time-analysis-sec li p{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.022em;
    color: #24242e;
    margin-bottom: 3px;
}
.grad-box-inner .time-analysis-sec li p.small-font {
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 0;
}
.lower-heading .cognitive-img{
    margin: 15px 4px;
}
.table-marks-new.subject-core{
    margin: 0;
    background: #F5F5F5;
}
.table-marks-new.subject-core thead,.table-marks-new.subject-core tbody{
    border-color: #597AD1;
}
.grad-box-inner.border-blue{
    border:1px solid #587ad1 ;
    box-shadow: none;
}
.table-marks-new.subject-core thead,.table-marks-new.subject-core  tbody td{
    background: transparent;
}
.table-marks-new.subject-core thead th{
    text-align: center;
}
.table-marks-new.subject-core thead th,.table-marks-new.subject-core tbody td{
    color: #24242e;
    padding: 13px 30px;
}
@media (min-width:1349px) and (max-width:1450px){
    .action-icon,.table-exam-schedule tr td .certificate-icon  {
        gap: 10px;
    }
}
@media (max-width:1350px){
    .order-table .big-content td,.order-table .small-content td{
        padding: 12px 5px;
    }
    .order-table .small-content td.padding-less{
        padding: 5px 5px;
    }
    .common-all-btn, .green-all-btn, .border-all-btn {
        padding: 8px 10px;
        font-size: 14px;
    }
}
@media (min-width:991px) and (max-width:1200px){
    .questions-box .question-content .answer-option ul li{
        width: 100%;
    }
}
@media (max-width:991px){
    /* .grad-box-inner .time-analysis-sec li:nth-child(16) {
        border-bottom-left-radius: 0px;
    }
    .grad-box-inner .time-analysis-sec li:nth-child(30) {
        border-bottom-right-radius: 0px;
    }
    .grad-box-inner .time-analysis-sec li:nth-child(11) {
        border-bottom-left-radius: 10px;
    }
    .grad-box-inner .time-analysis-sec li:nth-child(20) {
        border-bottom-right-radius: 10px;
    } */
    .grad-box-inner .time-analysis-sec li p{
        font-size: 14px;
    }
    .grad-box-inner .time-analysis-sec li{
        width: 10%;
        padding: 6px;
    }
    .responsive-end{
        text-align: center;
    }
    /* .dashboard-layout .pre-test-schedule li{
        width: 44%;
    } */
    .dashboard-layout .dash-outer-box .result-detail ul li{
        width: 30%;
    }
.dashboard-layout .login-header-home .navbar-expand-lg .bell-icon{
    margin-right: 5px;

}
.dashboard-layout .input-group.search{
    margin-right: 10px;
}
.table-exam-schedule {
    overflow-x: scroll;
}
.table-exam-schedule .table{
    min-width: 1000px;
}
.result-section .accordion-header button{
    font-size: 16px;
    padding: 12px;
}
.table-exam-schedule .admin-calculate {
    min-width: 2000px;
}
}
@media (max-width:768px){
    .exam-question-banner {
        height: auto;
        max-height: 50vh;
    }
    .response-order{
        order: 1;
    }
    .dispatch-right-border{
        border: none;
    }
    .dashboard-layout .dash-outer-box .table-dispatch .table {
        margin-bottom: 0;
    }
    .dashboard-layout .dash-outer-box .table-dispatch .table tr td{
        font-size: 10px;
    line-height: 14px;
    margin-bottom: 10px;
    padding-left: 0px;
    width: 50%;
    padding: 4px 4px 0;
    }
.set-student-btn .select-student-btn{
    font-size: 14px;
}
.multi-upload-files-sec{
    padding: 18px 10px;
}
.multi-upload-files-sec .close-file {
    top: -10px;
    right: -10px;
}
    .table-head-drop .common-all-btn{
        margin-bottom: 5px;
    }
    .account-tabs .nav-tabs .nav-link{
        padding: 7px 7px;
        font-size: 14px;
    }
    .border-account .order-head{
        font-size: 14px;
    }
    .order-table .big-content td{
        font-size: 14px;
        padding: 10px 5px;
    }
    .order-table .small-content td{
        font-size: 12px;
        padding: 10px 4px;
    }
    .account-set-inner{
        padding: 10px;
    }
    .account-set-inner .set-marg{
        margin-left: 10px;
    }
    .account-set-inner .user{
        width: 50px;
        height: 50px;
    }
    .account-set-inner h4{
        font-size: 14px;
    }
    .questions-box.back-set-image{
        background-size: 100%;
    }
    .questions-box .heading{
        font-size: 24px;
        line-height: 28px;
    }
    .questions-box .question-content .answer-option ul li button span{
        font-size: 16px;
        padding: 11px 20px;
    }
    .questions-box .question-head{
        padding: 5px;
    }
    .questions-box .question-head .blue-index h3{
        font-size: 16px;
        line-height: 20px;
        width: 50px;
        height: 50px;
    }
    .questions-box .question-content .answer-option ul li{
        width: 100%;
        padding: 8px;
    }
    .questions-box .question-head .ques-content p,.questions-box .question-head .ques-hint a{
        font-size: 16px;
        line-height: 20px;
    }
    .questions-box .question-content{
        padding: 5px;
        margin: 10px;
    }
    .questions-box .question-content .answer-option ul li button{
        font-size: 16px;
        line-height: 20px;
        height: 50px;
        padding: 0 0 0 55px;
    }
.table-exam-schedule tr td {
    padding: 20px 15px;
}
.dashboard-layout .input-group.search{
    display: none;
}
.dashboard-layout .login-header-home .navbar-expand-lg .bell-icon{
    font-size: 20px;
    line-height: 20px;
    padding: 7px;
}
.dashboard-layout .grey-dash-box{
    min-height: auto;
}
.paginate-register .pagination .page-item .page-link{
    height: 30px;
    width: 30px;
}
.table-head-drop {
    gap: 10px;
    align-items: center;
}
.table-head-drop > div {
    margin: 0;
}
.table-head-drop .dropdown button, .table-head-drop .dropdown button:hover, .table-head-drop .dropdown button:focus,.table-head-drop .input-group .form-control{
    padding: 6px 10px;
}
.table-exam-schedule.less-padding tr .table-space-btn button{
    height: 50px;
}
.table-exam-schedule.less-padding tr td {
    padding: 8px 15px;
}
.same-para-dash{
    margin-bottom: 10px;
}
.header-exam-login .exam-head-profile{
    gap: 3px;
    padding-left: 0;
}
.header-exam-login .exam-head-profile img {
    width: 20px;
    height: 20px;
}
.header-exam-login .exam-head-profile h4{
    font-size: 14px;
    line-height: 14px;
}
.header-exam-login .exam-head-profile p{
    font-size: 12px;
    line-height: 12px;
}
.header-exam-login .main-head h3{
    font-size: 14px;
    line-height: 14px;
}
.header-exam-login .timer h5{
    font-size: 13px;
    line-height: 13px;
}
.header-exam-login .timer-count p{
    font-size: 14px;
    line-height: 14px;
}
.header-exam-login .timer-count span{
    font-size: 12px;
    line-height: 12px;
}
.header-exam-login .timer-inner{
    height: 40px;
    width: 40px;
}
.dashboard-layout .dash-outer-box .pad-set{
    padding: 15px 10px !important;
}
.common-all-btn, .green-all-btn, .border-all-btn, .outer-btn-export a {
    font-size: 12px;
    padding: 7px 9px;
    letter-spacing: 0;
}
}
@media (max-width:580px){
    .table-head-drop > div {
        margin: 10px 0;
    }
    .grad-box-inner .lower-heading{
        min-height: 110px;
    }
    .lower-heading .accurant-head{
        margin-bottom: 12px;
    }
    .grid-container .grid-item {
        grid-column: span 3;
    }
    .grad-box-inner .time-analysis-sec li{
        width: 20%;
    }
    .multi-upload-files-sec video{
        width: 100%;
    }
    .dashboard-layout .for-dash-h4 {
        margin-bottom: 5px;
    }
    /* .dashboard-layout .pre-test-schedule li {
        width: 100%;
    } */
    .personal-radio-line.question {
        margin: 1px;
    }
    .dashboard-layout .dash-outer-box .result-detail ul{
        display: block;
        margin-bottom: 0px;
        padding-top: 0px;
    }
    .dashboard-layout .dash-outer-box .result-detail ul li {
        width: 100%;
        margin-bottom: 18px;
    }
    .dashboard-layout .dash-outer-box .result-detail ul li p{
        margin-bottom: 10px;
        font-size: 13px;
    }
    .table-head-drop .dropdown button, .table-head-drop .dropdown button:hover, .table-head-drop .dropdown button:focus,.table-head-drop .input-group{
       margin-bottom: 8px;
       width: 100%;
    }
    
    .dashboard-layout .inter-grey-box.shadow-set:before{
        display: none;
    }
    .dashboard-layout .inter-grey-box.shadow-set{
        border-left: 11px solid #597AD1;
    }
    .dashboard-layout .instruct-inner-content{
        padding-left: 1rem;
    }
    .header-exam-login .exam-head-profile{
        gap: 3px;
        padding-left: 0;
    }
    .header-exam-login .exam-head-profile img {
        width: 16px;
        height: 16px;
    }
    .header-exam-login .exam-head-profile h4{
        font-size: 12px;
        line-height: 14px;
    }
    .header-exam-login .exam-head-profile p{
        font-size: 10px;
        line-height: 12px;
    }
    .header-exam-login .main-head h3{
        font-size: 12px;
        line-height: 14px;
    }
    .header-exam-login .timer h5{
        font-size: 11px;
        line-height: 13px;
    }
    .header-exam-login .timer-count p{
        font-size: 12px;
        line-height: 14px;
    }
    .header-exam-login .timer-count span{
        font-size: 10px;
        line-height: 12px;
    }
    .header-exam-login .timer-inner{
        height: 40px;
        width: 40px;
    }
}
@media (max-width:360px){
    .welcome-modal .modal-dialog {
        min-width: 296px;
    }
    .dashboard-layout .login-header-home .navbar-expand-lg .bell-icon {
        font-size: 15px;
        padding: 4px;
    }
    .dashboard-layout .navbar-toggler{
        font-size: 14px;
        padding: 5px;
    }
}
.dashboard-layout .border-transparent{
    border-color: transparent !important;
}

.react-tel-input .form-control {
    margin-left: 40px !important;
} 
.edit-phoneNumber .react-tel-input .form-control {
    margin-left: 0px !important;
} 
.edit-phoneNumber .center-data{
    display: flex;
    justify-content: center;
    margin: 0 auto;
}
.edit-phoneNumber .edit-button-phone{
    display: flex !important;
    margin: 0 auto !important;
}

.grayed-out{
    opacity: 0.5;
}
.switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 23px;
  }
  

  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  

  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 14px;
    border: 2px solid #00B400;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 4px;
    bottom: 4px;
    background-color: #00B400;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
  }
  
  input:checked + .slider {
    background-color:transparent;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(21px);
  }
  
  .slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }
  .strip-to-top{
    border-radius: 10px;
    background: #F5F5F5;
    padding: 13px;
    display: flex;
    align-items: center;
    gap: 40px;
    flex-wrap: wrap;
  }
  .strip-to-top p{
    color: rgba(36, 36, 46, 0.80);
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0;
  }
  .dropdown-switch .dropdown-menu{
    right: 0;
    left: auto !important;
  }
  .word-break-all{
    word-break: break-all;
  }
  /* video,image start */
.questions-box .question-content .answer-option ul li button{
    min-height: 58px;
    height: auto;
    overflow: hidden;
}
.questions-box .question-content .answer-option ul li button img,.questions-box .question-content .answer-option ul li button video{
    object-fit: contain;
    height: 110px;
    width: auto;
    padding: 4px;
    display: flex;
}
.questions-box .question-content .answer-option ul li button img{
    object-position: left;
}
.questions-box .question-content .answer-option ul li button audio{
    width: -webkit-fill-available;
    margin: 4px;
    height: 43px;
    display: flex;
}
.for-all-type audio{
    width: -webkit-fill-available;
}
.for-all-type video,.for-all-type img{
    width: 100%;
    height: 250px;
    object-fit: contain;
}
.questions-box .question-content .answer-option ul li .zoom-out{
    position: relative;
}
.questions-box .question-content .answer-option ul li .zoom-out .zoom-icon{
    position: absolute;
    bottom: -5px;
    right: -5px;
    cursor: pointer;
}
.questions-box .question-content .answer-option ul li .zoom-out .zoom-icon i{
    font-size: 20px;
    color: #587ad1;
    background-color: #fff;
    border-radius: 50%;
    padding: 3px;
    border: 1px solid #597ad1;
}
.modal-image-content img,.modal-image-content video{
    max-height: 415px;
    width: 100%;
    object-fit: contain;
}
@media (max-width:768px){
    .questions-box .question-content .answer-option ul li button {
        min-height: 50px;
    }
    .for-all-type video, .for-all-type img{
        height: 200px;
    }
}

/* video,image end */
.video-content{
    border: 1px solid #597AD1;
    padding: 5px 8px;
    border-radius: 4px;
    word-break: break-all;
    max-height: 80px;
    overflow-y: scroll;
    margin:4px 0;
    border-left: 4px solid #597AD1;
}

.set-margin-top{
    margin-top: 50px;
}
.setbutton{
    border: 1px solid #597AD1;
    border-radius: 8px;
    color: #597AD1 !important;
    font-size: 18px;
    padding: 8px;
    cursor: pointer
}

.scroll_para{
    overflow-y: scroll;
    max-height: 150px;
    text-align: left;
    padding: 5px;
}

.exam-list-school{
    background-color: #f6f6f6;
    padding: 5px 10px;
    border-radius: 8px;
    max-width: max-content;
}


.dropdown-switch.dropdown{
    outline: none;
}
.dropdown-switch.dropdown .btn.show{
    background-color: transparent;
}
.multi-select-group .multiSelectContainer{
    border: 1px solid #597AD1 !important;
    padding: 3px 9px;
    border-radius: 8px;
}
.multi-select-group .multiSelectContainer .searchWrapper{
    border: none;
}
.multi-select-group .multiSelectContainer .searchWrapper input::placeholder{
    color: #000;
}
.accordion-item:first-of-type .accordion-button,.modal-content .form-control:focus{
    box-shadow: none;
}
.multi-select-group .multiSelectContainer .searchWrapper .chip {
    white-space: break-spaces;
}
@media  (max-width:768px) {
    .multi-select-group .multiSelectContainer {
        padding: 0px 9px;
    }
}


.coming-soon-text{
    min-height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.coming-soon-text h2{
    text-align: center;
    color: #597ad1;
    font-size: 36px;
    font-weight: 500;
}

@media (max-width:768px) {
    .coming-soon-text{
        min-height: 40vh;
    }
    .coming-soon-text h2{
        font-size: 26px;
    }
}

@media (max-width:1350px){
    .grad-box-inner .upper-heading.height1{
        min-height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .grad-box-inner .lower-heading .small-font.setheight{
        min-height: 145px;
    }
    .dashboard-layout .dash-outer-box .pad-set {
        padding: 20px ;
      }
     
}
@media (max-width:1199px){
    .dropdown.dropdown-download.session button{
        min-width: 80px;
    }
    .student-details-main p {
        width: 100%;
        font-size: 12px;
     line-height: 16px;
     margin-bottom: 10px;
     }
     .dropdown.dropdown-download.session button{
        font-size: 12px;
        padding:5px ;
        padding-right: 18px;
     }
     .common-all-btn, .green-all-btn, .border-all-btn {
         padding: 5px 5px;
         font-size: 12px;
         letter-spacing: 0;
     }
     .dashboard-layout .login-header-home .navbar-expand-lg .navbar-nav .nav-link {
        margin: 4px 15px;
        color: #000;
        border-radius: 10px;
        padding: 8px 8px;
        font-size: 13px;
    }
    .dashboard-layout .login-header-home .navbar-expand-lg .navbar-nav .nav-link i, .dashboard-layout .login-header-home .navbar-expand-lg .navbar-nav .nav-link img {
        font-size: 16px;
        width: 19px;
        height: 19px;
    }
    .result-section .accordion-header button {
        font-size: 16px;
    }
}

@media (max-width:991px){
    .dropdown.dropdown-download.session button::after{
        top: 12px;
    }
    .grad-box-inner .lower-heading .small-font.setheight{
        min-height: 160px;
    }
    .student-details-main p {
        width: 100%;
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 10px;
        display: flex;
        align-items: flex-start;
    }
    .grad-box-inner.border-blue .lower-heading .mt-5{
        margin-top: 0px !important;
    }
}
@media (max-width:768px){
    .cs-sm-lg-2{
        margin-right: 5px;
    }
}
@media (max-width:580px){
    .grad-box-inner .lower-heading .small-font.setheight{
        min-height: auto;
    }
}

.multiSelectContainer .searchWrapper{
    padding: 3px;
    border: 1px solid #597AD1;
    border-radius: 8px;
}
.multiSelectContainer input{
    margin-top: 1px !important;
}
.multiSelectContainer .chip{
    margin-bottom: 2px;
    white-space: break-spaces;
}
.dash-outer-box .progress{
    height: 24px;
    border-radius: 20px;
}
.result-table .common-all-btn {
    font-size: 14px;
    padding: 10px 10px;
    word-break: break-word;
}

.dropdown-download button {
    background: #597ad1 !important;
    border: none !important;
    border-radius: 20px;
    outline: none !important;
    box-shadow: none !important;
    font-weight: 600;
    font-size: 14px;
}
.dropdown-download button:focus,.dropdown-download button:hover{
    box-shadow: none !important;
    outline: none;
    background-color: #597ad1 !important;
}
.dropdown-download .dropdown-menu a{
    font-size: 12px !important;
    padding: 4px 16px;
    color: #000;
    font-weight: 400;
    text-decoration: none;
    display: block;
}
.dropdown-download .dropdown-menu a:hover{
    background-color: #597AD1 !important;
    color: #fff;
}
 .navbar-toggler{
    border: 1px solid #fff !important;
}
.navbar-toggler img{
    max-height: 20px;
}
.paginate-input input{
    background: #597ad1;
    border: 1px solid #597ad1;
    border-radius: 8px;
    padding: 12px 8px;
    font-size: 15px;
    line-height: 15px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}
.paginate-input  input::-webkit-outer-spin-button,
.paginate-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.paginate-input input:focus-visible{
    outline: none !important;
}
.publish-box{
    text-align: center;
    padding: 15px;
    border-radius: 12px;
    background: #F5F5F5;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 1px -1px 4px 0px rgba(0, 0, 0, 0.25), -1px 1px 4px 0px rgba(0, 0, 0, 0.25);
}
.publish-box .progress{
    width: 80%;
    margin: auto;
    margin-bottom: 1rem;
}

@media (max-width: 1500px){
    .common-all-btn img {
        height: 18px;
    }
}
@media (max-width: 992px){
    .result-table .common-all-btn {
        font-size: 12px;
        padding: 10px 10px;
    }
    .common-all-btn img {
        height: 16px;
        margin-right: 4px;
    }  
    .paginate-input input {
        text-align: center;
        padding: 7px 5px;
        font-size: 10px;
        line-height: 14px;
    }
    .table-exam-schedule  tr td {
        padding: 10px 10px;
        font-size: 12px;
        line-height: 16px;
        word-break: break-word;
    }
    .dashboard-layout .dash-outer-box .pad-set .table-exam-schedule  .report-small  tr th {
        padding: 10px 10px;
        font-size: 12px;
    line-height: 16px;
    }
}


.button-disable{
    background-color: #818392;
    color: #fff;
    border: 1px solid #818392;
    border-radius: 20px;
    border-color: none;
    padding: 10px 18px;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 1px;
    cursor: pointer;
    text-decoration: none;
}
td .d-flex .common-all-btn.view-btn-new {
    background-color: transparent !important;
    border: 1px solid #597AD1;
    border-radius: 8px;
    color: #597AD1 !important;
    font-size: 18px;
    padding: 8px;
    min-width: 30px;
    height: 35px;
    line-height: 18px;
    box-shadow: none !important;
    outline: none !important;
}
.chip {
    background-color: #597AD1 !important;
}
.highlightOption, .highlightOption:hover, .highlightOption:focus, .multiSelectContainer li:hover {
    background-color: #597AD1 !important;
    color: #fff;
}
.table-head-drop.outer-filter .d-sm-flex.table-head-drop{
margin-bottom: 0 !important;
}
.table tr td input[type="checkbox"].check-select, .table tr th input[type="checkbox"].check-select {
    height: 16px;
    width: 16px;
    margin: 0 !important;
    accent-color: #597AD1 !important;
}
.form-switch .form-check-input {
    width: 35px !important;
    margin-left: 0;
    height: 18px !important;
    border-color: #597AD1 !important;
    box-shadow: none !important;
    outline: none !important;
}
.form-check-input:checked {
    background-color: #597AD1 !important;
    border-color: #597AD1 !important;
}
.distribute-list.list-topic li {
    display: flex;
    align-items: flex-start;
    width: 100%;
}
.distribute-list.list-topic li b {
    width: 50%;
    margin: 0;
}
.distribute-list.list-topic li > span{
    width: 50%;
    margin: 0;
}
.student-result-heading{
    color: #597AD1;
    font-size: 25px;
    text-align: center;
}

.school-result-box{
    border-radius: 8px;
    background: #F5F5FA;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 28px 50px;
    margin: 15px 0;
    min-height: 200px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.school-result-box p{
    color: #597AD1;
    text-align: center;
    font-size: 20px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0;
}
.dispatched_details_edit .form-group {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
  }
  .dispatched_details_edit .form-group label {
    flex: 0 0 150px; /* Adjust width as needed */
    margin-right: 10px;
    font-weight: bold;
    font-size:15px;
  }
  .dispatched_details_edit .form-group .input-field {
    flex: 1;
  }
  .dispatched_details_edit .edit_dispatched_date {
    border: 1px solid #ced4da !important;
  }
  .class_filter{
    display: inline-block!important;
    vertical-align: middle!important;
    margin-left: 15px!important;
  }
  .dispatch-order-form .react-datepicker-wrapper input{
    padding: unset!important;
  }
.dispatch-clear-filter{
    margin-bottom: 15px!important;
}
.dispatch-order-form .input-group-text {
    line-height: 1.4!important;
}
.pad-set-exam-rectification{
     margin-left:32px;
}
.pad-set-exam-rectification-first{
    padding: 10px 32px;
}
.quill-editor-question .ql-container {
    min-height: 100px; /* Adjust the height value as needed */
  }
  .react-tooltip-lite {
    background: #597AD1;
    color: white;
    border-radius: 5px;
    padding:7px!important;
  }
  .react-tooltip-lite-arrow {
    border-color: #597AD1;
  }

.firework-img{
    background-image: url(../img/firework.gif);
}

.questions-box .question-content .p-3 .zoom-icon {
    position: relative;
    bottom: 20px;
    right: -85px;
    cursor: pointer;
}
.questions-box .question-content .p-3 .zoom-icon i{
    font-size: 20px;
    color: #587ad1;
    background-color: #fff;
    border-radius: 50%;
    padding: 3px;
    border: 1px solid #597ad1;
}

/* =========================
   REMAINING SUBJECT MODAL
========================= */

.remaining-subject-modal .modal-dialog {
  animation: modalBounceIn 0.7s ease;
}

.remaining-subject-modal .modal-content {
  border-radius: 24px;
  /* border: 3px solid #ffd700; */
  overflow: hidden;
  background: #ffffff;
  position: relative;

  animation:
    glowBorder 2s infinite alternate,
    floatingModal 3s ease-in-out infinite;

  /* box-shadow:
    0 0 15px rgba(255, 215, 0, 0.8),
    0 0 30px rgba(255, 183, 0, 0.5),
    0 15px 40px rgba(0, 0, 0, 0.18); */
}

/* Shine Effect */
.remaining-subject-modal .modal-content::before {
  content: "";
  position: absolute;
  top: -120%;
  left: -40%;
  width: 50%;
  height: 300%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,0.6),
    transparent
  );
  transform: rotate(25deg);
  animation: shineEffect 4s linear infinite;
}

/* Header */
.remaining-subject-modal .modal-header {
  border-bottom: none;
  background: linear-gradient(
    135deg,
    #1e3e94,
    #597ad1,
    #7e57c2
  );
  color: white;
  padding: 18px 25px;
}

.remaining-subject-modal .modal-title {
  font-size: 24px;
  font-weight: 800;
  text-align: center;
  width: 100%;
  letter-spacing: 0.5px;
  text-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

/* Body */
.remaining-subject-modal .modal-body {
  padding: 25px;
  background: linear-gradient(
    to bottom,
    #ffffff,
    #f7f9ff
  );
}

/* Subject Cards */
.remaining-subject-modal .subject-card {
  background: #ffffff;
  border: 2px solid #dbe6ff;
  border-radius: 15px;
  padding: 14px 18px;
  margin-bottom: 15px;
  cursor: pointer;

  transition: all 0.35s ease;

  animation: cardPulse 2s infinite;
}

.remaining-subject-modal .subject-card:hover {
  transform: translateY(-5px) scale(1.02);
  border-color: #597ad1;

  box-shadow:
    0 8px 25px rgba(89,122,209,0.25);
}

/* Subject Name */
.remaining-subject-modal .subject-name {
  color: #1e3e94;
  font-size: 17px;
  font-weight: 700;
}

/* Register Button */
.remaining-subject-modal .register-btn {
  width: 100%;
  border: none;
  padding: 14px;
  border-radius: 12px;

  font-size: 16px;
  font-weight: 700;
  color: white;

  background: linear-gradient(
    /* 135deg,
    #ff9800,
    #ff5722 */
  );

  transition: all 0.3s ease;

  animation: buttonGlow 1.5s infinite alternate;
}

.remaining-subject-modal .register-btn:hover {
  transform: translateY(-2px) scale(1.03);
/* 
  box-shadow:
    0 0 15px rgba(255,152,0,0.7),
    0 0 30px rgba(255,87,34,0.5); */
}


.offer-info {
  display: flex; 
  justify-content: center;
  text-align: center;
  padding-top: 20px;
  border-top: 1px solid #e9eefc;
}

.offer-icon {
 
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #597ad1;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 22px;

  box-shadow: 0 4px 12px rgba(30, 62, 148, 0.25);
}

.offer-heading {
  color: #597ad1;
  margin-top: 5px;
  margin-left: 5px;
  font-size: 17px;
  font-weight: 800;
  margin-bottom: 8px;
}

.offer-text {
    text-align: center;
  color: #555;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0;
}

/* =========================
   ANIMATIONS
========================= */

@keyframes modalBounceIn {
  0% {
    opacity: 0;
    transform: scale(0.7) translateY(-60px);
  }

  60% {
    opacity: 1;
    transform: scale(1.05) translateY(10px);
  }

  100% {
    transform: scale(1) translateY(0);
  }
}

@keyframes floatingModal {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-6px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes glowBorder {
  from {
    border-color: #ffd700;

    box-shadow:
      0 0 5px #ffd700,
      0 0 5px #ffd700;
  }

  to {
    border-color: #ff9800;
/* 
    box-shadow:
      0 0 20px #ff9800,
      0 0 40px #ffd700,
      0 0 60px #ff9800; */
  }
}

@keyframes shineEffect {
  0% {
    left: -60%;
  }

  100% {
    left: 130%;
  }
}

@keyframes cardPulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.01);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes buttonGlow {
  from {
    box-shadow:
      0 0 10px rgba(255,152,0,0.5);
  }

  to {
    box-shadow:
      0 0 25px rgba(255,87,34,0.8);
  }
}

/* ------------------------- */

.purchase-link-banner {
  position: relative;
  overflow: hidden;
  display: inline-block;

  padding: 14px 24px;
  border-radius: 14px;

  font-size: 22px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;

  color: #fff;

  background: linear-gradient(
    135deg,
    #1e3e94,
    #597ad1,
    #7e57c2
  );

  background-size: 300% 300%;

  animation:
    gradientMove 3s ease infinite,
    bannerBounce 2s ease-in-out infinite;

  box-shadow:
    0 0 10px rgba(30, 62, 148, 0.5),
    0 0 20px rgba(89, 122, 209, 0.5),
    0 0 40px rgba(126, 87, 194, 0.4);

  cursor: pointer;
}

/* Modal style shine */
.purchase-link-banner::before {
  content: "";
    position: absolute;
    top: -33%;
    left: -40%;
    width: 34%;
    height: 200%;
    background: linear-gradient(120deg, transparent, rgba(301, 204, 147, 0.6), transparent);
    transform: rotate(42deg);
    animation: shineEffect 3.5s linear infinite;
    pointer-events: none;
}


@keyframes bannerBounce {
  0% {
    transform: translateY(0) scale(1);
  }

  25% {
    transform: translateY(-4px) scale(1.02);
  }

  50% {
    transform: translateY(0) scale(1.04);
  }

  75% {
    transform: translateY(-2px) scale(1.02);
  }

  100% {
    transform: translateY(0) scale(1);
  }
}

@keyframes shineEffect {
  0% {
    left: -60%;
  }

  100% {
    left: 130%;
  }
}

.purchase-link-banner:hover {
  transform: scale(1.05);
  transition: all 0.3s ease;

  box-shadow:
    0 0 20px rgba(255,183,0,0.7),
    0 0 40px rgba(255,107,0,0.5);
}

/* ---------------- */
.purchase-btn {
  position: relative;
  overflow: hidden;

  background: linear-gradient(
    135deg,
    #8ea8f0,
    #597ad1
  );

  color: #fff;
  border: none;

  padding: 14px 32px;
  border-radius: 50px;

  font-size: 16px;
  font-weight: 700;

  cursor: pointer;

  box-shadow:
    0 4px 15px rgba(89, 122, 209, 0.4);

  transition: all 0.3s ease;
}

.purchase-btn:hover {
  transform: translateY(-2px);

  box-shadow:
    0 8px 25px rgba(89, 122, 209, 0.5);
}

/* Moving Glass Effect */
.purchase-btn::before {
  content: "";

  position: absolute;

  top: -50%;
  left: -120%;

  width: 60%;
  height: 220%;

  background: rgba(255,255,255,0.25);

  transform: rotate(25deg);

  animation: purchaseSlide 2.5s linear infinite;
}

.purchase-btn::after {
  content: "➜";
  margin-left: 8px;
}

@keyframes purchaseSlide {
  0% {
    left: -120%;
  }

  100% {
    left: 180%;
  }
}


/* ----------------live demo exam count css ---------------------- */
.live-indicator {
  width: 10px;
  height: 10px;
  background: #28a745;
  border-radius: 50%;
  display: inline-block;
  animation: pulseLive 1.5s infinite;
}

.demo-indicator {
  width: 10px;
  height: 10px;
  background: #0d6efd;
  border-radius: 50%;
  display: inline-block;
  animation: pulseDemo 1.5s infinite;
}

.demo-text {
  color: #0d6efd;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
}

@keyframes pulseDemo {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.7);
  }
  70% {
    transform: scale(1.2);
    box-shadow: 0 0 0 10px rgba(13, 110, 253, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(13, 110, 253, 0);
  }
}

@keyframes pulseLive {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.7);
  }
  70% {
    transform: scale(1.2);
    box-shadow: 0 0 0 10px rgba(40, 167, 69, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(40, 167, 69, 0);
  }
}
.new-header-home {
    background-color: #597AD1;
        padding: 8px 0;
        left: 0;
        right: 0;
        top: 0;
        z-index: 100;
        position: fixed;
} 
.new-header-home .navbar-collapse {
    position: fixed;
    top: 84px;
    left: 0;
    right: 0;
    /* padding: 15px; */
    background-color: #000;
    height: 56px;
}
.new-header-home .input-group{
    border-radius: 40px;
    border: 1px solid #FFF;
    height: 44px;
    min-width: 580px;
    margin-right: 10px;

}
.new-header-home .input-group input{
    background-color: transparent;
    border: none;
    color: #fff;
}
.new-header-home .header-side .wish{
    max-height: 44px;
    margin-right: 6px;
}
.show-number{
    position: relative;
}
 .show-number .show1{
    left: -10px;
    position: absolute;
    height: 25px;
    min-width: 25px;
    border: 2px solid #FFC426;
    background-color: #fff;
    font-size: 11px;
    font-weight: 600;
    top: -10px;
    color: #000;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}
.show-number .show1.right{
    right: -10px;
    left: auto;
}
.new-header-home .header-side a{
    color: #FFF;
    font-size: 16px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin:0 12px ;
}
.new-header-home .input-group input::placeholder{
    color: #FFF;
}
.new-header-home .input-group .input-group-text{
    background-color: transparent;
    border: none;
}
.new-header-home .input-group .input-group-text{
    color: #fff;
}
.new-header-home .navbar-collapse .nav-link{
    color: #FFF;
font-size: 16px;
font-family: Montserrat;
position: relative;
line-height: 40px;
margin: 0 18px;
}
.new-header-home .navbar-collapse .nav-link.active{
    color: #fff;
}
.new-header-home .navbar-collapse .nav-link:hover,.new-header-home .navbar-collapse .nav-link:active{
    color: #FFC426;
    /* border-bottom: 2px solid #FFC426; */
}
.new-header-home .navbar-collapse .nav-link:hover::before,.new-header-home .navbar-collapse .nav-link:active::before{
height: 2px;
width: 100%;
background-color: #FFC426;
content: '';
position: absolute;
left: 0;
bottom: 0;
}
.new-header-home .navbar-collapse .nav-link img{
    margin-right: 5px;
}
.new-header-home .yellow-no-border{
    color: var(--yellow, #FFC426);
    font-size: 16px;
    font-family: Montserrat;
    font-weight: 500;
    background-color: transparent;
    border: none;
    padding: 12px 20px;
}
.new-header-home .yellow-border{
    color: var(--yellow, #FFC426);
    font-size: 16px;
    font-family: Montserrat;
    font-weight: 700;
    padding: 12px 36px;
    background-color: #597AD1;
    border-radius: 8px;
    border: 1px solid var(--yellow, #FFC426);
}
.footer-home-new {
    padding-top: 80px;
    border: none !important;
    /* background-color: #F8F9F9; */
}
.copy-bg1 {
    margin-top: 0;
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.copy-bg1 .content {
    text-align: left;
}
.copy-bg1 .content p {
    color: #000;
    margin: 0;
    line-height: 22px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    text-align: end;
}
.footer-home-new ul.link-list {
    padding-left: 0px;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.footer-home-new ul.link-list li {
    list-style: none;
}
.footer-home-new ul.link-list li::after{
    content: '|';
    color: #000;
    font-weight: 600;
}
.footer-home-new ul.link-list li:last-child:after{
    content: none;
}
.footer-home-new ul.link-list li a {
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    line-height: 22px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin: 0 10px;
    text-decoration: none;
    font-family: Montserrat;
}
.story-home-sec {
    min-height: 90vh;
    display: flex;
    align-items: center;
    position: relative;
    background-image: url('../img/home/banner-new2.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
    overflow: hidden;
    background-color: #F5F5FA;
    padding: 70px 0;
    margin-top: 80px;
}
.new-header-home .logo-img{
    height: 42px;
}
.story-home-sec .story-img img{
    position: absolute;
    /* display: none; */
    top: 0;
    right: 0;
    bottom: 0;
    object-fit: contain;
    object-position: bottom;
    /* max-height: 600px; */
}
.story-home-sec h1{
    color: #24242E;
    font-size: 50px;
    font-family: Montserrat Alternates;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 34px;
    /* max-width: 590px; */
}
.story-home-sec h1 span{
    color: #FFC426;
}
.story-home-sec p{
    color: #4D4D56;
    font-size: 16px;
    font-family: Montserrat;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 0;
}
.banner-story-btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 28px;
    margin-top: 35px;
    margin-bottom: 35px;
}
.set-position{
    position: relative;
    z-index:1;
}
.new-yellow-btn {
    border-radius: 16px;
    background: var(--yellow, #FFC426);
    padding: 10px 19px;
    color: #000;
    font-size: 16px;
    font-family: Montserrat;
    font-weight: 600;
    line-height: 28px;
    text-decoration: none;
    border-color: transparent;
    cursor: pointer;
}
.syllabus-home-box.download-m{
    padding: 35px 30px;
    display: block;
}
.syllabus-home-box.download-m button{
    margin-top: 40px;
    width: 100%;
}
.new-yellow-btn:hover, .new-white-btn:hover{
    color: #000;
}
.new-white-btn {
    border-radius: 16px;
    border: 2px solid var(--yellow, #FFC426);
    background: #FFF;
    padding: 10px 20px;
    color: #000;
    font-size: 16px;
    font-family: Montserrat;
    font-weight: 600;
    line-height: 28px;
    text-decoration: none;
    cursor: pointer;
}
.show-description .inner-describe{
    border-radius: 24px;
    background: #FFF;
    padding: 60px;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    /* margin: -50px 200px 200px;    */
    /* position: absolute; */
    /* width: calc(100% - 25px); */
    margin-top: -6%;
    position: relative;
    z-index: 1;
}
.show-description .inner-describe ul{
    display: flex;
    align-items: baseline;
    justify-content: center;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
}
.show-description .inner-describe ul li{
    width: 33%;
    list-style: none;
    position: relative;
}
.show-description .inner-describe ul li::after{
        content: '|';
        color: #FFC426;
        font-weight: 500;
        position: absolute;
        top: 0;
        right: 0%;
        font-size: 25px;
}
.show-description .inner-describe ul li:last-child::after{
    content: none;
}
.show-description .inner-describe ul li p{
    color: #363636;
    font-size: 18px;
    font-family: Montserrat;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 0;
    text-align: center;
}
.show-description .inner-describe ul li p span{
    font-size: 24px;
}
.about-use-sec{
    padding: 100px 0;
}
.about-heading h2{
    color: var(--yellow, #FFC426);
    font-size: 32px;
    font-family: Montserrat Alternates;
    font-weight: 600;
    text-transform: uppercase;
}
.international-head h2{
    color: #FFC426;
    text-align: center;
    font-size: 40px;
    font-family: Montserrat Alternates;
    font-weight: 700;
    text-transform: capitalize;
}
.about-heading {
    padding: 15px 0;
}
.about-heading  .bold-heading{
    color: #24242E;
    font-size: 18px;
    font-family: Montserrat;
    font-weight: 700;
    text-transform: capitalize;
}
.about-heading .all-pgraph{
    color: #4D4D56;
    font-size: 18px;
    font-family: Montserrat;
    line-height: 28px;
    margin-bottom: 0;
}
.international-sec{
    padding: 80px 0;
    background-image: url('../img/home/inter-image.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.international-light-sec{
    padding: 80px 0;
    background-image: url('../img/home/inter-image-light.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.international-box{
    padding: 10px;
    text-align: center;
    margin: 10px 0;
}
.international-box img{
    width: 224px;
    height: 280px;
    border-radius: 8px;
    object-fit: cover;
    object-position: top;
}
.international-box p{
    color: #55C4EC;
    text-align: center;
    font-size: 20px;
    font-family: Montserrat;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 0;
    padding: 30px 20px;
}
.set-top-margin{
    margin-top: 50px;
    text-align: center;
}
.international-box p span{
    color: #FFC426;
}
.practice-sec{
    padding: 70px 0;
    background-color: #F5F5FA;
}
.practice-sec .practice-box{
    border-radius: 24px;
    padding: 30px 25px;
    margin: 20px 25px;
    background-color: #F8F8FC;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
    text-align: center;
}
.practice-sec .practice-box img{
    height: 165px;
    width: auto;
    object-fit: contain;
}
.practice-sec .practice-box p{
    margin-top: 25px;
    color: #24242E;
    text-align: center;
    font-size: 20px;
    font-family: Montserrat;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 24px;
    min-height: 55px;
    margin-bottom: 0;
}
.video-calls-sec{
    position: relative;
}
.video-calls-sec img{
    width: 100%;
}
.video-calls-sec::before{
    content: '';
    background-image: url('../img/home/video-calls-before.png');
    height: 100%;
    width: 100%;
    position: absolute;
}



/*slick dots*/
.slick-dots{
    display: flex !important ;
    width: 90% !important;
}
.slick-dots li {
    width: 100% !important;
    /* height: 20px; */
    margin: 0 !important;
}
.slick-dots li button {
    width: 100% !important;
    /* height: 20px; */
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000 !important;
    width: 100%;
    height: 3px;
    background-color: #FFC426;
    content: '' !important;
}
.slick-dots li button:before{
    width: 100% !important;
    background-color:  #DBDBF0;
    content: '' !important;
    height: 3px !important;
}
/*slick dots end */
.set-top-margin-all{
    margin-top: 140px;
}
.head-practice-test{
    padding: 70px 0;
}
.nof-same-font{
    margin-bottom: 48px;
    position: relative;
}
.nof-same-font h3{
    color: #000;
    font-size: 24px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 15px;
}
.nof-same-font  span{
    content: '';
    position: absolute;
    height: 4px;
    width: 100%;
    background-color: #D9D9D9;
}
.nof-same-font  span::before{
    content: '';
    position: absolute;
    background-color: #FFC426;
    height: 4px;
    width: 10%;
}
.nof-same-font.wishlist span:before{
    background-color: #597AD1;
}
.nof-review-font{
    margin-bottom: 48px;
    position: relative;
    text-align: center;
}
.nof-review-font h3{
    color: #363636;
    font-size: 24px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 15px;
}
.nof-review-font  span{
    content: '';
    position: absolute;
    height: 4px;
    width: 100%;
    background-color: #D9D9D9;
    left: 0;
}
.nof-review-font  span::before{
    content: '';
    position: absolute;
    background-color: #597AD1;
    height: 4px;
    width: 10%;
    left: 0;
    right: 0;
    margin: auto;
}
.detail-tab-sec .nav-tabs{
    border-bottom: 4px solid  #D9D9D9;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link{
    position: relative;
    padding: 16px 23px;
    color: #4D4D56;
    font-size: 20px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    border: none;
    box-shadow: none;
}
.nav-tabs .nav-link.active,.nav-tabs .nav-link:hover{
    border: none;
    background-color: transparent;
    outline: none;
    box-shadow: none;
    color: #363636;
    font-weight: 600;
}
.nav-tabs .nav-link.active::before {
    content: '';
    position: absolute;
    height: 4px;
    width: 100%;
    background-color: var(--blue, #597AD1);
    left: 0;
    bottom: -4px;
    right: 0;
    margin: auto;
}
/*tabs*/
.detail-tab-sec{
    padding: 40px 0;
}
.tab-para{
    padding: 20px 0;
}
.tab-para .table-user-home tr:hover{
    background-color: transparent;
}
.tab-para .table-user-home tbody tr:nth-child(odd){
    background-color: #F5F5FA;
}
.tab-para .table-user-home thead tr th{
    border-color: transparent;
}
.tab-para .table-user-home tbody tr td{
    color: #4D4D56;
    font-size: 20px;
    font-family: Montserrat;
    font-style: normal;
    line-height: 28px;
    padding: 10px 21px;
    border-color: transparent;
}
.visibility-hidden{
    display: none;
}
.font-400{
    font-weight: 400 !important;
}
.font-500{
    font-weight: 500 !important;
}
.tab-para p{
    color: #4D4D56;
    font-size: 20px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}
.delivery-option{
    border-radius: 16px;
    border: 1px solid var(--blue, #597AD1);
}
.delivery-option .delivery-inner {
    padding: 25px 45px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.delivery-option .delivery-inner:first-child{
    border-bottom: 1px solid #DFDFDF;
}
.delivery-option .delivery-inner .delivery-inner1{
    display: flex;
    gap: 35px;
    align-items: center;
}
.delivery-option .delivery-inner .delivery-inner1 .image{
    border-radius: 50%;
    border: 1px solid var(--blue, #597AD1);
    background: #D6D6D6;
    height: 44px;
    width: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.delivery-option .delivery-inner .delivery-inner1 .content h5{
    color: #363636;
    text-align: left;
    font-size: 16px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}
.delivery-option .delivery-inner .delivery-inner1 .content a{
    color: #4D4D56;
    text-align: left;
    font-size: 16px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration-line: underline;
    text-transform: capitalize;
    cursor: pointer;
}
.delivery-option .delivery-inner .input-delivery input{
    border-radius: 8px;
    border: 1px solid var(--blue, #597AD1);
    height: 48px;
    padding: 10px 20px;
}
.top-padding{
    padding: 50px 0;
}
.review-box-user{
    border-radius: 20px;
    background-color: #F5F5FA;
    padding: 35px;
    margin-bottom: 24px;
}
.review-box-user .left-content-review{
    text-align: left;
}
.review-box-user .left-content-review .product-olympiad-rating {
    display: flex;
    align-items: center;
    margin-bottom: 13px;
}
.review-box-user .left-content-review .product-olympiad-rating i {
    color: #FDB022;
    font-size: 25px;
    margin-right: 3px;
}
.review-box-user .left-content-review h5{
    color: #363636;
    font-size: 20px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}
.review-box-user .left-content-review p{
    color: var(--gray-400, #98A2B3);
    font-size: 16px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0;
    margin-top: 15px;
}
.review-box-user .right-content-review p{
    color: #4D4D56;
    font-size: 20px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 0;
}
.tab-form-user .form-label{
    color: #000;
    font-size: 20px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.tab-form-user .form-control{
    border-radius: 8px;
    border: 1px solid var(--blue, #597AD1);
    background: #FFF;
    padding: 11px 18px;
    margin-bottom: 30px
}
.new-header-home .yellow-no-border:hover,.new-header-home .yellow-no-border:active,.new-header-home .yellow-no-border:focus{
    background-color: transparent;
    box-shadow: none !important;
    outline: none;
    color: #FFC426;
}
.new-header-home .yellow-border:hover,.new-header-home .yellow-border:active,.new-header-home .yellow-border:focus{
    background-color: transparent;
    box-shadow: none !important;
    outline: none;
    color: #FFC426;
    border-color: #FFC426;
}
.report-analysis-sec{
    min-height: 82vh;
    align-items: center;
    display: flex;
    padding: 30px 0;

}
.report-analysis-sec .content{
    text-align: start;
}
.report-analysis-sec .content h1{
    color: #363636;
    font-size: 32px;
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0;
}
.report-analysis-sec .content h1 span{
    color: #FFC426;
}
.report-analysis-sec .content p{
    color: #4D4D56;
    font-size: 18px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin: 40px 0 55px;
}
.syllabus-home-box{
    border-radius: 8px;
    background: #F5F5FA;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 28px 50px;
    margin: 15px 0;
    min-height: 105px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.syllabus-home-box p{
    color: #363636;
    text-align: center;
    font-size: 24px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0;
}
.olympaid-section  .slick-slider .slick-slide {
    padding: 15px;
}
.how-work-box {
    border-radius: 24px;
    background: #FFF;
    box-shadow: 0px 16px 42px 0px rgba(31, 31, 51, 0.06);
    padding: 23px 30px;
    text-align: center;
    min-height: 265px;
    margin: 15px 0;
    min-height: 410px;
}
.how-work-box .image{
    border-radius: 24px;
    background: #E9E9F6;
    padding: 20px;
    height: 72px;
    width: 72px;
    margin: auto;
}
.how-work-box  h4{
    color: #24242E;
    text-align: center;
    font-size: 16px;
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    margin: 22px 0;
}
.how-work-box  p {
    color: #4D4D56;
    text-align: center;
    font-size: 14px;
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.benefit-heading{
    color: #363636;
    text-align: center;
    font-size: 36px;
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 50px;
    margin-top: 50px;
}
.benefit-sec{
    padding: 70px 0;
}
.benefit-box-user{
    text-align: center;
    padding: 20px;
    max-width: 360px;
    margin: auto;
}
.benefit-box-user .border-image {
    border-radius: 50%;
    border: 6px solid var(--yellow, #FFC426);
    background: #F5F5FA;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 50px;
    height: 315px;   
    margin: auto;
    width: 315px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.benefit-box-user .border-image img{
    height:auto;
    width: 140px;
    object-fit: contain;
}
.benefit-box-user p{
    color: #24242E;
    text-align: center;
    font-size: 20px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    margin-top: 30px;
}
/*========== modal homepage=========== */
.new-homepage-modal .modal-body{
    padding: 40px;
}
.new-homepage-modal .modal-body .modal-head1{
    color: #363636;
    font-size: 28px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.new-homepage-modal .modal-body .form-modal{
    padding: 30px 0 20px 0;
}
.new-homepage-modal .modal-body .form-modal .form-group{
    margin-bottom: 19px;
}
.new-homepage-modal .modal-body .form-modal .form-label{
    color: rgba(0, 0, 0, 0.80);
    font-size: 16px;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 8px;
    letter-spacing: -0.176px;
}
.new-homepage-modal .modal-body .form-modal .form-label span{
    color: rgba(219, 0, 0, 0.80);
}
.new-homepage-modal .modal-body .form-modal .form-select{
    border-radius: 8px;
    border: 1px solid var(--blue, #597AD1);
    /* background: #FFF; */
    height: 50px;
}
.new-homepage-modal .modal-body .form-modal .form-select:focus{
    box-shadow: none;
}

.border-box-new {
    border: 5px solid #597AD1;
    border-radius: 10px;
    overflow: hidden;
    max-width: max-content;
    line-height: 0;
    margin-bottom: 30px;
}
.new-header-home .navbar-toggler{
    background-color: transparent;
    border: 1px solid #fff;
}
@media (max-width:1400px){
.new-header-home .input-group{
    min-width: 300px;
}
.international-box p{
    font-size: 16px;
}
}
@media (max-width:1200px){
    .new-white-btn, .new-yellow-btn {
        padding: 7px 20px;
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
    }
    .new-header-home .input-group{
        min-width: auto;
    }
    .story-home-sec h1{
        font-size: 40px;
    }
    .banner-story-btn{
        margin-top: 40px;
    }
    .new-header-home .navbar-collapse{
        height: 50px;
    }
.new-header-home .navbar-collapse .nav-link{
    font-size: 14px;
    line-height: 20px;
    margin: 0 10px;
}
.benefit-sec {
    padding: 40px 0;
}
    }
@media (max-width:992px){
    .border-box-new {
        max-width: 100%;
        margin-bottom: 20px;
    }
    .border-box-new iframe {
        height: auto;
        min-height: 300px;
        width: 100% !important;
    }
.new-homepage-modal .modal-body .modal-head1{
    font-size: 20px;
}
.new-homepage-modal .modal-body{
    padding: 20px;
}
.new-homepage-modal .modal-body .form-modal .form-select{
    height: 40px;
}
.benefit-box-user .border-image {
    height: auto;
    max-width:215px ;
}
    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link{
        font-size: 16px;
        padding: 16px 18px;
    }
    
    .nof-same-font h3{
        font-size: 18px;
    }
    .set-top-margin-all {
        margin-top: 76px;
    } 
    .show-description .inner-describe{
        padding: 40px 20px;
    }
    .show-description .inner-describe ul li p{
        font-size: 14px;
    }
.new-header-home .input-group.search{
    display: none;
}
.new-header-home .header-side .wish{
    max-height: 30px;
}
    .story-home-sec{
        background-image: url(../img/home/banner-new2.png);
        background-position: top center;
        background-size: cover;
        background-repeat: no-repeat;
    }  
    .story-home-sec:before {
        content: '';
        background-color: rgba(255,255,255,0.9);
        height: 100%;
        width: 100%;
        position: absolute;
    }
    .story-home-sec .story-img img{
        display: none;
    }
    .footer-home-new {
        padding-top: 40px;
    }
    .footer-home-new ul.link-list li a {
        line-height: 18px;
        font-size: 12px;
        margin: 0 8px;
    }
    .footer-home-new ul.link-list {
        justify-content: center;
    }
    .copy-bg1 .content p{
        font-size: 10px;
        text-align: center;
        line-height: 12px;
        margin-top: 7px;
    }
    .new-header-home .navbar-toggler{
        /* background-color: #fff; */
        padding: 2px 5px;
    }
    .new-header-home .navbar-toggler{
        box-shadow: none;            
    }
    .new-header-home .navbar-toggler .navbar-toggler-icon{
        height: 20px;
        width: 20px;
    }
    .new-white-btn,.new-yellow-btn{
        padding: 7px 20px;
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
    }
    .new-header-home .navbar-collapse {
        position: fixed;
        top: 70px;
        left: 0;
        right: 0;
        padding: 10px;
        background-color: #000;
        height: auto;
    }
    .international-box{
        margin: 0;
    }
    .set-top-margin {
        margin-top: 20px;
    }
    .practice-sec .practice-box{
        margin: 20px 10px;
    }
    .international-head h2{
        font-size: 26px;
        margin-bottom: 25px;
    }
    .about-use-sec {
        padding: 60px 0;
    }
    .about-heading .all-pgraph,.about-heading .bold-heading{
        font-size: 14px;
        line-height: 20px;
    }
    .new-header-home .logo-img {
        height: 30px;
    }
    .head-practice-test {
        padding: 35px 0;
    }
   
}
@media (max-width:768px){
.new-homepage-modal .modal-body .form-modal .form-label{
    font-size: 14px;
    margin-bottom: 4px;
}
.new-homepage-modal .modal-body .form-modal {
    padding: 20px 0 10px 0;
}
    .benefit-box-user .border-image{
        padding: 35px;
    }
    .benefit-box-user p{
        font-size: 16px;
    }
    .benefit-heading{
        font-size: 22px;
        margin-bottom: 30px;
        margin-top: 35px;
    }
    .set-top-margin-all {
        margin-top: 67px;
    }
    .syllabus-home-box p{
        font-size: 16px;
    }
    .report-analysis-sec{
        min-height: auto;
    }
.report-analysis-sec .content p{
    font-size: 15px;
    line-height: 22px;
    margin: 15px 0 36px;
}
.report-analysis-sec .content h1 {
    font-size: 26px;
}
    .tab-form-user .form-label{
        font-size: 15px;
    }
    .tab-form-user .form-control{
        margin-bottom: 15px;
    }
    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link{
        font-size: 14px;
        padding: 16px 7px;
    }
    /* .nav-tabs .nav-link.active::before {
        width: 100%;
    } */
    .delivery-option .delivery-inner{
        flex-wrap: wrap;
    }
    .delivery-option .delivery-inner{
        gap: 20px;
        padding: 20px ;
    }
    .tab-para p,.review-box-user .right-content-review p{
        font-size: 14px;
        line-height: 20px;
    }
    .review-box-user .left-content-review p{
        font-size: 13px;
        margin-bottom: 15px;
        margin-top: 10px;
    }
    .review-box-user{
        padding: 20px;
    }
    .new-header-home .navbar-collapse{
        top: 65px;
    }
    .new-header-home .header-side a{
        font-size: 12px;
        margin: 0 6px;
    }
    .head-practice-test {
        padding: 20px 0;
    }
    .new-header-home .header-side .wish {
        max-height: 22px;
        margin-right: 0;
    }
    .mt-5.margin-mobile-box{
        margin-top: 0 !important;
    }
    .olympiad-img {
        height: auto !important;
    
    }
    .new-header-home{
        padding: 4px 0;
    }
    .international-box p{
        padding: 15px;
        font-size: 14px;
    }
    .practice-sec .practice-box p{
        font-size: 14px;
        line-height: 20px;
        min-height: 40px;
    }
.new-header-home .yellow-border,.new-header-home .yellow-no-border{
    padding: 4px;
    font-size: 12px;
}
.story-home-sec {
    padding: 50px 0;
    min-height: auto;
    margin-top: 67px;
}
.story-home-sec h1 {
    font-size: 26px;
    margin-bottom: 10px;
}
.story-home-sec p{
    font-size: 14px;
    line-height: 18px;
}
.banner-story-btn{
    gap: 8px;
}
.new-white-btn, .new-yellow-btn {
    padding: 7px 10px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    width: 100%;
    text-align: center;
    max-width: 150px;
}
.set-position {
    text-align: center;
}
.banner-story-btn {
    justify-content: center;
}
.international-box img {
    width: 100%;
    height: auto;
}
.testimonial-section .testimonial-img {
    display: block !important;
}
.testimonial-section .testimonial-item {
    padding: 15px 15px 15px 15px !important;
}
.testimonial-section .rating i {
    font-size: 14px;
    margin: 2px;
}
.show-number .show1 {
    left: -10px;
    height: 16px;
    min-width: 16px;
    font-size: 9px;
    top: -7px;
}
.show-description .inner-describe ul li p{
    font-size: 10px;
}
.show-description .inner-describe ul li p span{
    font-size: 16px;
}
.show-description .inner-describe{
    padding: 25px 20px;
}
.about-heading h2{
    font-size: 22px;
}
.about-heading .bold-heading{
    font-size: 16px;
}
.about-heading .all-pgraph{
    font-size: 14px;
    line-height: 20px;
}
.show-description .inner-describe ul li::after{
    font-size: 16px;
}
.new-header-home .navbar-collapse .nav-link{
    font-size: 14px;
    line-height: 20px;
}
}
@media (max-width:560px){
    .syllabus-home-box.download-m {
        padding: 35px 21px;
        display: block;
    }
    .new-header-home .header-side a span{
        display: none;
    }
    .new-header-home .yellow-border,.new-header-home .yellow-no-border{
        
        font-size: 10px;
    }
    .show-description .inner-describe{
        padding: 20px 2px;
    }
    .show-description .inner-describe ul li p span {
        font-size: 13px;
    }
    .show-description .inner-describe ul li {
        width: 35%;
        list-style: none;
        position: relative;
    }
    .show-description .inner-describe ul li::after{
        top: -4px;
    }
    .show-description .inner-describe ul li:nth-child(2) {
        width: 30%;
    }
    .show-description .inner-describe ul li p {
        font-size: 9px;
    }
    .benefit-box-user .border-image {
        max-width: 110px;
        padding: 20px;
    }
    .border-box-new iframe {
        height: auto;
        min-height: 185px;
        width: 100% !important;
    }
    .border-box-new {
        max-width: 100%;
        margin-bottom: 20px;
    }
    
}

.get-touch-info {
    text-align: left;
}
.get-in-touch-section {
    padding: 0px 0 80px;
}
.get-touch-info h2 {
    color: #FFC426;
    font-size: 40px;
    font-family: Montserrat;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 27px;
}
.get-touch-info h2 p {
    color: #4D4D56;
    font-size: 20px;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 30px;
}
.get-touch-info ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 25px;
}
.get-touch-info ul li {
    list-style: none;
    width: 45px;
    height: 45px;
    background: #E9E9F6;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.get-touch-info ul li a{
    line-height: 9px;
}
.get-touch-info ul li a i {
    font-size: 22px;
    color: #000;
}
.get-touch-bg {
    border-radius: 215px 0px 0px 0px;
    background: #FFC426;
    padding: 79px 150px 50px 190px;
    position: relative;
}
.get-touch-bg::before {
        content: '';
        position: absolute;
        top: -9px;
        border-radius: 215px 0px 0px 0px;
        border: 4px solid var(--yellow, #FFC426);
        left: -10px;
        width: 100%;
        border-right: 0;
        height: 100%;
        z-index: -1;
}
.get-touch-bg h2 {
    color: #000;
    font-size: 32px;
    font-family: Montserrat;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 34px;
}
.get-touch-bg .form-label {
    color: #000;
    font-size: 16px;
    font-family: Montserrat;
    font-weight: 500;
    margin-bottom: 7px;
    text-align: left;
    display: block;
}
.get-touch-bg .form-control,.get-touch-bg .react-tel-input {
    border-radius: 8px;
    border: 1px solid #FFF;
    background: #FFF;
    color: #BEBEBE;
    font-size: 16px;
    font-family: Montserrat;
    font-weight: 500;
    padding: 11px 18px;
}
.get-touch-bg .react-tel-input .form-control{
    padding: 0;
    border: none;
    height: auto;
    width: auto;
}
.get-touch-bg .react-tel-input .flag-dropdown{
    background-color: transparent;
    border: none;
}
.get-touch-bg .form-control:focus{
    box-shadow: none !important;
}
.get-touch-bg .form-group {
    margin-bottom: 12px;
}
.get-touch-bg button {
    border-radius: 12px;
    background-color: #000;
    border-color: #000;
    padding: 16px 40px;
    text-align: center;
    color: #FFF;
    font-size: 18px;
    font-family: Montserrat;
    font-weight: 600;
    line-height: 28px;
    width: 100%;
    margin-top: 20px;
}

.get-touch-bg button:hover {
    background: #000;
    color: #fff;
}



.testimonial-section {
    background: #F5F5FA;
    padding: 100px 0 120px;
}
.testimonial-section .testimonial-heading {
    margin-bottom: 115px;
}
.testimonial-section .testimonial-heading h2 {
    color: var(--yellow, #FFC426);
    text-align: center;
    font-size: 24px;
    font-family: Montserrat Alternates;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 16px;
}
 .testimonial-heading h1 {
    color: #24242E;
    text-align: center;
    font-size: 40px;
    font-family: Montserrat Alternates;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 0;
}
.testimonial-heading .d-inline-block{
    display: inline-block;
    position: relative;
}
.testimonial-heading .border-yellow{
    content: '-';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -10px;
    width: 80%;
    background-color: #FFC426;
    height: 2px;
}
.testimonial-section .testimonial-item {
    border-radius: 24px;
    background: #FBFBFD;
    box-shadow: 0px 16px 62px 0px rgba(31, 31, 51, 0.06);
    padding: 24px 32px 24px 32px;
    margin: 70px 10px 55px;
}
.testimonial-section .testimonial-img {
    display: flex;
    margin-bottom: 20px;
    align-items: flex-start;
    min-height: 150px;
}
.testimonial-section .testimonial-img img {
    margin-top: -90px;
    margin-right: 20px;
}
.testimonial-section .testimonial-item-heading {
    text-align: left;
}
.testimonial-section .testimonial-item-heading h2 {
    color: #24242E;
    font-size: 18px;
    font-family: Montserrat Alternates;
    font-weight: 600;
    margin-bottom: 5px;
    line-height: 24px;
}
.testimonial-section .testimonial-item-heading p {
    color: var(--blue, #597AD1);
    font-size: 14px;
    font-family: Montserrat Alternates;
    margin-bottom: 0;
}
 .testimonial-section .rating {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
 .testimonial-section .rating i {
    color: #EB9E47;
    font-size: 20px;
}
.testimonial-section .testmonial-info {
    text-align: left;
    font-size: 12px;
    line-height: 20px;
    min-height: 200px;
}

 .testimonial-section .slick-prev {
    background: #E9E9F6 !important;
    width: 42px !important;
    height: 42px !important;
    opacity: 1;
    bottom: -43px !important;
    /* / margin: auto; / */
    top: auto !important;
    right: 55px !important;
    left: auto !important;
    border-radius: 6px;
}
 .testimonial-section .slick-next {
    background: #E9E9F6 !important;
    width: 42px !important;
    height: 42px !important;
    opacity: 1;
    bottom: -43px !important;
    /* / margin: auto; / */
    border-radius: 6px;
    top: auto !important;
    right: 0px;
}
.testimonial-section .slick-prev:hover {
    background: #FFC426 !important;
}
.testimonial-section .slick-next:hover {
    background: #FFC426 !important;
}

.testimonial-section .slick-next:before {
    background-image: url(../img/home/right-arrow.png);
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
}
.testimonial-section .slick-prev:before {
    background-image: url(../img/home/left-arrow.png);
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
}
.olympaid-section{
    padding: 30px 0;
}
.olympiad-box {
    border-radius: 18.48px;
    border: 1.54px solid #F7F5F7;
    margin-bottom: 45px;
}
.olympiad-img {
    position: relative;
    border-radius: 18px 18px 0 0;
    background-color: #F5F5FA;
    height: 305px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.olympiad-img h3{
color: #55C4EC;
text-align: center;
font-size: 20px;
font-family: Montserrat;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: capitalize;
}
.olympiad-img span{
    color: #FFC426;
}
.olympiad-img img {
    /* width: 100%; */
    width: auto;
    /* height: 223px; */
    height: auto;
    object-fit: contain;
}
.olympiad-img .list-img{
    width: 100%;
    height: 100%;
    object-fit: fill;
    border-radius:18px 18px 0 0 ;
}
.olympiad-img .olympiad-heart-icon {
    position: absolute;
    right: 16px;
    top: 18px;
    border-radius: 77px;
    background: var(--gray-25, #FCFCFD);
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.olympiad-info {
    padding: 24px;
    text-align: left;
}
.olympiad-info h2 {
    color: #363636;
    font-size: 18px;
    font-family: Montserrat;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 13px;
}
.olympiad-info span {
    color: var(--gray-400, #98A2B3);
    font-size: 14px;
    font-family: Montserrat;
    margin-bottom: 13px;
    display: inline-block;
}
.olympiad-rating {
    display: flex;
    align-items: center;
    margin-bottom: 13px;
}
.olympiad-rating i {
    color: #FDB022;
    font-size: 18px;
    margin-right: 3px;
}
.tab-para  .olympiad-rating {
    margin: 30px 0;
}
.tab-para .olympiad-rating i{
    font-size: 25px;
}
.rating-number {
    margin-left: 10px;
    color: var(--gray-400, #98A2B3);
    font-size: 14px;
    font-family: Inter;
    line-height: 20.043px;
    margin-bottom: 0;
}
.tab-para .rating-number{
    margin-left: 0;
    margin-right: 30px;
}
.olympiad-amount {
    color: var(--gray-700, #344054);
    font-size: 18px;
    font-family: Montserrat;
    font-weight: 700;
    margin-bottom: 24px;
}
.olympiad-cart {
    border-radius: 50px;
    border: 1px solid var(--blue, #597AD1);
    background: var(--blue, #597AD1);
    padding:8px 14px;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    color: var(--white, #FFF);
    font-size: 14px;
    font-family: Montserrat;
    font-weight: 600;
    line-height: 20px;
    display: block;
    text-align: center;
    text-decoration: none;
}
.olympiad-cart:hover,.olympiad-cart:active{
    color: #fff;
}
.product-detail-section {
    margin-bottom: 40px;
}
.breadcrumb {
    margin-bottom: 64px;
}
.nof-img {
    border-radius: 16px;
    border: 1px solid var(--blue, #597AD1);
    margin-bottom: 44px;
    background-color: #F5F5FA;
}
.nof-img img {
    border-radius: 16px;
    width: 100%;
    max-height: 375px;
}
.product-detail-review  {
    border-radius: 16px;
    border: 1px solid var(--blue, #597AD1);
}
.product-detail-review ul {
    padding: 0;
    margin: 0;
}
.product-detail-review ul li {
    display: flex;
    align-items: center;
    padding:15px 20px 13px 20px;
    border-bottom: 1px solid #DFDFDF;
}
.product-detail-review ul li:last-child {
    border: 0;
}
.product-detail-review ul li .review-icon {
    border-radius: 115px;
    border: 1px solid var(--blue, #597AD1);
    background: #D6D6D6;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-right: 9px;
}
.product-detail-review ul li a {
    color: #363636;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}
.breadcrumb .breadcrumb-item, .breadcrumb .breadcrumb-item a{
    color: #363636 !important;
    text-decoration: none;
}
.product-detail-info {
    text-align: left;
    margin-left: 70px;
}
.product-detail-info h2 {
    color: #363636;
    font-size: 24px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 30px;
}
.product-detail-info span {
    color: var(--gray-400, #98A2B3);
    font-size: 20px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 18px;
    display: block;
}
.product-olympiad-rating {
    display: flex;
    align-items: flex-start;
    margin-bottom: 33px;
}
.product-olympiad-rating i {
    color: #FDB022;
    font-size: 18px;
    margin-right: 3px;
}
.product-olympiad-rating .rating-number {
    margin-left: 10px;
    color: var(--gray-400, #98A2B3);
    font-size: 14px;
    font-family: Inter;
    line-height: 20.043px;
    margin-bottom: 0;
}
.product-olympiad-amount {
    color: var(--gray-700, #344054);
    font-size: 24px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.quantity-input-group {
    display: flex;
    align-items: center;
    margin-bottom: 37px;
}
.quantity-input-group p {
    color: #363636;
    text-align: center;
    font-size: 16px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 0;
    margin-right: 37px;
}
.quantity-input-group .input-group {
    border-radius: 16px;
    border: 1px solid var(--blue, #597AD1);
    width: 167px;
}
.quantity-input-group .input-group button {
    border: 0;
    color: #363636;
    text-align: center;
    font-size: 20px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 15px 12px 15px;
    box-shadow: none;
}
.quantity-input-group .input-group button i{
    color: #363636;
}
.cart-table .quantity-input-group .input-group button i{
    color: #363636;
}
.quantity-input-group .input-group button:active {
    box-shadow: none;
}
.quantity-input-group .input-group button:hover {
    background: #597AD1;
    color: #fff;
    border-bottom-left-radius: 16px;
    border-top-left-radius: 16px;
}
.quantity-input-group .input-group button:last-child:hover {
    background: #597AD1;
    color: #fff;
    border-bottom-right-radius: 16px;
    border-top-right-radius: 16px;
}
.quantity-input-group .input-group input {
    border-color:rgba(89, 122, 209, 0.20);;
    background-color: unset;
    text-align: center;
    color: #363636;
    text-align: center;
    font-size: 16px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    box-shadow: none;
    border-bottom: none;
    border-top: none;
}
.product-detail-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product-description {
    color: #4D4D56;
    font-size: 20px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 35px;
}
.product-description a {
    color: #597AD1;
    text-decoration: none;
}
.product-detail-btn a {
    border-radius: 50px;
    border: 1px solid var(--blue, #597AD1);
    background: var(--blue, #597AD1);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    /* / padding: 20px 45px; / */
    color: var(--white, #FFF);
    font-size: 20px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 290px;
    height: 64px;
    text-decoration: none;
}
.product-detail-btn a:hover {
    background: unset;
    color: var(--blue, #597AD1);
}
.product-detail-btn a:hover i {
    color: #597AD1;
}
.product-detail-btn a i {
    margin-right: 36px;
    font-size: 24px;
    color: #fff;
}
.product-detail-btn .wishlist {
    background: unset;
    color: var(--blue, #597AD1);
}
.product-detail-btn .wishlist i {
    color: #597AD1;
}
.product-detail-btn .wishlist:hover {
    background: var(--blue, #597AD1);
    color: var(--white, #FFF);
}
.product-detail-btn .wishlist:hover i {
    color: var(--white, #FFF);
}
.cart-section {
    padding: 70px 0;
}
.cart-table {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding-bottom: 51px;
    margin-bottom: 70px;
}
.cart-table .table>thead {
    border-radius: 8px 8px 0px 0px;
}
.cart-table .table>thead tr th {
    background-color: #F5F5FA;
    color: #363636;
    font-size: 20px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    padding: 22px 44px 22px;
    border: 0;
    text-align: center;

}
.cart-table .table>tbody tr {
    border-bottom: 2px solid #F5F5FA;
    --bs-table-accent-bg:unset;
}
.cart-table .table>tbody tr td {
    background-color: white;
    padding: 40px 44px 40px;
    color: rgba(54, 54, 54, 0.70);
    font-size: 18px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    text-align: center;
    vertical-align: middle;
}
.text-left {
    text-align: left!important;
}
.cart-table .quantity-input-group {
    justify-content: center;
    margin-bottom: 0;
}
.cart-table .table>tbody tr td i {
    font-size: 24px;
    color: #C00000;
}
.coupon-code {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 4px;
}
.coupon-code-box {
    padding: 0 44px;
}
.coupon-code {
    padding: 0!important;
    background-color: unset!important;
    border: 0;
}
.coupon-code-box h4 {
    padding: 0!important;
    background-color: unset!important;
    border: 0;
    color: rgba(54, 54, 54, 0.70);
    font-size: 18px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 24px;
    text-align: left;
}
.coupon-code-input {
    display: flex;
    align-items: center;
    padding: 0!important;
    background-color: unset!important;
    border: 0;
    flex-wrap: wrap;
    gap: 4px;
}
.postal-code-input {
    display: flex;
    align-items: center;
    padding: 0!important;
    background-color: unset!important;
    border: 0;
}
.coupon-code-input .form-control {
    border-radius: 8px;
    border: 1px solid var(--blue, #597AD1);
    padding: 15px 20px;
    color: rgba(77, 77, 86, 0.70);
    font-size: 16px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    margin-right: 20px;
    width: 229px;
    height: 48px;
    /* / text-align: center; / */
}
.coupon-code-input button {
    border-radius: 8px;
    background: var(--blue, #597AD1);
    padding: 9px 30px;
    color: #FFF;
    font-size: 18px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border: transparent;
    /* height: 48px; */
}
.coupon-code-input button:hover{
    background-color: #597AD1;
}
.coupon-code-input img {
    margin-left: 28px;
}
.coupon-code-input a {
    color: #4D4D56;
    font-size: 16px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration-line: underline;
    text-transform: capitalize;
}
.coupon-code-input a:hover{
    color: #4D4D56;
}
.cart-total .table>thead tr th {
    padding: 33px 64px 33px;
}
.cart-total .table>tbody tr td {
    padding: 20px 64px 20px;
}
.cart-total {
    padding-bottom: 44px;
    margin-bottom: 0;
}
.cart-total .table {
    margin-bottom: 33px;
}
.cart-total button {
    border-radius: 8px;
    background: var(--blue, #597AD1);
    padding: 15px 30px;
    color: #FFF;
    font-size: 18px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
    display: block;
    width: 100%;
}
.cart-total button:hover{
    background-color: #597AD1;
}
.order-btn {
    padding:  0 64px;
}
.back-to-product a {
    border-radius: 8px;
    border: 1px solid var(--blue, #597AD1);
    padding: 10px 30px;
    color: rgba(77, 77, 86, 0.70);
    font-size: 18px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    display: inline-block;
    text-decoration: none;
}
.back-to-product a:hover {
    color:rgba(77, 77, 86, 0.70) ;
}
.class-country-heading {
    background-color: #f6f6f6;
    padding: 5px 10px;
    border-radius: 8px;
    max-width: max-content;
}
.class-country-heading p {
    font-size: 18px;
    color: #597ad1;
    font-weight: 600;
    margin-bottom: 0;
}

@media (max-width:1199px){
    .get-touch-info h2 {
        font-size: 37px;
    }
    .get-touch-bg {
        padding: 79px 96px 60px;
    }
    .product-detail-btn a {
        width: 238px;
        height: 60px;
    }
    .product-detail-btn a i {
        margin-right: 20px;
    }
        .coupon-code-input .form-control {
               width: 225px;
               margin-right: 17px;
           }
           .coupon-code-input img {
               margin-left: 8px;
               margin-right: 20px;
           }
           .coupon-code-input .form-control.coupon-input {
               width: 230px;
           }
           .coupon-code-input .form-control {
               padding: 15px 15px;
           }
}

@media (max-width:1023px){
    .get-touch-bg .react-tel-input{
        padding: 6px 18px;
        overflow: hidden ;
    }
    .product-detail-review ul li {
        padding: 12px;
    }
    .product-detail-info {
        margin-left: 0;
    }
    .product-detail-btn a {
        width: 205px;
        height: 55px;
        font-size: 17px;
    }
    .product-detail-btn a i {
        margin-right: 12px;
    }
    .product-description {
        font-size: 19px;
    }
    .get-touch-info h2 {
        font-size: 27px;
    }
    .get-touch-info ul {
        gap: 12px;
    }
    .get-touch-info ul {
        flex-wrap: wrap;
    }
    .get-touch-bg {
        padding: 76px 80px 60px;
    }
    .get-touch-bg h2 {
        font-size: 25px;
    }
    .get-touch-bg .form-control {
        font-size: 14px;
        padding: 6px 18px;
        /* height: 37px; */
    }
    .get-touch-bg .form-label{
        margin-bottom: 4px;
    }
    .get-touch-bg .form-group{
        margin-bottom: 12px;
    }
    .testimonial-section .testimonial-heading {
        margin-bottom: 55px;
    }
    .testimonial-heading h1{
        font-size: 26px;
    }   
        .coupon-code {
               display: block;
           }
           .coupon-code-input {
               margin-bottom: 15px;
           }
           .coupon-code-input .form-control.coupon-input {
               width: unset;
           }
           .cart-table .table>tbody tr td {
               padding: 40px 44px 30px;
           }
           .cart-total .table>tbody tr td {
               padding: 33px 44px 17px;
           }
           .coupon-code-box h4{
            margin-top: 15px;
            font-size: 16px;
           }
    
}

@media (max-width:767px){
    .get-touch-bg .form-control{
        padding: 6px 10px;
    }
    .get-touch-bg .react-tel-input{
        padding: 3px 10px;
    }
    .testimonial-section .slick-prev,.testimonial-section .slick-next{
        bottom: -79px !important;
    }
    .slick-dots{
        width: 100% !important;
    }
        .cart-table .table>tbody tr td {
               padding: 25px 35px 25px;
               font-size: 14px;
           }
           .cart-table .table>thead tr th {
               font-size: 16px;
               padding: 20px 35px 20px;
           }
           .coupon-code-box {
               padding: 0 35px;
           }
           .coupon-code-input {
               display: block;
               margin-bottom: 8px;
           }
           .coupon-code-input .form-control {
               margin: auto auto 8px;
               width: 100%;
               height: 35px;
           }
           .coupon-code-input button{
            font-size: 14px;
            line-height: 20px;
            height: auto;
            padding: 7px 30px;
           }
           
           .coupon-code-input .form-control.coupon-input {
               width: 100%;
           }
           .coupon-code-input img {
               display: none;
           }
           .back-to-product {
               margin-bottom: 20px;
           }
       
        .product-detail-img {
                margin-bottom: 30px;
            }
            .product-detail-info h2 {
                margin-bottom: 20px;
            }
            .product-detail-info span {
                margin-bottom: 15px;
            }
            .product-olympiad-rating {
                margin-bottom: 22px;
            }
            .product-description {
                font-size: 18px;
            }
            .quantity-input-group {
                margin-bottom: 25px;
            }
            .product-detail-btn {
                display: block;
            }
            .product-detail-btn a {
                width: 210px;
                margin: auto auto 15px;
            }
        
     .testimonial-heading h1 {
        font-size: 24px;
    }
    .testimonial-section .testimonial-heading h2{
        font-size: 18px;
    }
    .olympiad-info h2{
        font-size: 16px;
    }
   
    .get-touch-info {
        padding: 0 15px;
        margin-bottom: 35px;
    }
    .get-touch-info p{
        font-size: 14px;
    }
    .get-touch-bg {
        padding: 76px 55px 60px;
    }
    .get-in-touch-section {
        padding: 0px 0 60px;
    }
    .testimonial-section{
        padding: 60px 0 120px;
    }
    .olympiad-info h2, .olympiad-info span {
        margin-bottom: 9px;
    }
    .olympiad-amount {
        margin-bottom: 18px;
    }
    .olympiad-box {
        margin-bottom: 35px;
    }
    .get-touch-bg,.get-touch-bg::before {
        border-radius: 100px 0px 0px 0px;
        margin-left: 15px;
    }
    .get-touch-bg::before{
        left: -25px;
    }
    .get-touch-bg button{
        padding: 8px 30px;
        font-size: 14px;
    }
    .get-touch-bg .form-label{
        font-size: 14px;
    }
    .nof-same-font h3 {
        font-size: 16px;
    }
    .quantity-input-group .input-group button,.cart-table .table>tbody tr td i{
        font-size: 16px;
    }
    .quantity-input-group .input-group button{
        padding: 8px 15px;
    }
    .cart-table{
        margin-bottom: 40px;
    }
    .back-to-product a {
        padding: 7px 30px;
        font-size: 16px;
    }
    .cart-total button {
        padding: 10px 30px;
        font-size: 14px;
        line-height: 20px;
    }
    .cart-section{
        padding: 30px 0;
    }
    .get-touch-info ul {
        gap: 9px;
    }
}

@media (max-width:320px){
        .cart-table .table>tbody tr td {
               padding: 20px 25px 20px;
               font-size: 12px;
           }
           .cart-table .table>thead tr th {
               font-size: 14px;
               padding: 20px 25px 20px;
           }
           
           .coupon-code-box {
               padding: 0 15px;
           }
    .get-touch-info h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .get-touch-bg {
        padding: 76px 35px 40px;
    }
    .get-touch-bg .form-control {
        font-size: 12px;
    }
    .get-touch-bg h2 {
        font-size: 18px;
        margin-bottom: 24px;
    }
        .testimonial-img img {
            width: 61%;
        }
        .testimonial-heading h1 {
            font-size: 22px;
        }
        .testimonial-heading {
            margin-bottom: 40px;
        }
            .product-detail-info h2 {
                    font-size: 22px;
                    margin-bottom: 15px;
                }
                .product-detail-info span {
                    margin-bottom: 13px;
                    font-size: 17px;
                }
                .product-olympiad-rating {
                    margin-bottom: 17px;
                }
                .quantity-input-group {
                    margin-bottom: 20px;
                }
                .product-description {
                    font-size: 17px;
                }
                .quantity-input-group p {
                    margin-right: 20px;
                }
                .quantity-input-group .input-group {
                    width: 155px;
                }
                .nof-img {
                    margin-bottom: 30px;
                }
                .product-detail-img {
                    margin-bottom: 25px;
                }
                .class-country-heading p {
                    font-size: 10px;
                    
                }
            
}
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: #f0f5ff;
}

.page-wrapper {
  display: flex;
  justify-content: center;
  min-height: 100vh;
}

/* LEFT */
.left-section {
  width: 40%;
  padding: 30px 40px;
  background: #fff;
}

.logo {
  display: flex;
  align-items: center;
  gap: 12px;
}

.logo img {
  width: 48px;
  height: auto;
  border-radius: 6px;

}

.left-section h1 {
  margin-top: 25px;
  color: #1d67cd;
  font-size: 28px;
}

.only-india {
  color: #d32f2f;
  font-weight: bold;
  margin-top: 15px;
  padding: 8px 12px;
  background: #ffebee;
  border-radius: 6px;
  display: inline-block;
}

.overseas {
  color: #2e7d32;
  margin-top: 16px;
  line-height: 1.5;
  font-size: 15px;
}

.overseas a {
  color: #1a73e8;
  font-weight: bold;
  text-decoration: none;
}

.overseas a:hover {
  text-decoration: underline;
}

.poster img {
  width: 100%;
  max-width: 420px;
  margin: 22px 0;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.next-btn {
  padding: 14px 28px;
  background: rgb(35,113,236);
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
}

.next-btn:hover {
  background: linear-gradient(135deg, #0d47a1 0%, #08367c 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(13, 71, 161, 0.3);
}

/* RIGHT */
.right-section {
  /* width: 40%; */
  padding: 30px 40px;
  /* background: #f8fafd; */
}

.right-section.show {
  display: block;
}

.form-card {
  background: #fff;
  /* border-radius: 16px; */
  padding: 30px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  max-width: 520px;
  /* border: 1px solid #e3e8f0; */
}

.dashboard-layout .page-wrapper {
  min-height: auto;
  align-items: flex-start;
  padding: 18px 24px 42px;
}

.dashboard-layout .right-section.show {
  width: 100%;
  /* max-width: 920px; */
  padding: 0;
}

.dashboard-layout .form-card {
  max-width: 100%;
  border-radius: 10px;
  border: 1px solid #e5ebf7;
  box-shadow: 0 18px 42px rgba(46, 76, 137, 0.1);
}

.payment-summary-card {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 16px 0 24px;
  padding: 16px;
  border: 1px solid #dfe6f4;
  border-radius: 18px;
  background: #f8fbff;
}

.payment-summary-card > div {
  min-width: 0;
  padding: 10px 12px;
  border-radius: 8px;
  background: #fff;
}

.payment-summary-card strong {
  display: block;
  color: #0d2366;
  font-size: 15px;
  line-height: 22px;
  overflow-wrap: anywhere;
}

.summary-label {
  display: block;
  margin-bottom: 4px;
  color: #6b7280;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.payment-summary-card .summary-total {
  background: #597ad1;
}

.payment-summary-card .summary-total .summary-label,
.payment-summary-card .summary-total strong {
  color: #fff;
}

.right-section h2 {
  margin: 0 0 20px;
  color: #0d2366;
  font-size: 15px;
  font-weight: 700;
}

.payment-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.payment-title-row h2 {
  margin-bottom: 20px;
}

.payment-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #d5def2;
  border-radius: 8px;
  padding: 8px 13px;
  background: #fff;
  color: #597ad1;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: all 0.2s ease;
}

.payment-back-btn:hover {
  border-color: #597ad1;
  background: #f2f6ff;
  color: #0d2366;
}

.title-name {
  color: #0d2366;
  font-size: 15px;
  font-weight: bold;
  /* line-height: 28px; */
  /* max-width: 80%; */
  display: inline-block;
  vertical-align: middle;
  padding-left: 16px;
  padding-top: 5px;
}

.divider {
  width: 30px;
  height: 5px;
  background: linear-gradient(to right, #1d67cd, #4a9eff);
  border-radius: 2px;
  margin-bottom: 24px;
}

.form-group {
  margin-bottom: 20px;
}

.form-group label {
  display: block;
  font-weight: 700;
  margin-bottom: 8px;
  font-size: 14px;
  color: #333;
}

.form-group input,
.form-group select,
.form-group textarea {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #d1d9e6;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.3s;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  outline: none;
  border-color: #1d67cd;
  box-shadow: 0 0 0 3px rgba(29, 103, 205, 0.1);
}

.form-group textarea {
  resize: vertical;
  min-height: 70px;
}

/* PRICE SECTION */
.price-section {
  margin: 0px 0 25px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #e3e8f0;

}
.inner-price-section{
  padding-left: 10px;
  padding-right: 10px;
}

.price-header {
  /* background: linear-gradient(135deg, #f8fafd 0%, #e8efff 100%); */
  background-color: #597ad1;
  padding: 9px 20px;
  border-bottom: 1px solid #e3e8f0;
}

.price-header h3 {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 0px;
}

.step-header {
  display: flex;
  align-items: center;
  gap: 14px;
}

.step-header p {
  margin: 4px 0 0;
  color: #fff;
  font-size: 13px;
  line-height: 1.4;
  max-width: 340px;
}

.step-badge {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #1d67cd;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
}


.total-section {
  background: #f8fafd;
  padding: 20px;
  border-top: 1px solid #e3e8f0;
}

.total-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pay-btn {
  width: 100%;
  padding: 18px;
  background: linear-gradient(135deg, #1d67cd 0%, #0d47a1 100%);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  margin-top: 25px;
  transition: all 0.3s;
}

.pay-btn:hover {
  background: linear-gradient(135deg, #0d47a1 0%, #08367c 100%);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(13, 71, 161, 0.3);
}

.pay-btn:disabled {
  background: linear-gradient(135deg, #9e9e9e 0%, #757575 100%);
  cursor: not-allowed;
}


/* ============================= */
/* DYNAMIC PAGE DESCRIPTION SAFE ZONE */
/* ============================= */

.page-description {
  margin-top: 16px;
  line-height: 1.6;
  color: #344054;
  font-size: 15px;
}

/* Reset weird margins coming from CMS */
.page-description h1,
.page-description h2,
.page-description h3,
.page-description h4,
.page-description p {
  margin: 12px 0 !important;
  line-height: 1.5;
}

/* Custom registered payment page header */
.payment-header-card {
  display: grid;
  gap: 18px;
  margin-bottom: 20px;
}

.payment-user-card {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 20px 24px;
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 35px 80px rgba(27, 47, 68, 0.08);
  border: 1px solid rgba(29, 103, 205, 0.12);
}

.payment-user-avatar {
  width: 60px;
  height: 60px;
  min-width: 60px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #eef4ff;
  color: #1d67cd;
  font-size: 22px;
  font-weight: 800;
}

.payment-user-info {
  min-width: 0;
}

.payment-user-info h3 {
  margin: 0;
  color: #111c44;
  font-size: 18px;
  font-weight: 700;
}

.payment-user-tag {
  display: inline-flex;
  align-items: center;
  margin-top: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  background: #eef4ff;
  color: #1d67cd;
  font-size: 12px;
  font-weight: 700;
}

.payment-user-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
  flex-wrap: wrap;
}

.payment-user-meta {
  display: flex;
  align-items: center;
  gap: 34px;
  flex-wrap: wrap;
}

.payment-user-meta-item {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 110px;
}

.payment-user-meta-item + .payment-user-meta-item {
  padding-left: 24px;
  border-left: 1px solid #dfe6f4;
}

.payment-user-meta-item .summary-label {
  color: #667085;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.payment-user-meta-item strong {
  color: #111c44;
  font-size: 15px;
  font-weight: 700;
}

.payment-progress-card {
  padding: 18px 20px;
  border-radius: 18px;
  background: #eef9f1;
  border: 1px solid #d5ecd8;
}

.progress-top-row {
  display: grid;
  grid-template-columns: auto auto minmax(160px, 1fr) auto;
  align-items: center;
  gap: 16px;
  margin-bottom: 14px;
}

.progress-icon-wrap {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(180deg, #dff4de 0%, #bbe7bf 100%);
  color: #1b7b36;
  font-size: 18px;
  border: 1px solid #c2e1c8;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
}

.progress-title {
  margin: 0 0 4px;
  font-size: 14px;
  font-weight: 700;
  color: #0d2366;
}

.progress-count {
  display: block;
  font-size: 16px;
  color: #0d2366;
  font-weight: 800;
}

.progress-title-group {
  min-width: 0;
}

.progress-line-wrap {
  width: 70%;
  margin-left: auto;
}

.progress-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 65px;
  padding: 12px 16px;
  border-radius: 999px;
  background: #ffffff;
  color: #1b7b36;
  font-size: 14px;
  font-weight: 800;
  border: 1px solid #d3ebd7;
}

.progress-track {
  width: 100%;
  display: flex;
  gap: 8px;
  padding: 10px 10px;
  border-radius: 999px;
  background: #d9f0dc;
}

.progress-segment {
  flex: 1;
  height: 8px;
  border-radius: 999px;
  background: rgba(4, 112, 8, 0.16);
  transition: background 0.3s ease;
}

.progress-segment.filled {
  background: linear-gradient(135deg, #2c9f3d 0%, #0d7f2b 100%);
}

.progress-note {
  margin: 14px 0 0;
  font-size: 15px;
  color: #1b5b34;
}

/* Headings style control */
.page-description h1 {
  font-size: 26px !important;
  color: #1d67cd !important;
}

.page-description h2 {
  font-size: 20px !important;
  color: #1d67cd !important;
}

.page-description h3 {
  font-size: 18px !important;
  color: #2e7d32 !important;
}

/* Text */
.page-description strong {
  font-weight: 600 !important;
}

.page-description span {
  font-size: inherit !important;
  color: inherit !important;
}

/* Links */
.page-description a {
  color: #1a73e8 !important;
  font-weight: 600;
  text-decoration: none;
}

.page-description a:hover {
  text-decoration: underline;
}

/* Images from CMS */
.page-description img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 10px;
  margin: 16px 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  display: block;
}

/* Lists safety */
.page-description ul,
.page-description ol {
  padding-left: 20px;
  margin: 10px 0;
}

/* Tables safety (if ever added later) */
.page-description table {
  width: 100% !important;
  border-collapse: collapse;
  margin: 12px 0;
}

.page-description table td,
.page-description table th {
  border: 1px solid #e3e8f0;
  padding: 8px 10px;
  font-size: 14px;
}


/* .course-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border: 1px solid #e2e6f0;
  border-radius: 6px;
  padding: 15px 20px;
  max-width: 900px;
  margin: auto;
} */

.course-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  /* border: 1px solid #e2e6f0; */
  border-radius: 6px;
  /* padding: 15px 20px; */
  padding: 5px 5px;
  width: 100%;      /* change */
  max-width: 100%;  /* change */
  margin: 10px 0;   /* change */
}

.course-left {
  width: 40%;
}

.course-title {
  color: #1f3bb3;
  font-weight: 600;
  font-size: 16px;
}

.course-subtitle {
  color: #1f3bb3;
  font-size: 14px;
  margin-top: 2px;
}

.course-optional {
  color: #999;
  font-size: 12px;
  margin-top: 4px;
}

.course-middle {
  flex: 1;
  margin: 0 20px;
}

.price-box {
  width: 100%;
  max-width: 130%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #d0d6ff;
  border-radius: 4px;
  padding: 6px 10px;
  font-weight: 600;
  color: #0d2366;
  background-color: #f7f7f7;
}

.subject-checkbox {
  width: 22px;
  cursor: pointer;
  color: #515978;
  accent-color: #4f7cff;
  /* modern blue tick */
  transform: scale(1.4);
  /* extra boost */
}

.selection-card {
  position: relative;
  gap: 14px;
  border: 1px solid #dfe6f4;
  border-radius: 10px;
  padding: 14px 16px;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.selection-card:hover {
  border-color: #597ad1;
  box-shadow: 0 10px 24px rgba(89, 122, 209, 0.12);
  transform: translateY(-1px);
}

.selection-card.selected {
  border-color: #597ad1;
  background: linear-gradient(135deg, #ffffff 0%, #f2f6ff 100%);
  box-shadow: 0 8px 22px rgba(89, 122, 209, 0.16);
}

.selection-card.disabled {
  cursor: not-allowed;
  opacity: 0.78;
  background: #f7f8fb;
  transform: none;
}

.selection-card.disabled:hover {
  box-shadow: none;
}

.selection-input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.selection-thumb {
  width: 38px;
  height: 38px;
  min-width: 38px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #4f46e5;
  border: 2px solid #4f46e5;
  font-size: 14px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  margin-right: 10px;
}

.selection-thumb i {
  font-size: 14px;
}

.selection-card.selected .selection-thumb {
  transform: scale(1.04);
  box-shadow: 0 6px 18px rgba(79, 70, 229, 0.16);
}

.selection-icon {
  width: 28px;
  height: 28px;
  min-width: 28px;
  border: 2px solid #c9d4ec;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: transparent;
  background: #fff;
  font-size: 12px;
  transition: all 0.2s ease;
}

.selection-card.selected .selection-icon {
  border-color: #597ad1;
  background: #597ad1;
  color: #fff;
}

.selection-content {
  display: flex;
  flex: 1;
  min-width: 0;
  flex-direction: column;
  gap: 5px;
}

.selection-title {
  color: #26324d;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.selection-subtitle {
  color: #6b7280;
  font-size: 12px;
  font-weight: 500;
}

.selection-tag {
  width: fit-content;
  border-radius: 999px;
  padding: 3px 8px;
  background: #e8efff;
  color: #3f5fbd;
  font-size: 11px;
  font-weight: 700;
}

.selection-price {
  min-width: 92px;
  text-align: right;
  color: #0d2366;
  font-size: 15px;
  font-weight: 800;
}

.purchase-summary-section {
 
  border-radius: 16px;
  background: #f8fbff;
  border: 1px solid #e7eef8;
}

.inner-Summary{
 padding: 0 10px 10px 10px;
}

.purchase-summary-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 18px 20px;
  background: #ffffff;
  border: 1px solid #e3e8f0;
  border-radius: 14px;
  margin-top: 16px;
}

.purchase-summary-left {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.purchase-summary-icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 16px;
}

.subject-icon {
  background: linear-gradient(135deg, #0f766e 0%, #14b8a6 100%);
}

.book-icon {
  background: linear-gradient(135deg, #334155 0%, #64748b 100%);
}

.purchase-summary-title {
  font-size: 15px;
  font-weight: 700;
  color: #0f172a;
}

.purchase-summary-text {
  font-size: 13px;
  color: #475569;
  line-height: 1.5;
  max-width: 420px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.purchase-summary-chevron {
  color: #64748b;
  font-size: 14px;
}

.purchase-summary-note {
  margin-top: 18px;
  padding: 16px 18px;
  background: #eff6ff;
  border-radius: 12px;
  color: #0f172a;
  font-size: 14px;
  border: 1px solid #dbeafe;
}

.purchase-details-list {
  margin: 10px 0 0;
  padding-left: 18px;
  color: #475569;
}

.purchase-details-list li {
  margin: 6px 0;
  font-size: 13px;
}

@media (max-width: 768px) {
  .purchase-summary-item {
    /* flex-direction: column;        */
    align-items: stretch;
    padding: 16px;
  }

  .purchase-summary-left {
    gap: 12px;
  }

  .purchase-summary-title {
    font-size: 14px;
  }

  .purchase-summary-text {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    max-width: 100%;
  }

  .purchase-summary-chevron {
    /* align-self: flex-end; */
    /* margin-top: 12px; */
  }
}

.book-selection-card .selection-icon {
  /* border-radius: 8px; */
}

.dashboard-layout .price-section {
  background: #fff;
  border-color: #dfe6f4;
}

.dashboard-layout .price-section .selection-card {
  margin: 12px 0px;
}


.rupee {
  margin-right: 4px;
  font-size: 14px;
}

.price {
  font-size: 14px;
}

.course-desc {
  color: #3a7a2a;
  font-size: 13px;
  margin-top: 6px;
}

.course-right input[type="checkbox"] {
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.loader-wrapper {
  position: fixed;
  /* pure screen ke center me */
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  /* vertical center */
  justify-content: center;
  /* horizontal center */

  background: rgba(255, 255, 255, 0.6);
  /* optional overlay */
  z-index: 9999;
}


.input-error {
  border: 1px solid #e53935 !important;
  border-radius: 8px;
}

.error-text {
  /* text-align: center; */
  color: #e53935;
  font-size: 12px;
  margin-top: 4px;
  display: block;
  margin-top: 2px;
  margin-bottom: 10px;
}

.info-text {
  text-align: center;
  font-size: 13px;
  color: #777;
  margin-top: 10px;
  margin-bottom: 10px;

}


.input-name {
  font-size: 14px;
  line-height: 20px;
  color: #515978;
  word-break: break-word;
}

.input-bottom-text {
  color: #515978;
  font-size: 12px;
  margin: 4px 0;
  line-height: 16px;
}

/* MOBILE */
@media (max-width: 992px) {
  .payment-progress-card {
    padding: 16px 18px;
  }

  .progress-top-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
  }

  .progress-icon-wrap,
  .progress-badge {
    flex: 0 0 auto;
  }

  .progress-title-group {
    flex: 1 1 180px;
    min-width: 160px;
  }

  .progress-line-wrap {
    flex: 1 1 220px;
    min-width: 180px;
  }

  .progress-track {
    padding: 5px 10px;
  }
}

@media (max-width: 768px) {
  .page-wrapper {
    flex-direction: column-reverse;
    /* flex-direction: column; */
  }

  .left-section,
  .right-section {
    width: 100%;
    padding: 20px;
  }

  .right-section {
    display: none;
  }

  .right-section.show {
    display: block;
  }

  .form-card {
    max-width: 100%;
    padding: 20px;
  }

  .left-section h1 {
    font-size: 24px;
  }

  .plan-header {
    flex-direction: column;
    gap: 10px;
  }

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

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

  .page-description img {
    margin: 12px 0;
  }
}


/* Container full width */
.custom-multi .multiSelectContainer {
    width: 100%;
}

/* Main input wrapper */
.custom-multi .searchWrapper {
    border: 1px solid #ced4da !important;
    border-radius: 6px !important;
    min-height: 38px !important;
    /* padding: 4px 10px !important;  */
      /* eft space fix */
    display: flex;
    align-items: center;
    box-shadow: none !important;
}

/* Focus same as other inputs */
.custom-multi .searchWrapper:focus-within {
    border-color: #86b7fe !important;
    box-shadow: 0 0 0 0.2rem rgba(13,110,253,.25) !important;
}

/* Remove default input styling */
.custom-multi input {
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px;
}

/* Remove extra left gap before chip */
/* .custom-multi .chip {
    margin: 0 6px 0 0 !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    font-size: 13px;
} */

.custom-multi .chip {
    background: #808080 !important;
    color: #fff !important;
}

/* Dropdown */
.custom-multi .optionListContainer {
    border-radius: 6px !important;
    border: 1px solid #ced4da !important;
    margin-top: 4px;
}

/* Dropdown option */
.custom-multi .option {
    padding: 8px 12px !important;
    font-size: 14px;
}

/* Remove extra internal spacing */
.custom-multi .searchBox {
    margin: 0 !important;
    padding: 0 !important;
}


@media (max-width: 768px) {
 
}