@media(max-width:2000px){
.banner-sec h1 {
    font-size: 92px;
}
.logo img {
    width: 460px;
}
.banner-sec h2 {
    font-size: 72px;
}
.hero-group p {
    font-size: 22px;
}



}

@media(max-width:1900px){
    .banner-sec h1 {
        font-size: 122px;
        margin-top: 80px;
    }
    .banner-sec h2 {
        font-size: 65px;
    }
     .hero-group{
        max-width: 1250px;
        padding: 24px 0;
        font-size: 34px;
    }
    .banner-sec h3{
        font-size: 42px;
    }
    .banner-sec p {
        font-size: 32px;
    }
   .abt-left p {
        font-size: 26px;
   }
   .mah-left p {
        font-size: 24px;
    }
    .ftr-top {
        position: absolute;
        top: -255px;
    }
    p {
        font-size: 24px;
    }
  .about-sec::after{
    width: 94%;
    height: 86%;
  }
  .focus-domain::after {
    left: 45px;
    bottom: 0px;
    width: 94%;
  }
  .mu-edge::after{
     width: 94%;
  }
  .where-next::after{
    left: 46px;
    width: 94%;
  }
  .mahindra-group::after {
    right: 63px;
    bottom: 3px;
    width: 94%;
  }
  .life-learning::after {
    left: 47px;
    bottom: 254px;
    width: 89%;
    height: 81%;
  }


}

@media(max-width:1800px){
    .banner-sec h1 {
        font-size: 108px;
        margin-top: 60px;
    }
    .banner-sec h2 {
        font-size: 62px;
    }
     .hero-group{
        max-width: 1250px;
        padding: 24px 0;
        font-size: 34px;
    }
    .banner-sec h3{
        font-size: 36px;
    }
    .banner-sec p {
        font-size: 30px;
    }
   .abt-left p {
        font-size: 26px;
   }
   .mah-left p {
        font-size: 24px;
    }
    .ftr-top {
        position: absolute;
        top: -255px;
    }
    p {
        font-size: 24px;
    }
    .mah-logos {
        margin-top: 58px;
    }
    .about-sec::after{
        width: 93%;
        height: 86%;
    }
    .focus-domain::after {
        left: 57px;
        bottom: 2px;
        width: 93%;
    }
    .mu-edge::after {
        right: 65px;
        bottom: 3px;
        width: 93%;
    }
    .where-next::after {
        left: 58px;
        bottom: 5px;
        width: 93%;
    }
    .mahindra-group::after {
        right: 62px;
        bottom: 6px;
        width: 93%;
    }
    .life-learning::after {
        left: 60px;
        bottom: 275px;
        width: 87%;
        height: 80%;
    }
    .plug {
        position: absolute;
        bottom: 259px;
        right: 120px;
    }


}

@media(max-width:1700px){
    .focus-domain::after {
        left: 50px;
    }
    .where-next::after {
        left: 50px;
        bottom: 5px;
        width: 93%;
    }
    .mahindra-group::after {
        right: 65px;
    }
    .life-learning::after {
        left: 51px;
        bottom: 273px;
    }
    .plug {
        right: 116px;
    }
}

@media(max-width:1600px){
    .logo img {
        width: 380px;
    }
    .banner-sec h1 {
        font-size: 100px;
        margin-top: 70px;
    }
    .banner-sec h2 {
        font-size: 52px;
    }
    .banner-sec h3 {
        font-size: 30px;
    }
    .banner-sec p {
        font-size: 24px;
    }
    .hero-group{
        max-width: 1250px;
        padding: 24px 0;
        font-size: 34px;
    }
    .abt-left p {
        font-size: 26px;
    }
    .ftr-top {
        position: absolute;
        top: -280px;
    }
    .ftr-top img {
        width: 100%;
    }
    .about-sec::after {
        width: 92%;
        height: 86%;
    }
    .focus-domain::after {
         left: 58px;
         width: 92%;
    }
    .mu-edge::after{
        width: 92%;
    }
    .where-next::after{
        width: 92%;
        left: 60px;
        bottom: 3px;
    }
    .mahindra-group::after{
        bottom: 5px;
        width: 92%;
    }
    .life-learning::after {
        left: 59px;
        bottom: 246px;
        width: 86%;
        height: 82%;
    }
    .plug {
        bottom: 232px;
        right: 110px;
    }
}

@media(max-width:1400px){

}

