.banner-sec {position: relative;overflow: hidden;height: 100%;}
.banner-sec .swiper-pagination{display: none;}
.banner-img {position: relative; height: 100%;}
.banner-img figure {display: grid;}
.banner-img figure img{ height: 100%;object-fit: cover; }
.banner-text img{width: 100%; max-width: 204px;}
.banner-img figure>* {grid-area: 1 / 1;}
.banner-text {text-align: left; width: 100%;height: 100%;display: flex;align-items: center;position: relative; padding-inline: 20rem 0; padding-block: 12rem 0;}
.banner-text h2, .banner-text h2>span{color: var(--color-white); font-size: var(--font-48);font-family: var(--font-family-mansory);font-weight: 500; line-height: 1.15; display: block;}
.banner-text a{color: var(--color-white); font-size: var(--font-16);border-bottom: .1rem dashed var(--color-a8);padding-block:4rem 1.5rem; display: inline-block;}
.banner-text a:hover{color: var(--color-a8);}
.banner-text img{width: auto;margin-block: 6rem 0; }
.banner-text .banner-content.banner-size-inc img{max-width: 10rem;}
.bottom-banner-img {position: absolute;bottom: -.2rem;width: 100%; z-index: 9;}
/* PARTNER WITH US  */
.home-sec1{padding-block: 10rem; background-color: var(--color-white); position: relative;}
.home-sec1 .container{position: relative; }
.home-sec1 .container::before {
    content: '';
    background-image: url(../images/home-bg.png);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    position: absolute;
    width: 101%;
    height: 87%;
    left: -51px;
    top: -25px;
    opacity: 0;
    transform: translateX(-80px);
    transition: all 1s ease-out;
    z-index: 0;
}

.home-sec1.bg-show .container::before {
    opacity: 1;
    transform: translateX(0);
}
.banner-sec .swiper-pagination {
    bottom: 9rem !important;
    z-index: 99;
}
.banner-sec .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
}

