@media (max-width: 992px) {
.logo-section img:nth-child(1){
    width: 85px;
}
.logo-section img:nth-child(2){
    width: 157px;
}
.banner-left img{
    width: 320px;
}
.banner-right img{
    height: auto;
}
.banner-left h1{
    font-size: 32px;
}
.banner-left p{
    font-size: 20px;
}
.banner-buttons{
    flex-direction: column;
}
.banner-left h1 b::before {
    display: none;
}
.banner-left .banner-buttons a {
    width: 100%;
    font-size: 16px;
    text-align: center;
}
.banner-content{
    flex-direction: column;
}
.banner-right{
    margin-top: 22px;
}
.clouds{
    top: 83%;
    height: 25%;
}
.extra-activities{
    padding-bottom: 30px;
}
.clouds img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.globe img{
    width: 76px;
}
.common-heading h2 {
    font-size: 28px;
}
.common-heading span{
    font-size: 15px;
}
.programme-cards{
    flex-direction: column;
}
.video img{
    width: 100%;
}
.programme{
    padding: 40px 0 40px 0 !important;
}
.video-section{
    padding-bottom: 40px;
}
.faculty::after {
    height: 98%;
}
.multinational p{
    width: 100%;
    max-width: 100%;
}
.infrastructure{
    flex-direction: column;
}
.infra-left{
    margin-bottom: 25px;
}
.infra-slider{
    flex-direction: column-reverse;
}
.imgs_show div, .infra-slider-right{
    height: 253px;
}
.infra-slider-left{
    display: flex;
    gap: 7px;
}
.infra-slider-container{
    width: 100%;
}
.imgs_click div{
    flex: 0 0 24%;
    height: 58px;
}
.scroll-indicator.bottom{
    bottom: 10px;
    left: 5px;
    transform: rotate(90deg);
    top: 35%;
    height: 13px;
    width: 13px;
    display: block !important;
}
.scroll-indicator.top {
    bottom: 10px;
    right: -11px;
    transform: rotate(90deg);
    top: 5px;
    height: 13px;
    width: 13px;
    display: block !important;
}
.scroll-indicator.bottom img, .scroll-indicator.top img{
    width: 13px;
}
.ae-border-top, .ae-border-bottom{
    height: 130px;
}
.admmision-excellence::after {
    height: 90%;
}
.activity-slide{
    transform: none !important;
    margin-top: 60px;
}
.custom-arrows-gallery {
    right: auto;
    top: 15px;
    margin-left: 25px;
}
.excellence-wrapper{
    flex-direction: column;
}
.slider-container{
    margin-top: 20px;
    max-width: 100%;
}
.custom-arrow-gallery img{
    width: 35px;
}
.custom-arrows{
    max-width: 330px;
    bottom: 25px;
}
.step{
    flex-direction: column;
}
.step span{
    width: 52px;
    height: 52px;
    font-size: 39px;
    flex: 0 0 52px;
}
.step::after {
    display: none;
}
.registration-form{
    margin-top: 0px;
    padding-top: 0px;
}
.clouds-form {
    top: -4%;
}
.form-wrapper, .genre{
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}
.radio-container, .form-body .genre label{
    width: 100%;
}
.two-fields{
    flex-direction: column;
}
.single-input-field{
    width: 100%;
}
#multiStepForm{
    padding: 40px 20px;
}
.radio-option label{
    font-size: 15px !important;
}
.member-details{
    top: 75%;
}
.banner-left{
    gap: 18px;
}
.border-text img{
    width: 150px;
}
.radio-group{
    padding: 5px !important;
}
footer small{
    text-align: center;
}
.three-fields{
    flex-direction: row !important;
}
form label, form .form-control{
    font-size: 16px;
}
.mobile-label{
    display: block !important;
}
.three-fields label{
    display: none;
}
.mobile-label{
    margin-top: 24px;
}
.footer-btns{
    align-items: flex-start !important;
    gap: 0px !important;
}
.submit-btn{
    width: 100%;
}
.excellence-left{
    flex: 0 0 100%;
}
.banner{
    overflow: hidden;
}
.banner::before, .banner::after {
    width: 30%;
    display: inline-block;
}
.play-btn img{
    width: 62px;
}
.teaching {
    padding-bottom: 20px;
}
.excellence-left a{
    margin-top: 0px;
}
.gallery-slide{
    border-radius: 8px;
}
.admission-process{
    padding-top: 0px;
}
.slider-container-activities{
    margin-left: 0px !important;
    margin-top: 0px;
}
.faculty-top-clouds{
    height: 100px;
}
.faculty-bottom-clouds{
    height: 100px;
}
.multinational{
    padding: 60px 20px;
}
.multinational h5{
    max-width: 100%;
}
.excellence-left{
    padding-right: 0px;
}
.step{
    visibility: visible;
    opacity: 1;
}
.thanks-content h1{
    font-size: 40px;
}
.thanks-content p{
    font-size: 20px;
}
.learn-btn{
    height: 60px;
}
.learn-btn p{
    font-size: 16px;
}
.thanks-logo img{
    width: 30%;
}
}