@media(max-width:1400px){
     .hero-group p {
        font-size: 18px;
    }
    .banner-sec h1 {
        font-size: 62px;
    }
    .banner-sec h2 {
        font-size: 36px;
    }
    .banner-sec h3 {
        font-size: 22px;
    }
    .banner-sec p {
        font-size: 18px;
    }
    .logo img {
        width: 280px;
    }
    .hero-group {
        max-width: 1080px;
    }
    .abt-left p {
        font-size: 21px;
    }
    .open-box h3 {
         font-size: 28px;
    }
    .ftr-top {
        position: absolute;
        top: -265px;
    }
    p {
        font-size: 20px;
    }
    .mah-left p {
        font-size: 20px;
    }
    .hero-group{
        padding: 12px 0;
    }
     .mah-logos {
        margin-top: 20px;
    }
    .about-sec::after {
        width: 91%;
        height: 84%;
    }
    .focus-domain::after {
        left: 56px;
        width: 91%;
    }
    .mu-edge::after {
        width: 91%;
    }
    .where-next::after {
        width: 92%;
        left: 56px;
        bottom: 6px;
    }
    .mahindra-group::after {
        bottom: 10px;
        width: 92%;
        right: 48px;
    }
    .life-learning::after {
        left: 59px;
        bottom: 240px;
        width: 85%;
        height: 81%;
    }
    .plug {
        bottom: 225px;
        right: 97px;
    }


}

@media(max-width:1300px){
    .hero-group p {
        font-size: 18px;
    }
    .banner-sec h1 {
        font-size: 46px;
    }
    .banner-sec h2 {
        font-size: 32px;
    }
    .logo img {
        width: 320px;
    }


}

@media(max-width:1200px){
      .hero-group p {
        font-size: 18px;
    }
    .banner-sec h1 {
        font-size: 56px;
    }
    .banner-sec h2 {
        font-size: 32px;
    }
    .banner-sec h3 {
        font-size: 22px;
    }
    .logo img {
        width: 260px;
    }
    .ftr-top {
        position: absolute;
        top: -225px;
    }
    .hero-group {
        padding: 20px 0;
        font-size: 22px;
         max-width: 880px;
    }
    .hero-group a {
        font-size: 32px;
    }

    .banner-sec p {
        font-size: 18px;
    }
    .open-box h3 {
        font-size: 22px;
    }
    .head-box h2 {
        font-size: 32px;
    }
    .abt-left p {
        font-size: 18px;
    }
    p {
        font-size: 18px;
    }
    .progTab .progNav .nav button{
        font-size: 20px;
    }
    .progTab .progNav .nav button.active{
        font-size: 20px;
    }
    .prCon p{
        font-size: 18px;
    }
    .where-left ul li {
        font-size: 16px;
        font-weight: 500;
        margin-top: 5px;
    }
    .mah-left p {
        font-size: 16px;
    }
    .mh-img {
        border-right: 2px solid #d1d1d1;
        margin-bottom: 14px;
    }
    .mah-logos {
        padding: 20px;
        margin-top: 5px;
    }
    .about-sec::after {
        width: 90%;
        height: 82%;
    }
    .focus-domain::after {
        left: 48px;
        width: 91%;
    }
    .mu-edge::after {
        width: 90%;
        right: 55px;
    }
    .where-next::after {
        width: 91%;
        left: 55px;
        bottom: 6px;
    }
    .mahindra-group::after {
        bottom: 10px;
        width: 91%;
        right: 48px;
    }
    .life-learning::after {
        left: 54px;
        bottom: 238px;
        width: 83%;
        height: 79%;
    }
    .plug {
        bottom: 223px;
        right: 92px;
    }

}
@media(max-width:1024px){
    .banner-sec h1 {
        font-size: 42px;
    }
    .logo img {
        width: 260px;
    }
    .head-box h2 {
        font-size: 38px;
    }
    .legal-left .head-box p {
        font-size: 21px;
        line-height: 1.4;
    }
    .dis-center ul li {
        font-size: 20px;
    }
    

}
@media(max-width:991.98px){
   .banner-sec h1 {
        font-size: 46px;
    }
    .logo img {
        width: 200px;
    }
    .banner-sec h2 {
        font-size: 26px;
    }
    .banner-sec h2 span {
        font-size: 28px;
    }
    .banner-sec h3 {
        font-size: 16px;
    }
    .banner-sec p {
        font-size: 16px;
    }
    .hero-group p {
        font-size: 16px;
    }
    .head-box h2 {
        font-size: 26px;
    }
    .hero-group a {
        font-size: 24px;
    }
    .hero-group {
        padding: 16px 0;
        font-size: 22px;
        max-width: 640px;
    }
    .open-box h3 {
        font-size: 18px;
    }
    .abt-left p {
        font-size: 13px;
    }
    .head-box {
        padding-bottom: 0px;
    }
    p {
        font-size: 14px;
    }
    .focus-box img {
        width: 60px;
    }
   .focus-box h4 {
        font-size: 13px;
        margin-top: 10px;
    }
    .progTab .progNav .nav button{
        padding: 12px;
    }
    .progTab .progNav .nav button {
        font-size: 16px;
    }
    .progTab .progNav .nav button.active {
        font-size: 16px;
    }
    .prCon p {
        font-size: 14px;
        line-height: 1.5;
    }
    .mah-left .head-box h2 {
        font-size: 28px;
    }
    .ftr-top {
        position: absolute;
        top: -160px;
    }
    .where-left ul li {
        font-size: 12px;
        font-weight: 500;
        margin-top: 2px;
    }
     .life-learning::after{
        display: none;
     }
     .mahindra-group::after{
        display: none;
     }
     .solar{
        display: none;
     }
     .plug{
        display: none;
     }
     .where-next::after{
        display: none;
     }
     .mu-edge::after{
        display: none;
     }
     .focus-domain::after{
        display: none;
     }
     .about-sec::after{
        display: none;
     }
     .bulb{
        display: none;
     }
     .pavan-chakki{
        display: none;
     }
     .trees{
        display: none;
     }
}



