@font-face {
    font-family: 'Sawarabi Gothic';
    src: url('fonts/SawarabiGothic-Regular.woff2') format('woff2'),
        url('fonts/SawarabiGothic-Regular.woff') format('woff'),
    font-weight: normal;
    font-style: normal;
    font-display: swap; 

}

body{top:0!important;font-family:var(--interfont), sans-serif!important;font-optical-sizing:auto;font-size:16px;margin:0 auto;padding:0!important;color:var(--neutral500)!important;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-weight:400;    background-color: #F3f5f8!important;}
*{margin:0;padding:0}
:root{--accent500alternate:#D410AA;--accent600:#A90686;--neutral100:#E9E9E9;--neutral200:#D3D3D3;--neutral300:#A7A7A7;--neutral400:#666;--neutral500:#242424;--white:#fff;--grey:#EDEDED;--yellow:#fd0;--blue:#0e52d5;--defaulttransition:.1s ease-in-out;--interfont:Inter,sans-serif}
.yellow_bg{background-color:var(--yellow)}
.navbar .megamenu{padding:1rem}
.nav_space li.nav-item{padding:15px 0!important;}
ul.navbar-nav.ms-auto.m-footer{padding-top:15px}
.btn{--bs-btn-padding-x:1rem!important;--bs-btn-padding-y:.6rem!important}
.fixed-top-scrolled{position:fixed;top:0;width:100%;z-index:1030;animation:fadeIn .5s;background-color:#fff!important;border-bottom:solid 1px #f2f1f1}
.fixed-top-scrolled.fade-out{animation:fadeOut .5s}
p{color:#655F5F; font-size:16px;}
h1,h2,h3,h4,h5,h6{ font-weight: }
@keyframes fadeIn {
from{opacity:0}
to{opacity:1}
}
@keyframes fadeOut {
from{opacity:1}
to{opacity:0}
}
.top_header{float:left;width:100%;background:#ededed}
.navbar-brand img{width:175px}
.sidebar .close-btn{display: none;}
.banner_h1 p{ font-size:20px; }
.longuage_icon {color: var(--neutral500);font-size: 14px;font-weight: 600;    display: flex;}
.longuage_icon img{width:20px;height:20px;}
.sub_header_menu ul {display: flex;justify-content: space-between;gap: 15px;list-style: none;margin: 0;}
.sub_header_menu ul li a {color: var(--neutral500);font-size: 14px;text-decoration: var(--text-decoration);font-weight: 600;}
.sub_header_menu ul li a:hover {opacity: .7;transition: var(--defaultTransition);}
.section-header {border-bottom: solid 1px #f2f1f1;}
.sidebar {width: 70%;display: flex;justify-content: right;}
.nav_space li.nav-item {padding: 15px 0 !important;}
.nav-link {font-family: var(--interfont) !important;color: #242424 !important;font-weight: 500 !important;box-shadow: none !important;font-size: 16px !important;}
.yellow_bg {background-color: var(--yellow);}
.banner_h1 {width: 100%;margin: 0 auto;}
.banner_h1 h1 {font-size: 3.8rem;font-weight: 900 !important;font-family: var(--interfont);text-align: left;line-height: 65px;color: var(--neutral500);padding-right: 15px;}
.banner_h1 h6 {font-family: var(--interfont);font-size: 22px;text-align: left;font-weight: 500 !important;}
.box_heading h2 {font-size: 2rem;font-weight: 800 !important;font-family: var(--interfont);line-height: 40px;}
.box_heading.mb-4 {width: 59%;}
.box_heading p {font-size: 18px;}
.thumbnail_grid h3 {font-weight: bold;font-size: 22px;padding-top: 12px;}
.thumbnail_grid {box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
.we_offer_img{ width:40%; float:left; }
.we_offer_img img{ width:100% }
.we_offer_grid {width: 50%;}
.sub_title{color: #FF9F1F;font-size: 18px;font-weight: 600; }
.we_offer_grid h3{ font-weight:900!important }
.we_offer_grid p{ font-size:18px!important }
.we_offer_grid b{ color:#000!important }
.career_heading h4{font-weight: 900 !important; font-size:2rem}
.career_row {float: left;width: 100%;display: flex;justify-content: space-between;column-gap: 15px;}
.career_grig {background: #384CFF;border-radius: 10px;padding: 10px; position: relative;width: 24%;}
.career_cercle {background: #ffff;width: 80px;height: 80px;border-radius: 50px;position: absolute;top: -47px;left: 0;right: 0;margin: 0 auto;text-align: center;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.career_cercle img {width: 36px;height: 100%;object-fit: contain;}
.career_grig h5 {padding-top: 37px;text-align: center;color: #fff;font-weight: 600;}
.career_grig p{ color:#fff;text-align: center; }
.choose_career{background-color:var(--yellow)!important;}
.misson_grid h3{ font-weight:900 }
.misson_grid {width: 80%;margin: 0 auto;}
.career_grig.choose_career h5, .career_grig.choose_career p{ color:#000!important }
.career_grig.choose_career h5{height: 82px;}
.inner_page_bg, .inner-light_bg {
    background-color: var(--yellow);
}


/**login page Css**/
.custom_tab .nav-item .nav-link{ color: #fff !important;
    font-size: 18px !important;
    font-weight: 500 !important; }
.custom_tab .nav-item .nav-link.active{ color:#333!important;font-weight:600 !important; }
.login_section {background-color: #1c243f;padding-top: 10px;    background: url(../../asset/images/login_bg.png) no-repeat center;background-size: cover;    height:89.5vh;
    overflow-y: auto;}
/**.login_section {background:url(../../asset/images/login-bg.jpg) no-repeat center; width:100%;height:calc(89vh - 20px);}*/
.form_box-login {padding:15px 53px;float: left;width: 100%;height: 100%;}
.toggle-password-signup {position: absolute;top: 22px;right: 16px;}
.form_box-login h4 {font-size: 22px;font-family: var(--interfont);font-weight: 800;color: var(--neutral500);padding: 15px 0;}
.form-select-lg, .form-control-lg {font-size: 1rem !important;padding: .5rem 1rem !important;line-height: 1.9rem;}
.form_box-login p {font-size: 14px;font-family: var(--interfont);font-weight: 400;color: var(--neutral400);}
.form_box_content {height: 100%;width: 100%;padding: 40px;}
.form_box_content h2 {font-size: 50px;font-family: var(--interfont);font-weight: 800;padding: 15px 0;text-align: center;}
.form_bg_img img {width: 75%;}
.campus_grid_content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 10px; margin-bottom: 15px;
}
.campus_thumb_icon {
    width: 80px;
}
.campus_content_thum h3{ font-size:20px; font-weight:700; color:#fff }
.campus_content_thum p{ color:var(--white); }
.campus_thumb_icon img{ width:100% }
/**login page css end here**/

/**Assessment preview css here**/
.test_preview_container {
    transition: box-shadow 280ms cubic-bezier(0.4,0,0.2,1);
    display: block;
    position: relative;
    padding: 16px;
    border-radius: 4px;
    float: left;
    width: 100%;
    box-shadow: 0 6px 7px -4px #8888880f, 0 11px 15px 1px #8888880b, 0 4px 20px 3px #88888809;
    background: var(--white);
}
.test_preview_wrap {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    column-gap: 10px
}

.test_preview_sidebar {
    float: left;
    background: var(--bs-white);
    width: 25%;
    padding: 15px 10px;
    height: calc(76.5vh - 0px);
    overflow-y: auto
}

.test_exam_section_name h3 {
    font-size: 16px;
    font-weight: 700;
    height: 40px;
    border-bottom: solid 1px #ddd
}

.test_question_count {
    margin-top: 12px;
    margin-bottom: 12px
}

.test_question_count ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: start;
    column-gap: 14px;
    flex-wrap: wrap;
    row-gap: 14px
}

.test_question_count ul li a {
    padding: 4px 14px;
    border: solid 1px #ddd;
    float: left;
    text-decoration: none;
    color: var(--bs-gray);
    font-size: 18px;
    border-radius: 3px;
    font-family: var(--interfont);
    font-weight: 600
}

.test_preview_sidebar::-webkit-scrollbar {
    width: 6px
}

.test_preview_sidebar::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px
}

.test_preview_sidebar::-webkit-scrollbar-thumb {
    background-color: var(--yellow);
    border-radius: 10px
}

.test_preview_sidebar::-webkit-scrollbar-thumb:hover {
    background-color: var(--yellow)
}

#closeSidebar {
    font-size: 0
}

.test_question_count ul li a.active {
    background-color: var(--bs-link-hover-color);
    color: var(--bs-white)
}

.mobile_btn img {
    width: 30px;
    display: none
}

.ques_option_container .form-check-label {
    width: 100%
}

.ques_option_container .form-check-label::before,.ques_option_container .form-check-label {
    float: left
}

.ques_option_container .form-check-label span {
    float: left;
    width: 89%
}

.answer-given {
    background: var(--bs-green);
    color: var(--bs-white)!important
}

.ques_option_container .form-check {
    padding-left: 0
}

.ques_option_container p b {
    color: #f1871a;
    font-family: var(--interfont);
    font-weight: 700
}

.pos_detail_wrap {
    padding: 15px
}

.pos_detail_logo {
    width: 120px;
    height: 120px;
    float: left;
    border: solid 1px var(--blue);
    border-radius: 5px;
    overflow: hidden
}

.pos_detail_logo img {
    width: 100%;
    height: 120px;
    object-fit: contain
}

.pos_compay_detail h3 {
    font-size: 1.3rem;
    font-weight: 600
}

.pos_compay_detail ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.pos_compay_detail ul li {
    padding-bottom: 8px;
    font-weight: 500
}

.custom-tab-link:hover {
    border-bottom: 2px solid #007bff!important;
    border-top: 0;
    border-left: 0;
    border-right: 0
}

.custom-tab-link:focus,.custom-tab-link:active {
    border-bottom: 2px solid #007bff;
    color: #007bff!important;
    border-top: 0;
    border-left: 0;
    border-right: 0
}

.nav-link.custom-tab-link {
    color: #333;
    font-weight: 600!important;
    font-size: 18px!important
}

.custom-tab-link.active {
    border-bottom: 2px solid #007bff!important;
    color: #007bff!important;
    background-color: transparent!important;
    border-top: 0;
    border-left: 0;
    border-right: 0
}

.ats_detail_tab ul {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px
}

.ats_detail_content p {
    line-height: 26px
}




/**Assessment preview css end here**/

/** Footer css**/
.footer {float: left;width: 100%;padding: 60px 0;    background: #f2f2f2;}
.footer_w_grid {display: flex;float: left;width: 100%;justify-content: space-between;margin-bottom: 30px;}
.assessment_360_logo {width: 30%;}
.footer_right_grid {width: 46%;display: flex;justify-content: space-around;}
.footer_link a {font-size: 16px;font-family: var(--interfont);width: 100%;float: left;color: var(--neutral500);text-decoration: none;padding-bottom: 10px;}
.footer_link a:hover {color: var(--neutral400);}
.secandry_footer{ background:#333333 }
.secandry_footer p{ margin:0px; color:#fff }
/**Footer css end here**/


@media (max-width: 720px) {
.box_heading, .we_offer_img, .we_offer_grid, .career_grig, .misson_grid {width: 100%!important;}
.about_edu, .we_offer_row, .career_row{ flex-wrap:wrap; row-gap:25px }
.career_grig{ margin-bottom:40px; }
.misson_grid{ margin-bottom:20px; }
.career_grig.choose_career{ margin-bottom:0px }
.career_row, .misson_section, .we_offer_section{ margin-top:0px!important }
.sidebar .close-btn{ display:block; }
.custom_tab .nav-item .nav-link{font-size:14px!important}
.nav_space .dropdown-toggle.btn.btn-primary{ width:100%!important }
}