:root{--fontMontserrat:"Montserrat",sans-serif;--color-white:#fff;--color-black:#000;--color-yellow:#F5CB3D;--color-red:#be2327;--color-orange:#fb801d;--color-blue:#1A4991;--color-purple:#613869;--color-darkblue:#272660;--themeBlack:#262626;--color-pink:#b23273;--color-lgyellow:#FEE745;--color-cream:#FAEDE0;--color-lgblue:#547FC0;--color-green:#2fa94a;--color-skyblue:#007dc5;--blue-2:#184892;--blue-3:#0159bd;--color-primary:#0e3872}
* {margin:0;padding:0}
body {font-family:var(--fontMontserrat)}p{font-size:18px;color:#000}a{text-decoration:none}ul, ol {margin-left: 0}
.txt-black{coolr:var(--themeBlack)}
/* header css */
.navbar{padding-bottom: 20px}
.main_header {padding-block: 15px;padding-bottom: 0;position: fixed;top: 0;left: 0;right: 0;z-index: 11;background:var(--color-primary)!important;}
/* .main_header.scrolled {background:var(--color-primary)!important;} */
.main_header .nav-item.header-btns:first-child > a{background:var(--color-green)!important;}
ul.header-btns-grp {
position: absolute;top: 0;right: 0;left: auto;display: flex;gap: 0 1rem;padding:0 7.5%}
.nav-item.header-btns {line-height: normal;display: flex}
.nav-item.header-btns > a {
padding: .9rem 3rem;border-radius: 3rem;-webkit-border-radius: 3rem;-moz-border-radius: 3rem;-ms-border-radius: 3rem;-o-border-radius: 3rem;border: .1rem solid transparent;
font-size: 15px;position: relative;z-index: 1;overflow: hidden;color: #ffffff;display: inline-block;line-height: 1.4;position: relative;border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;border-top-left-radius: 0;border-top-right-radius: 0;background: #184892;font-size: 13px;border-color: transparent;border: none;padding: .8rem 2rem;
}
.nav-item.header-btns>a {padding: 0.4rem 1.5rem}
.nav-item.header-btns > a:before {width: 100%;height: 0;top: 100%;left: 0;content: "";background: #be2327;position: absolute;z-index: -1;transition: .5s ease-in-out;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;
}
.nav-item.header-btns:nth-child(2) > a {background:var(--color-orange)}
.nav-item.header-btns:last-child > a {font-weight: 500;position: relative}
a.navbar-brand > svg {width: 200px;aspect-ratio: 5 / 2}
.site_brand>.navbar-brand {width: 177px;display: block;padding: 0;margin: 0;text-align:center;}
.site_nav {display: flex;align-items: center;padding-top:22px}
.site_search {position: relative}
/* header search form */
.site_search .form-control {
    width: 180px;
    font-size: 13px;
    line-height: normal;
    color: #333;
    height:35px;
    background-color: #fff;
    padding:8px 15px;
    padding-right: 25px;
    border-radius: 50px;
    border: none;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 6%);
    transition: all .5s ease;
}
.site_search .search_btn {
    position: absolute;
    top: 50%;
    right: 10px;
    padding: 0;
    border: none;
    background: transparent;
    transform: translateY(-50%);
}
.site_social>a {
    display: inline-flex;
    width:32px;
    height:32px;
    background-color: var(--color-white);
    box-shadow: 0px 3px 6px #0000000F;
    border-radius: 50%;
    margin-left:4px;
    margin-right: 10px;
}
.site_social>a>img {height: 20px;object-fit: contain;padding: 2px;margin:auto;}
/* sidemenu css */
.side_menubars {
    position: fixed;
    right: 0;
    z-index: 999;
    transform: translateY(-4%);
    transition: all .5s ease;
    top: 23%;
}
.side_menubars>a {
    position: relative;
    height: 90px;
    width: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: clip;
    color: var(--color-white);
    font-weight: 600;
    z-index: 1;
    transition: all .5s ease;
    font-size:14px
}
.side_menubars>a:nth-child(1) {
    background-color: var(--color-orange);
}
.side_menubars>a:nth-child(2) {
    background-color: var(--color-primary);
}
.side_menubars>a:nth-child(3) {
    background-color: var(--color-green);
}
.side_menubars>a:nth-child(4) {
    background-color: var(--color-skyblue);
}
.side_menubars>a>img {
    width:30px;
    transition: all .5s ease;
}
.side_menubars>a:hover {
    color: var(--color-black);
}
.side_menubars>a::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-yellow);
    z-index: -1;
    transform: translateX(100%);
    transition: all .5s ease;
}
.side_menubars>a:hover::before {
    transform: translateX(0);
}
.side_menubars>a:hover>img {
    filter: invert(1);
}
/* menu open css */
.hamb_panel .left-btns {
    list-style: none;
    padding: 0;
    margin: 0;
}
.hamb_panel .left-btns li {
    margin-bottom: 12px;
}
.hamb_panel .left-btns a {
    display: inline-block;
    padding: 10px 18px; 
    border-radius: 30px; 
    text-decoration: none;
    font-size: 16px;
    transition: all 0.3s ease;
}
.hamb_panel .left-btns li:first-child a {
    border: 1px solid var(--color-orange);
    width: 88%;
    font-weight: 500;
}
.hamb_panel .left-btns li:last-child a {
    border: 1px solid yellow;
     width: 88%;
    font-weight: 500;
}
.hamb_panel .left-btns a:hover {
    background: #fff;
    color: #000;
}
.hamb_right{
    padding-top:100px;
    background:rgb(33 37 40 / 85%);
    height:100vh;
    overflow-y:auto;
    position:relative;
}
.hamb_left{
    padding-top:130px;
    position:relative;
    z-index:2;
}
.hamb_side {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    padding-left: 130px;
    padding-right: 119px;
    /* background-color: rgb(0 0 0 / 72%); */
    background-color:rgb(55 61 66 / 90%);
    z-index: 9999;
    width: 100%;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transform: translateX(100%);
    transition: all .5s cubic-bezier(0.4, 0, 1, 1);
    opacity: 0;
    visibility: hidden;
    padding-left:100px;
    padding-right:100px;
}
.hamb_side.active {
    transform: translateX(0%);
    opacity: 1;
    visibility: visible;
}
.ham_close {
    color: #fff;
    position: absolute;
    right: 0;
    top: 30px;
    width: 60px;
    height: 60px;
    background-color:var(--color-red);
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    z-index:2
}
.hambmenu_main {
    display: grid;
    grid-template-columns:24% 84%;
    /* grid-template-columns:30% 35%; */
    height: 100vh;
}
.hamb_panel:nth-child(1) {
    padding-left: 0;
    padding-right:0;
    /* padding-right: 63px; */
    padding-top: 50px;
}
.hamb_panel:nth-child(2){
    margin-left: auto;
    height: 100vh;   
    background: rgb(33 37 40 / 90%);
    padding-top: 50px; 
    padding-left: 70px;
    padding-right: 70px;
}
.hamb_panel:nth-child(2)::before{
    display: none;
}
.hamb_panel:nth-child(2) ul > li{
        margin-bottom: 14px;
}

