.nos-campus { width: 100%; display: inline-block;  position: relative; padding: 40px 0 100px 0; }
.nos-campus::before { position: absolute; content: ""; height: 90px; width: 525px; left: 0; bottom: 0; background-position: bottom left; background-repeat: no-repeat; background-size: contain; }
.nos-campus .nos-campus-slider { width: 100%; display: flex; gap: 32px; }
.nos-campus .nos-campus-slider .left-swiper-heading { width: 50%; }
.nos-campus .nos-campus-slider .left-swiper-heading h2 { width: 100%; display: inline-block; }
.nos-campus .nos-campus-slider .swiper-slide img { width: 100%; height: 350px;  object-fit: cover;}
.campus-btn { width: 100%; margin-top: 40px; }
.nos-campus .nos-campus-slider .right-swiper-content { width: 50%; padding: 0 0 60px 0;position:relative; }
.navigation { position: relative; }
.nos-campus span.swiper-heading { position: relative; padding: 5px 15px;margin:0 0px; font-weight: 500; font-size: 20px; }      
.nos-campus span.swiper-heading::before { position: absolute; content: ""; top: 14px; left: calc(100% + 30px); width: 400px; height: 1px; }
.right-swiper-content p { margin: 0; padding: 15px 0; font-size: 16px; }
.nos-campus .nos-campus-next { left: 10% !important; height: 45px; width: 45px; border-radius: 50%;  }
.nos-campus .nos-campus-prev { height: 45px; width: 45px; border-radius: 50%; left: 0; }
.nos-campus .nos-campus-next:after { font-size: 18px !important; padding: 20px; }
.nos-campus .nos-campus-prev:after { font-size: 20px !important; padding: 20px; }
.nos-campus .swiper-pagination-fraction { position: absolute !important; top:31% !important; left: -78% !important; width: max-content !important; height: max-content !important; }
.nos-campus .swiper-pagination2.swiper-pagination-bullets.swiper-pagination-horizontal {     transform: translateX(-50%);width: max-content; position: absolute; left: 50%; bottom: 5%; }
.nos-campus span.swiper-pagination-bullet { opacity: 1; margin: 0 10px !important;  } 
.campus-btn.mobile { display: none; }

.nos-campus .button {font-family: Gotham Book;}
.nos-campus .contain {  width: 100%;  display: inline-block; padding-top: 50px; }
.campus-btn { position: relative;  z-index: 1; }
.nos-campus .contain p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}
.nos-campus .nos-campus-slider .left-swiper-heading h2 {
    width: 100%;
    display: inline-block;
    font-weight: 400;
    font-family: Gotham Book;
    font-size: 32px;
    line-height: 40px;
}
.nos-campus .nos-campus-slider .left-swiper-heading h2 strong {
/*     width: 100%;
    display: inline-block; */
    font-weight: 700;
}

.nos-campus .mobile-cta { display:none; text-align: center; padding: 15px 0 0 0; }
.nos-campus .mobile-cta a { width: auto; display: inline-block; font-family: 'Gotham Book'; font-weight: 500; font-size: 16px; line-height: 26px; text-decoration: underline; text-underline-offset: 2px; }


@media(max-width:1346px){
  .nos-campus .swiper-pagination-fraction { top:30% !important;  }
  .nos-campus .nos-campus-next{ left: 11% !important; }
  .nos-campus::before { width: 420px; }
}

@media(max-width:991px){
  .nos-campus .nos-campus-slider .swiper-slide img {  height: 220px;}
  .nos-campus span.swiper-heading::before { width: 240px; }
  .nos-campus .swiper-pagination-fraction {  left: 25% !important; }
  .nos-campus .nos-campus-next {  left: 16% !important; }
  .nos-campus::before { width: 340px; }
  .nos-campus .button{width:100%;display:block;text-align:center;}
}

@media(max-width:767px){
   .nos-campus .swiper {margin-bottom: 0px;padding-bottom:60px;}
  .nos-campus .nos-campus-slider { flex-wrap: wrap; }
  .nos-campus .nos-campus-slider .left-swiper-heading { width: 100%; }
  .nos-campus .nos-campus-slider .right-swiper-content { width: 100%; padding: 0 0; }
  .nos-campus::before { left: -5%; right: 0;margin: 0 auto; width: 110%; background-position: center center; }
  .nos-campus { overflow: hidden; padding: 35px 0 20px 0; }
  .nos-campus .swiper-pagination2.swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 12px; left: 50%; :; right: 50%; margin: 0 auto; transform: translateX(-50%); }
  .nos-campus span.swiper-heading:before { display: none; }
  .nos-campus .swiper-pagination-fraction { left: 150px !important; top: 280px !important }
  .campus-btn.mobile { display: block; text-align: center; position: relative; z-index: 1; margin-top:0; }
  .campus-btn.desktop { display: none; }
  .nos-campus .nos-campus-next {left: 55px !important;  }
  .nos-campus .mobile-cta { display:block; }


}