/* Sterco Digitex */



@media screen and (min-width:2000px){
    .life-box .right-life-slide-new .life-slide {
        bottom: -10rem;
    }
    .life-box .right-life-slide .life-slide {
        bottom: -10rem;
    }
    .life-slide .swiper-button-prev{
        bottom: 0;
    }
    .life-slide .swiper-button-next{
        bottom: 0;
    }
    /* .banner-arrows {
        bottom: 25rem;
        left: 25.5rem;
    } */
    .life-box::before{
      width: 88.7%;
    }
    .home-section5 .life-box::before{
        max-width: 77.5%;
    }
    .life-box .right-life-slide-new .life-slide{
        bottom: -10.2rem;
    }
}


@media screen and (min-width: 2320px) {
    /* .banner-arrows {
        bottom: 30.7rem;
        left: 29.5rem;
    } */
    .border-line::before{
        width: 11%;
    }
     .life-box .right-life-slide-new .life-slide {
        bottom: -11rem;
    }
    .life-box .right-life-slide .life-slide {
        bottom: -10rem;
    }
    .life-box::before{
        width: 91.6%;
    }
    .home-section5 .life-box::before{
        max-width: 80.1%;
    }
    .home-section5::before{
  height: 70.6%;
        right: 28rem;
    }
    .home-section5 .life-box::after {
    width: 40%;
    right: 23.9rem;
}
  
}



@media screen and (min-width: 2600px) {
    /* .banner-arrows {
        bottom: 30.7rem;
        left: 29.5rem;
    } */
    .border-line::before{
        width: 11%;
    }
    .life-box .right-life-slide-new .life-slide {
               bottom: -11rem;
    }
      .home-section3 .life-box .right-life-slide .life-slide {
        bottom: -18rem;
    }
    .life-box::before{
        width: 91.87%;
    }
    .home-section5 .life-box::before{
        max-width: 83.5%;
    }
    .home-section5::before{
        height: 74.6%;
    }
    .home-section3 .line:after{
        height: 95.9%;
    }
    .border-line-top::before{
        width: 10%;
    }
}

@media screen and (min-width: 2700px) {
    /* .banner-arrows {
        bottom: 34.7rem;
        left: 32.5rem;
    }
 */

}


@media screen and (min-width: 3200px) {
    /* .banner-arrows {
        bottom: 46.7rem;
        left: 40.5rem;
    } */
    .border-line::before {
        width: 6%;
    }
    .border-line-top::before {
        width: 7%;
    }
}




@media screen and (max-width:1800px) {


    .banner-arrows {
        bottom: 21rem;
    }

    .life-text h2{
        font-size: 12rem;
    }
    .life-box::before {
        width: 86.97%;
        bottom: 1rem;
    }

    .right-life-slide {
        margin-top: 16rem;
    }

    .life-slide .swiper-button-prev {
        bottom:0;
        left: 0;
    }
.life-slide .swiper-button-next{
    bottom:0;
        left: 0;
}

    .home-section5 .life-box::before {
        right: 0;
        left: -1.1rem;
max-width: 1215px;
    }
    .home-section3 .line:after{
       height: 94.6%; 
    }

    .right-life-slide-new {
        margin-top: 22rem;
    }

    .home-section5 .life-slide .swiper-button-prev {
        bottom: -1rem;
        left: 36.8rem;
    }

    .life-box::before {
            width: 86.8%;
        bottom: 1rem;
        right: -1.8rem;
    }

    .drag {
        position: relative;
        margin-top: 11.5rem;
    }

    .home-section4:before {
        max-width: 156rem;
    }
.home-section5 .life-slide .swiper-button-prev{
    position: relative;
    bottom: 0;
    left: 0;
}
.home-section5 .life-slide .swiper-button-next{
    position: relative;
    bottom: 0;
    left: 0;
}
.life-box .right-life-slide .life-slide{
    bottom: 0rem;
}
.life-box .right-life-slide-new .life-slide{
    bottom: -0.7rem;
}

.home-section5::before {
    right: 26.8rem;
    height: 70.9%;
}

}


@media screen and (max-width:1742px){
    .home-section3 .line:after{
        left: -9rem;
    }
    .home-section3 .line:before {
        width: 5%;
        left: -9rem;
}
.home-section5 .life-box::after {
    width: 38%;
    right: 22.6rem;
}


}