.hamb_panel:nth-child(2) ul > li > a{
    font-size: 18px;
    padding: 3px 0;
}
.hamb_panel_one {
    position: relative;
}
.dropmenu.active{
    background:rgb(55 61 66 / 90%);
}
.dropmenu.active a{
color:var(--color-yellow)
}
.hamb_panel {height: 100%;}
.hamb_panel_one::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    /* width: 100vw; */
     width: 100%;
    /* background-color: rgb(0 0 0 / 32%); */
    background-color:rgb(33 37 40 / 70%)
}
.hamb_panel ul {
    padding: 0;
    margin: 0;
}
.hamb_panel ul>li {
    margin-bottom: 15px;
    list-style: none;
    position: relative;
}
.hamb_menu_item ul>li {
    margin-bottom: 8px;
}
.hamb_panel ul>li>a {
    font-size:21px;
    line-height:1.6;
    color: #fff;
    display: block;
    font-weight: 600;
    padding:5px 5px
}
.hamb_menu_item ul>li>a {
    font-size: 20px;
    line-height:1.6;
    font-weight:500;
    text-transform:uppercase
}
.hamb_menu_item .sub-menu {
    height: 60vh;
    overflow-y: auto;
    position: relative;
    top: -7px;
    left: 25px;
}
.hamb_panel .dropmenu::after {
    content: '';
    position: absolute;
    right: -42%;
    top: 15px;
    width:32%;
    height: 2px;
    background-color: var(--color-green);
    opacity: 0;
}
.hamb_panel ul>li>a:hover {
    color: var(--color-yellow);
    background:rgb(55 61 66 / 90%);
}
.hamb_dropmenu {
    position: absolute;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transform: translateX(-15px);
    transition: opacity 0.4s ease, transform 0.5s ease-in-out, visibility 0s linear 0.5s;
}
.hamb_dropmenu.show {
    transform: translateX(0px) scale(1.05);
    visibility: visible;
    opacity: 1;
    transition: opacity 0.4s ease, transform 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55), visibility 0s;
}