@media (min-width: 481px) and (max-width: 767px) {
    
    .globe {
        top: -85px;
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    .form-step {
        display: none; /* Hide all steps by default on mobile */
        width: 100%;
    }
    .form-left{
        max-width: 100%;
    }
      
    .form-step.active {
        display: flex; /* Only show active step */
    }
    .form-left::after {
        top: -10px;
        height: 52px !important;
    }
    .clouds-form{
        top: -10%;
    }
    
    .member-details h6{
        font-size: 14px;
    }
    .member-details p{
        font-size: 10px;
    }
    .member-details{
        min-height: 80px;
        max-height: 80px;
    }
}

@media (min-width: 993px) and (max-width: 1279px) {
    .member-details{
        min-height: 80px;
        max-height: 80px;
    }
    .member-details h6{
        font-size: 16px;
        margin-bottom: 0px;
    }
    .member-details p{
        font-size: 12px;
    }
    .banner-left img{
        width: 320px;
    }
    .banner-left .border-text img{
        width: 160px;
    }
    .banner-left h1{
        font-size: 32px;
    }
    .banner-left p{
        font-size: 20px;
    }
    .banner-buttons{
        flex-direction: column;
    }
    .banner-left h1 b::before {
        display: none;
    }
    .banner-left .banner-buttons a {
        width: 100%;
        font-size: 16px;
        text-align: center;
    }
    .banner-right{
        margin-top: 22px;
    }
    .clouds{
        top: auto;
        bottom: -125px;
        height: 35%;
    }
    .clouds img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .banner-right img{
        object-fit: contain;
    }
    .banner-right{
        height: 600px;
    }
    .video img{
        width: 100%;
    }
    .slider-container{
        max-width: 100%;
    }
    .excellence-wrapper{
        flex-direction: column;
    }
    .clouds-form{
        top: -10%;
    }
    .admmision-excellence::after {
        height: 76%;
    }
    
    .clouds-form{
        top: -10%;
    }
    .slider-container-activities {
        margin-left: 10px;
    }
    .faculty-top-clouds{
        height: 200px;
    }
    .faculty-bottom-clouds{
        height: 200px;
    }
    .custom-arrows-gallery {
        right: 2%;
    }
    .slider-container {
        margin-top: 20px;
        max-width: 100%;
    }
}

@media (min-width: 1280px) and (max-width:1600px) {
    .slider-container-activities{
        margin-left: 2%;
    }
    .custom-arrows-gallery {
        right: 2%;
    }
    .clouds{
        top: auto;
        bottom: -125px;
        height: 35%;
    }
    .clouds img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

@media (min-width: 1440px) and (max-width:2500px)  {
    .clouds{
        top: 80%;
    }
    .slider-container-activities{
        margin-left: 8%;
    }
    .custom-arrows-gallery {
        right: 20%;
    }
    .clouds{
        top: auto;
        bottom: -284px;
        height: 55%;
    }
    .clouds img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
@media (min-width: 1400px) and (max-width:1450px)  {
    
}
@media (max-width: 480px){
    .radio-container .radio-group{
        flex: 0 0 48%;
    }
    .scroll-fade{
        display: none;
    }
    .scroll-indicator{
        display: none;
    }
    .globe {
        top: -85px;
    }
}
@media (min-width: 1280px){
   
}
@media (min-width: 1440px){
  
}
@media (max-width: 769px) {
    .form-step {
        display: none; /* Hide all steps by default on mobile */
        width: 100%;
    }
    .form-left{
        max-width: 100%;
    }
      
    .form-step.active {
        display: flex; /* Only show active step */
    }
    .form-left::after {
        top: -10px;
        height: 52px !important;
    }
    
    .single-member, .single-member:nth-child(n+5){
        width: 100%;
    }
    .scroll-fade {
        display: none;
    }
    .scroll-indicator {
        display: none !important;
      }
  }