*{

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}

h1, h2, h3, h4, h5, h6{

    margin: 0;

    padding: 0;

}

body{

    font-family: "Nunito", sans-serif;

    overflow-x: hidden;

}

.container{

max-width: 1300px;

margin: 0 auto;

padding: 0 20px;
}

.container-fluid{

    margin: 0 auto;

}

.flex-center-between{

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.d-flex{

    display: flex;

}

.items-center{

    align-items: center;

}

.items-start{

    align-items: start;

}

.justify-between{

    justify-content: space-between;

}

.flex-col{

    flex-direction: column;

}

.banner{

    position: relative;

    background-color: #70A32E;

    height: auto;

}

.banner:before{

    content: url(../images/banner-blocks-left.svg);

    background-size: contain;

    position: absolute;

    left: 0;

    top: 0;

}

.banner:after{

    content: url(../images/banner-blocks-right.svg);

    background-size: contain;

    position: absolute;

    right: 0;

    top: 0;

}

.banner-content{

    align-items: flex-start !important;

    margin-top: 50px;

}

.logo-section{

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    position: relative;

    z-index: 1000;

}

.logo-section img:nth-child(2){

    margin-top: 30px;

}

.banner-right{

    height: 780px;

    width: 100%;

    flex: 0 0 45%;

    position: relative;

    z-index: 100;

}

.banner-right img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.banner-left{

    gap: 34px;

    flex: 0 0 55%;

    position: relative;

    z-index: 100;

}

.banner-left img{

    width: 438px;

}

.banner-left h1{

    font-size: 55px;

    font-weight: 900;

    color: #fff;

}

.banner-left h1 b{

    color: #FFC955;

    position: relative;

}

/* .banner-left h1 b:after{

    content: url(../images/reussite-border.svg); 

    background-size: contain;

    position: absolute;

    bottom: -30px;

    right: 0;

    left: 0;

} */

.border-text{

    display: inline-flex;

    flex-direction: column;

}

.border-text img{

    width: 250px;

}

.banner-left h1 b:before{

    content: url(../images/reussite-sun.svg); 

    background-size: contain;

    position: absolute;

    top: -80px;

    right: -50px;

}

.banner-left p{

    font-size: 34px;

    color: #fff;

    font-family: "Montserrat", sans-serif;

}

.banner-left .banner-buttons{

    display: flex;

    align-items: center;

    gap: 16px;

}

.banner-left .banner-buttons a{

    border-radius: 8px 32px 8px 32px;

    border: 2px solid #fff;

    padding: 17px 34px;

    font-size: 25px;

    font-weight: bold;

    color: #fff;

    text-decoration: none;

}

.banner-left .banner-buttons a:nth-child(1){

    background-color: #16428A;

}

/* .banner-right:after{

    content: url(../images/children-ecclpse.svg); 

    background-size: contain;

    position: absolute;

    top: 0px;

    right: 100px;

    left: 0;

} */

.clouds{

    position: absolute;

    top: 67%;

    right: 0;

    left: 0;

    z-index: 100;

    width: 100%;

    height: 32%;

}

.clouds img{

    width: 100%;

}

.programme{

    padding: 100px 0;

    position: relative;

}

.common-heading{

    display: flex;

    flex-direction: column;

    gap: 20px;

    align-items: center;

    text-align: center;

    max-width: 870px;

    margin: 0 auto;

    z-index: 100;

    position: relative;

}

.common-heading span{

    padding: 17px;

    position: relative;

    background-color: rgba(32, 62, 129, 0.08);

    color: #203E81;

    border-radius: 8px;

    overflow: hidden;

    font-weight: 500;

}

.common-heading span::before {

    content: "";

    position: absolute;

    inset: 0;

    border-radius: 8px;

    padding: 2px; /* Border thickness */

    background: 

      /* Top border */

      repeating-linear-gradient(90deg, 

        rgba(32, 62, 129, 0.22) 0px, 

        rgba(32, 62, 129, 0.22) 10px, 

        transparent 10px, 

        transparent 20px

      ) top / 100% 2px no-repeat,

      /* Right border */

      repeating-linear-gradient(0deg, 

        rgba(32, 62, 129, 0.22) 0px, 

        rgba(32, 62, 129, 0.22) 10px, 

        transparent 10px, 

        transparent 20px

      ) right / 2px 100% no-repeat,

      /* Bottom border */

      repeating-linear-gradient(90deg, 

        rgba(32, 62, 129, 0.22) 0px, 

        rgba(32, 62, 129, 0.22) 10px, 

        transparent 10px, 

        transparent 20px

      ) bottom / 100% 2px no-repeat,

      /* Left border */

      repeating-linear-gradient(0deg, 

        rgba(32, 62, 129, 0.22) 0px, 

        rgba(32, 62, 129, 0.22) 10px, 

        transparent 10px, 

        transparent 20px

      ) left / 2px 100% no-repeat;

    -webkit-mask: 

      linear-gradient(#fff, #fff) content-box,

      linear-gradient(#fff, #fff);

    -webkit-mask-composite: xor;

    mask-composite: exclude;

    pointer-events: none;

}

.common-heading h2{

    font-size: 42px;

    font-weight: 900;

    color: #71A331;

    line-height: 120%;

}

.common-heading p{

    font-size: 18px;

    font-weight: 500;

    color: #242424;

}

.globe{

    position: absolute;

    top: 0;

    left: 5%;

    z-index: 100;

}

.programme-cards{

    display: flex;

    gap: 16px;

    margin-top: 60px;

    align-items: stretch;

}

.side-cards{

    display: flex;

    flex-direction: column;

    gap: 16px;

    flex: 1;

    height: auto;

    align-items: stretch;

    justify-content: stretch;

}

.faculty-top-clouds{

    height: 300px;

    width: 100%;

    object-fit: cover;

    object-position: top;

}

.faculty-bottom-clouds{

    height: 300px;

    width: 100%;

    object-fit: cover;

    object-position: bottom;

}

.single-card{

    position: relative;

    padding: 42px 32px;

    width: 100%;

    border-radius: 8px;

    overflow: hidden;

    height: 100%;

}

.single-card .small-clouds{

    position: absolute;

    bottom: -5px;

    right: 0;

    left: 0;

}

.single-card .small-clouds img{

    width: 100%;    

}

.side-cards-blue .single-card-image{

    height: 100%;

}

.single-card-image{

    width: 100%;

    height: 378px;

}

.single-card-image img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 8px;

}

.single-card h3{

    font-size: 32px;

    font-weight: bold;

    color: #fff;

    line-height: 128%;

    margin-bottom: 32px;

}

.single-card ul{

    display: flex;

    flex-direction: column;

    gap: 16px;

    position: relative;

    z-index: 100;

}

.single-card ul li{

    display: flex;

    align-items: center;

    gap: 8px;

}

.single-card ul li p{

    font-size: 18px;

    font-weight: 500;

    color: #fff;

}

.single-card ul li img{

    width: 24px;

}

.bg-green{

    background-color: #70A32E;

}

.bg-blue{

    background-color: #16428A;

}

.ISSE-LE{

    position: relative;

    z-index: 10;

    margin-top: 24px;

}

.video-section{

    padding-bottom: 40px;

}

.video{

    position: relative;

}

.play-btn{

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    cursor: pointer;

}

.faculty{

    position: relative;

}

.faculty:after{

    content: '';

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    right: 0;

    height: 70%;

    background-color: #E9F2FF;;

}

.faculty-members {

    display: flex;

    position: relative;

    z-index: 1000;

    justify-content: center;

    flex-wrap: wrap;

    margin-top: 60px;

    gap: 16px;

}

.single-member {

    width: calc(25% - 20px); /* 4 items per row accounting for gap */

    min-width: 200px; /* Minimum width for each member */

    margin-bottom: 30px;

    position: relative;

}

.single-member img{

    width: 100%;

}

  /* For the second row (last 3 items) */

.single-member:nth-child(n+5) {

    width: calc(26% - 20px); /* 3 items per row accounting for gap */

}

.member-details{

    padding: 12px;

    min-height: 100px;

    max-height: 100px;

    background-color: #70A32E;

    border-radius: 8px;

    position: absolute;

    bottom: 0;

    right: 0;

    left: 23%;

}

.member-details h6{

    font-size: 20px;

    font-weight: 900;

    color: #fff;

    margin-bottom: 5px;

}

.member-details p{

    font-size: 15px;

    font-weight: 50;

    color: #fff;

}

.teaching{

    padding-bottom: 100px;

}

.multinational{

    background: url(../images/bg-multinational.png) no-repeat center center;

    background-size: cover;

    text-align: center;

    padding: 60px 10px;

    margin-top: 60px;

    border-radius: 16px;

}

.multinational h5{

    font-size: 32px;

    line-height: 120%;

    color: #fff;

    font-weight: 900;

    max-width: 70%;

    margin: 0 auto 40px auto;

}

.multinational p{

    font-size: 20px;

    font-weight: 500;

    color: #fff;

    color: #fff;

    font-family: "Montserrat", sans-serif;

    max-width: 70%;

    margin: 0 auto;

}

.infrastructure{

    padding: 100px 0 60px 0;

}

.infra-left{

    display: flex;

    flex-direction: column;

    gap: 24px;

    max-width: 362px;

    width: 100%;

}

.infra-left h4{

    font-size: 32px;

    font-weight: 900;

    color: #70A32E;

    line-height: 120%;

}

.infra-right{

    display: flex;

    flex-direction: column;

    gap: 24px;

    max-width: 537px;

    width: 100%;

}

.infra-right p, .infra-right ul li p{

    font-size: 18px;

    font-weight: 500;

    color: #242424;

}

.infra-right ul{

    display: flex;

    flex-direction: column;

}

.infra-right ul li{

    display: flex;

    align-items: center;

    gap: 8px;

    padding: 16px 0;

}

.infra-right ul li:nth-child(2){

    border-top: 1px solid rgba(22, 66, 138, 0.16);

    border-bottom: 1px solid rgba(22, 66, 138, 0.16);

}

.excellence{

    position: relative;

    z-index: 1000;

}

.ae-border-top, .ae-border-bottom{

    height: 300px;

    margin-top: 10px;

    object-fit: cover;

    object-position: top;

}

.ae-border-bottom{

    object-position: bottom;

}

.excellence-left{

    display: flex;

    flex-direction: column;

    gap: 24px;

    width: 100%;

    align-items: flex-start;

    flex: 0 0 45%;

    padding-right: 50px;

}

.excellence-left h5{

    font-size: 32px;

    font-weight: 900;

    color: #70A32E;

}

.excellence-left p{

    font-size: 18px;

    font-weight: 500;

    color: #2E2E2E;

}

.excellence-left a{

    padding: 17px 34px;

    font-size: 25px;

    color: #fff;

    font-weight: 800;

    border-radius: 8px 32px 8px 32px;

    background-color: #16428A;

    text-transform: uppercase;

    text-decoration: none;

    margin-top: 56px;

}



/* Gallery Css */

.slider-container {

    max-width: 700px;

    margin: 0 auto;

    position: relative;

    width: 100%;

}



/* Slide styling */

.slide {

    padding: 20px;

    text-align: center;

    color: white;

    font-size: 24px;

}



.excellence-wrapper{

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

}

.gallery-slide{

    width: 100%;

    height: 525px !important;

    border-radius: 16px;

    overflow: hidden;

}

.gallery-slide img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.gallery-slider .slick-dots {

    display: flex;

    gap: 10px;

    justify-content: center;

    bottom: 43px;

    position: absolute;

    width: 100%;

    padding: 0;

    margin: 0;

    list-style: none;

}



/* Individual dot styling */

.gallery-slider .slick-dots li {

    position: relative;

    width: 8px;

    height: 8px;

    margin: 0;

    padding: 0;

    transition: all 0.3s ease;

}



/* Dot button styling */

.gallery-slider .slick-dots li button {

    width: 8px;

    height: 8px;

    padding: 0;

    margin: 0;

    position: relative;

}



/* Dot appearance (using pseudo-element) */

.gallery-slider .slick-dots li button:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 8px;

    height: 8px;

    background-color: rgba(255, 255, 255, 0.5);

    border-radius: 100%;

    opacity: 1;

    transition: all 0.3s ease;

}



/* Active dot styling */

.gallery-slider .slick-dots .slick-active {

    width: 54px;

}



.gallery-slider .slick-dots .slick-active button:before {

    width: 54px;

    border-radius: 96px;

    background-color: white;

}

.error-message{
    display: none;
    margin-top: 10px;

}

.error-message p{

    font-size: 16px;

    color: #FF2C2C;

}

.custom-arrows{

    position: absolute;

    bottom: 20px;

    display: flex;

    justify-content: space-between;

    width: 100%;

    left: 0;

    right: 0;

    max-width: 350px;

    margin: 0 auto;

}

.custom-arrow{

    cursor: pointer;

}

.slick-slider{

    margin: 0 !important;

}

.extra-activities{

    padding-bottom: 100px;

    position: relative;

    z-index: 100;

}

.custom-arrows-gallery{

    position: absolute;

    display: flex;

    justify-content: space-between;

    width: 100%;

    right: 33%;

    gap: 40px;

    max-width: 130px;

    margin: 0 auto;

    top: -100px;

}

.slider-container-activities{

    margin-top: 60px;

}



.activity-slide{

    width: 100%;

    height: 489px !important;

    border-radius: 14px;

    padding: 25px;

}

.activity-slide img{

    width: 100%;

    height: 100%;

    object-fit: contain;

    border-radius: 14px;

}

.slider-container-activities{

    position: relative;

    margin-left: 25%;

}

.custom-arrow-gallery img{

    cursor: pointer;

}   

.admission-process{

    padding: 40px 0;

}

.single-process-step{

    margin-top: 60px;

}

.single-process-step{

    display: flex;

    justify-content: flex-start;

}

.step{

    max-width: 754px;

    padding: 40px;

    position: relative;

    display: flex;

    align-items: flex-start;

    gap: 24px;

    background-color: rgba(32, 62, 129, 0.08);

    border-radius: 24px;

    opacity: 0;

    visibility: hidden;

    transform: translateY(10px);

    transition: all 0.3s ease;

}

.single-process-step.active .step {

    opacity: 1;

    visibility: visible;

    transform: translateY(0);

}

.step::before {

    content: "";

    position: absolute;

    inset: 0;

    border-radius: 24px;

    padding: 2px; /* Border thickness */

    background: 

      /* Top border */

      repeating-linear-gradient(90deg, 

        rgba(32, 62, 129, 0.22) 0px, 

        rgba(32, 62, 129, 0.22) 10px, 

        transparent 10px, 

        transparent 20px

      ) top / 100% 2px no-repeat,

      /* Right border */

      repeating-linear-gradient(0deg, 

        rgba(32, 62, 129, 0.22) 0px, 

        rgba(32, 62, 129, 0.22) 10px, 

        transparent 10px, 

        transparent 20px

      ) right / 2px 100% no-repeat,

      /* Bottom border */

      repeating-linear-gradient(90deg, 

        rgba(32, 62, 129, 0.22) 0px, 

        rgba(32, 62, 129, 0.22) 10px, 

        transparent 10px, 

        transparent 20px

      ) bottom / 100% 2px no-repeat,

      /* Left border */

      repeating-linear-gradient(0deg, 

        rgba(32, 62, 129, 0.22) 0px, 

        rgba(32, 62, 129, 0.22) 10px, 

        transparent 10px, 

        transparent 20px

      ) left / 2px 100% no-repeat;

    -webkit-mask: 

      linear-gradient(#fff, #fff) content-box,

      linear-gradient(#fff, #fff);

    -webkit-mask-composite: xor;

    mask-composite: exclude;

    pointer-events: none;

}

.step span{

    width: 80px;

    height: 80px;

    display: block;

    flex: 0 0 80px;

    border-radius: 50%;

    background-color: #fff;

    font-size: 60px;

    font-weight: 900;

    color: #16428A;

    display: flex;

    align-items: center;

    justify-content: center;

}

.step h5{

    font-size: 32px;

    color: #16428A;

    font-weight: 900;

    line-height: 120%;

    margin-bottom: 24px;

}

.step p{

    font-size: 18px;

    color: #242424;

    font-weight: 500;

}

.step:after{

    content: url(../images/right-curv-arrow.svg);

    position: absolute;

    left: 100%;

    top: 48%;

}

.admission-process .single-process-step:nth-of-type(odd) .step:after{

    content: url(../images/left-curv-arrow.svg);

    position: absolute;

    right: 100%;

    left: auto;

    top: 48%;

}

.admission-process .single-process-step:nth-last-child(1) .step:after{

    display: none;

}

.admission-process .single-process-step:nth-of-type(odd){

    justify-content: flex-end;

}

.admission-process .single-process-step:nth-of-type(odd) .step{

    background-color: rgba(112, 163, 46, 0.17);

}

.admission-process .single-process-step:nth-of-type(odd) .step h5, .admission-process .single-process-step:nth-of-type(odd) .step span{

    color: #70A32E;

}

.registration-form{

    position: relative;

}

.form-left{

    display: flex;

    flex-direction: column;

    gap: 80px;

    max-width: 245px;

    position: relative;

}

.form-left:after{

    content: '';

    width: 52px;

    height: 100%;

    position: absolute;

    left: -10px;

    top: -10px;

    border-radius: 60px;

    background-color: rgba(112, 163, 46, 0.17);

}

.form-step{

    display: flex;

    align-items: flex-start;

    gap: 22px;

    cursor: pointer;

}

.form-step span{

    width: 32px;

    height: 32px;

    flex: 0 0 32px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #C0C0C0;

    color: #fff;

    font-size: 20px;

    font-weight: bold;

}

.form-wrapper{

    position: relative;

    z-index: 100;

    margin-top: 80px;

    display: flex;

    align-items: flex-start;

    gap: 80px;

}
.form-wrapper form {
    width: 980px;
    max-width: 100%;
    margin: auto;
    background: #fff;
    padding: min(40px, 2vw);
    border-radius: 20px;
}
.form-step p{

    font-size: 20px;

    font-weight: bold;

    color: #9B9A9A;

}

.form-right{

    width: 100%;

}

.form-right form{

    padding: 40px;

    background-color: #fff;

    border-radius: 20px;

    border: 1px solid rgba(69, 160, 65, 0.22);

    width: 100%;

}

.form-right form .form-header{

    display: flex;

    align-items: center;

    gap: 42px;

    margin-bottom: 42px;

}

.form-right form .form-header h5{

    font-size: 20px;

    font-weight: 700;

    color: #4F4F4F;

    flex: 0 0 218px;

}

.form-right form .form-header span{

    display: block;

    width: 100%;

    height: 1px;

    background-color: rgba(22, 66, 138, 0.19);

}

.form-body .genre{

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.form-body .genre>div{

    flex: 1;

}

form label{

    font-size: 18px;

    font-weight: 500;

    color: #6C727F;

}

.mobile-label{

    display: none;

}

.form-body .genre label{

    flex: 1;

}

.radio-container{

    display: flex;

    align-items: center;

    gap: 12px;

    flex: 1;

}

.radio-container .radio-group{

    width: 100%;

    height: 37px;

    border: 1px solid #D2D5DA;

    border-radius: 7px;

    display: flex;

    align-items: center;

    padding: 12px;

}

.registration-form{

    margin-top: 100px;

    padding: 40px 0 100px 0;

    background-color: #E9F2FF;

}

.two-fields{

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    gap: 24px;

    margin-top: 24px;

}

.single-input-field{

    display: flex;

    flex-direction: column;

    gap: 16px;

    flex: 1;

}

.text-field {

    position: relative;

}

form .form-control{

    width: 100%;

    height: 52px;

    border: 1px solid #D2D5DA;

    background-color: #fff;

    border-radius: 8px;

    width: 100%;

    font-size: 18px;

    font-weight: 500;

    color: #6C727F;

    padding-left: 12px;

}

form .form-control::placeholder{

    color: #6C727F;

}

.text-field img{

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 19px;

}
.two-fields.footer-btns {
    justify-content: center;
}
.submit-btn{

    width: 100%;

    height: 61px;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #70A32E;

    border-radius: 8px 32px 8px 32px;

    font-size: 20px;

    font-weight: 600;

    color: #fff;

    margin-top: 32px;

    border: none;

    cursor: pointer;
    transition: all 0.3s ease;

}
.submit-btn:hover{
    transform: translateY(-5px);
}

.submit-btn[disabled], .submit-btn:disabled {
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #666666;
}

.form-step.active span {

    background-color: #70A32E;

    color: white;

}



.form-step.active p {

    color: #4F4F4F;

    font-weight: bold;

}



.form-step.completed span {

    background-color: #fff;

    color: #fff;

}



.form-step.completed span::after {

    content: "✓";

    color: #70A32E;

    margin-left: -13px;

}

.form-step.completed p{

    color: #70A32E;

}

.form-body {

    display: none;

}



.form-body.active {

    display: block;

}

.previous-step{

    color: #757575;

    font-size: 16px;

    font-weight: 500;

    text-decoration: none;

}

.single-input-field textarea{

    height: 159px;

    resize: none;

}

/* .footer-btns button:nth-child(1){

    font-family: 16px;

    color: #757575;

    font-weight: 500;

    background-color: #fff;

    border: 2px solid;

} */

footer{

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 38px 20px;

}

footer small{

    font-size: 18px;

    font-weight: 500;

    color: #16428A;

}

.infra-slider{

    display: flex;

    align-items: flex-start;

    gap: 26px;

    position: relative;

}

.img_click {

    display: none;

}

  

.img_click.show {

    display: block;

}

.imgs_click .slick-prev.slick-arrow {

    display:none;

}



.imgs_click  .slick-next.slick-arrow{

    bottom: 21px !important;

    left: 0px !important;

    right: 0px !important;

    margin: auto;

    top:unset !important;

    transform:rotate(90deg);

    z-index: 10 !important;

}

.imgs_click div{

    width: 193px;

    height: 85px;

    border-radius: 4px;

    overflow: hidden;   

    margin-bottom: 10px;

}

.imgs_click div img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.imgs_show div{

    width: 100%;

    height: 605px;

    border-radius: 16px;

    overflow: hidden;

    position: absolute;

    right: 0;

    left: 0;

}

.imgs_show div img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.infra-slider-right{

    width: 100%;

    height: 605px;

    position: relative;

    overflow: hidden;

}

.imgs_show div.show {

    opacity: 1;

    z-index: 1;

}

.infra-slider-left {

    max-height: 605px; /* Adjust this value as needed */

    overflow-y: hidden; /* Always hidden - we'll control scrolling via JS */

    position: relative;

    scroll-behavior: smooth; /* For browsers that support smooth scrolling */

    transition: max-height 0.3s ease;

}

.scroll-indicator {

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    cursor: pointer;

    border-radius: 50%;

    display: none;

    z-index: 10;

    transition: all 0.2s ease;

}



.scroll-indicator.bottom {

    bottom: 10px;

}



.scroll-indicator.top {

    top: 10px;

}



.scroll-arrow {

    width: 24px;

    height: 24px;

    display: block;

    pointer-events: none;

}

.infra-slider-container{

    position: relative;

}

.scroll-fade {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    height: 50px;

    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 100%);

    pointer-events: none;

    transition: opacity 0.3s ease;

    z-index: 2;

  }

  .clouds-form{

    position: absolute;

    top: -20%;

    right: 0;

    left: 0;

    width: 100%;

  }

  .admmision-excellence{

    position: relative;

    z-index: 1000;

  }

  .admmision-excellence::after {

    content: '';

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    right: 0;

    height: 70%;

    background-color: #E9F2FF;

  }

  .thanks{

background: url(../images/programme-img1.png) no-repeat center center;

background-size: cover;

min-height: 100vh;

position: relative;

}

  .overlay{

position: absolute;

top: 0;

right: 0;

left: 0;

bottom: 0;

background-color: #16428A;

opacity: 91%;

height: 100%;

}

  .thanks-logo{

    position: relative;

    z-index: 100;

    display: flex;

    justify-content: center;

  }

  .thanks-content{display: flex;flex-direction: column;gap: 40px;position: relative;align-items: center;z-index: 100;max-width: 840px;text-align: center;margin: 120px auto 0 auto;}

  .thanks-content h1{font-size: 60px;font-weight: 900;text-transform: uppercase;color: #fff;}

  .thanks-content p{

    font-size: 37px;

    font-weight: 600;

    color: #fff;

  }

  .learn-btn{display: flex;align-items: center;justify-content: center;gap: 10px;max-width: 385px;padding: 22px;width: 100%;/* border: 1px solid #fff; */border-radius: 12px;background-color: #45A041;text-decoration: none;}

  .learn-btn p{

    font-size: 20px;

    color: #fff;

    text-transform: uppercase;

  }

.thanks-content small{max-width: 707px;width: 100%;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 20px;padding: 13px;font-size: 20px;font-weight: bold;color: #fff;background: rgb(255 255 255 / 7%);border: 1px solid rgb(255 255 255 / 19%);text-transform: uppercase;border-radius: 4px;}

.thanks-content small a{color: #ABEE55;margin-left: 0;text-decoration: none;}
.cstm_btn_centre {
    display: flex;
    justify-content: center;
    margin-top: min(3vw, 60px);
}
.cstm_btn_centre a {
    padding: min(2vw, 30px) min(3vw, 60px);
    font-size: 26px;
    line-height: 1em;
    color: #fff;
    font-weight: 700;
    border-radius: 8px 32px 8px 32px;
    background-color: #70A32E;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    border: 2px solid #fff;
    box-shadow: 0px 14px 14px 0px rgb(112 163 46 / 30%);
}