.color-grid1{padding:40px 20px}
.color-box1{padding:30px 15px;color:#fff;text-align:center;min-height:175px}
.color-box1 h2{font-size:30px;font-weight:600;margin:0px 0;position:relative;padding-bottom:0px;line-height: 1.5}
.heading-sm{font-size:24px!important}
.color-box1 p{font-size:16px;font-weight:500;color:#fff;margin-bottom:0;font-weight:700}

.color-grid1{padding:40px 20px}
.color-box2{padding:30px 15px;color:#fff;text-align:center;min-height:262px}
.color-box2 h2{font-size:30px;font-weight:600;margin:0px 0;position:relative;padding-bottom:0px;line-height: 1.5}
.heading-sm{font-size:24px!important}
.color-box2 p{font-size:16px;font-weight:500;color:#fff;margin-bottom:0;font-weight:700}


@media (max-width: 1440px) {
    ul.header-btns-grp{padding:0 5%}
    /*.site_brand>.navbar-brand {*/
    /*    width: 260px;*/
    /*}*/
    .site_search .form-control {
        width: 255px;
        padding-inline: 22px 50px;
        height:40px;
    }
    .site_search .search_btn {
        right: 15px;
    }
        
    /* sidemenu */
        .side_menubars>a {
        height:100px;
        width:100px;
    }
        .side_menubars>a>img {
        width: 30px;
        object-fit: contain;
    }
}
/* footer css */
.footer{
  background:var(--color-white);
  color:#262626;
  padding:50px 0 0 0;
}
.f-title{color:var(--color-primary);font-size:22px;font-weight:700}
.f-text{
  color:#010000;font-size:18px;font-weight:600
}
.footer-row1::after{
  content:"";
  width:#9c9c9c;
  height:2px
}
.ft-design{position: absolute;left: 0;bottom: 0;z-index: 0;}
.line-divider{
/* color:#9c9c9c; */
border-top:2px solid #9c9c9c;
margin:15px 0 30px 0
}
.f-menu-box{padding-top:60px;position:relative;z-index:1}
.fmenu-title{color:var(--color-primary);font-weight:700;font-size:24px;position: relative;display: inline-block;margin-bottom:30px}
.fmenu-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width:190px;
  height: 2px;
  background-color:var(--color-primary);
}
.fmenu-ul{list-style:none;padding-left:0}
.fmenu-ul li{margin:10px 0}
.fmenu-ul li a,.fmenu-block p,.fmenu-block a{color:#3f3f3f;font-weight:600}
.fmenu-block p{font-size:14px}
.f-subtitle{color:var(--color-primary);font-weight:700;font-size:20px;margin-bottom:15px}
.f-wd{width: 32% !important}
.fmenu-block {position: relative;padding-left: 25px;display: block;width: 100%;}
.fmenu-block::before {content: "";position: absolute;width:2px;left: 0; top: 0;height:100%;background:#9c9c9c}
.footer-row1{padding-bottom:20px}
.footer-row1::after {content: "";position: absolute;width:100%;height:1.5px;margin-top:20px;background:#9c9c9c;}
.fmenu-block:first-child::before {  display: none;}
.footer-bottom{background:var(--color-primary);padding:16px 0;margin-top:50px;position:relative;z-index:1}
.footer-bottom p{font-size:18px;font-weight:600}
/* home banner */
.page-content{margin-top:100px}
/* sections */
.bg-faint{background:#f4f4f4}
.bg-blue{background:var(--color-primary)}
.bg-grey{background-color:#efefef!important}
.section-title{font-size:38px;font-weight:700;margin-bottom:30px;padding-bottom:10px}
.section-title-sm{font-size:32px;font-weight:700;margin-bottom:30px}
.title-blue{color:var(--color-primary)}
.title-orange{color:var(--color-orange)}
.blue2{color:var(--color-primary);position:relative}
.blue3{color:var(--color-primary);position:relative}
.spacing{padding:50px 0}
.spacing-sm{padding:20px 0}
.spacing-lg{padding:60px 0}
.legacy-div{padding:20px 20px;border-right:2px solid #272660;width: 100% !important;display: block;}
.legacy-div:last-child{border:none}
.c_name,.c_number{color:var(--color-red)}
.c_name{font-weight:500}
.c_number{font-size:50px;font-weight:700}
.c_sm{font-size:38px;min-height: 50px;margin-bottom: 0;line-height:1.9;font-weight: 800}
.col-content p{color:#3d3d3d;font-size:20px;font-weight:500}
.col-content-sm p{color:#3d3d3d;font-size:18px;font-weight:500;}
.col-content-sm{padding:24px 30px}
.text-justify{text-align:justify}
.col-spacing{padding:20px 40px}
.col-img{text-align:center}
.row-flex{display:flex;align-items:center}
.left-d{z-index:-1;display:none}
.strip-dark{background:#272761}
.strip-title{font-size:40px;font-weight:700}
/* image overlay section */
.img-content{overflow:auto}
.img-content-overlay{position: absolute;top:10%;left:6%;width:28%;height:60%}
.overlay-title{position:relative; display: inline-block;font-size:26px;padding-bottom:10px;color:var(--color-primary)}
.arrow-pink{background: #fff;padding: 5px;border-radius: 50%}
.school-div{padding:20px 20px 20px 0;position:relative;margin:0;justify-content:flex-start}
.school-div::after{content: "";position: absolute;width:100%;height:2px;background:#fff;bottom:0}
.school-div h3{font-size:30px;font-weight:600;margin-bottom:0;text-transform:uppercase}
.school-div img{margin-left:20px}
.school-box{background: rgba(61, 61, 61, 0.65);position: absolute;width: 100%;}
.sch-accordion .accordion-button{colorvar(--color-darkblue);background:#fff;font-weight:700;font-size:22px;padding:10px 16px}
.sch-accordion .accordion-item:first-of-type>.accordion-header .accordion-button{border-radius:10px!important}
/* Height animation (Bootstrap) */
#schoolAccordion .collapsing {transition: height 0.6s ease}
#schoolAccordion .accordion-body {opacity: 0;transition: opacity 0.6s ease}
#schoolAccordion .accordion-collapse.show .accordion-body {opacity: 1}
#schoolAccordion .accordion-button::after {transition: transform 0.6s ease}
.sch-accordion .accordion-button::after{background-color:var(--color-darkblue);border-radius: 50%;padding: 12px 12px;line-height: 1.8;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-position:center}
.school-div:last-child::after{display:none}
.title-purple{color:var(--color-purple)}
.title-red{color:var(--color-primary)}
.font-normal p,.font-normal{color:#000;font-size:18px;font-weight:500}
.pg-center{width: 93%;display: table;margin: auto}
.bg-orange{background:#e7770b}
/* .admission-cta{overflow:hidden} */
.cta-img1{width:248px;position: absolute;left:7%;bottom:0}
/* .cta-img1{mix-blend-mode: multiply;} */
.cta-img2{width: 300px;position: absolute;right: 5%;bottom:-2px}
.acta-content{width: 50%;display: table;margin: auto;}
.acta-content h3{font-size:44px}
.acta-content h4{font-size:30px}
.cta-btn-w{background:#fff;color:#272761;padding:5px 14px;border-radius:12px;font-weight:800;font-size:20px}
.title-pink{color:var(--color-pink)}
.why-choose-list{padding-right:90px}
.why-choose-list h3{color:#045f9a;font-size:22px;font-weight:800}
.why-choose-list p{color:#282828;font-size:20px;font-weight:600;padding-left:14px}
.font-42{font-size:42px!important}
/* image tabs */
.life-wps {border-radius: 28px;position: relative;width: 85%;display: table;margin: auto;padding:40px}
.bottom-arrow {position: absolute;left: 50%;bottom: -20px;transform: translateX(-50%);width:100px;height:50px;background:var(--color-primary);clip-path: polygon(50% 100%, 0 0, 100% 0)}
.image-tabs{width: 80%;display: table;margin: auto;}
.nav-tabs{border-bottom:none;padding:35px 0 15px 0;}
.nav-tabs .nav-link {background: #fff;border: none;padding: 15px 24px;font-weight: 600;border-radius:10px;margin: 0 5px;min-width: 185px;font-size:18px;color:var(--color-primary);box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.25) !important}
.nav-tabs .nav-link.active {  background:var(--color-orange)!important;color: #fff !important}
.masonry {column-count: 3;column-gap: 20px;}
.masonry-item {break-inside: avoid;margin-bottom: 20px}
.masonry-item img {width: 100%;border-radius: 20px;display: block;object-fit: cover}
.lm-design{left: 0;bottom: 0;}
.lm-design2{right: 0;top: 0;}
.bg-cream{background:#faeddf}
.achievement-card{background:#fff;padding:20px 20px;border-radius:15px;margin:20px;min-height:420px}
.achievement-card h3{font-weight: 800;font-size:20px;}
.achievement-card p{font-size:16px;margin-bottom:0}
.achievement-card img{border-radius:15px;margin-bottom:15px}
.achievements-box .slick-dots li button:before{font-size:16px;color:var(--color-primary);opacity:1}
.achievements-box .slick-dots{bottom:-45px}
.font-36{font-size: 36px;}
.slick-dots li.slick-active button:before{color:var(--color-orange)!important}
.ach-title::after,.sw-title::after,.leadership-title::after,.red-title::after,.white-title::after,.blue3::after{content: "";position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 200px;height: 3px;background:var(--color-primary)}
.social-wall {position: relative;background: url('../images/MIT-School.JPG') center/cover no-repeat;z-index:0}
/* orange overlay */
.social-wall::before {content: "";position: absolute;inset: 0;background:rgb(251 128 29 / 85%);ointer-events: none;z-index:-1}
.sw-title::after {background:#fff}
.red-title::after {background:var(--color-red)}
.white-title{position:relative}
.white-title::after{background:#fff}
.blue3::after{background:var(--color-primary)}
/* .leadership-title::after {background:#184892} */
.after-none::after{display:none}
.social-wall-grid{padding: 20px 60px;position:relative;z-index:1}
.sw-img{margin-bottom:25px}
.leadership-card{padding:0 20px}
.leadership-card h3{font-size:22px}
.leadership-card p{color:#000;font-size:18px;font-weight:600}
.fn-design1{left: 0;top: 10%;}
.fn-design2{right: 0;top: 10%;}
.lc-img{width: 71%;display: table;margin: auto;}
.readmore-btn {display: inline-flex;align-items: center;background:var(--color-primary);padding:0;border-radius: 30px;color: #fff;font-weight: 600;text-decoration: none;gap:2px;transition: 0.3s ease;margin-top:5px}
.readmore-btn .icon {
background:var(--color-primary);color: #fff;width: 38px;height: 38px;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 16px}
.readmore-btn .text{padding:8px 16px 8px 0}
.readmore-btn:hover {opacity: 0.9}
.red-title{color:var(--color-primary);position:relative}
.bg-yellow{background:#ffe843}
/* testimonials */
.testimonial-slider {
    margin-top: 30px;
    padding-top:20px
}
.testimonial-slider .testimonial-item {
    padding: 60px 15px 0;
    transition: all 0.4s ease;
}
.testimonial-slider .testimonial-box {
    background: #fff;
    border-radius: 24px;
    padding: 10px 20px 32px 20px;
    position: relative;
    min-height: 200px;
}
.testimonial-slider .testimonial-box .quote {
    display: flex;
    justify-content:center;
    align-items:center;
    margin-bottom:5px;
}
.testimonial-slider .testimonial-box p{font-weight:500;font-size:15px}
.testimonial-slider .slick-current .testimonial-box {
    background:var(--color-primary);
    color: #fff;
}
.testimonial-slider .slick-current .testimonial-box .quote {
    color: #fff;
}
.testimonial-slider .slick-center .testimonial-item {
    transform: scale(0.98);
    z-index:-1;
    margin-top:20px
}
.testimonial-slider .slick-slide:not(.slick-center) .testimonial-item {
    margin-top:2%;
    transform: scale(0.98);
    z-index:2;
    position:relative;
   
}
.testimonial-slider .author {
   margin-top: -40px !important;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 1;
    position: relative;
}
.testimonial-slider .author img {
    width:80px;
    height:80px;
    border-radius: 50%;
    /* border: 4px solid #fff; */
    /* background: #ccc; */
}
.testimonial-slider .author h5 {
    margin-top: 10px;
    font-weight: 600;
    color: #000;
    font-size:18px;
}
.testimonial-slider .slick-current .author h5 {
color:#154b9b;margin-top:0
}
/* CENTER SLIDE */
.testimonial-slider .slick-slide.slick-current .testimonial-item {
    transform: scale(1.2);
    margin-top: 0;
    opacity: 1;
    position:relative;
    z-index:9;
    margin-top:-3%
}
.testimonial-slider .slick-slide .quote-img {
    content: url('../images/icons/white-quote.png');
}
.testimonial-slider .slick-slide:not(.slick-current) .quote-img {
    content: url('../images/icons/black-quote.png');
}
.testimonial-slider .slick-current .testimonial-item p{ color:#fff!important;font-weight:400!important}
/* faq */
.faq-box {max-width: 1180px;font-family: var(--fontMontserrat);position:relative;z-index:2}
.faq-box .accordion-item {border: none;margin-bottom: 15px;background: #efefef;border-radius: 10px;overflow: hidden;}
.faq-box .accordion-button{font-family: var(--fontMontserrat);font-weight:700;font-size:20px;color: var(--color-primary);background: #efefef;padding: 20px 24px;box-shadow: none}
.faq-box .accordion-button:not(.collapsed) {background: #efefef;color:var(--color-primary);box-shadow: none}
.faq-box .accordion-button::after {background-size: 16px}
.faq-box .accordion-body{font-size:16px;color: #000;padding:0 35px 24px 50px;line-height: 1.7;font-weight:600}
.faq-box .accordion-button:focus {box-shadow: none}
.faq-box .accordion {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%230e3872' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4l6 6 6-6'/%3E%3Cpath d='M2 8l6 6 6-6'/%3E%3C/svg%3E") !important;
    --bs-accordion-btn-active-icon: var(--bs-accordion-btn-icon);
}
.faq-box .accordion-button:not(.collapsed)::after {
    transform: rotate(-180deg)!important;
}
.faq-box .accordion-button::after {transform: none !important;}
.right-design{right: 0;top:8%;width:460px}
.mid-design{right: 0;bottom:-40%;width:320px}
.mid-design2{left: 0;bottom:-28%;width:300px;z-index:1}
/* cta 2 */
.white-btn{border-radius: 10px;background: white;color: #000;font-weight: 700;font-size: 16px;margin-top:10px}
.blue-btn{border-radius:20px;background: var(--color-primary);color: #fff;font-weight:600;font-size: 16px;margin-top:10px}
.blue-btn:hover{background:#fff;color:var(--color-primary)}
.cta_text{width:54%;padding-left: 50px;}
.cta_pic{bottom:0;right:8%}
/* student carousel */
.cw-90{width:85%;padding:30px 10px 0 10px}
.img-box img{border: 5px solid #184892;border-radius: 25px;margin:30px 0}
.img-carousel .slick-current img{transform: scale(1.22);z-index:2;position: relative;}
.img-carousel .slick-slide:not(.slick-center) .img-box img{transform: scale(0.9);border:5px solid var(--color-red)}
.img-carousel .slick-dots {display: flex !important;justify-content: center;gap:30px;bottom: -30px;}
.img-carousel .slick-dots li {width: auto;height: auto;margin: 0;padding:0}
.img-carousel .slick-dots li button {padding: 0}
.img-carousel .slick-dots li button::before {content: '';width: 36px;height: 6px;background: #dcdcdc;border-radius: 6px;opacity: 1;margin:0;transition: all 0.3s ease}
.img-carousel .slick-dots li.slick-active button::before { background: #1f3d7a;width: 40px}
/* alumni css */
.inner-title{font-size:38px;font-weight:700;margin-bottom:30px;padding-bottom:10px;position:relative;color:var(--color-primary)}
.inner-title::after{content: "";position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width:130px;border-radius:12px;height:4px;background-color:var(--color-orange)}
.inner-box{padding:80px 20px 120px 20px}
.inner_pg{color:#3d3d3d!important}
.w-85{width:85%}
.inner-subtitle{color:#184892;font-size:25px;margin-bottom:15px;font-weight:600}
.bg-red{background:var(--color-orange)}
.bg-orange{background:var(--color-orange)}
.bg-darkblue{background:var(--color-darkblue)}
.bg-primary-blue{background:var(--color-primary)}
.bg-green{background:var(--color-green)}
.bg-skyblue{background:var(--color-skyblue)}
.color-grid{padding:40px 20px}
.color-box{padding:50px 20px;color:#fff;text-align:center}
.color-box h2{font-size:21px;font-weight:600;margin:15px 0;position:relative;padding-bottom:20px;line-height: 1.5}
.color-box p{font-size:17px;font-weight:500;color:#fff}
.color-box h2::after{content: "";position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width:100px;border-radius:12px;height:2px;background-color:#fff}
.yb-div{padding:0 20px 10px 80px}
.yb-title{position:relative;font-size:40px;padding-bottom:10px;font-weight:600;line-height:1.4}
.yb-title::after{content: "";position: absolute;left:14%;bottom: 0;transform: translateX(-50%);width:220px;height:3px;background-color:#fff}
.yb-btn{margin-top:20px}
.text-over-img {top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;opacity: 0.6}
.text-over-img h2{font-size:120px}
.blue-shadow{box-shadow: 0 6px 30px rgba(0, 70, 150, 0.22), 0 4px 12px rgba(0, 70, 150, 0.15);}
/* Common arrow styles */
.success-stories-grid .slick-prev,.success-stories-grid .slick-next {width:38px;height:38px;background:var(--color-primary);border-radius: 50%;z-index: 2}
.success-stories-grid .slick-prev:hover,.success-stories-grid .slick-next:hover {background: #084298}
.success-stories-grid .slick-prev::before,.success-stories-grid .slick-next::before {content: ''}
.success-stories-grid .slick-prev::after,.success-stories-grid .slick-next::after {content: '';position: absolute;top: 50%;left: 50%;width: 12px;height: 12px;border-top: 2.5px solid #fff;border-right: 2.5px solid #fff;transform-origin: center}
.success-stories-grid .slick-prev::after {transform: translate(-50%, -50%) rotate(-135deg)}
.success-stories-grid .slick-next::after {transform: translate(-50%, -50%) rotate(45deg)}
.success-stories-grid .achievement-card{display: flex;flex-direction: column;align-items: center;min-height:515px}
.c-grid{background: #fff;border: 1px solid #28478c;border-radius: 20px;padding: 0 60px 35px;width: 85%;margin-left: auto;margin-right: auto;margin-bottom:40px}
.c-loc{display: inline-block;padding: 10px 17px;background: var(--color-orange);color: #fff;font-size: 20px;font-weight:600}
.c-title{color:var(--color-primary);font-size:28px;margin:20px 0;font-weight:700}
.c-flex{margin-bottom:20px;}
.c-flex p{color:var(--color-primary);font-size:22px;font-weight:500;margin-bottom:0}
.c-flex strong{font-weight:800}
.school-grid{padding:0 20px 40px}
.sc-title{color:var(--color-primary);font-size:25px;font-weight:600}
.sc-div img{border-radius: 35px;}
.mobile-menu-wrapper {display: none}
/* curriculum */
.cr-pg{text-align:left!important}
.icon-box {min-width: 145px;height: 145px;display: flex;align-items: center;justify-content: center;}
.icon-box img {width: 105px;}
.icon-box.blue {background: #1f2b6c;}
.icon-box.red {background: #c93333}
.mid-design2,.fn-design1,.fn-design2,.ft-design,.right-design{display:none!important}
.cc-content{padding:20px 15px 20px 20px}
.cc-content p{line-height:1.6}
.text-yellow{color:#ffe600}
.align-middle{display:flex;align-items:center;justify-content:center}
.mid-cta{background:url(../images/cta_bg.png);background-size:cover;background-repeat:no-repeat;padding:68px 0;margin-bottom:10px}
.top-cta{top:-90px}
.mid-cta-content{text-align:center}
.mid-cta-img{position:absolute;top:1%}
.cta_btn{background:var(--color-orange);padding:12px 20px;border-radius:8px;color:#fff;font-weight:700}
.mid-cta-content h2{font-size:38px;font-weight:700}
.mid-cta-content p{font-size:22px}
.pd-bottom{padding-bottom:120px}
.img-grid{width:85%;}
/* Mobile fix */
@media (max-width:1399px){
    .page-content{margin-top:88px}
    ul.header-btns-grp {padding:0 9%}
    .nav-tabs .nav-link {min-width:165px;padding:12px 20px}
    .leadership-card p{min-height:102px}
    .col-content-sm p{font-size:14px;text-align:left}
    .mit-legacy-section .col-img img{height:460px}
    .testimonial-slider .testimonial-box p{font-size:14px}
    .section-title{font-size:36px}
    .min-h-auto{min-height:auto!important}
    .section-title-sm{font-size:30px }
    .sch-accordion .accordion-button{font-size:20px }
    .school-div h3{font-size:25px}
    .school-div{padding:20px 20px 15px 0}
    .acta-content h3{font-size:40px}
    .acta-content h4{font-size:28px}
    .why-choose-list {padding-right:70px}
    .c_number{font-size:45px}
    .c_sm {font-size:32px}
    .legacy-div{padding:20px 15px}
    .inner-box.w-85{width:100%;} 
    .color-box{padding:45px 18px;min-height:440px}
    .color-box h2 {font-size:18px}
    .fmenu-ul li a, .fmenu-block p, .fmenu-block a{font-size:14px}
    .col-content p{font-size:18px}
    .growth-grid {grid-template-columns:2fr 0.2fr}
    .growth-item p,.seed-list li{font-size:16px}
    .seedimg img{width:600px}
    .hamb_panel .left-btns li:first-child a,.hamb_panel .left-btns li:last-child a {width: 100%;}
    .heading-sm{font-size:20px!important;margin-top:16px!important}
    .achievement-card{min-height:405px}
    .achievement-card h3{font-size:18px}
}
@media (max-width: 768px) {
    .navbar{padding-bottom:10px}
    .main_header{padding-top:2px!important}
    .navbar .container{display: flex;align-items: center;justify-content:center;flex-direction:column}
    .site_social>a {width:28px;height:28px}
    ul.header-btns-grp,.site_search,.left-d{display:none}
    .mob-block,.site_nav,.st-block{display:block!important}
    .broder-line img{width:130px}
    .st-block{text-align:center}
    .strip-title{font-size:28px}
    .st-block img{width:100px}
    .cc-content{padding:0}
    .site_social{display:none}
    .col-content p{font-size:16px;text-align:left}
    .col-spacing {padding: 20px 14px}
    .col-reverse{flex-direction:column-reverse}
    .site_search .form-control{width:240px}
    .legacy-div{border-right:none;padding-top:0;padding-bottom:0}
    .legacy-mobile .legacy-div,.legacy-mobile .c_img{display: flex;justify-content: center;align-items: center;flex-direction: column;}
    .c_name{font-size:20px;font-weight:700;margin-bottom:0}
    .c_img img{width:110px}
    .slick-center .testimonial-item {transform: scale(1)}
    .slick-slide:not(.slick-center) .testimonial-item {margin-top: 20px}
    /* .big-img{height:500px} */
    .img-content-overlay {width:70%}
    .school-div h3 {font-size:18px}
    .school-box img{width:50px}
    .sch-accordion .accordion-button {font-size:15px}
    .section-title{font-size:22px;padding-bottom:20px}
    .font-normal p, .font-normal {font-size:16px}
    .img-carousel .slick-dotted.slick-slider {margin-bottom:0}
    .cw-90{width:90%;padding:0}
    .img-box img {margin:10px 0}
    .spacing-lg{padding:45px 0}
    .cta-img2{display:none}
    .cta-img1 {width:125px;left:2%}
    .acta-content{width:80%}
    .acta-content h3{font-size:28px}
    .admission-cta{padding:40px 0px}
    .col-content .section-title-sm{font-size:23px!important;text-align:left}
    .why-choose-list{padding:0 15px}
    .why-choose-list h3 {font-size:16px}
    .why-choose-list p{font-size:15px}
    .life-wps {border-radius:22px;width:94%;padding:30px 15px}
    .section-title.title-blue{margin-bottom:0}
    .image-tabs {width:96%}
    .nav-tabs .nav-link{min-width:114px;padding:12px 15px;margin-bottom:10px;font-size:16px}
    .nav-tabs {padding-top:20px}
    .mid-design2,.fn-design1,.fn-design2,.ft-design{z-index:-1!important;display:none}
    .fn-design1,.fn-design2{width:210px}
    .achievement-card h3{font-size:18px}
    .achievement-card {min-height:430px}
    .social-wall-grid {padding:10px 40px}
    .ach-title::after, .sw-title::after, .leadership-title::after, .red-title::after, .white-title::after, .blue3::after{width:180px}
    .leadership-card{margin-bottom:20px;padding:0 0}
    .leadership-card p{font-size:15px;min-height:auto}
    .mit-legacy-section .col-img img {height: auto;border-radius: 0!important;padding: 0 20px}
    .col-content-sm {padding:20px 20px;margin:0 20px;border-radius:0!important}
    .testimonial-slider .slick-slide.slick-current .testimonial-item{transform:scale(1)}
    .testimonial-slider .testimonial-item {padding-top:35px}
    .t-section{padding:40px 0 0}
    .cta_pic{width:300px;right:1.5%}
    .cta_text{width:96%;padding:0 20px 100px}
    .cta_text h3{font-size:30px}
    .faq-box .accordion-button{font-size:16px;font-weight:700;line-height:1.4;padding:16px 15px}
    .faq-box .accordion-body{padding:0 25px 25px 25px;font-size:14px}
    /* footer */
    .flogo,.f-title,.f-text{margin-bottom:20px!important}
    .footer{padding:20px 0 20px 0}
    .f-title {font-size:16px}
    .f-menu-box{padding-top:20px}
    .fmenu-block{padding-left:0px}
    .fmenu-block::before,.mid-cta-img{display:none}
    .fmenu-title{margin-top:20px;margin-bottom:15px}
    .fmenu-title::after {width:110px}
    .footer-bottom {margin-top:20px;padding-bottom:80px}
    .footer-row1{padding-left:15px;padding-right:15px}
    .footer-col1{padding-left:25px;padding-right:25px}
    .c-grid{width:100%;padding:0 20px 20px}
    .c-flex p {font-size:16px}
    .c-img{width:30px}
    .c-img1{width:90px}
    .c-title {font-size:25px;margin-top:5px}
    .c-loc {font-size:18px}
    .sc-div{margin-bottom:30px}
    .inner-title {font-size:28px}
    .text-over-img h2{font-size: 40px}
    .yb-grid .d-flex{display:block!important}
    .success-stories-grid .slick-arrow,.yb-title::after{display:none!important}
    .yb-div{padding:20px}
    .yb-div h2{font-size:28px}
    .inner-box.w-85 {padding-bottom:25px;padding-top:60px}
    .inner-subtitle {font-size:23px}
    .color-box {min-height:400px}
    .leadership-section{padding:30px!important}
    .flourish-item {flex-direction: column;gap: 24px;}
.mid-design-new{display:none}
.flourish-title {width:90%;font-size:19px;padding:12px 15px}
.letter-box,.letter-box-even{width:45px;height:45px;font-size:25px}
.flourish-item h4{font-size:18px}
.flourish-item p {font-size:16px}
.icon-box{width:90px;height:90px;min-width:90px}
.icon-box img{width:70px}
.growth-item h3 {font-size:22px}
.growth-item p, .seed-list li {font-size: 15px}
.growth-item{flex-direction:column;margin-bottom:40px}
.growth-right img{max-width:190px;z-index:-1}
.growth-grid {padding:0 30px}
.margin-left-35 {margin-left:0}
.seedcontent{padding:20px 0}
.seed-heading{font-size:20px}
.m-img{width:22px!important}
.i-box{width:80px!important}
.colorgrid .color-box1{display: flex;flex-direction: column;justify-content: center;align-items: center;width:80%;margin:auto}
.slick__slider{display:flex;overflow:hidden}.slick__slider:not(.slick-initialized)>.col-5th:nth-child(n+4){display:none}
.mb-mob{margin-bottom:15px}
.mid-cta{background-position:top}.top-cta{top:-85px}
}
/* Mobile responsiveness */
@media (max-width: 991px) {
    /* mobile menu css */
    .side_menubars{display:none}
        .mobile-menu-wrapper {
            display: block;
        }
    .mobile-menu-wrapper .mobile-buttons {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999;
        background: #363636;
    }
    .mobile-menu-wrapper .menu-button {
        width: 20%;
        flex-grow: 1;
        border: none;
        background: #363636;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding:0.5rem 0rem;
    }
    .mobile-menu-wrapper .menu-button img {
        height: 30px;
        margin-bottom: .5rem;
        width: 30px;
    }
    .mobile-menu-wrapper .menu-button span {
        font-size: 14px;
        font-family: var(--font-poppins);
        color: #fff;
        font-weight: 400;
        line-height: 100% !important;
    }
    .mobile-menu.show {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }
    .mobile-menu {
        display: block;
        text-align: left;
        position: fixed;
        top: 0;
        left: 0;
        transform: translateY(100%);
        transition: transform 0.55s cubic-bezier(.785, .135, .15, .86), -webkit-transform 0.55s cubic-bezier(.785, .135, .15, .86);
        z-index: 99;
        overflow-y: scroll;
        background: #BD2125;
        width: 100%;
        height: calc(100dvh - 4rem);
    }
        .mobmenu_wrap .top_menu {
        padding:45px 30px 25px;
        height:93vh;
        background:var(--color-primary);
        color:#fff
    }
    .mobmenu_wrap .top_menu ul {
        list-style: none;
        padding-left: 0;
        margin-left: 0;
    }
    .mobmenu_wrap .top_menu ul li.mob_dropdown:not(:last-child) {
        margin-bottom: 25px;
    }
    .mobmenu_wrap .top_menu ul li.mob_dropdown>a {
        font-size: 16px;
        font-weight: 600;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color:#fff;
    }
     .mobile-menu-wrapper .menu-button.active {
        background:var(--color-primary);
    }
        .mobmenu_wrap .top_menu ul li.mob_dropdown>a svg {
        stroke: #fff;
        width: 1.2rem;
        height: 1.2rem;
        opacity: 1;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }
    .mobmenu_wrap .top_menu ul li.mob_dropdown .second_level {
        padding:1.5rem;
    }
    .mobmenu_wrap .top_menu ul li.mob_dropdown .second_level>li:not(:last-child) {
        margin-bottom: 1rem;
        font-size: 12px;
    }
    .mobmenu_wrap .top_menu ul li.mob_dropdown .second_level>li>a {
        font-size: 16px;
        font-weight: 600;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #000 !important;
    }
    
    .mob_dropdown .second_level {
        display: none;
        margin-top: 1rem;
        padding: 2rem;
        background: #F5F5F5;
        border-radius: 0rem 0rem 1rem 1rem;
        -webkit-border-radius: 0rem 0rem 1rem 1rem;
        -moz-border-radius: 0rem 0rem 1rem 1rem;
        -ms-border-radius: 0rem 0rem 1rem 1rem;
        -o-border-radius: 0rem 0rem 1rem 1rem;
    }
    .mobmenu_wrap .bottom_menu {
        padding: 3.4rem 3rem;
    }
    .mobmenu_wrap .bottom_menu ul {
        list-style: none;
        padding-left: 0;
    }
    .mobmenu_wrap .bottom_menu ul li:not(:last-child) {
        margin-bottom: 1.6rem;
    }
    .mobmenu_wrap .bottom_menu ul li a {
        font-size: 18px;
        color: #fff;
    }
    .mobmenu_wrap .top_menu li.mob_dropdown.active svg {
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
    }
    .site_nav {padding-top:15px}
    .main_header{padding-top:8px}
    /* mobile menu css ends */
    .masonry {column-count: 2}
    .c-img1 {width:80px}
    .growth-grid {grid-template-columns: 1fr}
.growth-right {text-align: center}
.growth-right img {margin: auto}
}
@media (max-width: 576px) {
    .masonry {column-count: 1;padding: 0 20px;}
}