.inner-section { position: relative; overflow: hidden; z-index: 4; }
.inner-img { position: relative; height: 100%; }
.inner-img figure { display: grid; }
.inner-img figure img { height: 100%; object-fit: cover; }
.inner-img figure>* { grid-area: 1 / 1; }
.inner-text { text-align: center; width: 100%; height: 100%; display: flex; align-items: start; position: relative; justify-content: center; padding-block: 10.4rem 0; }
@media (min-width: 2200px) {
 .inner-text { padding-block: 15rem 0; }
 }
.inner-content img { width: auto; margin: 2rem auto 2rem; }
.inner-content .sub-heading+img { display: none; }
.inner-content .sub-heading {display: inline-block; color: var(--color-white); text-transform: uppercase;margin-bottom: 3rem; }
.inner-content .heading { color: var(--color-white); line-height: 1.2; }
.inner-content .sub-heading::after{content:'';position:relative;display:block;width:100%;height:0.7rem;background:url(../images/inner-line.svg);background-position:center;background-size:contain;margin-top:1.5rem;background-repeat: repeat-x;}

.inner-content .heading span { display: block; font-family: var(--font-family-mansory); }
.inner-link { padding-block: 6rem 0; }
@media (max-width:991px) {
    .inner-section .inner-link{display: none;}
}
.inner-link ul li { display: inline-block; padding: 0 2.5rem; }
.inner-link ul li a { font-size: var(--font-21); color: var(--color-white); font-weight: 300; }
.inner-link ul li a{padding: .8rem 1.5rem; border: .1rem solid transparent;}
.inner-link ul li.active a{ font-weight: 600; color: var(--color-f5);padding: .8rem 1.5rem; border-color: rgb(255 255 255 / 57%);}
.inner-link ul li:hover a{border-color: rgb(255 255 255 / 57%);}
.resources-sec .inner-link ul li.active a, .inner-section.happening_sec .inner-link ul li.active a{color: var(--color-white);}
.inner-section:has(img[src$="leadership-bg.webp"]) .inner-link ul li.active a, .inner-section:has(img[src$="event_banner.webp"]) .inner-link ul li.active a {color: var(--color-white);}
.inner-content h3 { color: var(--color-white); font-weight: 200; }
.inner-content .cus-width { width: 54%; margin: 4rem auto 5rem; }
.school-top-text span { color: var(--color-white); font-size: var(--font-16); font-weight: 200; }
.happening_sec .inner-link {
    padding-block: 2rem 0;
}
/* About sec1 */
.about-sec1 { background-color: var(--color-ce); overflow: hidden; }
.fax-text-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6rem; text-align: center; }
.fax-number .heading { font-weight: 600; }
.about-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; margin-block: 9rem 0; }
.about-text { padding-inline:0 6.5rem; }

.about_flex{height: 100%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; }