.banner-sec .swiper-pagination-bullet-active {
    background: var(--color-f5);
}
.home-sec-box{position: relative;}
.safe-list { display: grid;grid-template-columns: repeat(2, 1fr);gap: 2.5rem;}
.safe-box{background-color: var(--color-52);text-align: center;padding: 5.7rem 11rem;display: flex;flex-direction: column;justify-content: space-between;}
.safe-box .cus-btn a i { background-color: #df6e34;}
.partner-box .cus-btn a i {background-color: var(--color-f5);}
.safe-box h3{color: var(--color-white); font-weight: 300;}
.safe-box p{color: var(--color-white);}
.safe-box .cus-btn a{    background-color: var(--color-f5); color: var(--color-white);padding: 0.8rem 2.8rem;}
/* .safe-box .cus-btn a i{ background-color: #df6e34; width: 3rem; display: inline-block;height: 3rem;border-radius: 10rem;line-height: 3rem;margin-left: 1rem;} */
.safe-box .cus-btn a:hover{ background-color: var(--color-a8); color: var(--color-white); border: .2rem solid var(--color-a8);}
.partner-box {box-shadow: 0px 0px 72px #00000012;padding: 5.7rem 7rem;text-align: center; background-color: var(--color-white);}
.partner-box .sub-heading{margin-bottom: 2.5rem;}
.partner-box h3{font-weight: 300;}
.partner-box h3>span{display: block;}
.home-requirments{padding-block: 3rem 0; position: relative;}
/* .home-requirments::before{content: ''; background-image: url(../images/line1.svg);height: .8rem;position: absolute;width: 100%;background-repeat: repeat-x;left: 0;bottom: 0;} */
.home-requirments ul{}
.home-requirments ul li {display: inline-block;padding-inline: 3rem; padding-block: 0 2rem; position: relative;}
.home-requirments ul li::before{content: '';background-color: var(--color-a8);width: .8rem; height: .8rem;position: absolute; border-radius: 5rem;right: 0;top: 4px;}
.home-requirments ul li:last-child::before{display: none;}
.home-requirments ul li a{text-transform: uppercase; font-weight: 500; border-bottom: .1rem dashed var(--color-a8);   padding-block: 0 1rem;}
.home-requirments ul li a:hover{color: var(--color-a8);}
.home-requirments img{ width: auto; margin: 2rem auto;}
.home-info{padding-block:1rem 2.5rem;}
.home-info ul{ display: flex; justify-content: center; gap: 2rem;}
.home-info ul li{display: inline-block;}
.home-info ul li a{display: inline-flex; font-weight: 300; font-size: var(--font-14);}
.partner-box .cus-btn a{ border: .1rem solid var(--color-f5);}
.home-info ul li a img{width: 1.4rem; margin-right: 1rem;}
.fax-box { position: relative;}
.left-fax-img img, .right-fax-img img{width: auto;}
.left-fax-img {
    position: absolute;
    left: -15rem;
    bottom: -3rem;
}
.right-fax-img { position: absolute;right: -26rem;top: -6rem;}
.fax-text{position: relative; padding-block: 5rem 7rem; overflow: hidden;}
.fax-text::before{content: '';background-image: url(../images/line-multicolor.svg);position: absolute; width: 100%; height: .5rem;bottom: 0px;background-repeat: no-repeat;
    background-size: cover;    opacity: 0;
    clip-path: inset(0 100% 0 0);
    transition: clip-path 1.2s ease-out, opacity 0.8s ease-out;}
    .fax-text.line-reveal::before {
    opacity: 1;
    clip-path: inset(0 0 0 0);
}
.fax-text-list {display: grid;grid-template-columns: repeat(4, 1fr);gap: 3rem;text-align: center;}
.fax-number .heading{font-weight: 600;}
.left-fax-img img,
.right-fax-img img {
    opacity: 0;
    transform: scale(0.5);

      will-change: transform, opacity;
  transition: transform 5000ms cubic-bezier(.22,.9,.31,1), opacity 900ms ease;
}

/* Reveal (Zoom In) */
.left-fax-img.zoom-in img,
.right-fax-img.zoom-in img {
    opacity: 1;
    transform: scale(1);
}
/* ADMISSIONS */
.home-sec2{padding-block: 3rem 0; background-color: var(--color-white); position: relative;}
.home-sec2-img {position: absolute;right: 8rem;bottom: 4rem;  overflow: hidden; }
.home-sec2-img img{
      display: block;
  width: 100%;
  height: auto;
  transform: scale(0.6);
  opacity: 0;
  will-change: transform, opacity;
  transition: transform 5000ms cubic-bezier(.22,.9,.31,1), opacity 900ms ease;
}
.home-sec2-img.zoom-in img {
  transform: scale(1);
  opacity: 1;
}
.admission-img { position: relative; margin-right: 0.5rem;}
.admission-img figure {display: grid;}
.admission-img figure>* {grid-area: 1 / 1;}
.admission-icon {text-align: center;width: 100%;height: 100%;display: flex;align-items: center;position: relative;justify-content: center;}
.admission-icon i{}
/* .admission-text {padding-inline: 14rem 12rem;display: flex;flex-direction: column;height: 100%; justify-content: center;} */
.admission-text { padding-inline: 0; display: flex; flex-direction: column; height: 100%; justify-content: center; max-width: 52%; margin-left: 15rem; }




.program-list ul li {
    opacity: 0;
    transform: translateX(80px) scale(0.6);
}

.program-list.animate ul li {
    animation: circlePop 0.7s ease-out forwards;
}

.program-list.animate ul li:nth-child(1) { animation-delay: 0.1s; }
.program-list.animate ul li:nth-child(2) { animation-delay: 0.3s; }
.program-list.animate ul li:nth-child(3) { animation-delay: 0.5s; }
.program-list.animate ul li:nth-child(4) { animation-delay: 0.7s; }
.program-list.animate ul li:nth-child(5) { animation-delay: 0.9s; }
.program-list.animate ul li:nth-child(6) { animation-delay: 1.1s; }
.program-list.animate ul li:nth-child(7) { animation-delay: 1.3s; }

@keyframes circlePop {
    from { opacity: 0; transform: translateX(80px) scale(0.6); }
    to   { opacity: 1; transform: translateX(0) scale(1); }
}


/* =============banner animation=========== */







@media (max-width: 1699px){
.admission-text { margin-left: 10rem; }
}
.admission-text h3{font-weight: 300; padding-block: 2rem 5rem;}
.admission-text ul{}
.admission-text ul li{position: relative; display: inline-block; padding-inline: 0 7rem;}
.admission-text ul li::before{ content: '';background-color: var(--color-f5);width: .6rem;height: .6rem;position: absolute;border-radius: 5rem;right: 3rem;top: 7px;}
.admission-text ul li:last-child::before{display: none;}
.admission-text ul li a{font-weight: 500;border-bottom: .1rem dashed var(--color-cf); padding-block: 2rem;}
.admission-text ul li a:hover{    color: var(--color-57);}
/* .admission-btns {display: flex; margin-block: 5rem 0; gap: 1rem;} */
.admission-btns { display: grid; margin-block: 5rem 0; gap: 1rem; grid-template-columns: repeat(2, 1fr); justify-content: space-between; }
/* .admission-btns .cus-btn a, .admission-btns .cus-btn1 a{padding: .8rem 4.3rem;} */
.admission-btns .cus-btn a, .admission-btns .cus-btn1 a { padding-block: 1rem; padding-inline: 0; text-align: center;width: 100%; justify-self: center; }
.admission-btns .cus-btn a i{background: var(--color-f5);}
/* OURÂ PROGRAMMES */
.home-sec3{padding-block:14.6rem 17rem; position: relative; background-color: #5cc6d04a;}
.home-program {text-align: center;}
.home-program p {padding-block: 2rem 4rem;}
.home-program p span{display: block;}
.home-sec3 .cus-btn1 a { padding: 1rem 3rem; }
.program-list { margin-top: 6rem; position: relative; z-index: 3; padding-inline: 4.3rem; }
.program-list ul { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; text-align: center; gap: 0 2rem; position: relative; z-index: 9; }
.program-list ul li{ width: 25rem;background-color: var(--color-b6);position: relative;     border-radius: 100%; height: 25rem;display: flex;flex-direction: column;
 justify-content: center;     padding-block: 3rem 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 h4{font-size: var(--font-24); color: var(--color-white); font-family: var(--font-family-mansory); 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: 3.3rem; height: 3.3rem; background: #ffffff4f; border-radius: 5rem;line-height: 3rem;
    margin: 1.3rem auto 0; color: #fff;    padding: .3rem;}
.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:nth-child(5n){background-color: var(--color-a8);}
.program-list ul li:nth-child(6n){background-color: var(--color-cf);}
.program-list ul li:nth-child(7n){background-color: var(--color-f7);}
.home-sec3 .bottom-banner-img{    z-index: 1;}
.left-program-img { position: absolute;left: 15rem; bottom: 2.5rem;z-index: 0;}
.right-program-img {position: absolute;right: 14rem;bottom: 8rem;z-index: 1;}
@media (max-width: 1699px){
    .right-program-img { right: 8rem; bottom: 7rem; }
    .left-program-img { left: 12rem; bottom: 0.5rem; }
}
@media (min-width: 2200px){
.left-program-img {left: 22rem;bottom: 4rem;}
.right-program-img {right: 20rem;bottom: 13rem;}
}
.program-list ul li:hover{
  background-color: var(--color-5c);
}
/* OURÂ CURRICULUM */
.home-sec4{padding-block: 10rem 0; background-color: var(--color-white);position: relative;}
.curriculum-box {display: grid;grid-template-columns: repeat(2, 1fr); gap: 4rem;}
.curriculum-text {padding-inline: 12rem 3rem}
.curriculum-text p{padding-block: 2rem 3rem;}
.curriculum-img{position: relative; margin-right: -8rem; }
.curriculum-img::before{content: '';background-image: url(../images/line2.svg);position: absolute;right: 0; top: 0;height: 100%; width: .4rem; z-index: 5;}
.left-curriculum-img {position: absolute;bottom: 6rem;left: 0;}

/* THE GD GOENKA LA PETITE ADVANTAGE */
.home-sec5{padding-block: 10rem 12rem; background-color: var(--color-white); position: relative; z-index: 0;    overflow: hidden;}

.home-sec5::before {
    content: '';
    background-image: url(../images/advantage-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-attachment: fixed;
    position: absolute;
    height: 100%;
    width: 97%;
    right: 0;
     top: -15px;
    z-index: -1;

    opacity: 0;
    transform: scale(1.1);      /* zoom effect */
    transition: opacity 2s ease, transform 2s ease;
}
.home-sec5.bg-reveal::before {
    opacity: 1;
    transform: scale(1);
}

.advantage-box:nth-child(3) {
    padding-bottom: 2rem;
    margin-bottom: 1rem;
}
/* .advantage-box:nth-child(5):before {
    content: '';
    background: #ff9898;
    width: 100px;
    height: 50px;
    display: block;
    position: absolute;
    left: 3px;
    right: 0;
    top: -23px;
    z-index: -9;
    inset:1rem
} */

.home-sec5::after{ content: '';background-image: url(../images/line2.svg); position: absolute;bottom: 3rem;left: 0;height: 80%;width: .5rem;}
.advantage-text{text-align: center;}
.advantage-text .cus-btn1 a{ display: inline-flex; align-items: center;}
.advantage-text p{padding-block: 2rem 4rem; }
.advantage-list {display: grid; grid-template-columns: repeat(6, 1fr);gap: 1rem;text-align: center; margin-top: 12rem; background-color: var(--color-white);padding-top: 3rem}
.advantage-box{background-color: var(--color-white);}
.advantage-box img{margin-bottom: 1.5rem; width: 5rem;height: 5rem;object-fit: contain; display: inline-block;}
.advantage-box h4{font-size: var(--font-18); text-transform: uppercase; font-weight: 600; font-family: var(--font-family-mansory); color: var(--color-a4);}
.advantage-box:nth-child(2n) h4{color: var( --color-52);}
.advantage-box:nth-child(3n) h4{color: var( --color-f5);}
.advantage-box:nth-child(4n) h4{color: var( --color-a8);}
.advantage-box:nth-child(5n) h4{color: var( --color-b6);}
.advantage-box:nth-child(6n) h4{color: var( --color-df);}

/* TESTIMONIALS */
.home-sec6{position: relative; padding-block: 10rem; background-color: var(--color-white); overflow: hidden;}
.home-sec6 .cus-btn1 {
    margin-top: 3rem;
}
.home-sec6 .cus-btn1 a{
   padding: 0.7rem 1rem;font-size: var(--font-14);
}
.home-sec6  .cus-btn1 a i {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    margin-left: 1rem;
    font-size: var(--font-12);
}
.cus-tab-wrapper {display: grid;grid-template-columns: repeat(1, 40.3% 49.4%);gap: 15rem;}

.cus-tab-left {margin-left: -13rem;position: relative;}
.cus-tab-left-img {
    position: absolute;
    bottom: -8.6rem;
    left: -5rem;
}

.cus-tab-right {padding: 4rem 0rem 0 0rem; position: relative;}
.cus-tab-right .test-right {
    padding-right: 13rem;
}

.cus-tab-right::before {
    content: '';
    background-image: url(../images/testimonial-line.svg);
    position: absolute;
    width: 100%;
    height: 0.5rem;
    bottom: -6.6rem;
    left: 0;
    right: 0;
    margin: 0 auto;    background-repeat: no-repeat;
    background-size: cover;
}
.cus-tab-right-img { position: absolute; right: -29.7rem; bottom: -18.8rem; width: 15rem; }
/* .top-gradient-border {
    padding: 20px;
    border-top: 2px solid transparent;
    border-image: linear-gradient(
92deg, #52658C 28%, #F7ADAF, #FFF212) 1;
} */






.news-date .btr-tp {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    display: flex;
    max-width: fit-content;
}

.news-date .btr-tp span:nth-child(1) {
    display: inline-block;
    width: 4.3rem;
    height: 2px;
    background-color: #52658C;
}

.news-date .btr-tp span:nth-child(2) {
    display: inline-block;
    width: 2.3rem;
    height: 2px;
    background-color: #F7ADAF;
}

.news-date .btr-tp span:nth-child(3) {
    display: inline-block;
    width: 1.7rem;
    height: 2px;
    background-color: #FFF212;
}
@media(min-width:2300px){
    .news-date .btr-tp span:nth-child(1) {
    width:4.9rem;
    height: 3px;
}

.home-sec5 {padding-block: 14rem 12rem;}
.home-sec5::before{width: 99%; top: 0px;}
.news-date .btr-tp span:nth-child(2) {
    width:2.6rem;
    height: 3px;
}

.news-date .btr-tp span:nth-child(3) {
    width: 2.1rem;
    height: 3px;
}
}
.cus-tab-header { margin-block: 6.5rem 4rem;border-bottom: 1px solid #66666647;padding-block: 0 3rem;}
.tab-btn {border: none; background: none;font-size: var(--font-18);font-weight: 500;margin-right: 4rem; cursor: pointer; color: #939292; transition: 0.3s;font-family: var(--font-family-montserrat);position: relative;}
.tab-btn::before{content: '';background-color: var(--color-black);width: .5rem; height: .5rem;position: absolute;border-radius: 2rem;right: -2.3rem;top: .8rem;}
.tab-btn:last-child::before{display: none;}
.tab-btn.active {color: var(--color-black);}
.cus-tab-panel {display: none;}
.cus-tab-panel.active { display: block;}
.cus-tab-image {display: none;}
.cus-tab-image.active {display: block;}
.cus-tab-image img {width: 100%;}
.cus-tab-panel h3{font-size: var(--font-26); font-family: var(--font-family-merriweather); font-weight: 300; line-height: 1.36;}
.author-name {margin-top: 4rem;}
.author-name h4{font-size: var(--font-21); color: var(--color-black); font-family: var(--font-family-montserrat);}
.author-name p{font-size: var(--font-14); color: var(--color-black); font-family: var(--font-family-montserrat); font-weight: 600;}
.author-name span{font-size: var(--font-14); color: var(--color-black); font-family: var(--font-family-montserrat); font-style: italic; margin: 1rem 0;display: block;}

.cus-tab-left-img img,
.cus-tab-right-img img {
    /* transform: scale(0.6); */
    /* opacity: 0; */
    transition: transform 2s ease, opacity 2s ease;
    will-change: transform, opacity;
}

/* When visible */
.cus-tab-left-img img.zoom-in,
.cus-tab-right-img img.zoom-in {
    transform: scale(1);
    opacity: 1;
}
/* HAPPENINGS */
.home-sec7{position: relative; padding-block: 10rem 0; background-color: var(--color-white);}
.happing-tab {margin-top: 0rem;}
.tabs { overflow:hidden; position: relative;}
.home-sec7 .tab-header { display: flex; gap: 0; justify-content: space-between; align-items: center; }
.tab-header ul{display:flex; gap:8px; list-style:none; margin:0; padding:0;}
.tab-header li{padding-inline: 4rem 0; cursor:pointer; user-select:none; outline:none; transition:all .15s ease; border:1px solid transparent; color: #939292; position: relative;}
.tab-header li[aria-selected="true"]{background:var(--accent); color:var(--color-black);}
.tab-header ul li.active{color: var(--color-black);}
.tab-header ul li a:hover{color: var(--color-black);}
.tab-header li:focus{}
.tab-header li::before{content: '';background-color: var(--color-black);width: .5rem; height: .5rem;position: absolute;border-radius: 2rem;right: -2.6rem;top: 1rem;}
.tab-content{    margin-top: 7rem;}
.panel{display:none;}
.panel[hidden]{display:none;}
.panel.is-active{display:block;}
.panel .text {font-size:15px; color:var(--muted); line-height:1.5}
.panel figure{margin:0}
.panel img{max-width:100%;display:block}
  /* responsive */
@media (max-width:720px){
.tab-content{grid-template-columns:1fr; padding:16px;}
.tab-header{overflow:hidden}
.home-requirments ul li:last-child{
    display: none;
}
.home-requirments ul li::before{display: none;}
}
.home-news {display: grid;grid-template-columns: repeat(3, 1fr);gap: 4.8rem;}
.home-news-list:first-child {height: 100%; display: flex;flex-direction: column;justify-content: center;}
.news-box{position: relative;}
.news-box:not(:last-child){margin-bottom: 8.8rem;}
.news-text {
    display: grid;
    grid-template-columns: repeat(1, 19.8% auto);
    align-items: center;
    gap: 4rem;
    padding: 2rem 2rem 0rem;
    position: relative;
}
.news-date { background-color: var(--color-a4); padding: 4rem 1rem 1.6rem;position: relative; margin-top: -5rem;text-align: center;}
.news-date h3{color: var(--color-white); font-family: var(--font-family-polymath); font-weight: 300;}
.news-date span{color: var(--color-white); font-family: var(--font-family-polymath);font-size: var(--font-14);}
.news-heading{}
.news-heading span{font-family: var(--font-family-polymath); font-style: italic; color: var(--color-f1); font-size: var(--font-14);display: block;margin-top: 1rem;}
.home-sec8{background-color: var(--color-white); position: relative; overflow: hidden;}
.home-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3rem; margin-bottom: 4rem;}
.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;}
.mobile{display: none;}
.home-bottom-left {
    position: absolute;
    bottom: 0;
    left: 8rem;
width: 21%;
}

.home-bottom-right {
    position: absolute;
    bottom: 0;
    right: 10rem;
       width: 7%;
}




button.carousel__button.is-close { background-color: var(--color-57); width: 32px; height: 30px; padding: 8px;}






@media screen and (min-device-width: 1300px) and (max-device-width: 1366px) {
    .home-sec5::before {width: 97%; top: 3px;}
    .advantage-box h4 {font-size: var(--font-15);}
    .home-sec5 {
    padding-block: 14rem 12rem;}
}