@media screen and (max-width:1680px) {
    .home-section4 .line:before {
        width: 31%;
        height: 1px;
        left: -6rem;
        top: 5rem;
    }

    .home-section4 .line:after {
        left: -6rem;
    }

    .home-section4 .line1:after {
        right: -6.8rem;
    }

    .home-section4 .line1:before {
        right: -6.8rem;
    }

    .home-section4:before {
        content: '';
        background: #2638684a;
        position: absolute;
        bottom: 11rem;
        height: 1px;
        max-width: 1487px;
        left: 0rem;
        right: 0;
        margin: 0 auto;
    }

        .life-box::before {
        width: 99.6%;
        right: -2.7rem;
    }

    .home-section3 {
        overflow: hidden;
    }

    .drag {
        position: relative;
        margin-top: 17rem;
    }

    .life-slide .swiper-button-prev {
        bottom: 0rem;
        left: 0;
    }

    .life-slide .swiper-button-next {
       bottom: 0rem;
        margin-left: 0;
    }

    .home-section5 .life-box::before {
        left: 0;
        max-width: 84%;
        right: 19rem;
    }

    .home-section5 .right-life-slide-new .drag {
        margin-top: 14.5rem;
    }

    .home-section5 .life-slide .swiper-button-prev {
        bottom: -0.5rem;
        left: 0rem;
    }

    .home-section5 .life-slide .swiper-button-next {
        bottom: -0.4rem;
        margin-left: 0rem;
    }
        .banner-arrows {
        bottom: 18.6rem;
        left: 18.7rem;
    }
    .banner-text {
        padding: 2rem 3rem 2rem 4rem;
    }
    .border-line::after {
        right: -29px;
        width: 70%;
    }
    .border-line-top::after {
        right: -29px;
        width: 10%;
    }
    .border-line-top::before{
        width: 10%;
        left: -40px;
    }

    .border-line::before{
       left: -40px;
       width: 10%;
    }
    .main-mission-box::after{
        right: -3rem;
    }
    .main-mission-box:before{
        right: -3rem;
    }
    .main-mission-box ul{
        padding-left: 2rem;
        padding-right: 4rem;
    }
    .home-mission-box{
        width: 85%;
    }
    .home-mission-box p{
        line-height: 1.2;
    }
    .home-vision ul li {
    padding: 1.6rem 0 1.5rem;
    margin-right: 0;
}

.about .home_slider{
    margin-top: 0rem;
}
.about .about-slide{
 padding:0 2rem;
}
.desktop-view .row {
    align-items: center;
}
.about-text:before{
    top: -10rem;
}
.about-text::after{
    height: 27%;
    top: -10rem;
}
.home-programs{
    max-width: 90%;
    margin: 0 auto;
}
.home-admission.line1:after{
    right: 12rem;
}
.home-admission.line1:before{
    right: 12rem;
}
.home-programs.line:before{    bottom: -5.5rem;}
.home-admission.line1:before{
    width: 10%;
}
.home-programs.line:before{
    width: 12%;
}
.life-text h2{
    font-size: 11rem;
}
.life-text p br{
    display: none;
}
.research-text {
    padding: 4rem 0 0 16rem;
}
.research-text:before{
    left: 12rem;
}
.home-coueses h2{
    line-height: 1.3;
}

.life-box .right-life-slide .life-slide {
    bottom: 0rem;
}
.life-box .right-life-slide-new .life-slide {
    bottom: 0;
}
.home-section5 .life-box::after{
    right: 22.6rem;
}
    .home-section5::before {
        height: 71.5%;
        right: 24.9rem;
    }
.life-box {
    padding: 0 0 0 13rem;
}
.home-admission.line1:before {
    top: 5.6rem;
}
.life-box::after{    right: -26px;}
    .home-section3 .line:after {
        left: -9rem;
        height: 94.8%;
    }

}


@media screen and (max-width:1550px){
    .banner-text h2{
        font-size: var(--font-52);
    }
    .banner-text{
        width: 38rem;
    }
    .banner-text:before{
        height: 85.6%;
    }
    .banner-text:after{
         height: 85.6%;
    }
    .about-text p{
        line-height: 1.5;
        padding: 0 12rem 0 0;
    }
        .life-text h2 {
        font-size: 10rem;
    }
    .home-section5 .life-box::before {
        left: 0;
        max-width: 100%;
    }
    .life-box{
        padding: 0 0 0 17rem;
    }
    .home-section5 .life-box::after{
        width: 50%;
    }
    .home-section5 .life-box::before {
        left: 0;
        max-width: 88.9%;
        right: 1.8rem;
                bottom: .1rem;
    }
        .life-box .right-life-slide .life-slide {
        bottom: -.5rem;
    }

    .home-section5 .life-box .right-life-slide-new .life-slide {
        bottom: -1rem;
    }

    .life-box::before {
                width: 94.9%;
        right: -0.2rem;
    }
    .home-mission-box {
        width: 100%;   
        padding: 2rem 2rem;
    }
    .main-mission-box ul {
        padding-right: 0rem;
    }
    .home-vision ul li {
        padding: 1rem 0 1rem;
        margin-right: 0rem;
    }
    .about .about-slide {
        padding: 0;
    }
    .left-programs-text p{
    line-height: 1.3;
}
.home-section3 .line:after {
    height: 94.8%;
}
    .home-section4 .line:after {
        left: -8rem;
        top: 6rem;
    }
    .home-section4 .line:before {
        width: 25%;
        left: -1rem;
    }
   .home-section4:before {
            bottom: 10rem;
        height: 1px;
        max-width: 150rem;
        left: -2.6rem;
        right: 0;
    }
.package-list {
    padding: 0 7rem 0 0rem;
}
/* .package{
    padding-left: 4rem;
} */
.home-mission-box a{
    margin-top: 0rem;
}
.home-section5::before {
               height: 71.3%;
        right: 11.6rem;
    }
    .home-section5 .life-box::after {
        width: 50%;
        right: 9.2rem;
    }
    .banner-arrows {
        bottom: 18rem;
        left: 18.2rem;
    }

    .home-admission.line1:before {
        width: 7%;
    }
.home-programs.line:before {
        width: 9%;
    }
    .home-admission.line1:after {
        bottom: 1.5rem;
    }
        .home-section3 .line:after {
        height: 95.5%;
    }
    .research-text {
        padding: 4rem 0 0 13rem;
    }
    .research-text:before {
        left: 9rem;
    }
    .left-life{
        padding-right: 2rem;
    }
        .img-baner .container-fluid {
        padding-right: 0;
    }
    .home-section4 .line:before {
        width: 28%;
        left: -8rem;
        top: 6rem;
    }
    .home-section4 .line1:before{
         top: 6rem;
    }
    .home-section4 .line1:after{
        top: 6rem;
    }


}


@media screen and (max-width: 1530px) {
    .life-box::before {
        width: 100%;
        right: -2.2rem;
    }
    .home-section5 .life-box::before {
        left: 0;
        max-width: 83%;
        right: 20.3rem;
    }
}



@media screen and (max-width:1500px){
    .banner-text {
        width: 39rem;
    }
    .banner-text:before{
        height: 85%;
    }
    .banner-text:after {
        height: 85%;
    }
    .banner-arrows {
        bottom: 17.6rem;
        left: 18rem;
    }
    .home-admission.line1:before {
        width: 7%;
    }
    .home-programs.line:before {
        width: 9%;
    }
    .research-text {
        padding: 4rem 0 0 13rem;
    }
        .research-text:before {
        left: 8rem;
    }
    .life-box {
        padding: 0 0 0 15.3rem;
    }
    .life-box::before {
        width: 97.5%;
        right: -2rem;
    }
    .home-section4 .line:before {
        width: 27%;
        top: 6rem;
        left: -8rem;
    }
    .home-section4 .line1:before{
        top: 6rem;
    }
    .home-section4 .line:after{
        top: 6rem;
    }
    .home-section4:before{
        max-width: 132rem;
        left: -2rem;
    }
    .home-section4 .line1:after{
        top: 6rem;
    }
    .home-section4:before{
        bottom: 10rem;
    }
.textimonial-box a:after{
    height: 5rem;
    width: 5rem;
    font-size: 3rem;
    line-height: 1.6;
    text-align: center;
    padding-left: 0;
}
    .home-section4 .line:after {
        left: -8rem;
    }
.home-section5 .life-box::before {
        left: 0;
        max-width: 80.5%;
        right: 17rem;
    }
}