@media(max-width:767.98px){
    .logo img {
        width: 130px;
    }
    .logo {
        padding: 16px 11px;
    }
   .banner-sec .container {
        padding: 0 20px;
    }
    .banner-sec{
        height: 80vh;
        position: relative;
    }
    .hero-group {
        padding: 12px 0;
        font-size: 14px;
        max-width: 300px;
    }
    .hero-group a {
        font-size: 14px;
    }
    .banner-sec p {
        font-size: 10px;
    }
    .banner-sec h3 {
        font-size: 12px;
        padding-bottom: 6px;
    }
    .head-box h2 br{
        display: none;
    }
    .mu-edge .head-box {
        padding-bottom: 12px;
    }
    .where-next {
        padding: 30px 0;
    }
    .life-learning{
        padding-top: 20px;
    }
    .progCon::before{
        height: 100%;
    }
}

@media(max-width:576px){
    .banner-sec {
        height: 80vh;
        background-position: 80% 0%;
    }
    .banner-sec h1 {
        font-size: 36px;
        margin-top: 26px;
        line-height: 1;
        padding: 0;
        margin-bottom: 0;
    }
    .hero-group p {
        font-size: 7px;
    }
    .banner-sec h2 span {
        font-size: 11px;
    }
    .banner-sec h2 {
        font-size: 18px;
        margin-bottom: 0;
    }
    .open-box h3 {
        font-size: 12px;
        text-align: center;
    }
     .open-box h3 br{
        display: none;
     }
    .head-box h2 {
        font-size: 26px;
        text-align: center;
    }
    .abt-left p {
        font-size: 13px;
        text-align: center;
    }
    .about-sec {
        padding: 30px 0 0;
    }
    .focus-domain {
        padding: 30px 0;
    }
    .focus-domain p{
        text-align: center;
    }
    .focus-domain p br{
        display: none;
    }
    .focus-box {
        padding: 10px;
    }
    .focus-domain .row>div{
        margin-bottom: 20px;
    }
    .focus-box img {
        width: 50px;
    }
    .mu-edge {
        padding: 0px 0 0px;
        background: #fff;
    }
    .mah-left .head-box h2 {
        font-size: 26px;
    }
    .mah-left p {
        font-size: 14px;
        text-align: center;
    }
    .mahindra-group {
        padding: 10px 0;
    }
    .life-learning {
        padding-bottom: 80px;
    }
    .ftr-top {
        position: absolute;
        top: -82px;
        left: 50%;
        transform: translate(-50%, 0%);
        width: 100%;
    }
    .head-box h2 br{
        display: none;
    }
    .ftr-sec{
        padding: 30px 20px 70px;
    }
    .apply-box {
        text-align: center;
          font-size: 18px;
          margin-top: 10px;
    }
    .apply-btn {
        font-size: 18px;
    }
    .progTab .progNav .nav {
        flex-direction: row;
        gap: 20px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .progTab .progNav .nav button {
        font-size: 12px;
        padding: 10px 20px;
        width: 45%;
    }
    .progTab .progNav .nav button.active {
        font-size: 12px;
         padding: 10px 20px;
    }
    .progTab .progNav .nav button br{
        display: none;
    }
    .prCon p {
        font-size: 8px;
        line-height: 1.3;
        padding: 0;
    }
    .indArrow i {
        font-size: 12px;
        width: 14px;
        height: 14px;
    }
    .indArrow{
            margin-top: -30px;
    }
    .where-left p {
        font-size: 14px;
        text-align: center;
    }
    .mh-img {
        margin-bottom: 20px;
    }
    .mah-logos {
        padding: 20px 10px;
    }
    .prCon {
        padding: 10px;
    }

}