.about-text h3 { font-weight: 300; }
.about-text p { padding-block: 4rem; padding-inline:0; }
/* .about-text-img { margin-top: 19rem; } */
.about-text-img img { width: auto; transform: scale(0.5); opacity: 0; transition: transform 1s ease, opacity 1s ease; will-change: transform, opacity; }
.about-text-img img.zoom-in { transform: scale(1); opacity: 1; }
.about-img { margin-right:-34.7rem; }
.highlight .heading { color: var(--color-f5);}
.highlight p { color: var(--color-f5); }
.program-list { padding-block: 11rem; position: relative; z-index: 3; padding-inline: 3.3rem;}
.program-list ul { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; text-align: center; gap: 0rem; position: relative; z-index: 9; }
.program-list ul li { width:30.6rem; background-color: var(--color-b6); position: relative; border-radius: 100%; height: 30.6rem; display: flex; flex-direction: column; justify-content: center; padding-block: 0rem 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.program-list ul li img { width: auto; margin: 0 auto 2rem; }
.program-list ul li h4 { color: var(--color-white); font-weight: 600; text-transform: uppercase; margin-bottom: .4rem; }
.program-list ul li p { color: var(--color-white); font-style: italic; font-weight: 300; }
.program-list ul li span { box-shadow: 0px 6px 10px #00000005; display: inline-block; width: 3rem; height: 3rem; background: #ffffff4f; border-radius: 5rem; line-height: 3rem; margin: 1.3rem auto 0; color: #fff; }
.program-list ul li span.d-block{display:block;width:100%;box-shadow:0px 0px 0px #00000005;background:transparent;height:auto;margin:0;}

.program-list ul li:nth-child(2n) { background-color: var(--color-a4); }
.program-list ul li:nth-child(3n) { background-color: var(--color-f5); }
.program-list ul li:nth-child(4n) { background-color: var(--color-52); }
.program-list ul li:hover { background-color: var(--color-5c); }
.about-value { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4rem; align-items: center; }
.value-img { margin-left: -22.8rem; }
.value-text { padding-inline: 12rem; }
/* OUR LEGACY */
.about-sec2 { background-color: var(--color-ce); position: relative; z-index: 0; }
.about-sec2 .container { position: relative; }
.about-sec2 .container::before { content: ''; background-image: url(../images/building.webp); position: absolute; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; right: 0; margin: 0 auto; }
.legacy-text { width: 59rem; padding-block: 15rem 22rem; }
.legacy-text img { width: auto; margin-block: 2rem 4rem; }
.border-line1 h4 { display: inline-block; }
.border-line1 h4::after { content: ''; position: relative; display: block; width: 100%; height: 0.7rem; background: url(../images/legacy-line1.webp); background-position: center; background-size: contain; margin-block: 2.1rem 2.5rem; background-repeat: repeat-x; }
.border-line h4 { display: inline-block; }
.border-line h4::after { content: ''; position: relative; display: block; width: 100%; height: 0.7rem; background: url(../images/legacy-line.png); background-position: center; background-size: contain; margin-block: 2.1rem 3.1rem; background-repeat: repeat-x; }
/* .filter h4::after { filter: brightness(0) invert(1); } */

.legacy-img { position: absolute; right: -14rem; bottom: 7rem; }
.legacy-bottom-img { position: absolute; bottom: -.1rem; width: 100%; }
@media(min-width:1699px) and (max-width: 1780px) {
    .legacy-img{max-width: 80%;}
    .legacy-img {
    right: -4%;
}
 }
@media (min-width: 2200px) {
 .legacy-text { padding-block: 15rem 30rem; }
 }
/* OUR APPROACH */
.about-sec3 { padding-block: 10rem; background-color: var(--color-white); }
.approach-box { display: grid; grid-template-columns: repeat(1, 29.5% auto); gap: 3rem; }
/* .approach-text h4 { margin-bottom: 6rem; } */
.approach-text .our-apoch, .approach-text .our-apoch h4 {
    max-width: fit-content;
}
.approach-text figure {
    margin-block: 1rem 6rem;
}
.approach-list { position: relative; }
.approach-list ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0rem; text-align: center; }
.approach-list ul li { position: relative; padding: 3rem 3rem 5rem; }
.approach-list ul li img { width: auto; margin: 0 auto 2rem; }
.approach-list ul li h5 { font-size: var(--font-21); text-transform: uppercase; font-weight: 600; font-family: var(--font-family-mansory); color: var(--color-a4); }
.approach-list ul li::before { content: ''; background-image: url(../images/approach1.png); height: 100%; position: absolute; width: 8px; right: 0; top:0; background-size: cover; background-repeat: no-repeat; }
.approach-list ul li::after { content: ''; background-image: url(../images/approach2.png); height: 7px; position: absolute; width: 100%; background-repeat: repeat-x; left: 0; bottom: 0; background-size: contain; }
.approach-list ul li:nth-child(2n) h5 { color: var(--color-52); }
.approach-list ul li:nth-child(3n) h5 { color: var(--color-b6); }
.approach-list ul li:nth-child(3n)::before { display: none; }
.approach-list ul li:nth-child(4n) h5 { color: var(--color-df); }
.approach-list ul li:nth-child(4n)::after, .approach-list ul li:nth-child(5n)::after, .approach-list ul li:nth-child(6n)::after { display: none; }
.approach-list ul li:nth-child(5n) h5 { color: var(--color-f5); }
.approach-list ul li:nth-child(6n) h5 { color: var(--color-a8); }


/* OUR VISION */
.about-sec4 { background-color: var(--color-white); padding-block: 5rem 0; }
.mission-box { display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; position: relative; }
.mission-box::before { content: ''; position: absolute; border: 3px solid #CFBAAF; width: 65rem; height: 65rem; border-radius: 50rem; left: 8rem; right: 0; margin: 0 auto; top: 3rem; opacity: 0.41; }
.vision-text { text-align: center; padding: 1rem 0 0rem 8rem; position: relative; z-index: 0; }
.vision-text img, .mision-text img { width: auto; margin: 2rem auto; }
.vision-text::before { content: ''; background-color: #DBF3F5; position: absolute; width: 513px; height: 513px; z-index: -1; left: 1.3rem; top: -9rem; border-radius: 100%; }
.mission-img { position: relative; z-index: 2; }
@media(max-width:1550px){
    .mission-img { left: 2rem; }
}
.mision-text { text-align: center; padding:1.5rem 13rem 0rem 0rem; position: relative; z-index: 0; }
.mision-text::before { content: ''; background-color: #F7F4F2; position: absolute; width: 513px; height: 513px; z-index: -1; left: -10rem; top: -7rem; border-radius:100%; z-index: -1; }
/* VALUES */
.about-sec5 { position: relative; z-index: 0; background-color: var(--color-white); padding-block: 3rem 18rem; overflow: hidden; }
.about-sec5::before { content: ''; background-image: url(../images/advantage-bg.png); background-repeat: no-repeat; background-position: center; position: absolute; height: 100%; width: 100%; right: 0; top: -3.2rem; z-index: -1; }
.about-sec5 .container { max-width: 1562px; }
.about-value-text { position: relative; text-align: center; }
.about-value-text img { width: auto; margin: 2rem auto; }
.thrive { position: relative; margin-top: -6rem;}
.world-text .grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 3.5rem; margin: 10rem auto 0; position: relative; align-items: center; justify-content: center; }
.world-text .item { position: relative; text-align: center; display: flex; justify-content: center; }
.world-text .letter { font-size: 24rem; font-weight: bold; position: relative; z-index: 1; }
.world-text .letter img { display: initial; max-width: initial; width: auto; }
.world-text .label { transform: translateY(-50px); transition: opacity 0.5s ease, transform 0.5s ease; color: var(--color-00); font-size: var(--font-20); position: absolute; top: 109px; background: #fff; width: 300px; z-index: 99; font-weight: 600; height: 70px; display: flex; align-items: center; justify-content: center; font-family: var(--font-family-Polymath); font-size: var(--font-21); }
.thrive-top-img { position: absolute; top: -7.7rem; left: 28rem; max-width: 12.5rem; }
.thrive-top-right { position: absolute; right: 15rem; top: -57px; z-index: 1; }
.thrive-top-right img { width: 75%; }
.thrive-bottom-left { position: absolute; bottom: 0; }
.thrive-bottom-left { position: absolute; bottom:2.5rem; left: -3rem; z-index: 1; max-width: 18rem; }
.thrive-bottom-left img { width:100%; }
.thrive-bottom-middle { position: absolute; bottom: 4rem; left: 55.2rem; max-width: 8rem; }
.thrive-bottom-middle img { width: 80%; }
/* .thrive-bottom-right { position: absolute; right: 8rem; bottom: -4rem; z-index: 3; } */
.thrive-bottom-right{position: absolute; right: 10.5rem; bottom: -3rem; z-index: 3; max-width: 26.6rem;}



.thrive-bottom-right img { width: 75%; }
/* AWARDS */
.about-sec6 { background-color: var(--color-white); padding-block: 0 10rem; }
.about-sec6 .award-text { max-width: fit-content; margin-inline: auto; }
.about-sec6 .award-text h4{margin-bottom: 1.5rem;}
.about-sec6 .award-text figure { margin-top: 1rem; }
.award-list { display: grid; grid-template-columns: repeat(2, 1fr); text-align: center; margin-top: 7.7rem; align-items: center; position: relative; z-index: 0; max-width: 1295px; margin-left: 6rem; }
.creative-box { background-color: var(--color-52); padding: 18rem 14rem; border-radius: 100%;  height: 63rem; width: 63rem; }
.creative-box h4, .stellar-box h4 { color: var(--color-white); font-size: var(--font-30); font-weight: 600; }
.creative-box h4 span, .stellar-box h4 span { font-weight: 500; display: block; font-family: var(--font-family-mansory); }
.creative-box img, .stellar-box img { margin-block: 3rem 2rem; margin-inline: auto; }
.creative-box-text { border-bottom: .1rem solid var(--color-a8); padding-block: 2rem; }
.creative-box-text blockquote { font-size: var(--font-18); color: var(--color-white); font-weight: 300; }
.creative-box-text p { font-size: var(--font-16); color: var(--color-white); font-weight: 300; font-style: italic; margin-top: 2rem; }
.creative-box-text p span { display: block; }
.stellar-box { background-color: var(--color-f5); }
.stellar-box { background-color: var(--color-f5); border-radius: 100%; height: 63rem; width: 63rem;  padding: 18rem 14rem; z-index: 1; margin-left: -4rem; box-shadow: -15px 4px 39px #00000029; }
.stellar-box .creative-box-text { border-bottom: .1rem solid #bfbebe; }
.creative-box-text:last-child { border-bottom: .0rem; }
.award-bottom-img { position: absolute; bottom: -10rem; left: 41%; z-index: 2; }
.award-top-img { position: absolute; top: 0; left:39%; z-index: 0; }

@media(max-width:1550px){
    .about-sec6 {
    padding-block: 3rem 10rem;
}
}
@media(min-width:2100px){
.award-top-img {
    left: 45%;
}
.award-bottom-img {
    left: 45%;
}
}
/* leadership */
.leadership-sec1 { padding-block:0rem 14rem; background-color: var(--color-white); position: relative; }
.leadership-bottom-bg { position: absolute; bottom: 0; width: 100%; }
.leadership-box {  }
/* .leadership-text { padding-inline: 12rem 0; } */
.leadership-text img { width: 100%; margin-block: 1.9rem 3.1rem; }
.leadership-text .dirt-msg img {
    width: 100%;
    margin-block: 5rem 2.9rem;
}
.leadership-text h4{
    position: relative;
    display: inline-block;
    margin-bottom: 3rem;
}
.leadership-text h4::after{
    content: '';
    position: relative;
    display: block;
    width: 100%;
    height: 0.7rem;
    background: url(../images/legacy-line1.webp);
    background-position: center;
    background-size: contain;
    margin-top: 1.5rem;
    background-repeat: repeat-x;
}


.leadership-text h3 { font-weight: 300; }
.dirt-msg { padding-top: 4rem; }
.director-name { margin-top: 3rem; }
.director-name h5 { font-size: var(--font-21); color: var(--color-black); font-weight: 400; display: inline-block; }
.director-name h5::before{
    content: '';
    position: relative;
    display: block;
    width: 100%;
    height: 0.7rem;
    background: url(../images/legacy-line1.webp);
    background-position: center;
    background-size: contain;
    margin-top: 1.5rem;
    background-repeat: repeat-x;
    margin-bottom: 1.5rem;
}
.director-name p { font-size: var(--font-14); margin-bottom: 0rem; }
.director-name span { font-size: var(--font-14); font-style: italic; }
.leadership-img { margin-right: -24rem; margin-bottom: -6rem; }
.leadership-sec2 { position: relative; background-color: var(--color-white); padding-block: 5rem 14rem; z-index: 0; }
.leadership-sec2::before { content: ''; background-image: url(../images/leadership-bg1.webp); width: 100%; height: 53rem; position: absolute; top: 0; z-index: -1; background-repeat: no-repeat; left: 0; right: 0; background-size: cover; }
.team-text { }
.team-text img { width: 21%; margin-block: 1.5rem 2.5rem; }
.team-text h4 { text-transform: uppercase; }
.team-text h3 { font-weight: 300; margin-bottom: 2rem; }
.team-text p { max-width: 850px; }
.team-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6rem 4rem; margin-top: 6rem; }
.team-box { position: relative; overflow: hidden; }
.team-img { overflow: hidden; }
.team-img img { transition:0.5s; }
.team-box:hover .team-img img { transform:scale(1.15); }
.cus-team-text { display: flex; justify-content: space-between; padding: 3rem 1rem 0 0; }
.left-team-text h6 { font-size: var(--font-18); color: var(--color-black); font-weight: 400; margin-bottom: 1rem; }
.left-team-text span { font-size: var(--font-16); font-weight: 300; display: block; margin-top: .5rem; }
.team-icon i { box-shadow: 0px 6px 10px #00000029; color: var(--color-f5); font-size: var(--font-16); display: flex; text-align: center; border-radius: 5rem; padding: 0.5rem; align-items: center; }
@media (min-width: 2200px) {
 .leadership-sec2::before { height: 62rem; }
 }
@media (min-width: 2300px) {
 .team-text img {
    width: 23%;
    margin-block: 2rem 3rem;
}
 }


 .back.removeback{ display: none;}


/* school search */
.school-search { background-color: var(--color-ce); padding-block: 6rem 8rem; }
.search-wrapper { display: grid; grid-template-columns: repeat(1, 35% 45% auto); gap: 2rem; }
select.search-select { background: var(--color-white); border: none; width: 100%; padding: 1.5rem 1.2rem; font-size: var(--font-18); font-weight: 300; color: var(--color-black); background-image: url(../images/chevron-black.png); background-repeat: no-repeat; background-position: right 15px center; background-size: 12px; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
select:focus-visible { outline: -webkit-focus-ring-color auto 0px; }
.search-btn a { background-color: var(--color-a8); color: var(--color-white); font-size: var(--font-18); font-weight: 300; padding: 1.5rem 3.5rem; display: inline-block; }
.school-sec1 { background-color: var(--color-white); padding-block: 4rem 10rem; }
.school-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; }
.school-box { background-color: var(--color-f8); position: relative; }
.schooltext-box {     padding: 4.5rem 7rem 4.5rem 4.5rem;}
.schooltext-box h5 { margin-bottom: 6rem; }
.school-info { display: flex; margin-top: 2rem; gap: 0rem; }
.school-icon { width: 10%; }
.school-info-text { width: 90%; }
.school-icon img { width: 2.5rem; }
.visit-btn { border-top: 1px solid #f5874f5c; margin-block: 5rem 0rem; padding-block: 3.5rem 0; }
.visit-btn span { font-size: var(--font-14); color: var(--color-b6); text-transform: uppercase; font-weight: 500; }
.visit-btn span i { box-shadow: 0px 6px 10px #00000029; color: var(--color-white); font-size: var(--font-16); text-align: center; border-radius: 5rem; padding: .7rem; background-color: var(--color-b6); margin-left: 1.3rem; width: 3.2rem; height: 3.2rem; display: inline-block; font-weight: 800; }
.school-box:hover .visit-btn span { color: var(--color-f5); }
.school-box:hover .visit-btn span i { background-color: var(--color-f5); }
/* school-detail */
.school-detail { display: grid; grid-template-columns: repeat(2, 1fr); align-items: end; padding-inline: 34rem 9rem; }
.school-detail-text { text-align: left; padding-inline: 1rem 10rem; }
.school-detail-text .school-icon img { filter: brightness(0) invert(1); height: auto; width: 2.5rem; margin: 0; }
.school-detail-text .school-info-text p { color: var(--color-white); font-size: var(--font-18); font-weight: 300; }
.school-detail-text .school-info-text p span { display: block; }
.school-detail-btns { display: flex; gap: 1rem; margin-block: 19rem 7rem; }
.school-detail-btns .cus-btn a { background-color: var(--color-b6); color: var(--color-white); border: .2rem solid var(--color-b6); }
.school-detail-btns .cus-btn a i { background-color: #00000030; }
.school-detail-btns .cus-btn a:hover { background-color: var(--color-a4); border: .2rem solid var(--color-a4); }
.school-detail-img figure img{
       height: auto;
}

@media (min-width: 2200px) {
 .school-detail-btns { margin-block: 15rem 0rem; }
.school-detail-img { margin-top: 3rem; }
 }
.school-detail-sec1 { background-color: var(--color-ce); padding-block: 10rem; position: relative; overflow: hidden; }
.school-detail-sec1::before { content: ''; background-image: url(../images/detail-img2.webp); position: absolute; bottom: 0rem; width: 100%; height: 7rem; background-repeat: no-repeat; background-size: cover; background-position: center; }
@media (min-width: 2200px) {
 .school-detail-sec1::before { height: 10rem; }
 }
.detail-about { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4rem; }
.detail-about-text { padding-inline: 13rem; }
.detail-about-text img { width: auto; margin: 2rem 0 0; }
.detail-about-text h3 { margin-block: 4rem; font-weight: 300; }
.detail-text-fax { display: grid; grid-template-columns: repeat(1, 40% 40% auto); gap: 0rem; margin-top: 4rem; }
.detail-about-img { overflow: hidden; height: 100%; margin-left: -15rem; }
.detail-about-img figure { height: 100%; }
.detail-about-img img { height: 100%; object-fit: cover; }
.school-detail-sec2 { padding-block: 10rem; background-color: var(--color-white); overflow: hidden; }
.message-box { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6rem; }
.message-text h3 { font-weight: 300; }
.message-text img { margin-block: 2rem 4rem; }
.more-text { max-height: 0; overflow: hidden; transition: max-height 0.6s ease; }
.more-text.show { max-height: 680px; }
.dots { display: inline; }
button.toggle-btn { border: none; background-color: #ffffff00; margin-block: 3rem; }
.toggle-btn i { box-shadow: 0px 6px 10px #00000029; color: var(--color-white); font-size:1rem; text-align: center; border-radius: 5rem; padding: .7rem; background-color: var(--color-b6); width: 2.5rem; height: 2.5rem; display: inline-block; font-weight: 800; cursor: pointer; }
.message-name { margin-top: 4rem; }
.message-name h3 { font-size: var(--font-21); font-weight: 400; }
.message-name p { font-size: var(--font-14); }
.message-name span { font-size: var(--font-14); font-style: italic; margin-top: .6rem; display: inline-block; }
.message-img { margin-right: -25rem; padding-left: 8rem; }
.school-detail-sec3 { padding-block: 5rem 12rem; background-color: var(--color-white); }
.gallery-sub-heading { margin-block: 3rem; }
.gallery-sub-heading h3 { font-weight: 300; }
.gallery-filter { margin-block: 6rem 0; }
.filter-buttons { text-align: center; margin-bottom: 3rem; }
.filter-btn { background: none; border: none; font-size: var(--font-18); margin: 0 1.5rem; cursor: pointer; color: var(--color-black); }
.filter-btn i { color: var(--color-a8); font-size: 2.2rem; margin-right: .5rem; }
.filter-btn.active { font-weight: 600; color: var(--color-black); }
.gallery-grid { display: flex; flex-wrap: wrap; gap: 2rem; }
.gallery-grid .item { position: relative; width: 31%; overflow: hidden; }
.gallery-grid .item:nth-child(2), .gallery-grid .item:nth-child(6), .gallery-grid .item:nth-child(8) { width: 34%; }
.gallery-grid .item img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gallery-grid .item.video-box { position: relative; background-color: var(--color-black); }
.gallery-cloud{margin-bottom: -2px;}
.gallery-grid .item.video-box img { opacity: .4; }
.play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 55px; height: 55px; background: rgba(255,255,255,0.6); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: var(--font-30); color: var(--color-white); }
/* Advantage */
.advantage-sec1 { padding-block: 0rem 10rem; background-color: var(--color-ce); }
.advantage_head{ max-width:70.6%; }
@media(min-width: 2200px) {
 .advantage_head{ max-width:76.6%; }
 }

.advantage_bottom_section{ max-width: 80%;}
@media(min-width: 2200px) {
.advantage_bottom_section {
    max-width: 90%;
}
}
@media(max-width: 1540px) {
.advantage_bottom_section {
    max-width: 85%;
}
}
.advantage-content h3 { font-weight: 300; margin-bottom: 3rem; }
.advantage-box { display: grid; grid-template-columns: repeat(1, 55% auto); gap: 8rem; align-items: center; margin-block: 5rem; }
.advantage-text { padding-inline: 8rem 3rem; }
@media(max-width: 1540px) {
.advantage-text {
    padding-inline: 2rem 2rem;
}
}
@media(min-width: 2200px) {
.advantage-text {
    padding-inline: 6rem 1rem;
}}
.advantage-sec2 { padding-block: 11.3rem 22rem; background-color: var(--color-white); position: relative; }
.advantage-sec2 .container { position: relative; z-index: 0; }
.cus-draw-line { position: absolute; top: -7rem; z-index: -1; right: 0; }
.cus-draw-line figure { }
.cus-draw-line figure img { }
.advantage-message-icon { position: absolute; right: 21rem; top: -10rem; }
.pedagogy-box { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8rem; }
.pedagogy-text { padding-inline: 0 5rem; }
.pedagogy-text img { width: 21rem; margin: 2rem 0; }
.pedagogy-text h3 { font-weight: 300; margin-block: 1rem 3rem; }
.pedagogy-img { margin-right: -16rem; }
.pedagogy-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6.8rem 4.8rem; margin-top: 6rem; }
.pedagogy-list-box { display: flex; padding-inline: 0 3rem; }
.pedagogy-list-icon { margin-right: 5rem; width: 9%; }
.pedagogy-list-text { width: 75%; }

.pedagogy-list-text h6 { font-size: var(--font-18); color: var(--color-black); font-weight: 500; margin-bottom: 1.6rem; }
/* OUR PROGRAMMES */
.advantage-sec3 { background: var(--color-cf); padding-block: 10rem 21rem; position: relative; z-index: 0;    background-color: var(--color-ce); }
.advantage-sec3 .container { position: relative; }
.cus-program-line { position: absolute; top: -10rem; left: -2rem; right: 0rem; z-index: 0; }
.cus-program-line figure, .cus-program-line img {
    width: 163.3rem;
}
/* .cus-program-line { position: absolute; top: 0rem; left: 7rem; right: 0rem; z-index: 0; }
.cus-program-line figure img { width: auto; margin-inline: auto; } */
.foundation-box { width: 60%; position: relative; z-index: 2; }
.foundation-text { position: relative; }
.foundation-text h4 { color: var(--color-black); }
.foundation-text img { width: 25.5rem; margin: 2rem 0; filter: brightness(0) invert(1); }
.foundation-text h3 { color: var(--color-black); font-weight: 300; margin-block: 0rem 3rem; }
.foundation-text p { color: var(--color-black); font-weight: 300;}
.advantage-sec3-img { position: absolute; width: 100%; bottom: -.1rem; }
@media (min-width: 2200px) {
 .advantage-sec3 { padding-block: 10rem 26rem; }
/* .cus-program-line { right: -28rem; left: -3rem; } */
.cus-program-line {
    right: 0;
    left: -12rem;
    top: -10rem;
}
.cus-program-line figure, .cus-program-line img {
    width: 201.3rem;
}
 }
.advantage-sec4 { padding-block: 10rem 4rem; background-color: var(--color-white); }
.playgroup-list { margin-bottom: 4rem; }
.playgroup-box { z-index: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 8rem; background-color: var(--color-f2); padding: 4rem 8rem; position: relative; }
.playgroup-box::before { content: ''; background-color: var(--color-white); position: absolute; width: 24rem; height: 100%; z-index: -1; left: 0; }
.playgroup-text { padding:6rem 10rem 0 3rem; }
.playgroup-text blockquote { font-size: var(--font-18); font-style: italic; margin:1rem 0 4rem 0; }
.playgroup-box-new::before { display: none; }
.content { margin-top: 1rem; }
.playgroup-box-new::after { content: ''; background-color: var(--color-white); position: absolute; width: 24rem; height: 100%; z-index: -1; right: 0; }
.gallery-sec1 { position: relative; padding-block: 0 10rem; z-index: 4; background-color: var(--color-white); }
.gallery-sec1::before { content: ''; background-color: var(--color-ce); position: absolute; top: -1px; width: 100%; height: 26rem; }
.gallery-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; margin-top: -38rem; }
.gallery-box { position: relative; margin-bottom: 3rem; overflow: hidden; }
.gallery-img { overflow: hidden; }
.gallery-img img { -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.gallery-box:hover .gallery-img img { transform: scale(1.1); }
.gallert-text { display: flex; align-items: center; justify-content: space-between; padding: 3rem 3rem 0; }
.timeless-right-box .gallert-text{padding-left:0;}

.gallery-heading h4 { font-size: var(--font-22); text-transform: uppercase; }
.gallery-icon span i { box-shadow: 0px 1px 10px #00000029; color: var(--color-white); font-size: var(--font-16); text-align: center; border-radius: 5rem; padding: 0.4rem 0.5rem; background-color: var(--color-b6); width: 2.5rem; height: 2.5rem; display: inline-block; }
.fancybox__thumbs .carousel__slide { width: var(--fancybox-thumbs-width, 216px); }
button.carousel__button.fancybox__button--zoom, button.carousel__button.fancybox__button--slideshow, button.carousel__button.fancybox__button--fullscreen, button.carousel__button.fancybox__button--thumbs { display: none; }
button.carousel__button.fancybox__button--close { background-color: var(--color-57); width: 32px; height: 30px; padding: 8px; }
.fancybox__nav .carousel__button.is-prev, .fancybox__nav .carousel__button.is-next { background-color: var(--color-f5); width: 32px; height: 30px; padding: 8px; top: 110%;}
button.carousel__button.is-close { background-color: var(--color-57); width: 32px; height: 30px; padding: 8px; }
@media (min-width: 2200px) {
 .fancybox__thumbs .carousel__slide { width: var(--fancybox-thumbs-width, 286px); }
 }
.leadership-detail1 { background-color: var(--color-white); position: relative; }
.leadership-detail-box { display: grid; grid-template-columns: repeat(1, 46.5% auto); align-items: center; }
.leadership-detail-text { background-color: var(--color-ef); padding: 5rem; position: relative; z-index: 9; }
.leadership-detail-text img { margin-block: 2rem 3rem; }
.leadership-detail-text blockquote { font-size: var(--font-14); color: var(--color-black); }
.leadership-detail-text span { font-size: var(--font-14); color: var(--color-black); font-style: italic; display: block; margin-bottom: 4rem; }
@media(min-width:2300px) {
    .leadership-detail-text span {
    font-size: var(--font-15);
}
}
.leadership-detail-bottom { margin-top: -17rem; z-index: 0; position: relative; }
.montessori-text { padding-inline: 1rem; }
.montessori-text h3 { font-weight: 300; }
.montessori-text h3 span{display: block;}
.montessori-sec1{
       padding-block: 6rem 0;
}
.montessori-sec1 .about-text p { padding-block: 0rem; padding-inline: 0 7rem; }
.what-montessori { margin-top: 9rem; gap: 5rem; align-items: start; }
.what-montessori .value-text img { margin-block: 2rem 3rem; }
.what-montessori .value-text { padding-inline: 10rem 1rem; }
.montessori-sec2 { background-color: var(--color-ce); position: relative; z-index: 0; padding-block: 10rem 0; }
.curriculum-text img { margin-block: 2rem 3rem; margin-inline: auto; }
.curriculum-text p span { display: block; }
.approach-text { padding-block: 4rem; }
.approach-text p { font-size: var(--font-18); }
.approach-text ul { margin-top: 4rem; }
.approach-text ul li {
    width: 33rem;
    height: 33rem;
    padding-inline: 0;
    transition: transform 0.2s ease-in-out;
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition-delay: .2s;
}

.approach-text ul li.aos-animate:hover {
    transform: scale(1.1) !important;

}


.approach-text ul li p { font-size: var(--font-18); font-weight: 400; font-style: normal; }
.goal-text { padding-block: 3rem 6rem; }
.goal-text p { font-size: var(--font-18); font-weight: 700; margin-bottom: 2rem; }
.goal-text h3 { font-weight: 300; }
.goal-text h3 span { display: block; }
.montessori-sec3 { background-color: var(--color-white); padding-block: 10rem 5rem; }
.montessori-sec-img { margin-bottom: -.1rem; }
.timeless-text { max-width: 80%; margin-inline: auto; }
.timeless-text .heading { color: var(--color-52); font-weight: 500; margin-bottom: 2.5rem; }
.timeless-text h2 span { display: block; font-family: var(--font-family-mansory); }
.timeless-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.5rem; margin-top: 9rem; }
.timeless-left-text { padding: 3rem 6rem 8rem 0; }
.timeless-box { position: relative; margin-bottom: 4.3rem; }
.life-sec1 { padding-block:5rem 10rem; position: relative; z-index: 0; }
.life-sec-img { position: absolute; bottom: 12rem; z-index: -1; width: 100%; }
.life-sec1::after { content: ''; background-color: var(--color-white); width: 100%; height: 13rem; position: absolute; bottom: 0; }
.life-sec1 .about-text { padding-inline: 13rem 2rem; }
.life-sec1 .about-list { align-items: center; }
.life-sec1 .about-text p { padding-block: 2rem 0; padding-inline: 0 7rem; }
.life-slider .mySwiper { width: 100%; }
.life-slider .mySwiper .swiper-slide { display: flex; justify-content: center; align-items: center; }
.life-slider .mySwiper img { width: 100%; height: 32rem; object-fit: cover; }
.life-slider .mySwiper .swiper-slide:nth-child(1n+1) { width: 250px !important; }
.life-slider .mySwiper .swiper-slide:nth-child(2n+2) { width: 450px !important; }
.life-slider { margin-top: 8rem; }
.life-slider .swiper-button-next { position: absolute; right: 0px; }
.life-slider .swiper-button-prev { position: absolute; left: 0; }
.admissions-sec1 .inner-text { padding-block: 22rem 0; }
.admissions-sec2 { background-color: var(--color-white); padding-block: 0rem 10rem; position: relative; z-index: 0; }
.admissions-sec3-bottom-img { position: absolute; right: 22rem; bottom: -5rem; z-index: -1; }
@media (min-width: 2200px) {
 .admissions-sec3-bottom-img { right: 54rem; }
 }
.admissions-box { position: relative; }
.admissions-text { max-width: 65%; margin-bottom: 5rem; }
.admissions-text h3 { font-weight: 300; }
.admissions-text h3:has(+ p){margin-bottom: 3rem;}
.admissions-process img { margin-block: 2rem 3rem; }

.admissions-process-text p { font-size: var(--font-18); font-weight: 600; }
.admissions-process-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; margin-top: 3rem; }
.admissions-process-left, .admissions-process-right { display: flex; background-color: var(--color-ce); position: relative; margin-left: 4rem; padding: 2.5rem 2rem 2.5rem 5rem; align-items: center; }
.admissions-left-text p { margin-bottom: .6rem; display: flex; }
.admissions-left-text p a { gap: .6rem; display: inline-flex; font-weight: 600;align-items: center; }
.admissions-left-text p a img { width: 3rem; }
.admissions-left-text p span { display: flex; padding-inline: 1rem; align-items: center; }
.admissions-process-icon { background-color: var(--color-a4); width: 8.3rem; height: 8.3rem; border-radius: 100%; padding: 2rem; position: absolute; left: -4rem; top: 1.5rem; }
.admissions-process-right .admissions-process-icon { background-color: var(--color-f5); }
.admissions-process-list .cus-btn1 { margin-left: 4rem; }
.admissions-process-list .cus-btn1 a { padding: 1rem 3.5rem;align-items: center; justify-content: center; display: flex; width: fit-content; }
.admissions-top-img { position: absolute; right: 0; top: 5rem; }
.admissions-top-img img { /*width: 35rem;*/  }
.admissions-sec3 { background-color: var(--color-white); padding-block:5rem 10rem; overflow: hidden; }
.eligibility-box { display: grid; grid-template-columns: repeat(1, 40% auto); gap: 12.5rem; }
.cus-btn1 a i{font-size: var(--font-11);}
.eligibility-text { padding-right: 0.5rem;}
.eligibility-img { margin-right: -35rem; }
.eligibility-heading { }
.eligibility-heading img { width: 55%; margin-block: 2rem 4rem; }
.eligibility-content blockquote { font-size: var(--font-18); font-weight: 600; margin-bottom: 2.5rem; }
.fee-box { background-color: var(--color-ce); padding: 3rem 4rem; margin-block: 2rem 3rem; }
.fee-box blockquote { font-size: var(--font-18); font-weight: 600; margin-bottom: 1.5rem; }
.eligibility-text .cus-btn1 a { padding: 1rem 3.5rem; }
.admissions-sec4 { position: relative; padding-block: 8rem 8.3rem; background-color: var(--color-a8); z-index: 0; overflow: hidden; }
.admissions-sec4::before { content: ''; background-color: var(--color-white); width: 100%; height: 34rem; position: absolute; top: 0; z-index:-1; }
.interests-text img { margin: 2rem auto 5rem; }
.interests-text h3 { font-weight: 300; }
.enquiry-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; margin-top: 4rem; }
.enquiry-box { background-color: var(--color-52); padding: 3.5rem; }
.enquiry-list-text { display: grid; grid-template-columns: repeat(1, 8% auto); gap: 1.8rem; margin-top: 1.5rem; }
.enquiry-box h3 { font-size: var(--font-24); color: var(--color-white); margin-bottom: 3rem; }
.enquiry-text p { color: var(--color-white); font-size: var(--font-18); }
.enquiry-text p span { display: block; }
.cus-touch { padding: 7rem 2.5rem 0; }
.cus-touch { }
.cus-touch h4 { font-size: var(--font-24); color: var(--color-white); margin-bottom: 3rem; }
.cus-touch input { background-color: var(--color-white); padding: 1.5rem; border: 1px solid transparent; width: 100%; font-size: var(--font-18); margin-bottom: 1.5rem; transition: all 0.3s; position: relative; font-weight: 500; }
.cus-touch textarea { height: 13rem; background-color: var(--color-white); padding: 1.5rem; border: 1px solid transparent; width: 100%; font-size: var(--font-18); margin-bottom: 1.5rem; transition: all 0.3s; position: relative;font-weight: 500; }
.cus-touch textarea::placeholder { color: var(--color-black); }
.cus-touch .form-select{ background-color: var(--color-white); padding: 1.5rem; border: 1px solid transparent; width: 100%; font-size: var(--font-18); margin-bottom: 1.5rem; transition: all 0.3s; }
.cus-touch .form-select.custom-select{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("../images/down-arrow.svg");
    background-repeat: no-repeat;
    background-position: right 2rem center;
    background-size: 8px;
    padding-right: 3.5rem;font-weight: 500;
}

.admissions-process-icon.admissn-new{width: auto;height: auto;top: 2rem;left: -3.5rem;}

/* For Firefox */
.cus-touch .form-select.custom-select::-ms-expand {
    display: none;
}
.cus-touch input::placeholder { color: var(--color-black); }
.cus-touch .btn-primary { border: .2rem solid var(--color-f5); background-color: var(--color-f5); font-size: var(--font-18); color: var(--color-white); padding: 1rem 2rem; cursor: pointer; transition: all .5s ease; }
.cus-touch .btn-primary:hover { border: .2rem solid var(--color-52); background-color: var(--color-52); }
.calender-box { position: relative; }
.calender { position: absolute; right: 1rem; top: 2rem; z-index: 0; }
.admission-bottom-left { position: absolute; left: 0; bottom: 0; }
.admission-bottom-right { position: absolute; right: 11rem; bottom: 0; }
@media (min-width:1400px) {
    .admission-bottom-left figure { width:80%;}
    .admission-bottom-right figure{ width:20rem;}

}
.resources-sec .inner-link { padding-block: 2rem 0; }
.resources-sec1 { background-color: var(--color-white); padding-block: 0 10rem; }
.resources-box { background-color: var(--color-ef); padding: 5rem 6rem 1rem; margin-top: -30rem; position: relative; margin-inline: 4rem; z-index: 4; }
.sample-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2.5rem; padding-block: 0 6rem; }
.form-check input { width: 2rem; height: 1.8rem; }
.form-check label { color: var(--color-white); font-size: var(--font-16); }
input:focus { outline: none; box-shadow: none; }
.contact_section .inner-section .inner-img .inner-text .inner-content .inner-link { padding-block: 3rem 0; }
.contact_section .inner-section .inner-img .inner-text .inner-content h4 { color: var(--color-white); margin-top: 8rem; }
.contact_section .inner-section .inner-img .inner-text .inner-content h5 { color: var(--color-white); margin-top: 3rem; font-size: var(--font-24); font-weight: 400; }
.contact_section .inner-section .inner-img .inner-text .inner-content .contact-address ul { display: flex; justify-content: space-between; gap: 3rem; color: var(--color-white); }
.contact_section .inner-section .inner-img .inner-text .inner-content .contact-address ul li a { display: flex; align-items: center; justify-content: center; gap: 1rem; font-size: var(--font-18); }
.contact_section .inner-section .inner-img .inner-text .inner-content .contact-address ul li { display: flex; align-items: center; justify-content: center; gap: 1rem; font-size: var(--font-18); }
.contact-address ul li img{height: auto;}
.enquiry_card h5 { font-size: var(--font-24); }
.contact-address { margin-top: 2rem; }
/**************************** Contact form section css start*********************************/
.contact_formsec { position: relative; z-index: 0; background-color: var(--color-white); padding-block: 3rem 18rem; }
.contact_formsec .adminssion_enqsec { grid-template-columns: repeat(2, 1fr); gap: 0rem; display: grid; text-align: left; }
.contact_formsec .adminssion_enqsec .enquiry_card ul { margin-top: 2rem; }
.contact_formsec .adminssion_enqsec .enquiry_card ul li a { display: flex; align-items: center; gap: 1.1rem; margin-bottom: 1rem; font-size: var(--font-18); }
.contact_formsec .adminssion_enqsec .enquiry_card ul li a img { height: 31px; width: 31px; }
.form_input { background-color: var(--color-white); padding: 1.5rem; border: 1px solid transparent; width: 100%; font-size: var(--font-18); margin-bottom: 1.6rem; transition: all 0.3s; }
.form_input:focus { border: 1px solid var(--color-f5); }
.contact_rightform { background-color: var(--color-fe); padding: 4rem 3rem; margin-bottom: -56rem; }
.contact_rightform h4 { margin-bottom: 3rem; }
.contact_rightform .form_input::placeholder { color: var(--color-black); font-size: var(--font-18); }
.contact_rightform textarea {background-color: var(--color-white); padding: 1.5rem; border: 1px solid transparent; width: 100%; font-size: var(--font-18); margin-bottom: 1.6rem;transition: all 0.3s;}
.contact_rightform textarea::placeholder { color: var(--color-black); font-size: var(--font-18); }

.contact_rightform button { border: .2rem solid var(--color-f5); background-color: var(--color-f5); font-size: var(--font-16);     cursor: pointer; color: var(--color-f5); font-weight: 400; padding: 1rem 2.5rem; display: inline-block; color: var(--color-white); margin-top: 2rem; }

.contact_rightform button:hover { background-color: var(--color-a8); color: var(--color-white); border: .2rem solid var(--color-a8); }

.contact_formsec .form_righsec { margin-left: auto; }
/* **************************** Event section****************************** */
.upcomming_mainsec { background-color: var(--color-ce); padding: 6rem 0; }
.upcomming_mainsec .upcomming_eventbox { margin-top: -33rem; z-index: 9; position: relative; }
.upcomming_mainsec .upcomming_eventbox h4 { color: var(--color-white); margin-bottom: 3rem; }
.upcomming_mainsec .upcomming_eventbox .upcomming_event { grid-template-columns: repeat(2, auto 1fr); gap: 3rem; display: grid; text-align: left; align-items: center; }
.upcomming_mainsec .upcomming_eventbox .upcomming_event .upcomming_right { background-color: var(--color-white); padding: 4rem; width: 39rem; }
.upcomming_mainsec .upcomming_eventbox .upcomming_event .upcomming_right span { font-size: var(--font-14); color: var(--color-f5); margin-bottom: 1.5rem; display: inline-block; }
.upcomming_mainsec .upcomming_eventbox .upcomming_event .upcomming_right h4 { color: var(--color-black); margin-bottom: 2rem; font-family: var(--font-family-polymath); font-weight: 500; }
.upcomming_mainsec .upcomming_eventbox .upcomming_event .upcomming_right a i { font-size: var(--font-12); background-color: var(--color-b6); width: 3rem; display: inline-block; height: 3rem; border-radius: 10rem; line-height: 3rem; color: var(--color-white); text-align: center; margin-top: 2rem; }
.event_gridmain { background-color: var(--color-white); padding: 6rem 0 12rem 0; }
.event_gridmain .events_gridbox .event_grid { grid-template-columns: repeat(2, 1fr); column-gap: 3rem; display: grid; margin-top: 5rem; row-gap: 5rem; }
.event_gridmain .events_gridbox .event_grid .event_card .event_imgsec { position: relative; }
.event_gridmain .events_gridbox .event_grid .event_card .event_imgsec .event_categoryicon { height: 4rem; width: 4rem; position: absolute; top: 1.5rem; right: 1.5rem; }
.event_gridmain .events_gridbox .event_grid .event_card .event_imgsec .event_categoryicon img { height: 100%; width: 100%; }
.event_gridmain .events_gridbox .event_grid .event_card .event_content { display: flex; justify-content: space-between; align-items: center; padding: 2rem; }
.event_gridmain .events_gridbox .event_grid .event_card .event_content .event_left_content { font-size: var(--font-14); color: var(--color-f5); padding-inline: 0 4rem; }
.event_gridmain .events_gridbox .event_grid .event_card .event_content .event_left_content h5 { font-weight: 400; }
.event_gridmain .events_gridbox .event_grid .event_card .event_content .event_left_content .even_date { margin-bottom: 1.2rem; }
.event_gridmain .events_gridbox .event_grid .event_card .event_content .event_right_icon a i { font-size: 1.2rem; background-color: var(--color-b6); width: 3rem; display: inline-block; height: 3rem; border-radius: 10rem; line-height: 3rem; color: var(--color-white); text-align: center; margin-top: 2rem; }
.event_right_icon i{
        font-size: 1.2rem;
    background-color: var(--color-b6);
    width: 3rem;
    display: inline-block;
    height: 3rem;
    border-radius: 10rem;
    line-height: 3rem;
    color: var(--color-white);
    text-align: center;
    margin-top: 2rem;
}

/* ***************************Event Details****************** */
.event_detail_mainsec { background-color: var(--color-ce); position: relative; }
.event_detail_mainsec::before { content: ''; background-color: var(--color-white); height: 6rem; width: 100%; position: absolute; bottom: 0; left: 0; }
.event_detail_mainsec .event_detail_gridmain { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; margin-top: -28rem; z-index: 9; position: relative; }
.event_detail_mainsec .event_detail_gridmain .event_detail_imgsec { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; }
.event_detail_mainsec .event_detail_gridmain .event_detail_imgsec .eventimg_one { grid-column: 1 / 3; }
.event_detail_mainsec .event_detail_gridmain .event_detail_imgsec .eventimg_four { grid-column: 2; grid-row: 2 / span 2; }
.eventimg_two, .eventimg_three { height: 100%; overflow: hidden; }
.eventimg_two figure, .eventimg_three figure { height: 100%; }
.eventimg_two img, .eventimg_three img { height: 100%; object-fit: cover; }
.event_detail_mainsec .event_detail_gridmain .event_detail_contenthero .event_detail_date { color: var(--color-white); margin-bottom: 1rem; padding-top: 6rem; font-size: var(--font-14); }
.event_detail_mainsec .event_detail_gridmain .event_detail_contenthero .event_detail_date span { margin-inline: 1.5rem; }
.event_detail_mainsec .event_detail_gridmain .event_detail_contenthero h4 { color: var(--color-white); margin-bottom: 25rem; font-family: var(--font-family-polymath); font-weight: 400; }
.event_detail_mainsec .event_detail_gridmain .event_detail_contenthero h4 span { display: block; font-size: var(--font-18);}
.event_detail_mainsec .event_detail_gridmain .event_detail_contenthero { width: 63%; padding-inline: 10rem 0; }
.event_detail_main .event_gridmain { padding: 10rem 0; }
.event_main .inner-text .inner-content .inner-link,
.event_detail_main .inner-text .inner-content .inner-link { padding-top: 3rem; }
.blog-section { }
.blog-section .inner-img figure img { width: 12rem; }
.back { text-align: end; position: relative;margin-right: 6rem; }
.back::before { content: ''; background-image: url(../images/inner-line.svg); position: absolute; width: 100%; height: .7rem; left: 0; bottom: -2rem; opacity: .5; }
.back a { color: var(--color-white); font-size: var(--font-14); }
.blog-section1 .event_detail_gridmain .event_detail_contenthero h4 { color: var(--color-white); margin-bottom: 13rem; font-family: var(--font-family-polymath); font-weight: 400; }
/* ******************** Testimonial Secion css****************** */
.testimonial_main { padding-bottom: 12rem; background-color: var(--color-white); }
.testimonial_main .testimonidal_grid { display: grid; /* grid-template-columns: repeat(3, 1fr); */
    gap: 2rem; margin-top: -33rem; z-index: 4; position: relative; grid-template-columns: repeat(3, 31%); }
.test_auth_img { overflow: hidden; height: 100%; }
.test_auth_img figure { height: 100%; }
.test_auth_img figure img { height: 100%; object-fit: cover; }
.testimonial_main .testimonidal_grid .testimonial_contentcard { display: grid; background-color: var(--color-ce); /* grid-template-columns: repeat(2, 1fr); */
    grid-template-columns: repeat(1, 43% auto); }
.testimonial_main .testimonidal_grid .testimonial_contentcard .testi_contentsec { padding: 2.8rem 6rem; }
.testimonial_main .testimonidal_grid .testimonial_videocard.testi_one,
.testimonial_main .testimonidal_grid .testimonial_videocard.testi_four { position: relative; grid-column: span 1; }
.testimonial_main .testimonidal_grid .testimonial_contentcard.testi_three,
.testimonial_main .testimonidal_grid .testimonial_contentcard.testi_two { grid-column: span 2; align-items: end; position: relative; border: 1px solid #E51A4B33; }
.testimonial_main .testimonidal_grid .testimonial_videocard .testimonial_imgsec { position: relative; height: 100%; overflow: hidden; }
.testimonial_main .testimonidal_grid .testimonial_videocard .testimonial_imgsec figure { height: 100%; }
.testimonial_main .testimonidal_grid .testimonial_videocard .testimonial_imgsec figure img { height: 100%; object-fit: cover; }
.testimonial_main .testimonidal_grid .testimonial_videocard .testimonial_imgsec::after { content: ''; position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; background: linear-gradient(180deg, #ffffff00 65%, #000000b8 100%); }
.testimonial_main .testimonidal_grid .testimonial_videocard .auth_content { position: absolute; bottom: 4rem;  left: 3rem; display: flex; justify-content: space-between; width: 88%; }
.testimonial_main .testimonidal_grid .testimonial_videocard .auth_content .testimonial_icon img { width: 5rem; height: 5rem; }
.testimonial_main .testimonidal_grid .testimonial_videocard .auth_content .auth_name h5 { font-size: var(--font-21); color: var(--color-white);     text-transform: uppercase;}
.testimonial_main .testimonidal_grid .testimonial_videocard .auth_content .auth_name .auth_designation { color: var(--color-white); font-size: var(--font-14); font-style: italic; font-weight: 300; }
.testimonial_main .testimonidal_grid .testimonial_contentcard .testi_contentsec h5 { font-size: var(--font-21); font-weight: 300; margin-bottom: 1rem; }
.testimonial_main .testimonidal_grid .testimonial_contentcard .testi_contentsec .testi_shap { width: 87px; margin: 12rem 0 3rem 0; }
.testimonial_main .testimonidal_grid .testimonial_contentcard .testi_contentsec .testi_auth_detail .auth_name { font-size: var(--font-21); font-weight: 500; }
.testimonial_main .testimonidal_grid .testimonial_contentcard .testi_contentsec .auth_desi { font-size: var(--font-14); margin-bottom: 0.3rem; }
.testimonial_main .testimonidal_grid .testimonial_contentcard .testi_contentsec p { margin-bottom: 0rem; font-size: var(--font-14); font-style: italic; }
/* ******************** Partner INTRODUCED  Secion css****************** */
.partner_introsec { background-color: var(--color-ce); padding-top: 11rem; position: relative; padding-bottom: 1rem;
    /* margin-bottom: 8rem; */
    padding-bottom: 8rem;
}

.partner_introsec .pertner_intro_heading { margin-top: 10rem; text-align: center; }
.partner_introsec .program-list { padding-block: 7rem; }
.partner_introsec .partner_bottomshap { position: absolute; bottom: -4rem; }
.partner_introsec .program-list ul li p { font-style: normal; }
/* ******************** ADVANTAGE   Secion css****************** */
.advantage_mainsec { position: relative; padding-top: 9rem; padding-bottom: 15rem; }
.advantage_mainsec .advantage_sec { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; }
.advantage_mainsec .advantage_sec .advantage_leftimg { position: absolute; left: 0; bottom: 0; width: 112rem; }
.advantage_mainsec .advance_rightsec .advance_headingsec { position: relative; margin-bottom: 8rem; display: inline-block; }
.advantage_mainsec .advance_rightsec .advance_headingsec:after { content: ''; background-image: url(../images/legacy-line1.webp); height: .8rem; position: absolute; width: 100%; background-repeat: repeat-x; left: 0; bottom: -3rem; }
.advantage_mainsec .advance_rightsec .advance_headingsec .heading_shap { padding-top: 1rem; padding-bottom: 5rem; }
.advantage_mainsec .advantage_sec .advance_rightsec { width: 62rem; }
.advantage_mainsec .advantage_sec .advance_rightsec ul li { display: flex; align-items: center; gap: 1.2rem; margin-bottom: 1.1rem; }
.advantage_mainsec .advantage_sec .advance_rightsec ul li i { width: 2rem; height: 2rem; background-color: var(--color-cf); display: flex; align-items: center; justify-content: center; border-radius: 1rem; font-size: 1.5rem; color: #fff; }
/* *************REQUIREMENTS  Section Css************** */
.requirements_mainsec { background-image: url('../images/requirements_bg.webp'); height: 100%; width: 100%; background-size: cover; background-position: center; padding: 11rem 0; }
.requirements_mainsec .reuirement_sec p { width: 80%; }
.requirements_mainsec .reuirement_sec h4 { position: relative; display: inline-block; margin-bottom: 8rem; }
.requirements_mainsec .reuirement_sec h4:after { content: ''; background-image: url(../images/legacy-line1.webp); height: .8rem; position: absolute; width: 100%; background-repeat: repeat-x; left: 0; bottom: -3rem; }
.requirements_mainsec .reuirement_sec .reqirement_sectable { font-size: var(--font-16); margin-top: 6rem; }
.requirements_mainsec .reuirement_sec .reqirement_sectable .header_sec { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; background-color: var(--color-52); border-radius: 2rem 2rem 0 0; }
.requirements_mainsec .reuirement_sec .reqirement_sectable .header_sec .header_title { padding: 2.8rem; color: var(--color-white); font-size: 1.8rem; }
.requirements_mainsec .reuirement_sec .reqirement_sectable .body_content .reqiconsec img { height: 3rem; width: 3rem; }
.requirements_mainsec .reuirement_sec .reqirement_sectable .body_content { background-color: var(--color-white); padding: 2.8rem 0 1.5rem 0; border-radius: 0 0 2rem 2rem; }
.requirements_mainsec .reuirement_sec .reqirement_sectable .body_content .body_contentrow { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; padding: 0 2.8rem 2.5rem; }
.requirements_mainsec .reuirement_sec .reqirement_sectable .body_content .body_contentrow .title_leftsec { display: flex; gap: 2rem; }
.requirements_mainsec .reuirement_sec .reqirement_sectable .body_content .body_contentrow .title_leftsec .title_lefttext { border-bottom: 1px solid var(--color-7a); padding-bottom: 2rem; width: 100%; font-size: var(--font-16); }
.requirements_mainsec .reuirement_sec .reqirement_sectable .body_content .body_contentrow .descr_rightsec { border-bottom: 1px solid var(--color-7a); font-size: var(--font-16); }
/* *************Advantage world class Section CSS**************  */
.advantage_worldclass { padding: 11rem 0; position: relative; }
.advantage_worldclass .advantage_monkey { position: absolute; top: 23rem; left: 0; }
.advantage_worldclass .world_headingsec { text-align: center; }
.advantage_worldclass .world_headingsec h4 { margin-bottom: 7rem; color: var(--color-57); }
.advantage_worldclass .adv_world_maincard { display: grid; grid-template-columns: repeat(2, 1fr); gap: 5rem; }
.advantage_worldclass .adv_world_maincard .adv_card_header { margin-bottom: 1.6rem; }
.advantage_worldclass .adv_world_maincard .adv_card_header img { width: 2rem; position: absolute; left: -4rem; top: 0.5rem; }
.advantage_worldclass .adv_world_maincard .adv_card_header h4 { font-size: var(--font-21); }
.advantage_worldclass .adv_world_maincard .adv_card_body { min-height: 9rem; }
.advantage_worldclass .adv_world_maincard .adv_card_body p { font-style: italic; }
.advantage_worldclass .adv_world_maincard .adv_world_card { position: relative; }
.advantage_worldclass .adv_world_maincard .adv_world_card:after { content: ''; background-image: url(../images/legacy-line1.webp); height: .8rem; position: absolute; width: 100%; background-repeat: repeat-x; left: 0; bottom: 0; }
.advantage_worldclass .adv_world_maincard .adv_world_card:nth-child(1):after { display: none; }
.advantage_worldclass .adv_world_maincard .adv_world_card:nth-child(2) h4 { color: #B69E85; }
.advantage_worldclass .adv_world_maincard .adv_world_card:nth-child(3) h4 { color: #A45E4D; }
.advantage_worldclass .adv_world_maincard .adv_world_card:nth-child(4) h4 { color: #F5874F; }
.advantage_worldclass .adv_world_maincard .adv_world_card:nth-child(5) h4 { color: #52658C; }
.advantage_worldclass .adv_world_maincard .adv_world_card:nth-child(6) h4 { color: #F174A8; }
.advantage_worldclass .adv_world_maincard .adv_world_card:nth-child(7) h4 { color: #CFBAAF; }
.advantage_worldclass .adv_world_maincard .adv_world_card:nth-child(8) h4 { color: #F7ADAF; }
.advantage_worldclass .adv_world_maincard .adv_world_card .monkey_secimg { position: absolute; left: -35rem; width: 100%; height: 100%; }
/* ************ MENTORING & SUPPORT  Section**************  */
.mentoring_mainsec { background-color: var(--color-fe); padding: 11rem 0 30rem 0; position: relative; }
.mentoring_cloud { position: absolute; bottom: -1px; }
.mentoring_mainsec .section_title { text-align: center; }
.mentoring_mainsec .section_title h4 { position: relative; display: inline-block; margin-bottom: 8rem; }
.mentoring_mainsec .section_title h4:after { content: ''; background-image: url(../images/legacy-line1.webp); height: .8rem; position: absolute; width: 100%; background-repeat: repeat-x; left: 0; bottom: -3rem; }
.mentoring_mainsec .section_title h3 { font-weight: 300; margin-bottom: 17rem; }
.mentoring_mainsec .mentoringsec .mentoring_circle { width: 70rem; height: 70rem; background-color: var(--color-E6); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: auto; position: relative; }
.mentoring_mainsec .mentoringsec .mentoring_circle .mentoring_card { text-align: center; width: 20rem; z-index: 9; position: relative; }
.mentoring_mainsec .mentoringsec .mentoring_circle .mentoring_card p { font-size: var(--font-18); }
.mentoring_mainsec .mentoringsec .mentoring_circle .mentoring_card img { margin-bottom: 3rem; }
.mentoring_mainsec .mentoringsec .mentoring_circle .mentoring_card:after { content: ''; background-image: url(../images/legacy-line1.webp); height: .8rem; position: absolute; width: 100%; background-repeat: repeat-x; z-index: -1; }
.mentoring_mainsec .mentoringsec .mentoring_circle .mentoring_log img { height: 80px; }
.mentoring_mainsec .mentoringsec .mentoring_circle .mentoring_card:nth-child(1) { position: absolute; top: -11rem; }
.mentoring_mainsec .mentoringsec .mentoring_circle .mentoring_card:nth-child(2):after { transform: rotate(90deg); left: 0.5rem; top: 25rem; }
.mentoring_mainsec .mentoringsec .mentoring_circle .mentoring_card:nth-child(2) p { background-color: var(--color-E6); }
.mentoring_mainsec .mentoringsec .mentoring_circle .mentoring_card:nth-child(2) { position: absolute; top: -11rem; }
.mentoring_mainsec .mentoringsec .mentoring_circle .mentoring_card:nth-child(3) { position: absolute; top: 12rem; right: -12rem; }
.mentoring_mainsec .mentoringsec .mentoring_circle .mentoring_card:nth-child(3):after { transform: rotate(160deg); left: -10rem; top: 16rem; }
.mentoring_mainsec .mentoringsec .mentoring_circle .mentoring_card:nth-child(4) { position: absolute; top: 51rem; right: 6rem; }
.mentoring_mainsec .mentoringsec .mentoring_circle .mentoring_card:nth-child(4):after { transform: rotate(227deg); left: -85px; top: -1rem; }
.mentoring_mainsec .mentoringsec .mentoring_circle .mentoring_card:nth-child(5) { position: absolute; left: 5rem; position: absolute; top: 51rem; }
.mentoring_mainsec .mentoringsec .mentoring_circle .mentoring_card:nth-child(5):after { transform: rotate(128deg); left: 72px; top: 0rem; }
.mentoring_mainsec .mentoringsec .mentoring_circle .mentoring_card:nth-child(6) { position: absolute; left: -12rem; top: 12rem; }
.mentoring_mainsec .mentoringsec .mentoring_circle .mentoring_card:nth-child(6):after { transform: rotate(23deg); right: -14rem; top: 16rem; }
/* ************ Detail of the projects CSS**************  */
.main_detail_projects { background-color: var(--color-white); padding: 9rem 0 7rem 0; }
.main_detail_projects .detail_sectitle { text-align: center; }
.main_detail_projects .detail_sectitle h4 { position: relative; display: inline-block; margin-bottom: 8rem; }
.main_detail_projects .detail_sectitle h4:after { content: ''; background-image: url(../images/legacy-line1.webp); height: .8rem; position: absolute; width: 100%; background-repeat: repeat-x; left: 0; bottom: -3rem; }
.main_detail_projects .detail_sectitle h3 { font-weight: 300; margin-bottom: 7rem; }
.main_detail_projects .take_nextstep_row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; }
.main_detail_projects .take_nextstep_row .take_nextstep_card { background-color: var(--color-f3); position: relative; padding: 7rem; border-radius: 2rem; text-align: center; }
.main_detail_projects .take_nextstep_row .take_nextstep_card img { height: 7rem; position: absolute; top: -3rem; left: 0; }
/* ************************ Franchise **************************** */
.franchise_contact_sec { background-color: var(--color-white); padding-bottom: 11rem; }
.franchise_contact_sec h5 { margin-bottom: 1.5rem; }
.franchise_contact_sec .franchise_con_btns a { font-size: var(--font-18); display: inline-flex; gap: 10px; }
.franchise_contact_sec .franchise_con_btns .cus-btn a { background-color: var(--color-52); color: var(--color-white); border: 2px solid var(--color-52); }
.franchise_contact_sec .franchise_con_btns { display: flex; justify-content: center; gap: 1rem; }
.franchise_contact_sec .franchise_con_btns a img { height: 2rem; }
/* ************************ WANT TO FIND OUTMORE? **************************** */
.fintoutmore_mainsec { background-color: var(--color-a8); padding: 9rem 0; position: relative; overflow: hidden; }
.fintoutmore_mainsec .wantfind_heading { text-align: center; }
.fintoutmore_mainsec .wantfind_heading h4 { position: relative; display: inline-block; margin-bottom: 8rem; color: var(--color-white); }
.fintoutmore_mainsec .wantfind_heading h4:after { content: ''; background-image: url(../images/white_line.svg); height: .8rem; position: absolute; width: 100%; background-repeat: repeat-x; left: 0; bottom: -3rem; }
.fintoutmore_mainsec .wantfind_heading h3 { font-weight: 300; color: var(--color-white); margin-bottom: 4rem; }
.fintoutmore_mainsec .wantfind_btngroups { display: flex; justify-content: center; gap: 1rem; }
.fintoutmore_mainsec .wantfind_btngroups .cus-btn1.contact_btn a { background-color: var(--color-b6); border: 2px solid var(--color-b6); }
.fintoutmore_mainsec .wantfind_btngroups .cus-btn1.contact_btn a i { background-color: #9b8771; }
.fintoutmore_mainsec .wantfind_btngroups .cus-btn1 a:hover,
.fintoutmore_mainsec .wantfind_btngroups .cus-btn1.contact_btn a:hover { background-color: var(--color-white); border: 2px solid var(--color-white); color: var(--color-b6); }
.fintoutmore_mainsec .fideout_imgsec .elephant_leftimg { width: auto; position: absolute; bottom: 0; left: 0rem; }
.fintoutmore_mainsec .fideout_imgsec .elephant_leftimg .elephant_img { height: 32rem; width: auto; }
.fintoutmore_mainsec .fideout_imgsec .penguin_rightimg { width: auto; position: absolute; bottom: 0; right: 11rem; }
.fintoutmore_mainsec .fideout_imgsec .penguin_rightimg .penguin_img { height: 23rem; width: auto; }
.contact_section .patner-sec .inner-img .inner-text .inner-content h4 { margin-top: 2rem; }
/* Desktop Tabs */
.resp-tabs { display: flex; gap: 40px; justify-content: center; margin-bottom: 10px; border-bottom: .1rem solid #cdcdcd; }
.resp-tab-btn { background: none; border: none; padding: 1.5rem 1.5rem 2.8rem; font-size: var(--font-18); font-weight: 300; cursor: pointer; }
.resp-tab-btn.active { font-weight: 500; border-bottom: .1rem solid var(--color-a8); }
/* Hide mobile accordion in desktop */
.resp-acc-title { display: none; }
/* Panel content (desktop) */
.resp-panel { display: none; }
.resp-panel.active { display: block; }
.resp-acc-body { margin-block: 5rem 0; }
.resoueces-main-box { margin-bottom: 5rem; }
.resoueces-heading { border-bottom: .2rem solid #c5c5c5; margin-bottom: 2rem; padding-bottom: 3rem; }
.resoueces-heading p { font-size: var(--font-18); color: var(--color-black); font-weight: 700; }
.resp-box { display: flex; justify-content: space-between; background-color: var(--color-white); padding: 2rem; margin-bottom: 1rem; position: relative; align-items: center; }
.resp-left-text { display: flex; align-items: center; }
.resp-left-text p { display: flex; gap: 2rem; align-items: center; }
.resp-left-text p img { width: 3rem; }
.resp-icon i { color: var(--color-a8); font-size: var(--font-22); }
/* MOBILE ACCORDION */
@media (max-width: 768px) {
 .resp-tabs, .resp-tab-line { display: none; /* hide desktop tabs */ }
.resp-acc-title { display: block; padding: 12px; background: var(--color-white); margin-bottom: 5px; cursor: pointer;font-size: var(--font-18); }
.resp-acc-title.active { background: #ffe5f2; }
.resp-acc-body { padding: 5px; display: none; margin-bottom: 10px; }
.resp-panel { display: block; }
 }
.career-sec1 {padding-block: 6rem 11.7rem; }
.career-sec1 .search-wrapper { display: grid; grid-template-columns: repeat(1, 26% 26% 32% auto); gap: 2rem; }
.career-sec1 .search-wrapper input::placeholder { font-size: var(--font-18); color: var(--color-black); font-weight: 300; }
.career-sec2 { background-color: var(--color-ce); padding-block: 5rem 10rem; }
.winning-text { margin-bottom: 7rem; }
.winning-text h3 { font-weight: 300; margin-bottom: 4rem; }
.sets-text img { margin: 1rem auto; }
.sets-list { padding-block: 3rem 5rem; }
.sets-list ul li { padding-inline: 3rem; }
.sets-list ul li p { font-style: normal; }
.career-sec3 { padding-block: 10rem; }
.choose-text img { margin: 2rem auto 4rem; width: 22rem; }
.choose-text blockquote { font-size: var(--font-18); font-weight: 600; margin-bottom: 2rem; }
.following-text { margin-block: 5rem 3rem; }
.following-text h3 { font-weight: 300; font-size:var(--font-26) ;}
.following-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3.5rem; }
.cus-following-text { padding: 3rem 2.3rem 0 0; }
.cus-following-text blockquote { font-size: var(--font-18); font-weight: 600; margin-bottom: 3rem; }
.career-sec4 { background-color: var(--color-ce); padding-block: 10rem 0; position: relative; }
.culture-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; align-items: center; padding-block: 0 6rem; }
.culture-text { padding-inline: 0 15rem; }
.culture-text img { margin-block: 2rem 3rem; width: 23rem; }
.culture-img{overflow: hidden;}
.career-sec5 { background-color: var(--color-white); padding-block: 10rem 0; }
.current-box { display: flex; justify-content: space-between; margin-bottom: 5rem; }
.current-search { display: grid; grid-template-columns: repeat(1, 16% 45% auto); gap: 2rem; align-items: center; width: 42rem; }
.current-school .search-select, .current-location .search-select { padding: 1rem 1.2rem; border: .1rem solid #6666666e; }
.opening-box { position: relative; display: flex; align-items: center; justify-content: space-between; border-bottom: .1rem solid #6666662b; margin-bottom: 2rem; padding-block: 0 1rem; }
.opening-location { display: flex; align-items: center; gap: 5rem; }
.career-sec6 {
    padding-block: 1rem 5rem;
    background-color: var(--color-white);
}
.career-sec6 select.search-select{
        border: .1rem solid #66666680;
}
.school-list-name {
display: flex;
    justify-content: space-between;
    margin-bottom: 3rem;
    border-bottom: .1rem solid #66666691;
    padding-bottom: 1.5rem;
}
.school-heading h3, .school-email h3{
    font-size: var(--font-21);
}

.school-email {
    width: 22%;
}

.school-top-text span {
    font-size: 2rem;
}
.opening-email {
    width: 22%;
}
.opening-date { }
.current-heading img { margin-block: 2rem 0; width: 27rem; }
.opening-date p span { font-style: italic; color: var(--color-44); }
.opening-date blockquote { font-size: var(--font-18); }
.opening-location-text p { color: var(--color-44); font-size: var(--font-16); }
.opening-link i { background-color: var(--color-ac); color: var(--color-white); font-size: var(--font-16); text-align: center; border-radius: 5rem; padding: .5rem; width: 2.8rem; height: 2.8rem; display: inline-block;line-height: 20px; }
.opening-box:hover .opening-link i { background-color: var(--color-f5); }
.sets-list ul li:nth-child(4n) { background-color: var(--color-a8); }
.teacher-sec1 { background-color: var(--color-white); padding-block: 0 6rem; }
/* Accordion base */
 .accordion { overflow: visible; }
.accordion-item { margin-bottom: 2rem; overflow: hidden; border-bottom: .2rem solid #5cc6d061; }
.accordion-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; width: 100%; padding: 0rem 2rem 0rem 0; cursor: pointer; border: 0; background: transparent; }
.accordion-header:focus { outline: 0px solid rgba(37, 100, 235, 0); outline-offset: 0px; }
.title { text-align: left; }
.title h3 { font-size: var(--font-21); }
.title p { font-size: var(--font-16); margin-bottom: 1rem; display: none; }
.teacher-sec1 .title:hover h3{color: var(--color-57);}
/* chevron */
.chev { display: inline-grid; place-items: center; border-radius: 100%; transition: transform var(--transition), background var(--transition); width: 3.2rem; height: 3.2rem; background-color: var(--color-b6); box-shadow: 0px 6px 10px #00000029; }
.chev svg { transform-origin: 50% 50%; transition: transform var(--transition); color: var(--color-white); }
/* content panel */
.panel { overflow: hidden; height: 0; /* animated by JS */transition: height var(--transition); background: linear-gradient(180deg, rgba(255,255,255,0.6), rgba(255,255,255,0.0)); margin-block: 0rem 3rem; }
.panel-inner { padding: 2rem 0 0 0; }
/* styles when expanded (for button + chevron) */
 .accordion-item[data-open="true"] .chev { background-color: var(--color-b6); box-shadow: 0px 6px 10px #00000029; }
.accordion-item[data-open="true"] .chev svg { transform: rotate(180deg); }
.pocso-box { padding: 3rem 6rem 0; }
.pocso-text, .pocso-list { border-bottom: .1rem solid #6666662b; padding-block: 0 2rem; margin-block: 0 3rem; }
.pocso-list blockquote { font-size: var(--font-18); font-weight: 600; }
.pocso-list ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 3rem; }
.pocso-list ul li { position: relative; padding-left: 3rem; font-size: var(--font-18); }
.pocso-list ul li i { position: absolute; left: 0; color: var(--color-52); font-size: 1.8rem; }
.pocso-list ul li span { display: block; }
.blog-sec1 { padding-block: 0 7rem; background-color: var(--color-ce); }
.recent-blog { margin-top: -38rem; position: relative; z-index: 4; }
.recent-blog h4 { color: var(--color-white); margin-bottom: 3rem; }
.recent-box { position: relative; }
.recent-text { display: flex; align-items: end; justify-content: space-between; padding: 2rem 3rem 0 0; }
.recent-heading blockquote { font-size: var(--font-21); color: var(--color-00); font-weight: 600; }
.recent-icon i { box-shadow: 0px 6px 10px #00000029; color: var(--color-white); font-size: var(--font-16); text-align: center; border-radius: 5rem; background-color: var(--color-b6); width: 3.2rem; height: 3.2rem; display: inline-block;display: flex; justify-content: center; align-items: center; }
.chai { margin-top: 7rem; }
.chai figure img { height: auto; }
.thrive-top-img img,
.thrive-top-right img,
.thrive-bottom-left img,
.thrive-bottom-middle img,
.thrive-bottom-right img { display: block; transform: scale(0.5); opacity: 0; transition: transform 0.8s cubic-bezier(.2,.9,.2,1), opacity 0.6s ease; will-change: transform, opacity; backface-visibility: hidden; will-change: transform, opacity; transition: transform 5000ms cubic-bezier(.22, .9, .31, 1), opacity 900ms ease; }
/* --- Visible (zoom-in) state --- */
.thrive-top-img img.zoom-in,
.thrive-top-right img.zoom-in,
.thrive-bottom-left img.zoom-in,
.thrive-bottom-middle img.zoom-in,
.thrive-bottom-right img.zoom-in { transform: scale(1.1); opacity: 1; }
.award-top-img img,
.award-bottom-img img { transform: scale(0.6); opacity: 0; transition: transform 0.7s ease, opacity 0.6s ease; will-change: transform, opacity; transition: transform 5000ms cubic-bezier(.22, .9, .31, 1), opacity 900ms ease; }
/* Visible state */
.award-top-img img.zoom-in,
.award-bottom-img img.zoom-in { transform: scale(1); opacity: 1; }
.gazette-sec1::before { display: none; }
.gazette-sec1 .team-list { grid-template-columns: repeat(4, 1fr); }
.team-list  .team-icon i { margin-bottom: 1rem; }
.policy { padding-block: 0 10rem; background-color: var(--color-white); }
.policy-text { padding-bottom: 40px; padding-left: 50px; border-left: 4px double; margin-bottom: 4rem; }
.policy-text h2 { margin-bottom: 1.5rem; }
.policy-text h3 { margin-bottom: 1.5rem; font-size: var(--font-24); }
.policy-text h6 { margin-bottom: 1.5rem; font-size: var(--font-21); }
.policy-text ul { padding-left: 1.5rem; }
.policy-text ul li { margin-bottom: 15px; padding-left: 2px; font-size: var(--font-16); list-style-type: disc; }
.testimonial-detail .inner-text { padding-block: 15rem 0; }
.testimonial-detail1 { padding-block: 0 10rem; background-color: var(--color-white); }
.testimonial-detail1 .leadership-detail-box { display: grid; grid-template-columns: repeat(1, 50% auto); align-items: center; gap: 0rem; }
.testimonial-detail1 .leadership-detail-text { height: 100%; }
.testimonial-detail1 .leadership-detail-img { height: 100%; overflow: hidden; }
.testimonial-detail1 .leadership-detail-img figure { height: 100%; }
.testimonial-detail1 .leadership-detail-img figure img { height: 100%; object-fit: cover; }
.book-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4rem 3rem; margin-bottom: 2rem; }
.book-list .team-img { border-radius: 2rem; }
.book-list .team-img img { border-radius: 2rem; }
.book-list .cus-team-text { display: block; text-align: center; }
.book-list .left-team-text h6 { }
.panel-inner .col-lg-4 { padding: 1rem; }
.tiffin-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3.5rem 2.5rem; }
.tiffin-box { position: relative; }
.tiffin-box h3 { font-size: var(--font-21); margin-top: 1rem; }
.right-panel-text p, .bottom-text p { margin-bottom: 2rem; }
/* RIGHT PANEL */
.right-panel { position: fixed; top: 0; right: -100%; width: 45%; height: 100vh; background: #fff; z-index: 9999; padding: 7.5rem 3rem 3rem 4rem; transition: .4s ease; box-shadow: -3px 0 12px rgba(0,0,0,0.2); overflow-y: scroll; }
.right-panel.open { right: 0; }
.panel-content { display: none; }
/* Slide-in state */
.right-panel.active { right: 0; }
.right-panel-box { display: grid; grid-template-columns: repeat(2, 1fr); margin-top: 4rem; gap: 2.5rem; }
.right-panel h2 { text-transform: uppercase; font-weight: 500; }
.right-panel-text h3 { font-weight: 300; margin-bottom: 1.5rem; }
.right-panel-text ul, .bottom-text ul { padding-inline: 2rem 0rem; }
.right-panel-text ul li, .bottom-text ul li { list-style-type: disc; margin-bottom: .8rem; }
.right-panel-text ul li::marker, .bottom-text ul li::marker { color: var(--color-57); }
.bottom-text { margin-top: 4rem; }
.bottom-text h3 { font-weight: 300; margin-bottom: 1.5rem; }
.cus-instructions { margin-block: 3rem 0; }
.cus-instructions .bottom-text { margin-top: 2rem; }
/* OVERLAY */
.overlay { position: fixed; inset: 0; background: rgba(0,0,0,.55); backdrop-filter: blur(6px); opacity: 0; pointer-events: none; transition: .3s; z-index: 999; }
.overlay.active { opacity: 1; pointer-events: all; }
/* CLOSE BUTTON */
.close-btn { }
button.close-btn1 { position: absolute; background-color: var(--color-57); border: none; color: var(--color-white); width: 3.5rem; height: 3.5rem; border-radius: 10rem; font-size: 2.5rem; left: 1rem; z-index: 9; cursor: pointer; top: 1rem; }
.book-box { padding-block: 0 5rem; }
.book-box .reveal-image{animation-duration: 800ms;}
.book-box h2 { font-weight: 500; text-transform: uppercase; font-size: var(--font-22); }
.book-box img { margin-block: 2rem; }
.book-box ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem 3rem; padding-inline: 2rem 0; }
.book-box ul li { list-style-type: disc; }
.book-box ul li::marker { color: var(--color-57); }
/* blog alternate start*/
.event_blog { background-color: var(--color-ce); padding-bottom: 10rem; }
.event_blog .title_section { padding-bottom: 3rem; }
.event_blog .title_section .date { color: var(--color-f5); font-size: var(--font-18); margin-bottom: 1rem; }
.event_blog .title_section .title { font-size: var(--font-21); font-family: var(--font-family-polymath); font-weight: 500; }
.event_blog .evnt-blg-grd { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; padding-top: 4rem; }
.event_blog .evnt-blg-grd .box_grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.event_blog .custom-bullets { padding-block:0 3rem; }
.event_blog .dtls-content { padding-top: 4rem; }
.nme { padding-top: 2rem; }
.event_blog .dtls-content h4.title { font-size: var(--font-21); font-family: var(--font-family-polymath); font-weight: 500; padding-bottom: 2rem; }
.nme h4 { font-size: var(--font-18); font-family: var(--font-family-Polymath); margin-bottom: 1rem; }
.nme p { margin-bottom: 1rem; }
.event_blog table { width: 100%; padding-block: 3rem; }
.event_blog table thead { background-color: var(--color-52); outline: 1px solid var(--color-52); }
.event_blog table thead tr>th { padding: 2rem 1rem; font-size: var(--font-18); color: var(--color-white); }
.event_blog table tr>td { font-size: var(--font-18); padding: 2rem 1rem; border: 1px solid; }
.grid_3 { display: grid; grid-template-columns: repeat(3, 1fr); }
h5.py-3 { padding-block: 2rem; }
.top_title, .top_title h4 { padding-bottom: 4rem; }
/* blog alternate end*/
.cus-back{margin-block:4rem; position: relative;}
.cus-back a{
    font-size: var(--font-16);
    color: var(--color-f5);
}

.event_blog .dtls-content h4.title.techno-heading{margin-top: 5rem;padding-bottom: 0;}

/* Responsive */
@media (min-width: 2100px) {
 .education-list ul li { height: 35rem; width: 35rem; }
.approach-box { grid-template-columns: repeat(1, 31% auto); }
.approach-list ul li::after { height: 8px; }
.vision-text::before { width: 63rem; height: 63rem; left: 2rem; top: -9rem; }
.mision-text::before { width: 60rem; height: 60rem; left: -10rem; top: -3rem; }
.mision-text { padding: 6rem 12rem 0rem 0rem; }
.creative-box { padding: 11rem 12rem;  height: 70rem; width: 70rem;  }
.creative-box-text p { line-height: 2.5rem; }
.stellar-box { height: 83rem; width: 83rem;}
p { line-height: var(--line-height-26); }
.approach-text ul li { width: 33rem; height: 33rem; }

.admissions-text { max-width: 71%; margin-bottom: 5rem; }
.resources-box { margin-top: -42rem; }
.testimonial_main .testimonidal_grid { margin-top: -40rem; }
.visit-btn a i { width: 3.6rem; height: 3.6rem; }
.advantage_mainsec .advantage_sec .advance_rightsec { width: 70rem; }
.advantage_mainsec .advantage_sec .advantage_leftimg { width: 136rem; }
.leadership-img { margin-right: -28rem; }
.leadership-box { display: grid; grid-template-columns: repeat(1, 63% auto); gap: 4rem; }
.leadership-sec1 { padding-block: 0rem 10rem; }
/* .sets-list ul li { height: 35rem; } */
.current-search { width: 55rem; }
.opening-link i { width: 3.8rem; height: 3.8rem; }
.gallery-list { margin-top: -44rem; }
.upcomming_mainsec .upcomming_eventbox { margin-top: -43rem; }
.leadership-detail-bottom { margin-top: -21rem; }
.upcomming_mainsec .upcomming_eventbox .upcomming_event .upcomming_right { width: 46rem; }
.event_detail_mainsec .event_detail_gridmain { margin-top: -40rem; }
.toggle-btn i { width: 3.6rem; height: 3.6rem; padding: 1rem;}
.blog-section1 .event_detail_gridmain .event_detail_contenthero h4 { margin-bottom: 17rem; }
.visit-btn span i { padding: .6rem; width: 3.6rem; height: 3.6rem; }
 }
  @media (min-width: 2300px) {
.leadership-sec1 { padding-block: 0rem 17rem; }
.leadership-img { margin-right: -48rem; }
.approach-text ul li { width: 38rem; height: 38rem; }
 }
  @media (min-width: 3500px) {
.leadership-sec1 { padding-block:0rem 25rem; }
.leadership-img { margin-right: -48rem; }
 }
 @media (min-width: 2300px) {
    .gallery-icon span i { width: 3.5rem; height: 3.5rem; line-height: 1.8;padding: 0; }
 }
.event_blog .back a {
    color: var(--color-black);
    font-size: var(--font-18);
}
.event_blog .back::before {
    max-width: 6rem;
    right: 0;
    left: auto;
    filter: invert(2);
}
/* === back button ==== */
 .back-btn {
    position: relative;
    z-index: 9;
    top: 3rem;
}
 .back-btn a {
    /* border: .2rem solid var(--color-f5); */
    font-size: var(--font-16);
    color: var(--color-f5);
    font-weight: 400;
    /* padding: 0.8rem 2.2rem; */
    display: inline-flex;
    margin-block: 1rem 0;
    align-items: center;

}
.back-btn span .bi-chevron-left::before{ font-size:1rem;}

.back-btn span .bi {
  box-shadow: 0px 1px 10px #00000029;
    color: var(--color-white);
    border-radius: 5rem;
    padding: 0rem 0.5rem;
    background-color: var(--color-f5);
    width: 2.2rem;
    height: 2.2rem;
    display: inline-block;
    margin-right: 1.2rem;
}
@media (max-width:1650px) {
    .back-btn span .bi{display: flex;align-items: center;justify-content: center;}
}
 .back-btn a:hover {
    /* background-color: var(--color-f5); */
    color: var(--color-f5);
}
 .back-btn a:hover .bi{
    background-color: var(--color-white);
    color: var(--color-f5);
 }

.eligibility-text .cus-btn1 a{display: flex; align-items: center; width: fit-content;}
.career-sec1 .form_input,  .career-sec1 select.search-select{padding: 1.5rem 2.5rem;}
.career-sec2 ul li p {font-size: var(--font-18);font-weight: 400;}
.career-sec2 .sets-list ul li {padding-inline: 4rem;}
.event_detail_mainsec.blog-section1::before{background-color: var(--color-ce)}
.event_detail_contenthero {
    padding-bottom: 5rem;
}

.custm_dropdown { position: relative; width: 100%;}
.custm_dpbtn {cursor: pointer; background: #fff; }
.custm_dpcontent { display: none; position: absolute; width: 100%; background-color: var(--color-f8); max-height: 150px; overflow-y: auto; z-index: 1;left: 0;top: 100%;}
.custm_dpcontent label { display: flex; padding: 6px; cursor: pointer; padding:1rem 1.5rem;gap: 1rem;align-items: center;font-size: var(--font-16);font-weight: normal;}
.custm_dpcontent label:hover { background: #f0f0f0; }
.custm_dpcontent label input{width: 1.5rem; height: 1.5rem; border-radius: 0; margin: 0; padding: 0;}
.mobile{display: none;}
.thank-you.thankYouSec {
    padding: 10rem 0;
    background: var(--color-white);
}
.thank-you h1{
        font-size: var(--font-24);
    font-family: var(--font-family-mansory);
    color: var(--color-52);
    text-transform: uppercase;
}
.thank-you .btns a{
border: .2rem solid var(--color-f5);
    font-size: var(--font-16);
    font-weight: 400;
    background-color: var(--color-f5);
    color: var(--color-white);
    padding: 0.8rem 2.8rem;
    display: inline-block;
        margin-top: 2rem;
}
.info-text-primary{
    width: 28%;
}