@media screen and (max-width:1450px){
    .about-text p {
        line-height: 1.5;
        padding: 0 6rem 0 0;
    }
    .left-programs{
            padding: 0 0 0 1rem;
    }

    .banner-arrows {
        bottom: 16.6rem;
    }
    .about-text span{
        font-size: var(--font-12);
    }
        .life-box::before {
                width: 99.5%;
        right: -3.1rem;
    }
    .home-section5 .life-box::before {
  left: 0;
        max-width: 94.5%;
        right: 1.4rem;
        bottom: 0;
    }
    .life-box {
        padding: 0 0 0 10.3rem;
    }
    .home-section3 .line:before {
        width: 4%;
        left: -6.4rem;
    }
        .home-section3 .line:after {
        left: -6.5rem;
    }
        .home-section4:before {
        max-width: 131.2rem;
        left: -2.8rem;
    }
}

@media screen and (max-width:1400px){
    .home-section4 .line:after {
        left: -2.2rem;
    }
    .home-section4 .line:before {
        width: 24%;
        left: -3rem;
    }
    .home-section4:before {
        max-width: 127rem;
        left: 3rem;
    }
    .home-section5 .life-box::before {
        max-width: 79.1%;
    }
    .home-section5::before {
        height: 70%;
    }
    .home-admission.line1:after{
        bottom: 2rem;
    }
    .home-admission.line1:before {
        width: 5%;
    }
    .home-programs.line:after {
        height: 115.3%;
    }
    .home-programs.line:before {
        width: 7%;
    }

    .research-text {
        padding: 4rem 0 0 10rem;
    }
    .research-text:before {
        left: 6rem;
    }

    .life-text h2 {
        line-height: 0.9;
    }
    .img-baner .container-fluid{
        padding-right: 0;
    }

}
@media screen and (max-width:1500px){
    .home-section5::before {
        right: 6.9rem;
    }
    .home-section5 .life-box::after {
            right: 4.5rem;
    }
}
/* media screen and (max-width: 1366px)
---------------------------------------------------------------------- */
@media screen and (max-width:1366px) {
    /* .site_nav>ul>li {
        margin-right: 0rem;
        padding-right: 0rem;
    } */

    .banner-text {
        width: 31%;
        bottom: 20%;
    }

    .banner-arrows {
        bottom: 10rem;
        left: 16.7rem;
    }

    .border-line-top::before {
        top: -1px;
    }

    .home-mission-box a {
        margin-top: 1rem;
    }

    .home-mission-box {
        margin: 3rem 0 0 0;
    }


    .home-vision ul li {
        margin-right: 0rem;
    }

    .border-line-top::after {
        top: -1px;
    }

    .notification-box {
        margin-top: -4.5rem;
    }

    .life-box {
        padding: 0 0 0 12rem;
        position: relative;
        z-index: 1;
    }

    .life-text h2 {
        line-height: 80px;
        font-size: 8rem;
    }

    .life-slide .swiper-button-next {
        bottom: -0.2rem;
    }

    .life-slide .swiper-button-prev {
        bottom: -0.2rem;
    }

    .right-life-slide {
        margin-top: 8rem;
        margin-left: -1rem;
    }

    .main_section.desktop-view {
        padding: 10rem 0 7.7rem;
    }
    .right-programs {
        padding: 0 0 0 3rem;
    }
    .home-admission.line1:before {
        width: 4%;
    }
    .home-programs.line:before {
        width: 6%;
    }
    .home-section5 .life-box::before {
        max-width: 96%;
        right: -3.9rem;
        bottom: 0.4rem;
    }
    .home-section5::before {
      height: 70.1%;
        right: 3.2rem;
    }
    .home-section5 .life-box::after {
        width: 50%;
        right: 0.8rem;
    }
    .life-box .right-life-slide-new .life-slide {
        bottom: -5px;
    }
    .left-life{
        padding-right: 5rem;
    }
    .bottom-life-text p br{
        display: none;
    }
    .life-box::before {
           width: 98.3%;
    }
        .home-section3 .line:after {
        height: 95%;
    }

    .home-section2 .line:before {
        top: 6rem;
    }
    .home-section2 .line:after{
        top: 6rem;
    }
    .home-section2 .line1:before{
        top: 6rem;
    }
    .home-section2 .line1:after{
        top: 6rem;
    }
    .research-text-list ul {
        padding: 0 11rem 0 0;
    }
    .home-section3 .line:before{
        left: -6.7rem;
    }
    .home-section3 .line:after{
         left: -6.7rem;
    }
    .student-text::before{
        top: 1.5rem;
    }
    .home-section4 .line:before {
        width: 24%;
        left: -2rem;
    }
    .home-section4:before {
        max-width: 125.4rem;
        left: 3rem;
    }
    .home-section2 .home-coueses p {
        max-width: 75%;
        margin: 0 auto 3rem;
    }
        .home-admission.line1:after {
        bottom: 1.5rem;
        height: 409px;
    }
}


@media screen and (max-width:1300px){
    .top_header ul {
        gap: 0;
    }
    .banner-arrows {
        left: 16rem;
    }
.home-programs{
        max-width: 100%;
        margin: 0 auto;
    }
    .home-admission.line1:after {
        right: 3rem;
    }
    .home-admission{
        padding: 4rem 9rem 0;
    }
    .home-admission.line1:before {
        width: 7%;
        right: 3rem;
    }
    .home-programs.line:after {
        height: 116.6%;
    }
    .research-text {
        padding: 4rem 0 0 8rem;
    }
    .research-text:before {
        left: 4rem;
    }
    .home-section5 .life-box::before {
        max-width: 78.2%;
        right: 17.8rem;
        bottom: 0.4rem;
    }
    .banner-arrows {
        bottom: 9.5rem;
    }
}

@media screen and (max-width:1280px){
    .left-life {
        padding-right: 3rem;
    }
        .research-text-list ul {
        padding: 0 9rem 0 0;
    }
    .life-box .right-life-slide .life-slide {
        bottom: -17rem;
    }
     .life-box .right-life-slide-new .life-slide {
        bottom: -0.5rem;
    }
    .home-section5 .life-box::before {
        max-width: 95.5%;
        right: -3.9rem;
        bottom: 0.4rem;
    }
    .home-section5::before {
        height: 69.8%;
        right: 3.2rem;
    }
.home-section4:before {
 max-width: 120.4rem;
        left: -2rem;
    }
    .home-section4 .line1:before {
        right: -1.8rem;
        width: 21%;
    }
        .home-section4 .line1:after {
        right: -1.8rem;
    }
        .home-section3 .line:after {
        height: 94.8%;
    }

}

@media screen and (max-width:1200px){
    .notice_wraper button{
        right: 0;
    }
    .notice_nav{
        padding-right: 3rem;
    }
    .home-admission.line1:before {
        width: 5%;
    }
    .home-programs.line:before {
        width: 4%;
    }
    .home-programs.line:after {
        height: 114.6%;
    }
    .home-section2 .line1:before{
        width: 16%;
    }
    .home-section2 .line:before{
        width: 18%;
    }
    .main-mission-box::after {
        right: -2rem;
    }
    .main-mission-box:before {
        right: -2rem;
    }
    .life-box {
        padding: 0 0 0 11rem;
    }
    .life-box::before {
        width: 99.6%;
    }
    .site_brand {
        padding-left: 0rem;
    }

}
@media screen and (max-width:1199px) {
    .notification-box{margin-top:0;}

}
/* media screen and (max-width: 1180px)
---------------------------------------------------------------------- */
@media screen and (max-width:1180px) {}

/* media screen and (max-width: 1024px)
---------------------------------------------------------------------- */
@media screen and (max-width:1024px) {
    .border-line-top::before {
        top: -5px;
    }
    .border-line-top::after {
        top: -5px;
    }
    .home-section4 .line:before {
        width: 24%;
        left: 0rem;
    }
    .home-section4 .line:after {
        left: -0.2rem;
    }
    .home-section4:before {
        max-width: 128rem;
        left: 1rem;
    }
       .life-box {
        padding: 0 0 0 9rem;
    }
    .home-section5::before{
        right: 14rem;
    }
    .home-section5::before{
       right: 14rem;
    }
    .home-section5 .life-box::before {
        max-width: 85%;
        right: 11.8rem;
        bottom: 0.4rem;
    }
    .home-section5::before {
        height: 69%;
    }
    .home-section5 .life-box::after {
        right: 13.4rem;
    }
    .news-box {
        padding: 0 0rem 1rem 0;
        position: relative;
    }
}



@media screen and (max-width:991px){
    .banner-text {
        width: auto;
        bottom: 20%;
        left: 3rem;
        right: 3rem;
    }
        .left-life {
        padding-right: 0;
    }
    .banner-text h2{
    text-align: center;
    max-width: 90%;
    margin: 0 auto;
    }
    .banner-text h2 br{
        display: none;
    }
        .banner-arrows {
        left: auto;
        right: auto;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        bottom: 5.8rem;
    }
    .border-line::before {
        left: -40px;
        width: 47%;
    }
    .border-line::after {
        right: -29px;
        width: 47%;
    }
    .banner-text:before{
        height: 80%;
    }
    .banner-text:after {
        height: 80%;
    }
    .top-header-box {
        justify-content: center;
    }
        .desktop-view {
        display: none;
    }
        .home-coueses-list {
        grid-template-columns: repeat(2, 1fr);
    }
    .main_section.home-section1 {
        padding: 9rem 0 4rem;
    }
    .notification-box {
        margin-top: -4.2rem;
    }
    .right-programs-text ul {
    grid-template-columns: repeat(3, 1fr);
}

.placement-student-list .student-text{
    border-bottom: 1px dashed #ccc;
    padding-bottom: 2rem;
}

.right-programs {
    width: 100%;
    padding: 0rem;
}
/* .home-programs.line:before{
    display: none;
}
.home-section2 .line:after{
    display: none;
}
.home-section2 .line:before{
    display: none;
}
.home-section2 .line1:after{
    display: none;
}
.home-section2 .line1:before{
    display: none;
} */
/* .home-section2{
    background-color: #e3e3e357;
} */
.home-section2 .home-coueses p{
    font-size: var(--font-16);
}
.home-section2 {
    padding: 6rem 0;
    background-color: #eaeaea;
}
.home-admission{
    display: none;
}
.research-box:last-child {
    display: none;
}
.home-programs.line:after{
    display: none;
}
.home-programs.line:before{
    display: none;
}
.research-list{
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}
.life-box::before{
    display: none;
}
.home-section3 .line:before{
    display: none;
}
.home-section3 .line:after{
    display: none;
}
.life-box::after{
    display: none;
}
.life-box {
    padding: 0 1.5rem;
}
.life-text{
    text-align: center;
}
.life-text h2 br{
    display: none;
}
.home-section3 {
    padding: 8rem 0;
}
.bottom-life-text{
    display: none;
}
.right-life-slide .swiper-wrapper .swiper-slide:nth-child(2n+2){
    margin-top: 0;
}
.mobile-vw {
        display: block;
}
.right-life-slide {
display: none;
}
.discover-list {
    grid-template-columns: repeat(2, 1fr);
}
.student-text h5 {
font-size: var(--font-30);
}
.package {
        display: none;
}
.placement-student-list:nth-child(2), .placement-student-list:nth-child(3), .placement-student-list:nth-child(4) {
    display: none;
}
    .home-section4 .home-coueses h2 {
        font-size: var(--font-36);
        max-width: 75%;
        margin: 0 auto 2rem;
    }

    .research-box:nth-child(2) .cus-graduate-img{
        height: 100%;
    }
    .research-list .research-box:nth-child(2) .cus-graduate-img figure{
        height: 100%;
    }
    .research-list .research-box:nth-child(2) .cus-graduate-img figure img{
        height: 100%;
        object-fit: cover;
    }

 /* .research-list div.research-box:nth-of-type(2) {
    display: none;
} */

}
/* end media screen and (max-width: 991px)


/* media screen and (max-width: 830px)
---------------------------------------------------------------------- */
@media screen and (max-width:830px) {
    .home-coueses .arrow_btn {
        font-size: 0;
    }

    .main_section.home-section1 {
        padding: 7rem 0;
        background-color: #f5f5f5;
    }
}



@media (max-width: 991px) {

    /* ==== common css start ==== */
    .desktop-view {
        display: none;
    }
.img-baner .container-fluid {
        padding-right: 0.8rem;
    }
    .mobile-vw {
        display: block;
    }

    .main_section {
        padding: 7rem 0;
    }

    .main_section.banner {
        padding: 0;
    }

    .desktop-view {
        display: none;
    }

    /* ==== common css end ==== */

    .top_header {
        display: block;
    }

    .site_brand .navbar-brand {
        width: 80%;
        max-width: 450px;
    }

    .top_header:before {
        display: none;
    }

    main {
        padding-top: 0rem;
    }

    .banner-box {
        height: 90vh;
    }

    .banner-box img {
        height: 100%;
        object-fit: cover;
    }

    .banner-text {
        position: absolute;
        bottom: 7%;
        left: 0%;
        width: 100%;
        padding: 2rem 3rem;
        text-align: center;
    }

    .banner-text h2 {
        font-size: var(--font-42);
        line-height: 3.4rem;
        font-weight: 800;
        margin-bottom: 0.8rem;
        letter-spacing: -1.44px;
    }

    .banner-text h2 br {
        display: none;
    }

    .banner-arrows {
        bottom: 2.9rem;
        left: 0;
        right: 0;
        text-align: center;
        margin: auto;
        display: flex;
        justify-content: center;
    }

    .notification-box {
        margin-top: 0rem;
        display: none;
    }

    .notice_wraper {
        flex-direction: column;
        align-items: start;
        gap: 0;
    }

    .notice_wraper>h6 {
        border-right: none;
    }

    .notice_wraper .notice_swiper .swiper-slide {
        align-items: start;
        padding-top: 0;
        flex-flow: column-reverse;
    }

    .notice_wraper .notice_swiper .swiper-slide span {
        border-right: none;
    }

    /* ==================== Course offered ================ */
    .home-coueses-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .home-section1 .home-coueses h2 {
        padding: 0 1rem;
                line-height: 1.1;
    }

        .home-section2 .home-coueses h2 {
        padding: 0 1.2rem;
        font-size: var(--font-36);
        line-height: 1.3;
        letter-spacing: -1.68px;
    }
 .home-section2 .home-coueses h2 br{
    display: none;
 }
    .cus-graduate-text {
        padding: 3rem 1.6rem 1.2rem 1.6rem;
    }

    .home-programs {
        padding: 4rem 2rem 0;
    }

    .home-programs.line:before,
    .home-programs.line:after {
        display: none;
    }

    .right-programs {
        width: 100%;
        padding: 0;
    }

    .right-programs-text ul {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 2rem;
    }

    .right-programs-text ul li {
        margin: 0;
    }

    .browesby {
        margin: 2rem 0;
    }

    .home-admission {
        display: none;
    }

    /* ==================== research and inovation ====================== */
    .home-section2 .line:before {
        width: 10%;
        left: 2rem;
        top: 5rem;
    }

    .home-section2 .line1:before {
        width: 10%;
        height: 1px;
        right: 2rem;
        top: 5rem;
    }

    .home-section2 .line1:after {
        height: 15%;
        width: 1px;
        right: 2rem;
        top: 5rem;
    }

    .home-section2 .line:after {
        height: 15%;
        width: 1px;
        left: 2rem;
        top: 5rem;
    }

    .research-list {
        grid-template-columns: repeat(2, 49% 45%);
        gap: 20px;
    }

    .research-box:last-child {
        display: none;
    }

    .research-text {
        padding: 2rem 0 0 1rem;

    }

    .research-text:before {
        display: none;
    }

    .research-box .cus-graduate-text {
        display: none;
    }

    .research-box:nth-child(2) {
        margin-top: 3rem;
    }

    .home-coueses p br {
        display: none;
    }

    .home-coueses {
        padding: 0 2.5rem;
    }

    .life-box::before {
        display: none;
    }

    .life-box::after {
        display: none;
    }

    .home-section3 .line:before {
        display: none;
    }

    .home-section3 .line:after {
        display: none;
    }

    .life-box {
        padding: 0;
    }

    .bottom-life-text {
        display: none;
    }

    .right-life-slide {
        display: none;
    }

    .life-text {
        text-align: center;
    }

    .life-text h2 br {
        display: none;
    }

    .life-text h2 {
        line-height: 50px;
        margin-bottom: 1rem;
        font-size: 7rem;
    }

    .life-text p {
        letter-spacing: 0;
    }

    .life-text p br {
        display: none;
    }

    .life-text .arrow_btn {
        display: none;
    }

    .discover-list {
        grid-template-columns: repeat(2, 1fr);
        display: grid;
        gap: 1rem;
        position: relative;
        padding: 0 1rem;
    }

    .discover-box {
        position: relative;
    }

    .discover-img {
        position: relative;
    }

    .discover-text {
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: center;
        background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
        padding: 2rem 1rem 1rem;
    }

    .discover-text h4 {
        font-size: var(--font-18);
        color: var(--color-ff);
        letter-spacing: 0px;
        font-weight: 600;
        position: relative;
    }

    .discover-text h4::before {
        content: '';
        background-color: var(--color-15);
        width: 39%;
        height: 3px;
        position: absolute;
        bottom: -1rem;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .mobile-arrow {
        margin: 4rem 0 0 0;
        text-align: center;
    }

    .mobile-arrow .arrow_btn {
        border: .1rem solid var(--color-ff);
    }

    .mobile-arrow .arrow_btn span {
        color: var(--color-ff);
    }

    .package {
        display: none;
    }

    .package-list {
        display: none;
    }

    .placement-student {
        grid-template-columns: repeat(1, 1fr);
        padding: 0 2rem 0rem;
        border-bottom: 0;
    }

    .placement-student-list:nth-child(2),
    .placement-student-list:nth-child(3),
    .placement-student-list:nth-child(4) {
        display: none;
    }

    .student-text h5 {
        position: absolute;
        right: 0;
        top: 3rem;
    }

    .student-text::before {
        height: 62%;
        top: 2rem;
    }

    .recruiters {
        padding: 3rem 0 0 0;
    }

    .recruiters h5 {
        text-align: center;
    }

    .home-section4 .home-coueses h2 {
        font-size: var(--font-36);
    }

    .home-section4 .line1:before {
        width: 12%;
        right: 1.2rem;
        top: 4rem;
    }

    .home-section4 .line1:after {
        height: 89%;
        right: 1.2rem;
        top: 4rem;
    }

    .home-section4 .line:after {
        content: '';
        height: 89%;
        left: 0.8rem;
        top: 4rem;
    }
    .home-section4 .line:after {
        content: '';
        height: 89%;
        left: 1.8rem;
        top: 4rem;
    }

    .home-section4 .line:before {
        width: 12%;
        left: 2rem;
        top: 4rem;
    }

        .home-section4:before {
        bottom: 12.5rem;
        max-width: 91%;
        left: -3.3rem;
        right: -3rem;
    }

    .place_logo {
        background-color: var(--color-f5);
        margin: 0 6rem;
    }

    .place_logo .swiper-slide img {
        margin: 0 auto;
        width: auto !important;
    }

    .container-in {
        width: 100%;
        padding: 0 1rem;
    }

    .home-section5 .life-text h2 {
        margin-bottom: 2rem;
        font-size: 6rem;
        letter-spacing: -3.48px;
    }

    .home-section5 .left-life {
        padding: 0 3rem;
    }

    .right-life-slide-new {
        margin-top: 0;
        padding: 0 3rem;
    }

    .right-life-slide-new .swiper-wrapper .swiper-slide:nth-child(even) {
        margin-top: 0rem;
    }

    .home-section5 .life-text .arrow_btn {
        display: block;
        margin: 0 auto;
    }

    .home-section5 .life-text .arrow_btn span {
        letter-spacing: 0;
        line-height: 22px;
    }

    .textimonial-box {
        position: relative;
        margin-bottom: 2.5rem;
    }

    .home-section5 .life-box::before {
        display: block;
        bottom: -1.3rem;
        z-index: -1;
        left: 0.2rem;
        width: 100%;
        max-width: 99%;
    }

    .home-section5 .life-box::after {
        display: block;
        width: 15%;
        right: 0.3rem;
        top: 1rem;
    }

    .home-section5 .line:before {
        display: block;
        width: 18%;
        left: 1rem;
        top: 1rem;
    }

    .home-section5 .line:after {
        display: block;
        left: 1rem;
        height: 100%;
        top: 1.2rem;
    }

    .home-section5::before {
     right: .9rem;
        height: 82.6%;
        top: 6rem;
    }

    .drag {
        display: none;
    }

    .life-slide :is(.swiper-button-prev, .swiper-button-next) {
        color: var(--color-ff);
        border: 1px solid var(--color-ff);
        border-radius: 100px;
        background-color: var(--color-12);
    }

    .home-section5 .life-slide .swiper-button-prev {
        bottom: 0rem;
    }

    .home-section5 .life-slide .swiper-button-next {
        bottom: 0rem;
    }

    .life-slide .swiper-button-next {
        margin-left: 4rem;
    }

    .life-slide {
        position: absolute;
        left: 13rem;
        background: #fff;
        width: 33%;
        height: 30px;
        background-color: var(--color-12);
        padding: 0 2rem;
    }

    .home-section5 {
        padding: 5rem 0 8rem;
    }

    .home-section5 .life-text p {
        letter-spacing: 0;
        margin-bottom: 1rem;
    }

    .home-section6 {
        padding: 5rem 1rem;
    }

    .news-box {
        padding: 0 0rem 1rem 0;

    }

    .news-list {
        padding: 0 0rem 0 0;
    }

    .news-box:nth-child(2) {
        display: none;
    }

    .event-box {
        padding: 3rem 0 0 0rem;
        border-left: 0px solid #ffffff52;
        border-top: 1px solid #ffffff52;
    }

    .about-text {
        margin: 2rem 0rem;
        text-align: center;
    }

    .about-text:before {
        border-style: solid;
        border-color: #26386836;
        border-width: 1px 1px 0px 1px;
        height: 100px;
        width: 100%;
        position: absolute;
        left: 0px;
        right: 0;
        margin: 0 auto;
        top: 5rem;
        z-index: -1;
        background: #26386800;
    }
.about-text::after{
    display: none;
}
    .about-text span {
        font-size: var(--font-15);
        font-weight: 700;
    }
    .about-text h2 {
        font-size: var(--font-38);
        background: #f5f5f5;
    }

    .about-text p {
        padding: 0 3rem;
        margin-bottom: 1rem;
    }

    .home-founder {
        padding: 0;
        margin: 2rem 0 0 0;
    }

    .mobile-founder {
        display: flex;

        align-items: center;
        position: absolute;
        width: 100%;
        bottom: 0;
        background: transparent linear-gradient(0deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box;
        padding: 2rem;
    }

    .founder-img {
        position: relative;
        bottom: 0rem;
        left: 0rem;
        margin-right: 2rem;
    }

    .home-founder-text p {
        color: var(--color-ff);
    }

    .home-founder-text h4 {
        color: var(--color-ff);
        font-weight: 600;
        letter-spacing: 0px;
    }

    .approval {
        text-align: center;
        margin: 5rem 0 0 0;
    }

    .about .home_slider {
        box-shadow: none;
        text-align: center;
        padding: 0;
        background: #ffffff00;
        position: relative;
        margin: 0rem 0 0 0;
    }

    .about .home_slider::before {
        display: none;
    }

    .about-slide {
        padding: 0 2rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .about-slide .about-slide-img{
        background-color: var(--color-f5);
        max-width: 12rem;
    }
.about-slide img{
    mix-blend-mode: darken;
}
    .about-slide-text {
        text-align: left;
        padding: 0 0 0 3rem;
    }
    .home_slider .swiper-pagination-bullet-active{
        background-color: #A02B2D ;
    }
    .home_slider .swiper-pagination {
    bottom: 0rem !important;
}
.about-slide p{
    font-size: var(--font-16);
    font-weight: 500;
}
    .approval p {
        color: var(--color-23);
        font-size: var(--font-15);
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: 700;
    }

    .banner-text:before {
        left: 11px;
        height: 69%;
    }

    .banner-text:after {
        right: 10px;
        height: 69%;
    }

    .border-line-top::before {
        width: 11%;
        top: -7px;
        left: -19px;

    }

    .border-line-top::after {
        width: 11%;
        top: -7px;
        right: -20px;
    }

    .border-line::after,
    .border-line::before {
        width: 40%;
    }

    .border-line::before {
        left: -18px;
    }

    .border-line::after {
        right: -19px;
    }

    .top-header-box {
        justify-content: center;
    }
.right-programs-text ul li {
    padding: 2.5rem 0 1rem;
}


}

/* =================== course offerd tab view =============  */
.tab-buton-container {
    padding: 0 5.7rem;
}

.home-section1 .tabs {
    flex-direction: column;
}

.tab-buttons {
    background: #ECECEC;
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    border: 1px solid #ccc;
    border-radius: 2.5rem;
    overflow: hidden;
    border-radius: 3rem;
}

.tab-buttons button {
    font-size: var(--font-20);
    font-family: var(--font-Karla);
    padding: 0.4rem 2.7rem;
    font-weight: 300;
    letter-spacing: -1.2px;
    color: #272727;
    opacity: 1;
    cursor: pointer;
    flex: 1;
    line-height: 3.5rem;
    border: none;
    transition: all 0.5s ease-in-out;

}

.tab-buttons button.active {
    background-color: var(--color-ff);
    color: var(--color-23);
    font-size: var(--font-20);
    font-weight: 500;
    font-family: var(--font-Karla);
    letter-spacing: -1.2px;
    border-radius: 2.4rem;
    opacity: 1;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}





@media screen and (min-width: 1050px) {

    #faculty.tab-content {
        display: block;
    }
}

/* Show tab view only on small screens */
@media screen and (max-width: 768px) {
    .all-content-desktop {
        display: none;
    }
}

/* On larger screens, show everything */
@media screen and (min-width: 769px) {



}

@media (min-width: 991px) {
    .desktop-view {
        display: block;
    }
    .mobile-vw {
        display: none;
    }
    .tab-content,
    .tab-buttons {
        display: none;
    }



}


@media screen and (max-width:832px){
    .banner-arrows {
        bottom: 5.9rem;
    }
    .home-section2 .line:before {
        width: 8%;
    }
    .main_section.home-section2 .line1:before {
        width: 7%;
    }
    .discover-box a.link{
    display: none;
}
}


@media screen and (max-width:640px){
     .home-coueses-list .cus-graduate-img figure{
        height: 23rem;
     }
      .home-coueses-list .cus-graduate-img figure img{
        height: 100%;
        object-fit: cover;
      }
      .tab-main-box .home-coueses-list .cus-graduate-img figure{
        height: 24rem;
     }
        .life-box .right-life-slide-new .life-slide {
        width: 13rem;
        left: 0;
        right: 0;
        justify-content: center;
        margin: 0 auto;
    }

}



@media screen and (max-width:480px){
    .banner-text:before {
        height: 76%;
    }
    .recruiters .place_logo .swiper-slide figure img {
    padding: 1.5rem 1.5rem 0;
}
    .banner-text::after {
        height: 76%;
    }
        .home-section2 .home-coueses h2 {
        padding: 0rem;
    }
    .home-section2 .home-coueses h2 {
        padding: 0rem 2rem;
        line-height: 1.3;
    }
        .home-section4 .line1:after {
        height: 86%;
        right: 1.4rem;
        top: 4rem;
    }
        .home-section4 .line1:after {
        height: 84%;
        right: 0.9rem;
        top: 4rem;
    }
        .home-section4 .line:after {
        content: '';
        height: 84%;
        left: 1.6rem;
        top: 4rem;
    }
    .student-text p{
        padding-right: 5rem;
    }
    .home-section4:before{
        bottom: 13.8rem;
    }
    .about-text h2{
        padding: 0 2rem;
        width: 95%;
        margin: 0 auto 2rem;
        display: inline-block;
    }
    .about-text:before {
        border-style: solid;
        border-color: #26386836;
        border-width: 1px 1px 0px 1px;
        height: 145px;
        width: 100%;
        position: absolute;
        left: 0px;
        right: 0;
        margin: 0 auto;
        top: 0.9rem;
        z-index: -1;
        background: #26386800;
    }
    .about-text>span {
        font-size: var(--font-15);
        font-weight: 700;
        background-color: #f5f5f5;
        padding: 0 2rem;
        padding-bottom: 1rem;
        display: inline-block;
    }
        .home-section5::before {
        right: .9rem;
        height: 84.1%;
        top: 6rem;
    }
        .life-box .right-life-slide-new .life-slide {
        bottom: -1.5rem;
    }
}

@media screen and (max-width:375px){
   .banner-text h2{
    max-width: 100%;
   }
}


@media screen and (max-width:320px){
    .banner-text h2{
        font-size: var(--font-36);
    }
    .home-coueses {
        padding: 0rem;
    }
    .life-text h2 {
    font-size: 6rem;
    }
    .home-section4 .line:before {
        width: 10%;
        left: 1.6rem;
        top: 4rem;
    }
    .home-section4 .line1:before {
        width: 10%;
        right: 0.9rem;
    }
    .student-text p {
        padding-right: 6rem;
    }
    .home-section4:before {
        bottom: 12.5rem;
    }
    .home-section5::before {
        height: 82.8%;
    }
    .life-box .right-life-slide-new .life-slide{
        width: 13rem;
        left: 0;
        right: 0;
        justify-content: center;
        margin: 0 auto;
    }

}

@media(max-width:991px){
    .home-section4:before{
   bottom: 14.9rem;
        max-width: 95.4%;
        left: -4.1rem;
    }
}




@media(max-width:820px){
    .home-section4:before {
        bottom: 12.9rem;
        max-width: 95.5%;
    }
}
@media(max-width:767px){
    .home-section4:before{
        bottom: 13.3rem;
        max-width: 95%;
    }
    .place_logo{margin:0 3rem;}
.mobile_school_panel .tab-menu{padding:0;max-width:90%;margin-inline:auto;}

}

@media(max-width:575px){
    .home-section4:before {
        bottom: 11.5rem;
        max-width: 93.5%;
    }
    .home-section2 .home-coueses p{
        max-width: 100%;
    }
        .hmbanner_title {
        width: 33rem;
    }
}

@media(max-width:420px){
    .home-section4:before {
        bottom: 13rem;
               max-width: 89.5%;
    }
    .home-section4 .line:after,
    .home-section4 .line1:after{
        height: 89%;
    }
    .home-section4:before{
        bottom: 10rem;
    } 
    .home-section4 .line:before {
        width: 12%;
        left: 1.7rem;
        top: 4rem;
    }
        .home-section4 .line1:before {
        width: 12%;
        right: 1rem;
        top: 4rem;
    }
        .home-section5::before {
        height: 84.6%;
    }
    .news-box-text {
    padding: 1rem 0 2.5rem 0;
}


}
@media(max-width:375px){
    .home-section4 .line1:after,
    .home-section4 .line:after{
        height: 90%;
    }
    .home-section4:before {
        bottom: 9rem;
        max-width: 91%;
    }   
    .recruiters .place_logo .swiper-slide figure img{
        padding: 1.5rem 0 0;
    }
    .home-section4 .line:after,
    .home-section4 .line1:after{
        height: 90%;
    }
    .home-section4:before{
        bottom: 9.4rem;
        max-width: 91%;
    } 
}

@media(max-width:374px){
    .recruiters .place_logo .swiper-slide figure img {
        padding: 1.5rem 4.5rem 0;
    }
    .home-section4 .line:after, .home-section4 .line1:after {
        height: 86%;
    }
    .home-section4:before{
        bottom: 12.4rem;
    }
}
@media(max-width:330px){
    .tab-buton-container{padding:0 0.7rem;}
}
@media(max-width:320px){
    .recruiters .place_logo .swiper-slide figure img {
        padding: 1.5rem 1.5rem 0;
    }
    .home-section4:before {
        bottom: 11.8rem;
        max-width: 90%;
    }
}
@media screen and (max-width: 992px) and (min-width: 991px) {
    .home-founder-text p{
        color: var(--color-27);
    }
    .home-founder-text h4{
        color: var(--color-17);
    }
    .founder-img{
        bottom: 5rem;
        width: 38px;
        left: 1rem;
    }
    .home-founder-text .arrow_btn {
        position: inherit;
        margin: 2rem 0 0 0;
    }
}

@media(min-width:2100px){
   .home-section5::before {
    height: 72.4%;
} 
}

@media(min-width:2500px){
       .home-section5::before {
        height: 70.7%;
        right: 33.7rem;
    } 
       .home-section3 .life-box .right-life-slide .life-slide {
        bottom: -18rem;
    }

}
@media(min-width:2800px){
        .home-section5::before {
  
        right: 45.4rem;
    }
        .life-box::before {
        width: 91.57%;
    }
}
@media(min-width:3800px){
    .home-section5::before {
        right: 80.3rem;
    }
    .home-admission.line1:after {
    height: 41vh;
}
    .life-box .right-life-slide-new .life-slide {
        bottom: -11rem;
    }
    .life-box::before {
        width: 91.6%;
    }

}
@media(min-width:5600px){
    .home-section5::before {
        right: 150.2rem;
    }
        .home-admission.line1:after {
        height: 29vh;
    }
}
@media(min-width:7500px){
        .home-section5::before {
        right: 220.1rem;
    }
            .home-admission.line1:after {
        height: 15vh;
    }
}




@media(min-width:2300px){
    .about-text p{padding:0 7.5rem 0 0;}
    .home-mission-box{padding:2.5rem 3rem;margin:3rem 0 0 0;}
    .home-section3>.container-fluid{max-width: 2300px;margin-inline: auto;}
    .home-section5>.container-fluid{max-width: 2300px;margin-inline: auto;}
    .life-box {padding:0 0 0 23rem;}
    .life-text h2 { letter-spacing: -10.54px;}
    .home-section5 .life-box::before{max-width:77.6%;left:-10.5rem;}
    .home-section4:before{max-width:138rem;}
    .hmbanner_title{position:relative;display:inline-block;padding-inline:4.6rem 2.6rem;}
    .hmbanner_title h2{letter-spacing:-4.13px;}
    .hmbanner_caption.scbanner_caption .hmbanner_title {padding-inline: 3.6rem 4.6rem;}
    .home-section3 .line:after{height:94.7%;left:-9.1rem;}
    .home-section5::before{height:70.6%;}
    .home-section3 .life-box .right-life-slide .life-slide{bottom:-10rem;}
    .placement-student {gap: 8px;}
    .student-text{padding:1.5rem 0 0 1rem;}
}