:root{
  --total-brand: 20;
  --logo-width: 18rem;
  --total-logo-width: calc(var(--total-brand) * var(--logo-width)*2);

  --total-nims-mentors: 20;
  --mentor-nims-width: 12rem;
  --total-mentors-width: calc(var(--total-nims-mentors)* var(--mentor-nims-width)*2);
}
.toll-free-btn-responsive{
  font-size: 1.3rem !important;
}
#hero-banner{
  margin-top: -125px;
  margin-bottom: 120px;
}
.hero-banner {
  position: relative;
  height: 980px; /* Set your desired height */
  /* background-image: url(../images/heroBanner.png); */
  background-image: url(https://www.nimsuniversity.edu.in/cdn/physio/bg/physio_bg-min2.png);
  background-size: cover;
  background-position: center;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.hero-banner::after{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgb(0,0,0,0.1);
  opacity: 1;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.hero-usps-image{
  position: absolute;
  top: 82%;
  z-index: 1;
}
.hero-content{
  padding:0px 0px 0px 60px;
  text-align: center;
  z-index: 2;
  width: 50%;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  margin-top: -100px;
  text-align: left;
}
.hero-bg-images{
  display: flex;
  max-width: 50%;
  column-gap: 20px;
  margin-top: -100px;
  padding: 0 40px 0 0;
}
.hero-bg-images img{
  width: 320px;
  height: 360px;
}
.some-wrapper{
  width: fit-content;
  max-width: 88%;
  padding: 8px 40px !important;
  position: relative;
  background-color: rgba(237, 33, 58, 0.7);
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0 20px 0 10px;
  margin-top: 20px;
  border-radius: 10px;
}
.some-wrapper p{
  font-size: 2rem;
  color: #fff;
  font-family: 'Roboto';
  margin: 0;
}
.some-wrapper p span{
  font-weight: 600;
}
.hero-form{
  width: auto;
  padding: 20px;
  /* background: rgba(255, 255, 255, 0.8); */
  border-radius: 8px;
  /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); */
  z-index: 2;
}

.hero-heading{
  font-size: 6rem;
  font-weight: 800;
  font-family: 'Roboto';
  color: #fff;
}
.hero-heading span{
  font-size: 4rem;
}
.hero-subHeading{
  font-size: 24px;
  color: #fff;
}
.a-span-inside-hero-heading-in-p{
    font-size: 1rem;
    font-style: italic;
    font-weight: normal;
    font-family: 'Roboto';
}

.npf_wgts_mobile{
  display: none;
}

.marik-slider-section{
  margin-top: 60px;
  margin-bottom: 60px;
}
.marik-slider-card{
  position: relative;
}
.marik-slider-content{
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.marik-slider-content h4{
  font-family: 'Roboto';
  font-size: 4rem;
  color: #e10013;
  font-weight: 600;

}
.multiple-marik-slider-photos-mobile{
  display: none;
}
.multiple-marik-slider-photos-mobile .marik-slider-card{
  max-width: 150px;
  margin-bottom: 20px;
}
.multiple-marik-slider-photos-mobile .marik-slider-card img{
  height: 150px;
}
.multiple-marik-slider-photos-mobile .marik-slider-card div{
  top: 74%;
  display: flex;
  padding: 0 10px;
  justify-content: center;
}
.marik-slider-card img{
  width: 100%;
  height: 300px;
  border-radius: 10px;
}

.marik-slider-card div{
  position: absolute;
  top: 80%;
  background-color: rgba(0,0,0,0.5);  
  width: 100%;
  height: 60px;
  border-radius: 0 0 10px 10px;
  display: flex;
  align-items: center;
  padding: 0 0 0 40px;
}

.marik-slider-card div p{
  color: #fff;
  font-family: 'Roboto';
  font-weight: 600;
  font-size: 2.4rem;
}

.multiple-marik-slider-photos .owl-nav{
  display: none;
}

.professor-marik-section{
  display: flex;
  justify-content: center;
}

.mou-wrapper{
  padding: 20px 60px;
  display: flex;
}
.mou-left{
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
}
.mou-left h3{
  color: #ED213A;
  font-family: 'Roboto';
  font-size: 4rem;
  font-weight: 600;
  margin-bottom: 20px;
  align-self: center;
}
.mou-left p{
  align-self: center;
  font-style: italic;
  color: #000;
  margin-bottom: 40px;
  font-size: 2rem;
}
.mou-left img{
  width: 60%;
  margin-bottom: 60px;
}
.mou-left span{
  width: 80%;
  font-family: 'Roboto';
  font-size: 2rem;
}
.mou-left div{
  position: relative;
}
.mou-left div h4{
  font-family: 'Roboto';  
  font-size: 2.4rem;
  color: #ED213A;
  font-weight: 600;
}
.mou-right{
  flex: 1;
  display: flex;
  padding: 30px 0 0 0;
}

.mou-images-wrapper{
  padding: 0 0 0 0;
  display: flex;
  flex-direction: column;
}
.mou-images-wrapper-top{
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
.mou-images-wrapper-top img{
  width: 45%;
  border-radius: 10px;
}

.mou-images-wrapper-bottom{
  display: flex;
  justify-content: center;
}
.mou-images-wrapper-bottom img{
  width: 80%;
  height: 85%;
  border-radius: 10px;
}


.professor-marik-wrapper{
  display: flex;
  padding: 40px 60px;
}
.professor-marik-content{
  flex: 7;
}
.professor-heading-wrapper{
  width: 300px;
  height: 60px;
  position: relative;
  background: #ED213A;
  display: flex;
  justify-content: center;
  align-items: center;
}
.professor-heading-wrapper::before{
  content: "";
  position: absolute;
  right: -30px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 30px solid #ED213A;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
}
.professor-heading-wrapper h4{
  font-family: 'Roboto';
  margin: 0;
  color: #fff;
  font-weight: 600;
  font-size: 2.4rem;
}

.professor-description-content{
  padding: 20px 60px 0px 0px;
}
.professor-description-content p{
  font-family: 'Roboto';
  font-size: 1.8rem;
  color: #000;
  line-height: 2.6rem;
}
.professor-marik-photo{
  flex: 5;
  position: relative;
}
.professor-designation-wrapper{
  position: absolute;
  top: 70%;
  right: 0;
  color: #fff;
}

.professor-designation-wrapper-inner{
  width: 400px;
  height: 60px;
  position: relative;
  background: #ED213A;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0 20px 0 20px;
}
.professor-designation-wrapper-inner h4{
  font-size: 2rem;
  font-family: 'Roboto';
  margin: 0;
}
.professor-designation-wrapper-inner p{
  font-size: 1.2rem;
  font-family: 'Roboto';
  color: #fff;
  margin: 0;
}


.professor-image-wrapper img{
  width: 100%;
}



@media screen and (max-width: 768px) {
  .toll-free-btn-responsive{
    font-size: 0.8rem !important;
  }
  .hero-banner {
    height: auto;
    min-height: 400px; /* Set a minimum height for small screens */
    /* flex-direction: column;
    justify-content: center;
    align-items: center; */
    display: block;
  }
  .hero-usps-image{
    top: 98%;
  }
  .hero-content{
    width: auto;
    /* text-align: center; */
    padding: 2px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 100%;
    margin-top: 341px;
  }
  .hero-form{
    width: auto;
    /* margin-top: 40px; */
    margin-right: 2rem;
  }
  .hero-heading{
    font-size: 2.2rem;
    color: #fff;
    text-align: center;
  }
  .hero-heading span{
    font-size: 1.6rem;
  }
  .some-wrapper{
    width: fit-content;
    /* margin-top: 50%; */
    padding: 10px 10px !important;
    /* height: 40px; */
  }
  .hero-bg-images{
    margin-top: 40px;
    padding: 0 10px 40px 20px;
    /* justify-content: center; */
  }

  .hero-bg-images img{
    width: 100%;
    height: 100%;
  }

  .a-span-inside-hero-heading-in-p{
    font-size: 0.8rem;
    margin: 0;
    line-height: 0rem;
  }
  .some-wrapper .hero-subHeading{
    font-size: 1.2rem;
    line-height: 1.3rem;
    font-weight: 600;
  }
  #hero-banner{
    margin-top: -281px;
  }
  .npfFormInn h3{
    font-size: 1.6rem;
  }
  .npf_wgts_desktop{
    display: none;
  }
  .npf_wgts_mobile{
    display: block;
  }
  .marik-slider-section{
    margin-top: 20px;
  }
  .marik-slider-content{
    padding: 0 20px;
  }
  .marik-slider-content h4{
    font-size: 2.4rem;
    text-align: center;
  }
  .marik-slider-card img{
    height: 180px;
    width: 100%;
  }
  .marik-slider-card div{
    top: 77%;
    height: 40px;
  }
  .marik-slider-card div p{
    font-size: 1.2rem;
    line-height: 1.2rem;
  }
  .multiple-marik-slider-photos{
    display: none;
  }
  .multiple-marik-slider-photos-mobile{
    display: flex;
    flex-wrap: wrap;
    padding: 0 20px;
    justify-content: space-around;
  }
  .professor-marik-wrapper{
    padding: 40px 20px;
  }
  .professor-marik-wrapper{
    flex-direction: column-reverse;
  }
  .professor-designation-wrapper{
    top: 65%;
  }
  .professor-designation-wrapper-inner{
    width: 280px;
    height: 50px;
    padding: 0 10px;
  }
  .professor-designation-wrapper-inner h4{
    font-size: 1.6rem;
    font-weight: 600;
  }
  .professor-designation-wrapper-inner p{
    font-size: .9rem;
    line-height: 1rem;
  }
  .professor-description-content{
    padding: 10px 12px;
    text-align: justify;
  }
  .professor-description-content p{
    font-size: 1.2rem;
    line-height: 1.6;
  }
  .mou-wrapper{
    padding: 0px 20px;
    margin-top: -40px;
    flex-direction: column;
  }
  .mou-left h3{
    font-size: 2.4rem;
    text-align: center;
    margin-bottom: 10px;
  }
  .mou-left p{
    font-size: 1.6rem;
    margin-bottom: 10px;
  }
  .mou-left img{
    margin-bottom: 20px;
  }
  .mou-left span{
    width: 90%;
    text-align: center;
    font-size: 1.6rem;
  }
  .mou-left div h4{
    font-size: 2rem;
    text-align: center;
  }
}

.custom-icon-dropdown{
  display: inline-block;
  overflow: hidden;
  position: absolute;
  right: 4rem;
}
.custom-icon-dropdown > svg{
  position: relative;
}
button.btn.btn-link.collapsed span {
  transition: all 0.4s;
  transform: rotate(180deg);
}

.second-section{
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  margin-bottom: 20px;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.one-nims-wrapper{
  width: 100%;
  padding: 40px;
  text-align: center;
}
.one-nims-wrapper> img{
  height: 40px;
  text-align: center;
  margin-bottom: 20px;
} 

.image-banners-section{
  /* padding: 30px 30px; */
  margin-top: 100px;
  position: relative;
}


.image-banners-responsive{
  display: block;
  max-width: 100%;
  height: auto;
                                                                                         }

.image-banner-wrapper-responsive{
  background-image: url(https://www.nimsuniversity.edu.in/cdn/physio/physio-bed-side-session.png);
  width: 100%;
  background-size: cover;
  background-position: 69%;
  height: 640px;
  /* padding: 11rem 0rem 4rem 8rem; */
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-banner-wrapper-responsive:after{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /* background: rgb(0,0,0,0.4); */
  opacity: 1;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.innovation-carousel-item{
  position: relative;
}
.image-banners-carousel-innovation .owl-nav{
  display: none;
}
.innovation-carousel-item::after{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgb(0,0,0,0.4);
  opacity: 1;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.innovation-carousel-item img{
  width: 100%;
  height: 620px;
  position: relative;
}

.image-banner-description-responsive{
  position: absolute;
  padding: 6rem;
  top: 56%;
  z-index: 1;
}
.image-banner-wrapper-responsive-last{
  background-image: url(https://d2rvuxjtzdmuvr.cloudfront.net/data/last-section-bg-new.png);
  width: 100%;
  background-size: cover;
  height: 65vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem;
  justify-content: center;
}


.last-section-heading{
  color: white;
  font-size: 7rem;
  padding: 1rem auto auto auto;
  text-align: center;
  font-weight: 600;
}
.last-section-heading > span{
  color: #ED213A;
}
.last-section-description{
  color: white;
  font-size: 2.5rem;
  text-align: center;
  line-height: 3.5rem;
}
.last-section-description > span{
  font-size: 4rem;
  font-weight: bold;
}
.image-banner-heading{
  color: #fff;
  font-size:  4rem;
  font-weight: 800;
  font-family: 'Arial';
  margin-bottom: 20px;
}
.image-banner-description{
  color: white;
  font-size: 3rem;
}
.image-banner-subdescription{
  color: white;
  font-size: 1.8rem;
  line-height: 3rem;
  margin-bottom: 1.4rem;
  max-width: 70%;
  text-align: justify;
}
.image-banner-subdescription span{
  font-weight: 600;
}
.last-section-anchor{
  text-decoration: none;
  background-color: #ED213A;
  color: white;
  padding: 1rem 3rem;
  font-size: 3rem;
  border-radius: 0.8rem;
}

.last-section-anchor:hover{
 background-color: #d79e2f;
 color: white;
 text-decoration: none;
}

.faculty-exchange-marik{
  display: flex;
  justify-content: center;
  margin-bottom: 60px;
  margin-top: 60px;
}
.faculty-exchange-image-wrapper img{
  width: 100%;
  height: 340px;
  border-radius: 14px;
}
.faculty-exchange-carousel .owl-nav{
  display: none;
}
.faculty-exchange-carousel-mobile{
  display: none;
  padding: 0 20px;
  justify-content: space-around;
  flex-wrap: wrap;
}
.faculty-exchange-carousel-mobile .faculty-exchange-card{
  margin-bottom: 20px;
}
.faculty-exchange-carousel-mobile .faculty-exchange-image-wrapper{
  width: 150px;
}
.faculty-exchange-heading{
  display: flex;
  justify-content: center;
  margin-bottom: 34px;
  align-items: center;
}
.faculty-exchange-heading h4{
  font-family: 'Roboto';
  font-size: 3rem;
  color: #e10013;
  font-weight: 600;
  margin: 0;
  display: flex;
  align-items: center;
}



.gujrat-video-section{
  margin-top: 0px;
  display: flex;
  justify-content: center;
}

.gujrat-video-heading{
  display: flex;
  justify-content: center;
}
.gujrat-video-heading h4{
  font-family: 'Roboto';
  font-size: 4rem;
  font-weight: 700;
  color: #e10013;
  /* text-transform: uppercase; */
}
.gujrat-video-wrapper{
  display: flex;
  justify-content: center;
  margin-top: 20px;
  width: 820px;
  height: 580px;
  margin: auto;
  border-radius: 14px;
}
.gujrat-video{
  width: 1000px;
}
.gujrat-video-wrapper-2{
  display: flex;
  justify-content: center;
  /* margin-top: 80px; */
  z-index: 2  ;
  width: 560px;
  height: 340px;
}
.gujrat-video-final-class{
  width: 500;
}
#gujrat-video-id{
  border-radius: 14px;
}
#gujrat-video-id-2{
  border-radius: 14px;
}
.gujrat-video-description{
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.gujrat-video-description p{
  color: #000;
  font-family: 'Roboto';
  font-size: 2rem;
  font-weight: 400;
  width: 65%;
  text-align: justify;
}
.why-nims-additional{
  background-color: #fff;
  margin-top: -10px;
  color: #cf2027;
}

.why-nims-padding{
  padding-left: 120px;
  padding-right: 120px;
  padding-top: 20px;
  padding-bottom: 40px;
  height: auto;
}
.why-nims-points-slider{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.why-nims-point-wrapper{
  display: flex;
  /* flex-direction: column; */
  /* width: 50%; */
  /* justify-content: space-between; */
}

.why-nims-point{
  padding: 60px;
  flex: 1;
}
.why-nims-point h4{
  font-family: 'Roboto';
  font-size: 2.8rem;
  font-weight: 600;
}

.why-nims-point p{
  font-family: 'Roboto';
  font-size: 1.8rem;
  font-weight: 400;
  color: #4e4e4e;
}

.why-nims-points-slider .owl-nav{
  display: none;
}


.custom-box-programs{
  width: 23%;
  font-family: 'Roboto';
  font-size: 1.8;
  border: 10px solid #a7a7a7;
  padding: 10px;
  margin-top: 20px;
  height: 240px;
  margin-right: 20px;
}

@media screen and (max-width: 768px){
  .innovation-carousel-item img{
    height: 250px;
  }
  .gujrat-video-section{
    margin-top: 0px;
  }
  .gujrat-video-wrapper,.gujrat-video-wrapper-2{
    width: auto;
    height: auto;
  }
  .gujrat-video-heading h4{
    font-size: 2.4rem;
  }
  .gujrat-video{
    width: 90%;
  }
  .gujrat-video-description p{
    font-size: 1.2rem;
    width: 90%;
    line-height: 1.6rem;
  }
  .faculty-exchange-marik{
    margin-top: 60px;
  }
  .faculty-exchange-heading h4{
    font-size: 2.4rem;
    text-align: center;
  }
  .faculty-exchange-image-wrapper img{
    height: 150px;
  }
  .faculty-exchange-carousel{
    display: none;
  }
  .faculty-exchange-carousel-mobile{
    display: flex;
  }
  .one-nims-wrapper>img{
    height: 25px;
  }
  .image-banners-section{
    /* padding: 30px 18px; */
    margin-top: 20px;
    position: relative;
  }
  .image-banners-responsive{
    min-height: 221px;
  }
  .nims-nirf-logo{
    height: auto !important;
  }
  .image-banner-wrapper-responsive{
    background-image: url(https://www.nimsuniversity.edu.in/cdn/physio/physio-bed-side-session.png);
    height: 35vh;
    padding: 2rem;
  }
  .image-banner-heading{
    font-size: 1.6rem;
    letter-spacing: normal;
    margin: 4rem 0 2rem 0;
  }
  .image-banner-description{
    font-size: 1.2rem;
  }
  .image-banner-subdescription{
    max-width: 100%;
    font-size: 1rem;
    line-height: 1.3rem;
    text-align: left;
  }
  .image-banner-wrapper-responsive-last{
    height: 45vh;
    background-position: 59%;
  }
  .why-nims-padding{
    padding-left: 10px;
    padding-right: 10px;
  }
  .why-nims-points-slider{
    flex-direction: column;
  }
  .why-nims-point-wrapper{
    flex-direction: row;
    width: 100%;
    margin-bottom: 40px;
  }
  .why-nims-point{
    padding: 0 10px;
  }
  .why-nims-point h4{
    font-size: 1.6rem;
  }
  .why-nims-point p{
    font-size: 1rem;
    line-height: 1.4rem;
  }
  .last-section-heading{
    font-size: 2rem;
  }
  .last-section-description{
    font-size: 1rem;
    line-height: 2rem;
  }
  .last-section-description > span{
    font-size: 1.5rem;
  }
  .last-section-anchor{
    font-size: 1rem;
    padding: 0.8rem 1.3rem;
  }
}

.placement-all-super-wrapper-fixed-bg{
  background-image: url(https://www.nimsuniversity.edu.in/cdn/pharmacy/placements/bg-map.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.placement-all-image-wrapper{
  margin: 20px 0px 30px 0px;
  display: flex;
  justify-content: center;
  padding: 60px;
}

.p-a-i-w-d{

}
.p-a-i-w-m{
  display: none;
}

@media (max-width: 768px){
  .p-a-i-w-d{
    display: none;
  }
  .p-a-i-w-m{
    display: block;
  }
  .placement-all-super-wrapper-fixed-bg{
    margin-top: -50px;
  }
  .placement-all-image-wrapper{
    margin: 20px 0 20px 0;
    padding: 20px;
  }
}



.international-collaborations-new-section{
  margin: 20px 0 20px 0;
}
.i-c-image-d{
  display: block;
  width: 100%;
  height: 100%;
}
.i-c-image-m{
  display: none;
  width: 100%;
  height: 100%;
}

.container-custom-new {
  width: 100%; /* Ensures container takes up full width of its parent */
  max-width: 1440px; /* Sets maximum width for the container */
  margin: 0 auto; /* Centers the container horizontally */
  padding: 20px; /* Adds padding inside the container */
  box-sizing: border-box; /* Ensures padding and border are included in the width */
}

@media screen and (max-width: 768px){
  .international-collaborations-new-section{
    /* margin: -50px 0 20px 0; */
  }
  .international-collaborations-new-section .i-c-image-d{
    display: none;
  }
  .international-collaborations-new-section .i-c-image-m{
    display: block;
  }
}


.leading-recruitors-section{
  margin-top: 30px;
}

.leading-recruitors-wrapper{

}
.leading-recruitors-heading{
  font-size: 5rem;
  font-weight: 300;
  font-family: 'Roboto';
  margin-bottom: 1rem;
  text-align: center;
}
.leading-recruitors-heading > span{
  font-weight: 900;
  color: #db292c;
}
.leading-recruitors-brands{
  display: flex;
  align-items: center;
}
.leading-recruitors-slider{
  position: relative;
  width: 100vw;
  height: 12rem;
  display: flex;
  align-items: center;
  overflow: hidden;
}


.leading-recruitors-slider::before,
.leading-recruitors-slider::after{
  position: absolute;
  content: "";
  height: 100%;
  width: var(--logo-width);
}

.leading-recruitors-slider::before{
  left: 0;
  background: linear-gradient(to right, #000 0%, #0000, 100%)
}

.leading-recruitors-slider::after{
  right: 0;
  background: linear-gradient(to right, #000 0%, #0000, 100%)
}



.leading-recruitors-slider ul.leading-recruitors-brands{
  list-style: none;
  width: var(--total-logo-width);
  display: flex;
  animation: slideLeft 50s linear infinite;
}
.leading-recruitors-slider ul.leading-recruitors-brands:hover {
    animation-play-state: paused;
}
@keyframes slideLeft {
  100%{
    transform: translateX(calc(-100%/2));
  }
}


ul.leading-recruitors-brands li.leading-recruitors-brand-logo{
  width: var(--logo-width);
  font-size:2rem;
  text-align: center;
  margin-left: 3rem;
}
.programsContent h3{
  text-align: center;
  font-size: 4rem !important;
  color: #cf2027 !important;
  font-weight: 600 !important;
}
.custom-grid-container{
  font-family: 'Roboto';
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(3,1fr);
  padding: 40px 120px 40px 120px;
}

.custom-grid-item-heading-wrappper{
  display: flex;
  height: 75px;
}
.custom-grid-item-heading-wrappper  h4{
  font-size: 1.8rem !important;
  font-weight: 700 !important;
  color: #4E4E4E !important;
}
.custom-grid-item-other-wrapper{
  display: flex;
  flex-direction: column;
}
.custom-grid-item-course-duration-wrapper{
  width: fit-content;
  background-color: rgb(208 31 19);
  padding: 5px 10px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  font-size: 1.4rem;
  color: #fff;
  margin-bottom: 10px;
}

.custom-grid-item{
  padding: 20px;
  background-color: #fff;
  color:#4E4E4E;;
  border-radius: 9px;
  box-shadow: 0px 0px 10.3px 0px rgba(0, 0, 0, 0.20);
}
.custom-grid-item-course-fee-national p{
  font-size: 1.4rem !important;
  font-weight: 400;
  line-height: 1;
}
.custom-grid-item-course-fee-national p span{
  font-size: 1.4rem;
  font-weight: 700;
  color: #FFA906;
}

.custom-grid-item-fees{
  display: flex;
  justify-content: space-between;
}




.main-fees-a{
  font-size: 1.4rem !important;
  color: #cf2027 !important;
}
.main-fees-a span{
  color: #FFA906 !important;
  font-size: 1.6rem !important;
  font-weight: 700 !important;
}
.main-fees-b {
  font-size: 1.4rem !important;
  color: #074173 !important;
}

.some-amazing-custom-padding-for-mobile-accordion{
  padding: 20px 10px;
}

@media screen and (max-width: 768px){
 .leading-recruitors-section{
  margin-top: -30px;
 }
 .image-banner-description-responsive{
  padding: 1rem 4rem;
  top: 31%;
 }
 .leading-recruitors-wrapper{
  padding: 30px 0;
 }
 .leading-recruitors-heading{
  font-size: 3rem;
 }
 ul.leading-recruitors-brands li.leading-recruitors-brand-logo{
  width: 11rem;
 }
 .mentors-slider-nims ul.mentors-slider-nims-mentors{
  animation: slideLeftTwo 15s linear infinite;
 }
 .custom-grid-container{
  grid-template-columns: 1fr;
  gap: 20px;
  padding: 0;
 }
 .custom-grid-item-heading-wrappper{
  height: 40px;
 }
}

.placement-heading{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}
.placement-heading h4{
  color: #e10013;
  font-size: 4rem;
  font-family: 'Roboto';
  position: relative;
  padding-bottom: 10px;
  text-align: center;
  font-weight: 600;
}

.placement-heading h4::before{
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  height: 6px;
  width: 60px;
  background: #e10013;
}
.placement-heading h4::after{
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: #e10013;
  width: 600px;
  height: 2px;
  bottom: 2px;
}

.placement-heading h5{
  color: #000;
  font-size: 3rem;
  font-family: 'Roboto';
  text-align: center;
}

@media screen and (max-width: 768px) {
  .placement-heading h4{
    font-size: 3rem;
  }
  .placement-heading h5{
    font-size: 1.6rem;
  }
  .placement-heading h4::before{
    width: 30px;
    height: 6px;
  }
  .placement-heading h4::after{
    width: 200px;
    height: 2px;
  }
}


.mentors-slider-nims{
  display: flex;
  align-items: center;
  width: 100%;
}

.mentors-slider-nims-mentors{
  display: flex;
  align-items: center;
  width: 100%;
}


.mentors-slider-nims ul.mentors-slider-nims-mentors{
  list-style: none;
  display: flex;
  width: 100%;
  margin-left: -10rem;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

ul.mentors-slider-nims-mentors li.mentors-slider-nims-mentor{
  width: var(--mentor-nims-width);
  font-size: 1.4rem;
  text-align: center;
  margin-left: 10rem;
  margin-bottom: 2rem;
}

.mentors-sliders-mobile{
  display: none;
}


@media screen and (max-width: 600px) {
  .mentors-sliders-mobile{
    display: block;
  }
  .mentors-slider-nims ul.mentors-slider-nims-mentors{
    justify-content: center;
    margin-left: -11rem;
  }
  ul.mentors-slider-nims-mentors li.mentors-slider-nims-mentor{
    width: 8rem;
    margin-left: 10rem;
  }
}



.marik-section{
 padding: 40px 60px;
 display: flex;
 justify-content: center;
}
.marik-wrapper{
  display: flex;
  justify-content: space-between;
  max-width: 1496px;
}
.marik-content{
  display: flex;
  flex-direction: column;
  width: 45%;
  align-self: flex-start;
}
.marik-content-top{
  margin-bottom: 40px;
}
.marik-content-top h4{
  font-size: 4rem;
  font-family: 'Roboto';
  color: #e10013;
  font-weight: 600;
  margin-bottom: 10px;
}
.marik-content-top p{
  font-size: 2rem;
  font-family: 'Roboto';
  color: #000;
  font-weight: 500;
  max-width: 90%;
}

.marik-content-bottom{
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: flex-start;
}
.marik-content-bottom .marik-callout{
  margin-bottom: 20px;
}

.marik-content-bottom .marik-callout h5{
  font-size: 3.2rem;
  color: #e10013;
  font-weight: 600;
  font-family: 'Roboto';
  margin-bottom: 2px;
}
.marik-content-bottom .marik-callout p{
  font-size: 1.6rem;
  font-family: 'Roboto';
  color: #000;
  font-weight: 300;
  max-width: 70%;
}
.marik-photo{
  max-width: 55%;  
  padding: 60px 0px 60px 0px;
  align-self: center;
  text-align: right;
  position: relative;
}
.marik-photo img{
  border-radius: 8px;
  width: 80%;
  height: auto;
}
.some-random-wrapper{
  position: absolute;
  width: 100%;
  background-color: #000;
  height: 60px;
  overflow: hidden;
  width: 80%;
  left: 20%;
  top: 80%;
  border-radius: 0 0 10px 10px;
  display: flex;
  align-items: center;
  padding: 0 40px 0 60px;
}
.some-random-wrapper p{
  font-family: 'Roboto';
  font-size: 1.4rem;
  font-weight: 600;
  z-index: 8;
  color: #fff;
}


.physio-gallery-section{
  margin: 60px 0 40px 0px;
}

.physio-gallery-wrapper{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.physio-gallery-wrapper h3{
  font-size: 4rem;
  font-weight: 600;
  color: #cf2027;
  font-family: 'Roboto';
  margin-bottom: 20px;
}
.physio-gallery{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 20px;
  margin-top: 30px;
}
@media screen and (max-width: 768px){
  .physio-gallery-section{
    margin: 0px 0px 40px 0px;
  }
  .physio-gallery-wrapper h3{
    font-size: 2.4rem;
    text-align: center;
    margin-bottom: 0px;
  }
  .physio-gallery{
    grid-template-columns: repeat(2,1fr);
    padding: 0px 10px;
  }
  .mentors-slider-nims:hover ul.mentors-slider-nims-mentors {
    animation-play-state: running !important;
  }
  .marik-section{
    padding: 20px 20px;
    margin-bottom: 20px;
  }
  .marik-wrapper{
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  .marik-content{
    width: 100%;
  }
  .marik-photo{
    width: 100%;
  }
  .marik-content-top h4{
    font-size: 2.4rem;
  }
  .marik-content-top p{
    max-width: 100%;
    font-size: 1.4rem;
  }
  .marik-content-bottom .marik-callout h5{
    font-size: 2rem;
  }
  .marik-content-bottom .marik-callout p{
    font-size: 1.2rem;
    max-width: 100%;
  }
  .marik-photo{
    max-width: 100%;
    padding: 0;
    display: flex;
    justify-content: center;
  }
  .some-random-wrapper{
    left: 10%;
    padding: 0 10px;
  }
  .some-random-wrapper p {
    text-align: center;
    line-height: 1.2rem;
    font-size: 1.2rem;
  }
}

.multiple-labs-section{
  display: flex;
  justify-content: center;
  padding: 0px 60px;
  margin-bottom: 80px;
  margin-top: 40px;
}
.super-responsive-container-large{
  display: flex;
  justify-content: center;
  align-items: center;
}
.responsive-container-large{
  width: 100%;
  max-width: 1496px;
  display: flex;
  flex-direction: column;
}
.multiple-labs-carousel{
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 column-gap: 40px;
}

.multiple-labs-heading{
  margin-bottom: 40px;
}

.multiple-labs-heading h4{
  font-size: 4rem;
  font-family: 'Roboto';
  color: #e10013;
  font-weight: 600;
  margin-bottom: 10px;
  text-align: center;
}

.multiple-labs-heading p{
  font-size: 2rem;
  font-family: 'Roboto';
  color: #000;
  font-weight: 500;
  max-width: 90%;
  text-align: center;
}

.multiple-lab-card{
  background-color: #f3f3f3;
  width: 300px;
  padding: 1px;
  border-radius: 8px;
  margin-bottom: 40px;
}
.multiple-lab-card-image-wrapper{
  width: 100%;
}

.multiple-lab-card-image-wrapper img{
  width: 100%;
  height: 200px;
  border-radius: 8px 8px 0px 0px;
}

.multiple-lab-card-content{
  padding: 0  20px 20px 20px;
}
.multiple-lab-card-content h4{
  font-size: 2rem;
  font-weight: 400;
  font-family: 'Roboto';
}
.multiple-lab-card-content p{
  font-size: 1.4rem;
  font-family: 'Roboto';
  text-align: left;
}

@media screen and (max-width: 768px){
  .multiple-labs-heading h4{
    font-size: 2.4rem;
  }
  .multiple-labs-heading p{
    font-size: 1.4rem;
    width: 100%;
    display: none;
  }
  .multiple-lab-card-content h4{
    font-size: 1.4rem;
  }
  .multiple-lab-card-content p{
    font-size: 1.2rem;
    text-align: left;
  }
  .multiple-labs-section{
    padding: 0 20px;
    margin-bottom: 0px;
  }
  .multiple-lab-card{
    width: 160px;
  }
  .multiple-lab-card-image-wrapper img {
    height: 150px;
  }
  .multiple-lab-card-content{
    padding: 0 8px 8px 8px;
  }
}

.hostel-section-wrapper{
  position: relative;
  height: auto; /* Set your desired height */
  /* background-image: url(../images/heroBanner.png); */
  background-image: url(https://d2rvuxjtzdmuvr.cloudfront.net/data/hostel-background-constructed-new.png);
  background-size: cover;
  background-position: center;
  color: #fff;
  padding: 120px 60px;
  width: 100%;
  display: flex;
  justify-content: center;
}

.hostel-section-wrapper::after{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgb(0,0,0,0.5);
  opacity: 1;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.hostel-top{
  display: flex;
  z-index: 2;
  margin-bottom: 60px;
  flex-direction: column;
}
.hostel-top-1{
  display: flex;
}
.hostel-price-wrapper{
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 20px;
  border-radius: 8px;
  width:max-content;
  padding: 12px 10px;
}
.hostel-price-wrapper span{
  font-family: 'Roboto';
  font-size: 3rem;
  font-weight: 600;
  color: #fff;
}
.multiple-lab-card-image-wrapper img{
  width: 548px;
}
.hostel-top-2{
  margin-top: 40px;
  margin-left: 80px;
}
.hostel-top-2 ul{
  list-style-type: disc !important;
}
.hostel-top-2 ul li{
  list-style-type: disc !important;
}
.hostel-top-2 ul li{
  font-family: 'Roboto';
  font-size: 2rem;
  font-weight: 400;
  color: #fff;
  padding: 10px;  
}
.hostel-top-1 div h3{
  font-family: 'Roboto';
  font-size: 4.8rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 3rem;
  width: 80%;
}
.hostel-top-1 div p{
  font-family: 'Roboto';
  font-size: 2.4rem;
  color: #fff;
  width: 80%;
  text-align: left;
  line-height: 3rem;
}
.hostel-top-2{
  display: flex;
}
.hostel-fees-card{
  background-color: #fff;
  width: 380px;
  padding: 30px 30px;
  border-radius: 12px;
}
.hostel-ul{
  text-align: left;
}
.hostel-ul .hostel-li{
  display: flex;
  justify-content: space-between;
  text-align: left;
  padding: 10px;
}
.hostel-ul .hostel-li p{
  font-family: 'Roboto';
  font-size: 1.8rem;
  font-weight: 600;
}
.hostel-li-p-rates{
  color: #e10013;
}
.hostel-bottom{
  z-index: 2; 
  display: flex;
  justify-content: center;
  align-items: center;
}
.hostel-image-cards{
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.hostel-image-cards img{
  border-radius: 20px;
  width: 45%;
  height: 280px;
}
.v-f-w-physio-content{
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.v-f-w-physio-content h3{
  font-size: 4rem;
  color: #cf2027;
  font-weight: 600;
  font-family: 'Roboto';
}
.visiting-faculty-physio{
  display: flex;
  justify-content: center;
  margin-top: 60px;
  margin-bottom: 40px;
}

.v-f-w-physio{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  padding: 0 60px;
}
.v-f-c-physio{
  border-radius: 10px;
  display: flex;
  background-color: #f3f3f3;
  overflow: hidden;
}

.v-f-c-physio div{
  padding: 20px;
}


.dignataries_common{
  display: grid;
  grid-template-columns: auto auto auto auto;
  column-gap: 30px;
  row-gap: 30px;
  padding: 20px;
}
.dignataries_common img{
  border-radius: 12px;
  width: 100%;
  height: 100% !important;
}
.g-d-c-1,.g-d-c-2, .g-d-c-3, .g-d-c-4, .g-d-c-5{
  position: relative;
}
.overlay_dc, .overlay_dc1{
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  border-radius: 0 0 10px 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 4px 4px 4px 20px;
}
.overlay_dc{
  top: 81%;
}
.overlay_dc1{
  top: 91%;
}
.overlay_dc, .overlay_dc1 h3{
  color: #fff !important;
  font-size: 1.4rem;
}
.overlay_dc, .overlay_dc1 span{
  color: #fff !important;
  font-size: 1.2rem !important;
  line-height: 1;
}
.g-d-c-1{
  grid-column: 1/3;
  grid-row: 1/3;
}


.chancellor-wrapper{
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 60px;
}

.chancellor-photo-side{
  max-width: 50vw;
}

.chancellor-quote-side{
  max-width: 50vw;
  padding: 20px 0px 20px 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.chancellor-image-wrapper{
  max-width: 100%;
}




.chancellor-quote-side p{
  color: #000;
  font-size: 3rem;
  line-height: 4rem;
  font-weight: 600;
  margin-bottom: 3rem;
  position: relative;
}
.chancellor-quote-side p::before{
    content: "“";
    position: absolute;
    z-index: -1;
    top: 75px;
    left: -16px;
    font-size: 382px;
    font-weight: normal;
    color: #e10013;
    opacity: 0.4;
}
.chancellor-quote-side h4{
  font-size: 3rem;
  color: #e10013;
  font-weight: 600;
  margin: 0;
}
.chancellor-quote-side span{
  font-size: 3rem;
  font-weight: normal;
}

@media only screen and (max-width: 600px){
  .chancellor-wrapper{
    flex-direction: column;
    padding: 20px;
  }
  
.chancellor-photo-side{
  max-width: 96vw;
}
.chancellor-quote-side {
  max-width: 100vw;
  padding: 0;
  margin-top: 4rem;
}
.chancellor-quote-side p {
  color: rgb(0, 0, 0);
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.chancellor-quote-side p::before {
  top: 36px;
  left: -6px;
  font-size: 200px;
}
.chancellor-quote-side h4 {
  font-size: 2rem;
}
.chancellor-quote-side span {
  font-size: 2rem;
}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  
  .chancellor-quote-side p {
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 600;
    margin-bottom: 1rem;
  }
  .chancellor-quote-side p::before {
    top: 36px;
    left: -6px;
    font-size: 200px;
  }
  .chancellor-quote-side h4 {
    font-size: 2rem;
  }
  .chancellor-quote-side span {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 992px) {
  .chancellor-quote-side p {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
    margin-bottom: 1rem;
  }
  .chancellor-quote-side p::before {
    top: 36px;
    left: -6px;
    font-size: 200px;
  }
  .chancellor-quote-side h4 {
    font-size: 3rem;
  }
  .chancellor-quote-side span {
    font-size: 3rem;
  }
}

.testimonials-section{
  margin-top: 40px;
  margin-bottom: 40px;

}

.testimonials-content-wrapper h3{
  text-align: center;
  font-size: 4rem;
  font-weight: 600;
  color: #cf2027;
  margin-bottom: 20px;
}
.testimonials-wrapper{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.testimonials{
  transform: scale(1);
  margin: 1rem 0;
  display: grid;
  grid-gap: 1.5rem;
  grid-template-rows: repeat(2,28rem);
  grid-template-columns: repeat(4,34rem);
  font-family: 'Barlow Semi Condensed', sans-serif;
}
.eachtestimonial{
  padding: 1rem 2rem;
  border-radius: 0.8rem;
  box-shadow: 5px 5px 20px #6d6b6b6b;
  color: white;
}
.testimonial1{
  background: #cf2027;
  grid-column: 1/3;
  grid-row: 1/2;
  background-image: url(https://raw.githubusercontent.com/RahulSahOfficial/testimonials_grid_section/5532c958b7d3c9b910a216b198fdd21c73112d84/images/bg-pattern-quotation.svg);
  background-repeat: no-repeat;
  background-position-x: 55rem;
}
.testimonial2{
  background: #cf2027;
  grid-column: 3/4;
  grid-row: 1/2;
}

.testimonial3{
  background: white;
  grid-column: 4/5;
  grid-row: 1/3;
  color: black;
}
.testimonial3 .testimonial-review p{
  color: #000 !important;
}
.testimonial4{
  background: white;
  grid-column: 1/2;
  grid-row: 2/3;
  color: black;
}
.testimonial4 p{
  color: #000 !important;
}
.testimonial5{
  background: #cf2027;
  grid-column: 2/4;
  grid-row: 2/3;
}

.testimonial-user-details{
  display: flex;
}
.testimonial-imgbox{
  margin-right: 1rem;
}

.testimonial-imgbox img{
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
  border: 2px solid #cec5c5;
}

.testimonial-detbox{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.testimonial-detbox p{
  margin: 0;
}

.testimonial-detbox .testimonial-name{
  color: hsl(0,0%, 81%);
  font-size: 1.4rem;
  margin-bottom: 0.1rem;
  font-weight: 600;
  line-height: 1rem;
}

.testimonial-detbox .testimonial-name.dark{
  color: #49505A;
}
.testimonial-detbox .testimonial-designation{
  color: hsl(0,0%, 81%);
  opacity: 50%;
  font-size: 1.1rem;
  line-height: 1rem;
  margin-top: 0.5rem;
}

.testimonial-detbox .testimonial-designation.dark{
  color: #49505A;
}
.testimonial-review{
  margin-top: 1.6rem;
}

.testimonial-review h4{
  font-size: 2rem;
  /* color: #F3DEFF; */
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 0.8rem;
}
.testimonial-review.dark h4{
  color: #4B5258;
}

.testimonial-review p{
  font-size: 1.4rem;
  /* color: #F3DEFF; */
  font-weight: 500;
  opacity: 50%;
  line-height: 1.5;
}

.testimonial-review.dark p{
  color: #0e0e0e;
}

@media only screen and (max-width: 1368px){
  .testimonials{
    transform: scale(0.75);
  }
}

@media only screen and (max-width: 1000px){
  .testimonials{
    transform: scale(0.55);
  }
}

@media only screen and (max-width: 800px){
  .testimonials{
    transform: scale(0.42);
  }
}

@media only screen and (max-width: 600px){
  .testimonial1{
    background-position-x: 25rem;
  }
  .testimonials{
    display: flex;
    flex-direction: column;
    transform: scale(1);
    margin: 2rem;
    margin-bottom: 5rem;
  }
}

.testimonial1 .testimonial-review p{
  color: white;
  opacity: 90%;
}

.testimonial2 .testimonial-review p{
  color: white;
  opacity: 90%;
}

.testimonial5 .testimonial-review p{
  color: white;
  opacity: 90%;
}

.testimonial3 .testimonial-detbox p{
  color: #777;
}
.testimonial4 .testimonial-detbox p{
  color: #777;
}

#placements{
  margin: 4rem 0 0 0;
}

.study-abroad-section{
  position: relative;
  /* height: 820px; Set your desired height */
  background-image: url(https://d2rvuxjtzdmuvr.cloudfront.net/data/international-bg.png); /* Replace with your image URL */
  background-size: cover;
  background-position: center;
  color: #fff;
  margin-top: 20px;
}
.study-abroad-section::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(129, 32, 32, 0.842);
    opacity: 1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.study-abroad-wrapper{
  display: flex;
  flex-direction: column;
  padding: 60px 60px;
  position: relative;
  z-index: 2;
}
.top-section-study-abroad{
  display: flex;
  flex-direction: column;
  text-align: center;
}
.top-section-study-abroad h2{
  color: #fff;
  font-size: 4rem;
  font-weight: 600;
  margin-bottom: 40px;
}

.callouts-study-abroad{
  display: flex;
  justify-content: space-around;
  margin-bottom: 8rem;
  padding: 20px 120px;
  flex-wrap: wrap;
}
.callout-study-abroad{
  text-align: center;
  max-width: 300px;
}
.callout-study-abroad p{
  font-size: 4rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
}
.callout-study-abroad p span{
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.2rem !important;
  padding: 0;
  margin: 0;
}

.study-abroad-cards{
  display: flex;
  justify-content: space-between;
}
.study-abroad-cards-mobile{
  display: flex;
  flex-direction: column;
}
.study-abroad-cards-mobile .owl-nav{
  display: none;
}
.study-abroad-card{
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 14px;
  max-width: 20%;
  padding: 1px;
  overflow: hidden;
}
.study-abroad-card .img-fluid{
  width: 100%;
}
.study-abroad-card-body{
  padding: 8px 12px;
}
.study-abroad-card-body  h4{
  color: #000;
  font-weight: 600;
}
big{
  font-size: 2rem;
  font-weight: 600;
  display: block;
  margin-top: 14px;
  margin-bottom: 4px;
}

.study-abroad-cards-mobile{
  display: none;
}



@media screen and (max-width: 768px){
  .testimonials-section{
    margin-top: -20px;
  }
  .v-f-w-physio-content h3{
    font-size: 2.4rem;
    max-width: 80%;
    text-align: center;
  }
  .v-f-w-physio{
    grid-template-columns: 1fr;
  }
  .v-f-c-physio{
    flex-direction: column;
  }
  .v-f-c-physio h3{
    font-size: 2rem;
  }
  .v-f-c-physio p{
    font-size: 1.4rem;
  }
  .testimonials-content-wrapper h3{
    font-size: 3rem;
    margin-bottom: 5px;
  }
  #placements{
    margin: 3rem 0 0 0;
  }
  .leading-recruitors-heading{
    margin-bottom: -1rem;
  }
  .top-section-study-abroad h2{
    font-size: 3rem;
    margin-bottom: 20px;
  }
  .study-abroad-wrapper{
    padding: 30px 30px;
  }
  .callouts-study-abroad{
    padding: 20px 0;
    justify-content: center;
    margin-bottom: 2rem;
  }
  .callout-study-abroad{
    max-width: 40vw;
    padding: 20px 10px;
  }
  .callout-study-abroad p{
    font-size: 3rem;
  }
  .callout-study-abroad p span{
    font-size: 1.4rem;
  }
  big{
    font-size: 2rem;
  }
  .study-abroad-cards{
    display: none;
  }
  .study-abroad-cards-mobile{
    display: block;
  }
  .study-abroad-card{
    max-width: 80%;
  }
  .study-abroad-card-heading{
    font-size: 1.6rem !important
  }
  .study-abroad-card-description{
    font-size: 1.4rem !important;
  }

  .hostel-section-wrapper{
    padding: 60px 20px;
  }
  .hostel-top-1{
    flex-direction: column;
  }
  .hostel-top-1 >div{
    margin-bottom: 80px;
  }
  .hostel-price-wrapper span{
    font-size: 1.6rem;
  }
  .hostel-top-1 div h3{
    font-size: 2.8rem;
    width: 100%;
  }
  .hostel-top-1 div p{
    font-size: 1.4rem;
    width: 100%;
    text-align: left;
    line-height: 1.8rem;
  }
  .gujrat-video-final-class{
    width: 98%;
  }
  .hostel-top-2{
    margin:0;
    flex-direction: column;
  }
  .hostel-bottom{
  }
  .hostel-top-2-top{
    padding: 0 40px;
  }
  .hostel-top-2 ul li{
    font-size: 1.8rem;
  }
  .hostel-image-cards{
    flex-direction: column;
  }
  .hostel-image-cards img{
    width: 100%;
    margin-bottom: 20px ;
  }
 }

.nims-logo{
  height: 5rem !important;
}




.programsdropdowncourseheading{
  font-size: 1.3rem !important
}









.programs-wrapper  .btn-box-courses{
  display: flex;
  border-bottom: 1px solid #ccc;
}

.btn-box-courses button{
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 1.4rem 1.6rem;
  margin-right: 5rem;;
  font-size: 2rem;
  font-weight: bold;
}

.btn-box-courses button:hover{
  color: red;
}


.heading-learn-from-best{
  font-size: 4rem !important;
  font-weight: 600 !important;
  font-family: 'Roboto' !important;
}
.heading-learn-from-best-description{
  font-size: 1.8rem !important;
  font-family: 'Roboto' !important;
}



ul.pagination {
  display: inline-block;
  padding: 0;
  margin: 0
}

ul.pagination li {
  display: inline
}

ul.pagination li a {
  color: #000;
  float: left;
  padding: 8px 16px;
  text-decoration: none
}























/* Start form section */
.block-class{max-width:100%;background-color:#fff;}
.block-class .form-control {padding-left: 10px;}
.block-class .input-group-btn.bs-dropdown-to-select-group {padding-right: 3px !important;}
.block-class .dynamic_theme_block .form-custom .form-group.StateId {padding: 0 10px 0 0;}
.block-class .panel, .block-class .panel-default > .panel-heading{background-color: transparent !important;}
.block-class .panel-default, .block-class .panel-default > .panel-heading{border:none; padding: 0 0 10px 0;}
.panel-default > .panel-heading{font-family: 'Nunito Sans', sans-serif;color:#fff; font-size:24px;line-height: 100%;}
.form-heading{padding-top:10px;margin:0}.form-block{max-width:400px;min-width:400px;font-size:12px;position:absolute;left:50%;margin-left:176px}
.form-block-inner{background-color:#fff}.form-group>label{font-weight:normal;line-height:18px;display:none}.form-group>label[for="termscondition"]{display:block}input[type="checkbox"]{vertical-align:top;margin-top: 2px;}.form-control::-moz-placeholder,.has-error .SumoSelect::-moz-placeholder{color:#333}.select-arrow-cust{background-color:transparent}.has-error .form-control,.has-error .SumoSelect{border-color:#f44336;box-shadow:none;color:#f44336}.has-error .form-control::-webkit-input-placeholder,.has-error .SumoSelect::-webkit-input-placeholder{color:#f44336}.has-error .form-control:-moz-placeholder,.has-error .SumoSelect:-moz-placeholder{color:#f44336}.has-error .form-control::-moz-placeholder,.has-error .SumoSelect::-moz-placeholder{color:#f44336}.has-error .form-control:-ms-input-placeholder,.has-error .SumoSelect:-ms-input-placeholder{color:#f44336}
.panel.dynamic_theme_block{border:none;padding: 10px 20px 10px 20px;margin-bottom:0;/* border-radius: 10px; */}.panel.dynamic_theme_block .nav-tabs{border:none}.panel.dynamic_theme_block .nav>li>a{padding:5px 15px;border:none;font-size:14px;color:#2874f0;border-bottom:1px solid #ddd;padding-left: 18px;padding-right: 18px;}
.panel.dynamic_theme_block .nav-tabs>li.active>a,.panel.dynamic_theme_block .nav-tabs>li.active>a:focus,.panel.dynamic_theme_block .nav-tabs>li.active>a:hover{border:none;background-color: #dd302e;padding-right: 18px;border-bottom: 1px solid #dd302e;font-size: 15px;padding-left: 18px;}
.panel.dynamic_theme_block .nav-tabs>li>a:focus,.panel.dynamic_theme_block .nav-tabs>li>a:hover{background-color: transparent;}.panel.dynamic_theme_block .panel-body{box-shadow:0 0 0 #fff;margin-top: 8px;padding:0;}
.panel.dynamic_theme_block .form-custom .Mobile .form-control,.panel.dynamic_theme_block .form-custom .Mobile .has-error .SumoSelect,.has-error .panel.dynamic_theme_block .form-custom .Mobile .SumoSelect{padding:0 0 5px}
.panel.dynamic_theme_block .or-seperator{margin:20px 0 10px}.panel.dynamic_theme_block .form-custom{max-height:100%;padding-right:0}
.panel.dynamic_theme_block .btn-npf{background-color: #009846;border:none;color: #fff;font-size: 14px;width: 180px;margin-top: 5px;text-transform: uppercase;border-radius:0;transition: .5s;z-index: 1;position: relative;font-weight: 700;letter-spacing: .5px;border: 1px solid #009846;border-radius: 5px; padding: 10px 0; /* margin-left: 22%; */}
.panel.dynamic_theme_block .btn-npf:before {position: absolute;content: "";left: 0;top: 0;height: 100%;width: 100%;background: #009846;transform: scaleX(0);transition: .5s;z-index: -1;}
.panel.dynamic_theme_block .btn-npf:hover:before {transform: scaleX(1);}
.panel.dynamic_theme_block .btn-npf:hover,.panel.dynamic_theme_block .btn-npf:focus{background-color: #009846;color:#fff !important;border: 1px solid #009846;}.accordionStyle .panel-accordion{border-radius:0;border:1px solid #ccc}.accordionStyle .panel-heading{padding:0}
.form-control, .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, .input-group-btn .btn{background-color: transparent;border:1px solid #e6e6e6;color:#000;border-radius: 0;}
.dynamic_theme_block .form-control[disabled], .dynamic_theme_block .form-control[readonly], .dynamic_theme_block fieldset[disabled] .form-control {
background-color: transparent;color: #999;border: 1px solid #e6e6e6;border-radius: 0;}
.form-group.label-floating.Mobile.country_dial_code.reg_mobile_div span {font-size: 10px;color: #f44336;}
.merge_field_div{ margin-bottom:15px;}
.input-group .form-group{vertical-align:top;display:table-cell;}
.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #000;}
.form-control::-moz-placeholder { /* Firefox 19+ */color: #000;}
.form-control:-ms-input-placeholder { /* IE 10+ */color: #000;}
.form-control:-moz-placeholder { /* Firefox 18- */color: #000;}

/** Start css for focus on input field **/
.input-focus::-webkit-input-placeholder { color: #ccc; }    
.input-focus::-moz-placeholder { color: #ccc; }
.input-focus::-ms-input-placeholder { color: #ccc; }
/** End css for focus on input field **/

.panel.dynamic_theme_block .form-custom .Mobile .form-control, 
.panel.dynamic_theme_block .form-custom .Mobile .has-error .SumoSelect, 
.has-error .panel.dynamic_theme_block .form-custom .Mobile .SumoSelect{
	padding: 6px 6px 6px 10px;
}
.dynamic_theme_block .merge_field_div .bs-dropdown-to-select-group .bs-dropdown-to-select{
	background-color:  #fff;
	padding: 8px 10px;
	border-top: 1px solid #e6e6e6 !important;
	border-right: 1px solid #e6e6e6 !important;
	border-left: 1px solid #e6e6e6 !important;
	border-radius:0;
	color: #000;
}
.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group{margin-right:0;}
.dynamic_theme_block .form-custom .form-group.CourseId{width: 102.5%;padding: 0 10px 0 0;}
.dynamic_theme_block .form-custom .agree-group .agree-condition{color: #000;line-height: 12px;font-size: 12.4px;}
.CountryId:before, .StateId:before, .CityId:before, .CourseId:before, .reg_specialization_id_div:before, .reg_university_id_div:before {z-index:1;color:#000;font-size: 16px;margin-bottom: -10px;}
.CourseId:before{right: 10px !important;}
.form-group.label-floating.field-select.reg_university_id_div {position: relative;}
.reg_university_id_div:before {position: absolute;}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus{-webkit-text-fill-color: #000;-webkit-box-shadow: 0 0 0px 1000px #fff inset;}

.form-control:focus { border-color: lightgrey;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(211,211,211,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(211,211,211,.6);}
.form-control {-webkit-box-shadow: none; box-shadow:none;}
.form-custom{ overflow: unset;}
.dynamic_theme_block .tab-pane .form-group, 
.dynamic_theme_block .form-custom .merge_field_div, 
.dynamic_theme_block .form-custom .checkbox{margin-bottom:15px;}
.dynamic_theme_block .btn-register{margin:0;}
.dynamic_theme_block .fpass a {color:#2874f0;text-transform: uppercase;}
span.agree-condition {color:  #000;font-size: 13px;}
.form-group.agree-group.col-md-12.m0.has-error .help-block {font-size: 10px;}
.form-group.agree-group.col-md-12.m0.has-error {line-height: 18px;}
.StateId:before {right: 20px;}
.panel.dynamic_theme_block .nav>li>a[aria-expanded="true"]{color: #fff;text-shadow: 1px 1px 1px #000;}
.form-control {padding: 0 5px 0px;height: 38px;}
.dynamic_theme_block .tab-pane .form-group {margin-bottom: 10px;}
.panel-default>.panel-heading {margin-top: 5px;/* display: none; */}
.dynamic_theme_block .form-custom .captcha {margin-top: 0px;}
.dynamic_theme_block .form-custom .form-group.StateId {margin-top: 0px;}
.dynamic_theme_block .form-custom .form-group.CityId {margin-top: 0px;}
.dynamic_theme_block .tab-pane .form-group, .dynamic_theme_block .form-custom .merge_field_div, .dynamic_theme_block .form-custom .checkbox {margin-bottom: 5px;}
.dynamic_theme_block .form-custom .checkbox{margin: 5px 0 0;}
 input#Captcha {padding: 14px 5px;} 
.block-class input#Captcha{padding-left: 10px;} 
.dynamic_theme_block .form-custom .form-group.captcha-txt {width: 50%;padding-right: 10px;}
.dynamic_theme_block .form-group.has-error .help-block {color: red;}
.dynamic_theme_block .form-custom .captcha {width: 100%;float: left;padding: 0;z-index: 999;position: relative;clear: both;margin-bottom: 5px;}
.dynamic_theme_block .captcha img {width: 50%;height: 36px;float: right;padding-right: 0;margin-right: 0;}
.dynamic_theme_block .captcha .CaptchaRefreshBtn {top: 8px;right: 0px;color: #000;border: none;position: absolute;background-color: #fff;font-size: 0px;margin-right: 0; width: 50px;}
.dynamic_theme_block #forgotBtn {margin-top: 20px;/* margin-left: 20%; */}
.form-control {font-size: 13px;z-index: 11;}
.form-group.label-floating.Mobile.country_dial_code.reg_mobile_div.is-focused .help-block {display:  block;color: #767676;}
.help-block {font-size:10px;}
.form-group.label-floating.is-empty.captcha-txt.has-error .help-block {margin-bottom: 10px;}
.form-group.is-focused .help-block {line-height: 12px;}
.dynamic_theme_block .tab-content .help-block {line-height: 12px;font-size: 10px;/* color: white!important; */}
.dynamic_theme_block .form-group.has-error .help-block {font-size: 11px;/* margin-top: 2px; */}
 input#forgetEmail{margin-top: 10px;}
.reg_specialization_id_div:before{content: "\f107";font-family: FontAwesome; position: absolute; right: 10px;font-size: 16px;color: #000;top: 4px;}
.reg_specialization_id_div {display: inline-block;width: 50%;position: relative;}
.Password.reg_password_div {clear: both;}
.block-class .dynamic_theme_block .datepicker-field .form-control[readonly] {border: 1px solid #e6e6e6;}
/* .form-group.label-floating.reg_email_div.Email_email .help-block {line-height: 12px !important;margin-top: 2px !important;}
.form-group.label-floating.reg_email_div.Email_email .help-block{color: red !important;font-size: 9px;} */
.dynamic_theme_block .tab-content { line-height: 18px;}
.fbLogin, .gpLogin {padding: 5px 3px;font-size:12px;}
.row.margin-top-10.margin0 .col-sm-6 {width:48%;padding-right:0;}
.gpLogin {padding: 5px;}
#tab3default > div > div.form-group.agree-group.col-sm-6.col-xs-6.text-left.fpass > a {/* float: left; */}
#tab3default > div > div.form-group.agree-group.col-sm-6.col-xs-6.text-right.fpass > a {margin-right: 0;}
button#registerBtn {margin-bottom: 5px;}
h2#alertTitle {font-size: 22px;}
.dynamic_theme_block .CaptchaRefreshBtn:before {content: "\e031";font-family: 'Glyphicons Halflings';font-size: 14px;}
.CountryId:before, .StateId:before, .CityId:before, .CourseId:before, .reg_specialization_id_div:before, .reg_university_id_div:before {content: '';border-color: transparent #000 #000 transparent;border-style: solid;border-width: 6px; right: 0px; bottom: 0; margin-bottom:0;top: auto;}
.StateId:before {right: 15px;}
.form-group.label-floating.reg_name_div {margin-top:  -5px;}
.site-logo {padding: 4px 0;}
.block-class .StateId:before {right: 10px;}
.help-block {color:red;}
.fa-graduation-cap:before{color:#eb1b2b;}
.form-group.label-floating.has-error .help-block {margin-top: 2px;}
img.plane_img {max-width: 12%;margin-top: 3px;padding-bottom: 3px;}
span.apply_now {padding-right: 8px;letter-spacing: .5px;font-weight: 700;font-size: 14px;}
#loginBtn img {max-width: 12%;margin-top: 4px;padding-bottom: 3px;}
#otpSubmitBtn {
  background-color: #009846;
  color: #fff;
  border-color: #009846;
  text-transform: uppercase;
}

#otpSubmitBtn:hover {
  background-color: #000;
  color: #fff !important;
  text-decoration: none;
  border-color: #000;
}    

.panel.dynamic_theme_block .tab-pane .form-group.fpass a.registerYet {display: none;font-size: 14px;opacity: .8;text-transform: capitalize;padding-top: 4px;font-weight: 600;}
.panel.dynamic_theme_block .tab-pane .form-group.fpass a {font-size: 14px;opacity: .8;text-transform: capitalize;display: block;font-weight: 600;}
.form-group.agree-group.col-md-12.text-center.fpass {margin-bottom: 0;}
.form-group.agree-group.col-sm-6.col-xs-6.text-left.fpass {margin-bottom: 0;}
.form-group.agree-group.col-sm-6.col-xs-6.text-right.fpass {margin-bottom: 0;}
.resentVerification.text-center {/* text-transform: uppercase; */margin-top: 2px;}
.resetVerify a {font-size: 14px;opacity: .9;font-weight: 600;}
.text-center.center-link a {font-size: 14.5px;opacity: .8;font-weight: 600;}
.color-class a#loginViaOtp {
    font-size: 12px;
    opacity: .8;
    font-weight: 600;
    color: #fff;
}
/** Start Strong Password Section **/
.info-password { right: 50%;margin-right: -146px;margin-top: 2px;}
.popover {font-size: 12px;}
/** End Strong Password Section **/

/* Start Inline class section */

.inline-class { max-width:100%; background-color: #fff;}
.inline-class .panel, .inline-class .panel-default > .panel-heading{background-color: transparent !important;color: red !important;}
.inline-class .panel.dynamic_theme_block .nav>li>a {color: #2874f0; border-bottom: 1px solid #ddd;}
.inline-class .panel.dynamic_theme_block .nav>li>a[aria-expanded="true"] {color: #fff;}
.inline-class .dynamic_theme_block .fpass a {color: #2874f0;}
.inline-class .dynamic_theme_block .form-custom .agree-group .agree-condition {color: #000;} 
.inline-class .form-control, .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, .input-group-btn .btn {color: #000;background-color: transparent;border-radius:0;border: 0;}  
.inline-class .dynamic_theme_block .merge_field_div .bs-dropdown-to-select-group .bs-dropdown-to-select {background-color: #fff;border:0 !important;border-radius: 0;color: #000;}
.inline-class .CountryId:before, .inline-class .StateId:before, .inline-class .CityId:before, .inline-class .CourseId:before, .inline-class .reg_specialization_id_div:before {color: #000;font-size: 16px;}   
.inline-class .dynamic_theme_block .form-control[disabled], .dynamic_theme_block .form-control[readonly], .dynamic_theme_block fieldset[disabled] .form-control{background-color: transparent;color: #999;border: none;border-bottom: 1px solid lightgrey;}  
.inline-class .form-control {-webkit-box-shadow: none;box-shadow: none;border-bottom: 1px solid #ddd; }
.inline-class .dynamic_theme_block .merge_field_div .bs-dropdown-to-select-group {border-bottom: 1px solid lightgrey;}
.inline-class .dynamic_theme_block .merge_field_div .bs-dropdown-to-select-group .bs-dropdown-to-select {padding: 4px 10px 4px 10px;} 
.inline-class .panel.dynamic_theme_block .form-custom .Mobile .form-control, .inline-class .panel.dynamic_theme_block .form-custom .Mobile .has-error .SumoSelect, .inline-class .has-error .panel.dynamic_theme_block .form-custom .Mobile .SumoSelect{border-radius: 0;}
.inline-class .form-control {font-size: 13px;z-index: 11;}
.inline-class .panel.dynamic_theme_block{padding: 8px 20px 8px 20px;}
.inline-class .panel-default>.panel-heading {margin-top: 5px;border-bottom: unset;} 
.inline-class .dynamic_theme_block .tab-pane .form-group, .inline-class .dynamic_theme_block .form-custom .merge_field_div, .inline-class .dynamic_theme_block .form-custom .checkbox{margin-bottom: 8px;}    
.inline-class span.agree-condition {color: #000;}
.inline-class .panel.dynamic_theme_block .nav-tabs>li.active>a, .inline-class .panel.dynamic_theme_block .nav-tabs>li.active>a:focus, .inline-class .panel.dynamic_theme_block .nav-tabs>li.active>a:hover{border-bottom: 1px solid #dd302e;}
.inline-class .dynamic_theme_block .form-custom .checkbox{margin: 5px 0 0;}
.inline-class .panel.dynamic_theme_block .form-custom{max-height: 100%;overflow: unset;}
.inline-class .form-group.label-floating.Mobile.country_dial_code.reg_mobile_div .help-block {position: absolute;bottom: -13px;}
.inline-class .has-error .form-control{border-color: red;}
.inline-class .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #000;}
.inline-class .form-control::-moz-placeholder { /* Firefox 19+ */ color: #000;}
.inline-class .form-control:-ms-input-placeholder { /* IE 10+ */color: #000;}
.inline-class .form-control:-moz-placeholder { /* Firefox 18- */color: #000;}
/** Start css for focus on input field **/
.inline-class .form-control.input-focus::-webkit-input-placeholder { color: #ccc; }
.inline-class .form-control.input-focus::-moz-input-placeholder { color: #ccc; }
.inline-class .form-control.input-focus::-ms-input-placeholder { color: #ccc; }
/** End css for focus on input field **/
/* End inline class section */

/** Start color class section **/
.color-class{background-color: #ED213A;}    
.color-class button.btn.btn-default.dropdown-toggle.as-is.bs-dropdown-to-select {background-color: #fff;color: #000;border-radius: 2px;}
.color-class .dynamic_theme_block .form-custom .agree-group .agree-condition {color: #fff;}
.color-class .form-control {color: #000;background-color: #fff;border-radius: 4px;}  
.color-class .CountryId:before, .color-class .StateId:before, .color-class .CityId:before, .color-class .CourseId:before, .color-class .reg_specialization_id_div:before, .color-class .reg_university_id_div:before {color: #fff;z-index: 9999;}
.CountryId.has-error:before, .StateId.has-error:before, .CityId.has-error:before, .CourseId.has-error:before, .reg_specialization_id_div.has-error:before, .reg_university_id_div.has-error:before{
    bottom: 2px;
}
.color-class .reg_specialization_id_div:before {color: #fff;}   
.color-class .panel.dynamic_theme_block .nav>li>a {color: #fff;}  
.color-class span.agree-condition { color: #fff; }   
.color-class .dynamic_theme_block .fpass a {color: #fff; text-decoration: underline;font-size: 12.4px;}
.color-class .form-group.label-floating.Mobile.country_dial_code.reg_mobile_div span{color: #fff;}
.color-class .form-control.select-arrow-cust option { color: #000;}
.color-class .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #000;}
.color-class .form-control::-moz-placeholder { /* Firefox 19+ */color: #000;}
.color-class .form-control::-ms-input-placeholder { /* IE 10+ */color: #000;}
.color-class .form-control::-moz-placeholder { /* Firefox 18- */color: #000;}
.color-class .form-click {background-color: #2e6a8f;color:#fff;} 
.color-class .form-group.agree-group.col-md-12.m0.has-error .help-block {color: yellow;font-size: 11px;}
.color-class .form-group.label-floating.reg_email_div.Email_email .help-block {color: #fff !important;}
.color-class .form-group.label-floating.has-error .help-block {color: #fff;}
.color-class .form-group.label-floating.reg_email_div.Email_email.has-error .help-block a {color: yellow;}
.color-class .form-group.label-floating.reg_email_div.Email_email .help-block a {color: yellow;}
.color-class .form-group.label-floating.has-error .help-block a {color: yellow;}
.color-class .form-group.label-floating.reg_name_div .help-block{color: #fff;}
.color-class .form-group.label-floating.Mobile.country_dial_code.reg_mobile_div.is-focused .help-block {color: #fff;}
.color-class .dynamic_theme_block .form-control[disabled], .color-class .dynamic_theme_block .form-control[readonly], .color-class .dynamic_theme_block fieldset[disabled] .form-control {background-color:#f1f1f1;color:#000;border-radius: 2px;}
.color-class .panel.dynamic_theme_block .form-custom .Mobile .form-control, .color-class .panel.dynamic_theme_block .form-custom .Mobile .has-error .SumoSelect, .color-class .has-error .panel.dynamic_theme_block .form-custom .Mobile .SumoSelect {border-radius:2px;}
.color-class .dynamic_theme_block .captcha img {border-radius: 2px;width: 50%;margin-right: 0;padding-right: 0;float: right;height: 38px;}
.color-class .dynamic_theme_block .form-custom .form-group.captcha-txt {padding-left: 1px;}
.color-class .fbLogin {color: #fff;border-color: #fff;}
.color-class .gpLogin {color: #fff;border-color: #fff;}
.color-class .inLogin {
    font-size: 12px;
    color: #fff;
    border-color: #fff;
}
.color-class .form-heading {color: #fff;}
.color-class .fa-graduation-cap:before{color: #fff;}
.color-class .text-center.center-link a {color: #fff;display: none;}
.color-class .resetVerify a { color: #fff; text-decoration: underline;}
/** End color class section **/
/** Start css for focus on input field **/
.color-class .form-control.input-focus::-webkit-input-placeholder { color: #ccc; }
.color-class .form-control.input-focus::-moz-input-placeholder { color: #ccc; }
.color-class .form-control.input-focus::-ms-input-placeholder { color: #ccc; }
/** End css for focus on input field **/

/** Start color class media query for image captcha **/
@media (max-width: 1100px) and (min-width: 400px){
    .color-class .dynamic_theme_block .captcha img {width: 50%;margin-right: 0;/* padding-right:10px; */}
    .color-class .dynamic_theme_block .form-custom .form-group.captcha-txt {padding-left: 0;}
}
/** End color class media query for image captcha **/

/** Start Link-Border Class **/
.link-border .panel.dynamic_theme_block {padding: 3px 25px 6px 25px;}
.link-border .panel.dynamic_theme_block .nav>li>a[aria-expanded="true"] {color:  #000;text-shadow:  unset;font-size: 15px;padding-bottom:10px;}
.link-border .panel.dynamic_theme_block .nav>li>a {border:  none;color: #333131;padding-left: 16px;padding-right: 16px; font-size: 15px;}
.link-border .panel.dynamic_theme_block .nav-tabs>li.active>a, .link-border .panel.dynamic_theme_block .nav-tabs>li.active>a:focus, .link-border .panel.dynamic_theme_block .nav-tabs>li.active>a:hover {background-color:  transparent;border-bottom: 2px solid #dd302e;}    
.link-border .panel.dynamic_theme_block .nav>li>a:hover {color:  #000;}
.link-border .panel.dynamic_theme_block .nav-tabs>li.active>a, .link-border .panel.dynamic_theme_block .nav-tabs>li.active>a:focus, .link-border .panel.dynamic_theme_block .nav-tabs>li.active>a:hover {
    padding-left:16px;padding-right:16px;}
@media(max-width:768px){
  .link-border .panel.dynamic_theme_block {padding: 3px 15px 6px 15px;}
}
/** End Link-Border Class **/  

/** Start Link-Border Class with color class **/
.color-class.link-border .panel.dynamic_theme_block .nav>li>a[aria-expanded="true"] {color: #fff; background: #000; padding: 5px 15px; border: 0;}
.color-class.link-border .panel.dynamic_theme_block .nav>li>a {color: #000; background: #fff; border-radius: 2px;}
.color-class.link-border .panel.dynamic_theme_block .nav>li>a:hover {color: #fff; background: #000;}
.nav-tabs>li{margin:0 10px 0 0 ;}
/** End Link-Border Class with color class **/  

/** Start css for input icons in the form **/

@font-face {
  font-family: 'icomoon';
  src:  url('https://cdn.npfs.co/uploads/template/643/5484/publish/fonts/icomoon.eot?bi9s3p');
  src:  url('https://cdn.npfs.co/uploads/template/643/5484/publish/fonts/icomoon.eot?bi9s3p#iefix') format('embedded-opentype'),
    url('https://cdn.npfs.co/uploads/template/643/5484/publish/fonts/icomoon.ttf?bi9s3p') format('truetype'),
    url('https://cdn.npfs.co/uploads/template/643/5484/publish/fonts/icomoon.woff?bi9s3p') format('woff'),
    url('https://cdn.npfs.co/uploads/template/643/5484/publish/fonts/icomoon.svg?bi9s3p#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-class .icon-name:before {content: "\e903";}
.icon-class .icon-Email:before {content: "\e902";} 
.icon-class .icon-phone:before {content: "\e905";}
.icon-class .icon-password:before {content: "\e904";}
.icon-class .icon-chat:before {content: "\e900";}
.icon-class .icon-State--city:before {content: "\e907";}
.icon-class .icon-school:before {content: "\e906";}
.icon-class .icon-course:before {content: "\e901";}

.icon-class .field-icon:before{color: #eb1b2b;font-size: 13px;font-weight: 700;}

.icon-class .field-icon {position:  absolute;margin-top: 10px;padding: 0 10px 0;z-index: 99;}
.datepicker-field:before{z-index:9999;left: 10px;margin-top: -10px;color: #eb1b2b;font-size: 13px;font-weight: 700;}
input#FieldScheduleCampusDate {padding-left: 30px;}
/** Start Font Family for form **/
.icon-class.formContainer {font-family: 'Nunito Sans', sans-serif; padding-top:10px ; padding-bottom:10px; background-color: #ED213A; position: relative; }
/** End Font Family for form **/

.icon-class #Name{padding-left: 30px;}
.icon-class #Email{padding-left:30px}
.icon-class button.btn.btn-default.dropdown-toggle.as-is.bs-dropdown-to-select{padding-left:30px}
.icon-class #opt_dataMobile{padding-left:30px}
.icon-class #StateId{padding-left:30px}
.icon-class #CityId{padding-left:30px}
.icon-class #loginEmail{padding-left:30px}
.icon-class #loginPassword{padding-left:30px}
.icon-class #forgetEmail{padding-left:30px}
.icon-class #resentVerificationEmail{padding-left:30px}
.icon-class #Password {padding-left: 30px;}
.icon-class #UniversityId { padding-left: 30px;}
.icon-class #CourseId {padding-left: 30px;}
.icon-class #SpecializationId {padding-left: 30px;}
.icon-class #CountryId {padding-left: 30px;}
/** End css for input icons in the form **/

  
/*** Start Form float design section ***/

.floatForm{-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;z-index: 9999;right:0;top:100px;}
.form-heading{background-color: transparent;color: #000;padding: 8px;margin: 0;font-size: 19px;padding-bottom: 2px;} 
.floatForm.open{-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);top: 80px;}
.form-clickOuter{left: 0;position:absolute;top: 50%;margin-top:-20px;margin-left: -107px;webkit-transform: rotate(270deg);-moz-transform: rotate(270deg);-ms-transform: rotate(270deg);-o-transform: rotate(270deg);transform: rotate(270deg);} 
.form-click{background-color: #dd302e;color: #fff; position: relative;font-size: 22px;padding: 10px 20px;cursor: pointer;display: inline-block;border-radius:5px 5px 0 0;border:1px solid #fff;border-bottom:none;}
.form-inner{position:relative;}
.form-block{max-width: 400px;min-width: 400px;font-size:12px;}
.form-block-inner{background-color:#fff;}

/*** End Form float design section ***/

/* Strat footer section */
.footer-top {background-color: #f9f9f9;padding: 5px 0;}
/* End footer section */

/** Start Form position section **/

   @media (min-width:1099px){
  .formContainer{max-width: 370px;min-width: 370px;z-index:1;border-radius: 5px;}

  .form-absolute{position:absolute;top: 10px;}
  .form-fixed{position:fixed;}
  .form-relative{position:relative;top:12px;}
  .form-position-left{left:50%;margin-left:-585px;}
  .form-position-right{right:50%;margin-right: -600px;/* border-radius: 5px; */box-shadow: 0 0 10px #000;}
  .resentVerification.text-center {/* text-transform: uppercase; */margin-top: 0px;/* position: absolute; */bottom: 0px;z-index: 9999;right: 20px;}
  .center-link {text-align: center;display: block;position: relative;}
  }
/** End Form position section **/

/* Start media query for mobile view */

@media (max-width: 1100px){

/* Start owl carousel section */
  .owl-carousel .owl-dots {display: none;}
  .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {position: absolute;font-size: 28px;top: 33%;color: #ccc;}
  .banner-section .owl-carousel .owl-nav{display: block;}
  .owl-carousel .owl-nav .owl-next { right: 10px;}
  .owl-carousel .owl-nav .owl-prev { left: 10px;}
/* End owl carousel section */

/** Start banner text content **/ 
.banner-text{top: 12%;position: absolute;z-index: 99;left: 3%;}
.banner-text-content{background-color: #000000c2;color: #fff;font-size: 13px;padding: 5px 7px;border-radius: 10px;}
/** End banner text content **/ 

/** Start form section **/
  .form-control{height: 38px;font-size: 14px;}
  .panel.dynamic_theme_block {padding: 12px;}
  .CountryId:before, .StateId:before, .CityId:before, .CourseId:before, .reg_specialization_id_div:before {content: '';border-color: transparent #000 #000 transparent;border-style: solid;border-width: 6px; right: 0px; bottom: 0; margin-bottom:0;top: auto;}
  .color-class .CountryId:before, .color-class .StateId:before, .color-class .CityId:before, .color-class .CourseId:before, .color-class .reg_specialization_id_div:before {border-color: transparent #000 #000 transparent;}
  .inline-class .StateId:before {right: 15px;}  
  .has-error.CountryId:before, .has-error.StateId:before, .has-error.CityId:before, .has-error.CourseId:before, .has-error.reg_specialization_id_div:before {bottom:3px;}
  .dynamic_theme_block .CaptchaRefreshBtn:before {font-size: 13px;}
  .dynamic_theme_block .merge_field_div .bs-dropdown-to-select-group .bs-dropdown-to-select{padding: 8px 10px 9px 10px;}
  .dynamic_theme_block .captcha img {height: 38px !important;}
  .dynamic_theme_block .captcha .CaptchaRefreshBtn{top: 9px; right: 0; left: auto; margin-right: 0; width: 50px;}
  .captcha{margin-bottom: 8px;}
  .fbLogin, .gpLogin, .color-class .inLogin {font-size:15px;padding:8px 10px;text-align:center}
  .row.margin-top-10.margin0 .col-sm-6 {width:100%; padding-right:15px;text-align:center;} 
  .dynamic_theme_block .form-custom .captcha {margin-bottom:14px;}
  .inline-class .panel.dynamic_theme_block{padding: 15px 20px 8px 20px;}
  .text-center.center-link a {font-size: 15px;}
  .resetVerify a {font-size: 15px;}
  .Password.reg_password_div {clear: both;}

/** End form section **/

}


label.control-label.widget_label {display: none;}



span.afterCImage {right: 33%;}

span.beforeCImage {left: 87%;}



input#otpField {
    text-indent: 16px;
}

::placeholder {
  opacity: 1 !important;
}




















.form-custom {
  max-height: 310px;
  overflow: auto;
  padding-right: 10px
}

.dynamic_theme_block {
  border: 0
}

.dynamic_theme_block .panel-heading {
  background-color: #fff !important;
  border-color: #fff !important;
  padding: 0;
  color: #444
}

.dynamic_theme_block .panel-body {
  box-shadow: 0 0 10px #a7a7a7;
  -webkit-box-shadow: 0 0 10px #a7a7a7;
  -moz-box-shadow: 0 0 10px #a7a7a7;
  -ms-box-shadow: 0 0 10px #a7a7a7;
  -o-box-shadow: 0 0 10px #a7a7a7;
  margin-top: 10px
}

.dynamic_theme_block .tab-content {
  box-shadow: none;
  padding: 0;
  margin-top: 0;
  line-height: 20px
}

.dynamic_theme_block .form-custom .merge_field_div {
  margin-bottom: 18px
}

.dynamic_theme_block .merge_field_div .bs-dropdown-to-select-group {
  padding: 0;
  vertical-align: top
}

.dynamic_theme_block .merge_field_div .bs-dropdown-to-select-group .bs-dropdown-to-select {
  float: left;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  padding: 0 15px 2px 0;
  height: auto
}

.dynamic_theme_block .merge_field_div .bs-dropdown-to-select-group .bs-dropdown-to-select span {
  font-size: 12px
}

.dynamic_theme_block .merge_field_div .bs-dropdown-to-select-group .bs-dropdown-to-select .caret {
  margin-left: 10px
}

.dynamic_theme_block .form-custom .form-group.Mobile {
  position: relative
}

.dynamic_theme_block .form-custom .Mobile .form-control {
  padding: 0 0 0 6px
}

.dynamic_theme_block .form-control[disabled],
.dynamic_theme_block .form-control[readonly],
.dynamic_theme_block fieldset[disabled] .form-control {
  background-color: #fff
}

.dynamic_theme_block .datepicker-field {
  position: relative;
  width: 100%;
  display: inline-block
}

.dynamic_theme_block .datepicker-field .form-control[readonly] {
  background-color: transparent;
  position: relative;
  z-index: 11
}

.dynamic_theme_block .form-custom .form-group.StateId {
  width: 50%;
  float: left;
  padding: 0 15px 0 0;
  z-index: 1;
  clear: both
}

.dynamic_theme_block .form-custom .form-group.CityId {
  width: 50%;
  float: left;
  padding: 0;
  z-index: 1
}

.dynamic_theme_block .form-custom .form-group.CourseId {
  width: 50%;
  float: left;
  padding: 0 15px 0 0;
  z-index: 1
}

.dynamic_theme_block .form-custom .form-group.SpecializationId {
  width: 50%;
  float: left;
  padding: 0;
  z-index: 1
}

.dynamic_theme_block .form-custom .npf_cpt_new {
  width: 100%;
  float: left;
  padding: 0;
  z-index: 999;
  position: relative;
  clear: both
}

.dynamic_theme_block .npf_cpt_new img {
  width: 100%;
  height: 34px;
  float: left;
  padding-right: 10px
}

.dynamic_theme_block .npf_cpt_new .CaptchaRefreshBtn {
  color: #000;
  border: none;
  position: absolute;
  background-color: #fff;
  font-size: 0;
  top: 4px
}

.dynamic_theme_block .npf_cpt_new .CaptchaRefreshBtn:before {
  content: "" !important;
  background: url('../img/widget/sprite.png') no-repeat;
  background-size: 16px;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  top: 0;
}

.dynamic_theme_block .form-custom .form-group.captcha-text {
  margin: 0;
  width: 50%;
  float: right;
  z-index: 1;
  position: relative
}

#registerForm .agree-group {
  padding: 0 !important;
  margin-bottom: 2px
}

.dynamic_theme_block .form-custom .checkbox {
  text-align: left;
  margin: 18px 0 0
}

.dynamic_theme_block .form-custom .agree-group .agree-condition {
  color: #515151;
  font-size: 12px;
  margin: 0;
  padding: 0;
  text-align: left
}

.dynamic_theme_block .btn-register {
  background-color: #d79e2f;
  border-color: #d79e2f;
  color: #333;
  width: 100%;
  display: inline-block;
  margin: 18px 0 0;
  font-size: 17px;
  -webkit-transition: all ease .6s;
  -ms-transition: all ease .6s;
  -moz-transition: all ease .6s;
  -o-transition: all ease .6s;
  transition: all ease .6s
}

.dynamic_theme_block .btn-login {
  background-color: #d79e2f;
  border-color: #d79e2f;
  color: #333;
  width: 100%;
  display: inline-block;
  margin: 0;
  font-size: 17px;
  -webkit-transition: all ease .6s;
  -ms-transition: all ease .6s;
  -moz-transition: all ease .6s;
  -o-transition: all ease .6s;
  transition: all ease .6s
}

.dynamic_theme_block #forgotBtn {
  margin: 0
}

.dynamic_theme_block .btn-register:focus,
.dynamic_theme_block .btn-register:hover {
  color: #d79e2f !important;
  background-color: #fff;
  color: #0064b1;
  text-decoration: none;
  border-color: #d79e2f
}

.dynamic_theme_block .btn-login:focus,
.dynamic_theme_block .btn-login:hover {
  color: #d79e2f !important;
  background-color: #fff;
  color: #0064b1;
  text-decoration: none;
  border-color: #d79e2f
}

.dynamic_theme_block .fpass a {
  font-size: 12px;
  color: #2874f0;
  padding: 10px 0 0;
  display: inline-block
}

.loginWithOtp a {
  font-size: 12px;
}

.dynamic_theme_block .fpass a:active,
.dynamic_theme_block .fpass a:hover {
  text-decoration: underline
}

.dynamic_theme_block .form-custom .Mobile .otpverifylink {
  top: 5px;
  right: 3px;
  z-index: 99;
  position: absolute
}

.dynamic_theme_block .form-custom .Mobile .otpverifylink a {
  height: 24px;
  line-height: 15px;
  display: inline-block;
  border-radius: 0;
  background-color: #00bcd4;
  padding: 4px 6px;
  color: #fff;
  font-size: 13px;
  cursor: pointer
}

.dynamic_theme_block .form-custom #otpverifylink-text {
  color: #b8b8b8;
  font-size: 12px;
  position: absolute;
  width: 60px;
  right: 0;
  top: 2px
}

.dynamic_theme_block .form-custom .form-group.OTP {
  position: relative;
  display: block;
  clear: both
}

.otpverified {
  position: absolute;
  top: 7px;
  right: 15px;
  color: #10934d;
  font-size: 13px
}

.otpunverified {
  position: absolute;
  top: 10px;
  right: 15px;
  color: #fe3c38;
  display: none;
  font-size: 13px
}

.verify-no-txt {
  display: block;
  position: relative
}

.dynamic_theme_block .form-custom .verify-no-txt .verifytxt {
  padding: 2px 0 0 0
}

.verifytxt {
  float: left;
  width: auto;
  font-size: 12px;
  color: #cecece;
  padding-top: 2px
}

.otpresendlink {
  float: right;
  width: auto
}

.otpresendlink a {
  font-size: 12px;
  text-decoration: none
}

.otptimer {
  float: right;
  width: auto;
  font-size: 12px;
  color: #b8b8b8
}

.form-group .help-block {
  position: relative;
  margin: 0
}

.dynamic_theme_block .tab-pane .form-group {
  margin-bottom: 18px
}

.dynamic_theme_block .fpass a {
  font-size: 12px;
  color: #2874f0;
  padding: 10px 0 0;
  display: inline-block
}

.dynamic_theme_block .row.margin0 {
  margin-left: -15px;
  margin-right: -15px
}

.CityId,
.CountryId,
.CourseId,
.SpecializationId,
.StateId {
  position: relative
}

.CityId:before,
.CountryId:before,
.CourseId:before,
.SpecializationId:before,
.StateId:before {
  content: "\f107";
  font-family: FontAwesome;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -12px;
  font-size: 20px
}

.datepicker-field:before {
  content: "\f073";
  font-family: FontAwesome;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -12px;
  font-size: 14px;
  color: #666
}

.CourseId:before,
.StateId:before {
  right: 25px
}

.has-error.CityId:before,
.has-error.CountryId:before,
.has-error.CourseId:before,
.has-error.SpecializationId:before,
.has-error.StateId:before {
  color: #f44336
}

.select-arrow-cust {
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  cursor: pointer;
  font-size: 14px;
  padding-right: 24px;
  font-size: 12px;
  position: relative
}

.social_icons {
  border: 1px solid #111;
  border-radius: 2px;
  display: block;
  padding: 5px 7px
}

.social_icons i {
  padding-right: 4px
}

.social_icons:hover {
  text-decoration: none
}

.fbLogin {
  border-color: #39579a;
  color: #39579a
}

.gpLogin {
  border-color: #e24545;
  color: #e24545
}

.inLogin {
  border-color: #0077b5;
  color: #0077b5
}

.fbLogin:hover {
  background-color: #39579a;
  color: #fff
}

.gpLogin:hover {
  background-color: #e24545;
  color: #fff
}

.inLogin:hover {
  background-color: #0077b5;
  color: #fff
}

.or-seperator {
  border-bottom: 1px solid #e1e1e1;
  display: inline-block;
  margin: 20px 0;
  position: relative;
  text-align: center;
  width: 100%
}

.or-seperator>span {
  background-color: #fff;
  color: #111;
  left: 50%;
  margin-left: -18px;
  padding: 0 10px;
  position: absolute;
  top: -10px
}

.dynamic_theme_block .form-group.has-error .help-block {
  text-align: left;
  font-size: 9px;
  color: #f44336;
  line-height: 12px
}

.dynamic_theme_block .captcha-text.has-error .help-block {
  text-align: left;
  font-size: 10px;
  height: 0;
  color: #f44336;
  line-height: 10px
}

.dynamic_theme_block .form-custom .merge_field_div .dropdown-menu {
  padding: 5px
}

.dynamic_theme_block .form-custom .merge_field_div .dropdown-menu .search_box_code {
  background: url(../img/npf-sprite.png) no-repeat 100% -20px, #fff;
  border: 1px solid #ccc;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  margin: 1px 0;
  padding: 4px 20px 4px 4px;
  width: 100%;
  font-size: 12px;
  color: #555
}

.dynamic_theme_block .merge_field_div .dropdown-menu .dropdown-menu-list {
  color: #555;
  margin: 0 0 4px 0;
  max-height: 200px;
  padding: 4px 0 0 4px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto
}

.dynamic_theme_block .form-custom .merge_field_div .dropdown-menu .dropdown-menu-list li {
  font-size: 12px;
  line-height: 1.42857143;
  list-style: none;
  margin: 0;
  padding: 2px 4px;
  font-size: 13px;
  text-align: left;
  cursor: pointer
}

.dynamic_theme_block .form-custom .merge_field_div .dropdown-menu .dropdown-menu-list li:hover {
  background-color: #0064b1;
  background-image: none !important;
  color: #fff !important
}

.loader-block {
  background-image: url(../img/loader_small.gif);
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  display: none;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 10000
}

.modal-dialog {
  max-width: 420px
}

.modal-header {
  background-color: #0064b1;
  color: #fff
}

.reg_password_div {
  position: relative
}

.info-tooltip {
  position: absolute;
  z-index: 111;
  top: 5px
}

.info-password {
  right: 5%;
  margin-right: 0
}

.popover {
  z-index: 11111 !important;
  font-size: 12px !important;
  color: #111
}

.verify-your-identity {
  font-size: 13px
}

.resentForgetPassword {
  font-size: 12px
}

.resentForgetPassword .glyphicon {
  font-size: 10px
}

.afterCodeVerify {
  position: relative
}

.resentVerification {
  margin-top: 5px;
  font-size: 12px
}

.resentVerification a {
  padding: 0 !important
}

.resentVerification a:hover {
  text-decoration: underline
}

.passwordOver,
.passwordOver.tooltip-inner {
  background-color: #fff
}

.passwordOver .popover-content h4 {
  margin-top: 0;
  margin-bottom: 10px;
  color: #111;
  font-size: 15px
}

.passwordOver .ul_new_password {
  padding: 0;
  color: #666;
  margin-bottom: 0
}

.passwordOver .ul_new_password li {
  list-style: none;
  margin-bottom: 5px;
  font-size: 12px
}

.passwordOver .ul_new_password li.active {
  color: green
}

.generic-h {
  display: none
}

.cptImgBox {
  position: relative;
  height: 100%
}

.afterCImage_new,
.beforeCImage_new {
  position: absolute;
  top: 1px;
  height: 32px;
  height: calc(100% - 2px);
  width: 18%;
  background-color: #fff;
  z-index: 1;
}

.beforeCImage_new {
  left: 1px
}

.afterCImage_new {
  right: 11px;
}

.dynamic_theme_block .otp-login .btn-login {
  width: 50%
}

.countryCodeBox {
  position: relative
}

.countryCode {
  position: absolute;
  top: 0;
  padding: 5px 8px;
  background-color: rgba(0, 0, 0, .05)
}

#otpField.withCountrycode {
  padding-left: 40px
}

#getOtpBtnWait {
  background-color: transparent;
  font-size: 12px;
  color: green;
  cursor: default
}

.dynamic_theme_block .form-custom .merge_field_Otp .form-group.Mobile {
  width: 100%;
  margin: 0
}

.merge_field_Otp .input-group {
  width: 100%;
}

.digit-box {
  margin: 20px 0 40px
}

.digit-group {
  display: flex;
  justify-content: center;
  margin-bottom: 5px
}

.digit-group input {
  width: 35px;
  height: 35px;
  background-color: #fff;
  border: none;
  line-height: 35px;
  text-align: center;
  margin: 0 5px;
  font-size: 24px;
  border-bottom: 2px solid #1f5ca2;
  color: #1f5ca2;
  border-radius: 4px
}

.digit-group input:focus {
  outline: 0
}

.digit-group input[readonly=readonly] {
  border-bottom-color: #ccc;
  color: #111
}

.digit-group .splitter {
  padding: 0 5px;
  color: #fff;
  font-size: 24px
}

.prompt {
  margin-bottom: 20px;
  font-size: 20px;
  color: #fff
}

.fetchProfileFromILearnLink {
  position: absolute;
  top: 2px;
  right: 3px;
  z-index: 9999
}

.dynamic_theme_block .form-custom .form-group.Email_email {
  position: relative;
}

.fetchProfileFromILearnLink a {
  height: 24px;
  line-height: 15px;
  display: inline-block;
  border-radius: 2px;
  background-color: #00bcd4;
  padding: 4px 6px;
  color: #fff;
  font-size: 13px
}

/*****62.7.3**********/
.fileBrowseCustom {
  position: relative;
  overflow: hidden;
}

.fileBrowseCustom .form-control {
  height: 35px;
  padding: 8px 10px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  font-size: 14px;
}

.fileBrowseCustom .input_type_file {
  position: absolute !important;
  top: 0;
  z-index: 11;
  left: 0;
  height: 100%;
  width: 100%;
  font-size: 26px;
  opacity: 0 !important;
  cursor: pointer;
}

.inputre_fresh_help .input-group-addon {
  border: 1px solid #ccc;
}

.fileBrowseCustom .input-group-addon {
  border-color: #eee;
}

#resetbtn {
  display: inline-block;
  border: 0;
  text-align: center;
  width: 32px;
  margin: 0 0 0 5px;
  padding: 10px 5px;
  vertical-align: top;
  border-radius: 5px;
  background: #f2f2f2 !important;
}

#resetbtn img {
  display: block;
  margin: 0 auto;
}

#resetbtn:hover {
  background: #dddddd !important;
}

#resetbtn+.infotext {
  margin-left: 5px;
}

.has-error .fileBrowseCustom {
  border: 0 !important;
}

.has-error .inputre_fresh_help .form-control {
  border: 1px solid #f44336 !important
}

.input-group-addon {
  border-color: #ccc;
}

.fileBrowseCustom .inputre_fresh_help {
  width: calc(100% - 38px);
  float: left;
}

.fileBrowseCustom.withresetupload .inputre_fresh_help {
  width: calc(100% - 80px);
  float: left;
}

.upload_field_label {
  color: #000;
}

.infotext {
  display: inline-block;
  text-align: center;
  width: 36px;
  vertical-align: top;
  padding: 10px 5px;
  border-radius: 5px;
  background: #f2f2f2 !important;
}

.infotext img {
  display: block;
  margin: 0 auto;
}

.infotext:hover {
  background: #dddddd !important;
}

.required {
  color: red;
}

.dynamic_theme_block .upload_field_label {
  display: none;
}

.dynamic_theme_block .npf_cpt_new .cptImgBox.newCptImg {
  width: 50%;
  float: left;
}

.dynamic_theme_block .npf_cpt_new .newCptImg .CaptchaRefreshBtn {
  right: 20px;
  top: 8px;
  margin: 0;
  padding: 0;
  line-height: 1;
  left: auto;
  z-index: 11;
}

.dynamic_theme_block .npf_cpt_new .newCptImg+.form-group.captcha-text {
  width: 50%;
  padding-right: 0;
}


























/*!
 * Strip - An Unobtrusive Responsive Lightbox - v1.8.0
 * (c) 2014-2021 Nick Stakenburg
 *
 * https://github.com/staaky/strip
 *
 * @license: https://creativecommons.org/licenses/by/4.0
 */

 .strp-window {
  position: fixed;
  width: 0;
  height: 100%;
  overflow: hidden;
  background: #292929;
  font: 13px/20px "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana,
    Arial, sans-serif;
}

.strp-window.strp-vertical {
  height: 0;
  width: 100%;
}

/* margin is added around the window to keep a visual reference
 * to the underlying page at all times.
 */
.strp-window {
  margin-left: 40px;
}
.strp-window.strp-vertical {
  margin-left: 0;
  margin-bottom: 40px;
}

/* fullscreen on smaller screens (iPhone 6+ and smaller)
 * since min-width is used to make this work it won't show on IE8, but
 * we're not expecting that browser to have a mobile sized screen anyway
 */
@media all and (max-width: 414px) and (orientation: portrait),
  all and (max-width: 736px) and (max-height: 414px) {
  .strp-window.strp-horizontal {
    min-width: 100%;
  }
}
@media all and (max-height: 414px) and (orientation: landscape),
  all and (max-height: 736px) and (max-width: 414px) {
  .strp-window.strp-vertical {
    min-height: 100%;
  }
}

/* z-index */
.strp-window,
.strp-spinner-move {
  z-index: 99999;
}

/* reset box-sizing */
.strp-window,
.strp-window [class^="strp-"],
.strp-spinner-move,
.strp-spinner-move [class^="strp-"] {
  box-sizing: border-box;
}

/* Chrome hack, this fixes a visual glitch when quickly toggling a video */
.strp-window {
  transform: translateZ(0px);
}

/* some properties on the window are used to toggle things
 * like margin and the fullscreen mode,
 * we reset those properties after measuring them
 */
.strp-measured {
  margin: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
}

.strp-pages {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* sides */
.strp-side-right {
  top: 0;
  right: 0;
}
.strp-side-right .strp-pages {
  top: 0;
  right: 0;
}
.strp-side-right .strp-page {
  top: 0;
  right: 0;
}
.strp-side-right .strp-close {
  top: 0;
  right: 0;
}

.strp-side-left {
  top: 0;
  left: 0;
}
.strp-side-left .strp-pages {
  top: 0;
  left: 0;
}
.strp-side-left .strp-page {
  top: 0;
  left: 0;
}
.strp-side-left .strp-close {
  top: 0;
  right: 0;
}

.strp-side-top {
  top: 0;
  left: 0;
}
.strp-side-top .strp-pages {
  top: 0;
  left: 0;
}
.strp-side-top .strp-page {
  top: 0;
  left: 0;
}
.strp-side-top .strp-close {
  top: 0;
  right: 0;
}

.strp-side-bottom {
  bottom: 0;
  left: 0;
}
.strp-side-bottom .strp-pages {
  bottom: 0;
  left: 0;
}
.strp-side-bottom .strp-page {
  bottom: 0;
  left: 0;
}
.strp-side-bottom .strp-close {
  top: 0;
  right: 0;
}

.strp-page {
  position: absolute;
  width: 100%;
  height: 100%;
}

.strp-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  text-align: center;
  background: #292929;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/* youtube & vimeo use overlap:false, this adds padding
   to make sure buttons don't overlap the content.
   navbutton = 72 = 54 + (2 * 9 margin)
   closebutton = 48
*/
.strp-no-overlap .strp-container {
  padding: 48px 72px;
}
.strp-no-overlap.strp-no-sides .strp-container {
  padding: 48px 0;
}

.strp-vertical .strp-no-overlap .strp-container {
  padding: 0 72px;
}
.strp-vertical .strp-no-overlap.strp-no-sides .strp-container {
  padding: 0 48px;
}

.strp-hovering-clickable .strp-container {
  cursor: pointer;
}

.strp-content-element {
  position: absolute;
  top: 50%;
  left: 50%;
}

.strp-content-element iframe {
  float: left;
  width: 100%;
  height: 100%;
}

.strp-container img {
  display: inline-block;
  vertical-align: middle;
}

.strp-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #efefef;
  font-size: 13px;
  line-height: 20px;
  background: #000;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

.strp-info-padder {
  display: block;
  overflow: hidden;
  padding: 12px;
  position: relative;
  width: auto;
}

.strp-caption {
  width: auto;
  display: inline;
  white-space: wrap;
}

.strp-position {
  color: #b3b3b3;
  float: right;
  line-height: 21px;
  opacity: 0.99;
  position: relative;
  text-align: right;
  margin-left: 15px;
  white-space: nowrap;
}

/* links */
.strp-info a,
.strp-info a:hover {
  color: #ccc;
  border: 0;
  background: none;
  text-decoration: underline;
}
.strp-info a:hover {
  color: #eee;
}

/* < > */
.strp-nav {
  position: absolute;
  top: 50%;
  width: 54px;
  height: 72px;
  margin: 0 9px;
  margin-top: -36px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.strp-nav-previous {
  left: 0;
}
.strp-nav-next {
  right: 0;
  left: auto;
}

.strp-nav-disabled {
  cursor: default;
}

.strp-nav-button {
  float: left;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.strp-nav-button-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #101010;
}
.strp-nav-button-icon {
  float: left;
  position: relative;
  height: 100%;
  width: 100%;
  zoom: 1;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

/* X */
.strp-close {
  position: absolute;
  width: 48px;
  height: 48px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.strp-close-background,
.strp-close-icon {
  position: absolute;
  top: 12px;
  left: 12px;
  height: 26px;
  width: 26px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.strp-close-background {
  filter: alpha(opacity=80);
  opacity: 0.8;
  background-color: #101010;
}
.strp-close:hover .strp-close-background {
  background-color: #161616;
}

.strp-has-error .strp-container {
  background-color: #ca3434;
}
.strp-error {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 240px;
  height: 240px;
  margin-left: -120px;
  margin-top: -120px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("strip-skins/strip/error.html");
}
.strp-no-svg .strp-error {
  background-image: url("strip-skins/strip/error.gif");
}

/* Spinner - loading icon, wrapped by a div that moves it */
.strp-spinner-move {
  position: fixed;
  top: 0px;
  right: 0px;
  height: 48px;
  width: 0;
  /* ensure overflow during a jQuery animation */
  overflow: visible !important;
}
.strp-spinner-move.strp-vertical {
  width: 48px;
  height: 0;
}

.strp-spinner {
  width: 48px;
  height: 48px;
  float: left;
  position: relative;
}

/* different sides */
.strp-spinner-move.strp-side-top {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}
.strp-spinner-move.strp-side-bottom {
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
}

.strp-spinner-move.strp-side-right .strp-spinner {
  margin-left: -48px;
}
.strp-spinner-move.strp-side-left .strp-spinner {
  margin-right: -48px;
  float: right;
}
.strp-spinner-move.strp-side-bottom .strp-spinner {
  margin-top: -48px;
}
.strp-spinner-move.strp-side-top .strp-spinner {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: -48px;
}

@-moz-keyframes strp-spinner-spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes strp-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes strp-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.strp-spinner-rotate,
.strp-spinner-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.strp-spinner-line {
  position: absolute;
  left: 50%;
  top: 15px;
  width: 2px;
  margin-left: -1px;
  height: 3px;
  border-radius: 1px;
  z-index: 80; /* amount of lines, removed later on */
  color: inherit; /* color of the dots, inherited from text on the page */
}

/*
 * ===== Skin: strip =====
 */
/* < > */
.strp-window-skin-strip .strp-nav-button-background {
  background-color: transparent;
}
.strp-window-skin-strip .strp-nav-previous .strp-nav-button-icon {
  background-image: url("strip-skins/strip/previous.html");
}
.strp-window-skin-strip .strp-nav-next .strp-nav-button-icon {
  background-image: url("strip-skins/strip/next.html");
}
/* IE7-8/no-svg (using a faded png) */
.strp-window-skin-strip.strp-no-svg .strp-nav-previous .strp-nav-button-icon {
  background-image: url("strip-skins/strip/previous-faded.gif");
  opacity: 1;
}
.strp-window-skin-strip.strp-no-svg .strp-nav-next .strp-nav-button-icon {
  background-image: url("strip-skins/strip/next-faded.gif");
  opacity: 1;
}

.strp-window-skin-strip .strp-nav .strp-nav-button-icon {
  opacity: 0.6;
} /* normal state */
.strp-window-skin-strip.strp-mobile-touch .strp-nav .strp-nav-button-icon {
  opacity: 1;
} /* mobile-touch always has normal states at full opacity */

/* < > : hover */
.strp-window-skin-strip .strp-nav:hover .strp-nav-button-icon,
.strp-window-skin-strip .strp-nav-hover .strp-nav-button-icon {
  opacity: 1;
}
/* IE7-8/no-svg (unfaded png) */
.strp-window-skin-strip.strp-no-svg
  .strp-nav.strp-nav-previous:hover
  .strp-nav-button-icon,
.strp-window-skin-strip.strp-no-svg
  .strp-nav-hover.strp-nav-previous
  .strp-nav-button-icon {
  background-image: url("strip-skins/strip/previous.gif");
}
.strp-window-skin-strip.strp-no-svg
  .strp-nav.strp-nav-next:hover
  .strp-nav-button-icon,
.strp-window-skin-strip.strp-no-svg
  .strp-nav-hover.strp-nav-next
  .strp-nav-button-icon {
  background-image: url("strip-skins/strip/next.gif");
}

/* Reduce < > button size on narrow screens (iPhone 6 and smaller) */
@media all and (max-width: 375px) and (orientation: portrait),
  all and (max-height: 375px) and (max-width: 667px) {
  .strp-window-skin-strip .strp-nav {
    width: 48px;
    height: 60px;
    margin: 0 5px;
    margin-top: -30px;
  }

  /* < > */
  .strp-window-skin-strip .strp-nav-previous .strp-nav-button-icon {
    background-image: url("strip-skins/strip/previous-small.html");
  }
  .strp-window-skin-strip .strp-nav-next .strp-nav-button-icon {
    background-image: url("strip-skins/strip/next-small.html");
  }
  /* IE7-8/no-svg (using a faded png) */
  .strp-window-skin-strip.strp-no-svg .strp-nav-previous .strp-nav-button-icon {
    background-image: url("strip-skins/strip/previous-small-faded.gif");
  }
  .strp-window-skin-strip.strp-no-svg .strp-nav-next .strp-nav-button-icon {
    background-image: url("strip-skins/strip/next-small-faded.gif");
  }

  /* IE7-8/no-svg (unfaded png) */
  .strp-window-skin-strip.strp-no-svg
    .strp-nav.strp-nav-previous:hover
    .strp-nav-button-icon,
  .strp-window-skin-strip.strp-no-svg
    .strp-nav-hover.strp-nav-previous
    .strp-nav-button-icon {
    background-image: url("strip-skins/strip/previous-small.gif");
  }
  .strp-window-skin-strip.strp-no-svg
    .strp-nav.strp-nav-next:hover
    .strp-nav-button-icon,
  .strp-window-skin-strip.strp-no-svg
    .strp-nav-hover.strp-nav-next
    .strp-nav-button-icon {
    background-image: url("strip-skins/strip/next-small.gif");
  }

  /* also reduce padding
     navbutton = 58 = 48 + (2 * 5 margin)
     closebutton = 48
   */
  .strp-no-overlap .strp-container {
    padding: 48px 58px;
  }
  .strp-no-overlap.strp-no-sides .strp-container {
    padding: 48px 0;
  }

  .strp-vertical .strp-no-overlap .strp-container {
    padding: 0 58px;
  }
  .strp-vertical .strp-no-overlap.strp-no-sides .strp-container {
    padding: 0 48px;
  }
}

/* X */
.strp-window-skin-strip .strp-close .strp-close-icon {
  background-image: url("strip-skins/strip/close.html");
  opacity: 0.8;
}
.strp-window-skin-strip .strp-close:hover .strp-close-icon {
  opacity: 1;
}
/* iOS 8.4.1 bug: when opacity changes it'll require 2 taps
   force a single opacity to fix this
*/
.strp-window-skin-strip.strp-mobile-touch .strp-close .strp-close-icon,
.strp-window-skin-strip.strp-mobile-touch .strp-close:hover .strp-close-icon {
  opacity: 1;
}

/* IE7-8/no-svg */
.strp-window-skin-strip.strp-no-svg .strp-close .strp-close-icon {
  background-image: url("strip-skins/strip/close.gif");
  opacity: 1;
}

/* here's how to have content slide in with the window when opening and closing  */
/*
.strp-window-skin-strip.strp-side-left.strp-opening  .strp-page,
.strp-window-skin-strip.strp-side-left.strp-closing  .strp-page { left: auto; right: 0; }
.strp-window-skin-strip.strp-side-right.strp-opening  .strp-page,
.strp-window-skin-strip.strp-side-right.strp-closing  .strp-page { left: 0; right: auto; }
.strp-window-skin-strip.strp-side-top.strp-opening  .strp-page,
.strp-window-skin-strip.strp-side-top.strp-closing  .strp-page { bottom: 0; top: auto; }
.strp-window-skin-strip.strp-side-bottom.strp-opening  .strp-page,
.strp-window-skin-strip.strp-side-bottom.strp-closing  .strp-page { bottom: auto; top: 0; }
*/

































@charset "utf-8";

html {
  height: 100%;
  overflow-x: hidden;
  /*scroll-behavior: smooth;*/
}

body {
  overflow-x: hidden;
  min-height: 100%;
  font-family: "Inter", sans-serif;
  color: #333;
  font-weight: 400;
  padding: 123px 0 0 0;
  margin: 0;
  font-size: 16px;
  background: #fff;
  position: relative;
  line-height: 1.2;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
img,
a,
input,
select,
div {
  margin: 0px;
  padding: 0px;
  outline: none !important;
  box-shadow: none;
  border: 0px;
  list-style: none;
  font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
header,
img,
a {
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

* {
  -webkit-overflow-scrolling: touch;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}

ul.pagination {
  display: inline-block;
  padding: 0;
  margin: 0
}

ul.pagination li {
  display: inline
}

ul.pagination li a {
  color: #000;
  float: left;
  padding: 8px 16px;
  text-decoration: none
}

.desktopHide {
  display: none !important;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.alignEnd {
  align-items: flex-end;
}

.alignCenter {
  align-items: center;
}

.blockTxt {
  display: block;
}

.blockTxtP {
  display: block;
}

.spaceTopMragin {
  margin-top: 70px;
}

.spaceTop {
  padding-top: 70px;
}

.spaceBottom {
  margin-top: 40px;
  padding-bottom: 70px;
}

.spaceBoth {
  padding-top: 70px;
  padding-bottom: 70px;
}

.spaceBothLess {
  padding-top: 40px;
  padding-bottom: 40px;
}

.hrLine {
  border: 0;
  border-top: 1px solid #e7e7e7;
  height: 0;
  margin: 0px;
  padding: 0;
}

.strong {
  font-weight: 700;
}

.hidden {
  overflow: hidden;
}

.lightGray {
  background-color: #f9f9f9;
}

.white {
  color: #fff;
}

.black {
  color: #000;
}

.red {
  color: #ED213A;
}

.shadow {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.flexRow {
  display: flex;
  flex-wrap: wrap;
  min-width: 100%;
  margin-left: -15px;
  margin-right: -15px;
}

.blackOverlay {
  position: relative;
}

.blackOverlay:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}

img {
  max-width: 100%;
  vertical-align: top;
}

a {
  text-decoration: none;
}

*:focus {
  outline: none;
}

a:hover {
  text-decoration: none;
}

.clear {
  clear: both;
}

.clearFix:after {
  content: "";
  display: block;
  clear: both;
}

::-webkit-input-placeholder {
  opacity: 1;
  opacity: 0.5;
}

:-moz-placeholder {
  opacity: 1;
  opacity: 0.5;
}

::-moz-placeholder {
  opacity: 1;
  opacity: 0.5;
}

:-ms-input-placeholder {
  opacity: 1;
  opacity: 0.5;
}

.grayscale {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

h1 {
  font-size: 60px;
  line-height: 1.2;
  margin: 0 0 30px 0;
  font-weight: 700;
  font-family: "Outfit", sans-serif;
}

h2 {
  font-size: 40px;
  line-height: 1.2;
  margin: 0 0 30px 0;
  font-weight: 700;
  font-family: "Outfit", sans-serif;
}

h3 {
  font-size: 25px;
  line-height: 1.2;
  margin: 0 0 25px 0;
  font-weight: 700;
  font-family: "Outfit", sans-serif;
}

h4 {
  font-size: 22px;
  line-height: 1.2;
  margin: 0 0 22px 0;
  font-weight: 700;
  font-family: "Outfit", sans-serif;
}

h5 {
  font-size: 20px;
  line-height: 1.2;
  margin: 0 0 20px 0;
  font-weight: 700;
  font-family: "Outfit", sans-serif;
}

h6 {
  font-size: 18px;
  line-height: 1.2;
  margin: 0 0 18px 0;
  font-weight: 700;
  font-family: "Outfit", sans-serif;
}

p {
  color: #777;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 20px;
}

p.strong {
  color: #000;
}

strong {
  color: #000;
}

p:last-child {
  margin-bottom: 0;
}

.relative {
  position: relative;
}

.centerImg {
  text-align: center;
  margin: 0 auto 10px auto;
}

.centerImg img {
  vertical-align: top;
}

.txtUppercase {
  text-transform: uppercase;
}

.blue {
  color: #006699;
}

.yellow {
  color: #f8b426;
}

.blueBg {
  background: #006699;
  padding: 70px;
}

.blueBg * {
  color: #fff;
}

.blueBg *:before,
.blueBg *:after {
  background: #fff !important;
}

.alignCenter {
  align-items: center;
}

.imgShadow {
  box-shadow: 15px 15px 0 #ccc;
}

.spaceLeft {
  padding-left: 20px;
}

.width100 {
  width: 100%;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.containerSmall {
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}

.container {
  max-width: 1400px;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-right: auto;
  margin-left: auto;
  clear: both;
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  clear: both;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
  clear: both;
  display: flex;
  flex-wrap: wrap;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-custom {
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.strp-window,
.strp-spinner-move {
  z-index: 999999999;
}


/* for desktop */
.whatsapp_float {
  position: fixed;
    width: 58px;
    height: 58px;
    bottom: 105px;
    right: 33px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

.whatsapp-icon {
  margin-top: 16px;
}

/* for mobile */
@media screen and (max-width: 767px) {
  .whatsapp-icon {
      margin-top: 10px;
  }

  .whatsapp_float {
        width: 40px;
        height: 40px;
        bottom: 100px;
        right: 40px;
        font-size: 22px;
  }
}





.whatsapp {
  position: fixed;
  width: 44px;
  height: 44px;
  bottom: 90px;
  right: 35px;
  background-color: #25d366;
  color: #fff;
  border-radius: 5px;
  text-align: center;
  z-index: 1000000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
}

.whatsapp img {
  width: 75%;
}

.whyUsContant {
  position: relative;
  z-index: 1;
}

.videoWrapper {
  position: relative;
  display: block;
  height: 0;
  padding: 0 0 60% 0;
  overflow: hidden;
  width: 100%;
  margin: auto;
}

.videoWrapper .videoWrapperResponsive {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.titleBorder {
  width: 100px;
  height: 1px;
  background: #e41f05;
  position: relative;
  background: linear-gradient(to right, transparent, #e41f05, transparent);
  margin: 0 auto 30px;
}

.titleBorder.whiteBorder {
  background: linear-gradient(to right, transparent, #fff, transparent);
}

.list {
  text-align: left;
}

.list li {
  position: relative;
  font-family: "Inter", sans-serif;
  padding-left: 35px;
  font-size: 16px;
  line-height: 1.4;
  margin: 0 0 20px 0;
  font-weight: 400;
}

.list li:before {
  position: absolute;
  left: 0px;
  top: -5px;
  font-size: 150%;
  color: #f8b426;
  width: 20px;
  height: 20px;
  font-family: remixicon;
  content: "\EB55";
}

.columns2 {
  columns: 2;
  column-gap: 30px;
}

/* .stonePattern{background: url(../images/background/stone-pattern.jpg) repeat 0 0;} */

@media (min-width: 768px) {
  .col-12 {
    width: 100%;
  }

  .col-11 {
    width: 91.66666667%;
  }

  .col-10 {
    width: 83.33333333%;
  }

  .col-9 {
    width: 75%;
  }

  .col-8 {
    width: 66.66666667%;
  }

  .col-7 {
    width: 58.33333333%;
  }

  .col-6 {
    width: 50%;
  }

  .col-5 {
    width: 41.66666667%;
  }

  .col-4 {
    width: 33.33333333%;
  }

  .col-3 {
    width: 25%;
  }

  .col-2 {
    width: 16.66666667%;
  }

  .col-1 {
    width: 8.33333333%;
  }
}

header {
  position: fixed;
  top: 0;
  left: 0;
  padding: 0px 0px 0;
  width: 100%;
  background: #fff;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

header .container {
  display: flex;
}

header .logo {
  margin: 0;
  display: flex;
  align-items: flex-end;
}

header .logo a {
  display: flex;
  flex: 0 0 200px;
  width: 200px;
  border-right: 2px solid #ccc;
  padding-right: 10px
}

header .logo img {
  width: 100%;
}

header .logoRight {
  display: flex;
}

header .logoRight span {
  padding-left: 10px;
  margin-left: 10px;
  display: flex;
  align-items: flex-end;
  border-left: 2px solid #ccc;
}

header .logoRight span:first-child {
  border-left: 0;
  margin-left: 0
}

header .logoRight span img {
  height: 60px;
  width: auto;
}

header .headerRight {
  width: calc(100% - 240px);
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.headerCall {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
}

.headerCall a {
  color: #000;
  text-decoration: none;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  line-height: 1;
  display: flex;
  align-items: center;
  padding: 7px 0;
}

.headerCall a+a {
  margin-left: 30px;
}

.headerCall a img {
  width: 40px;
  flex: 0 0 40px;
  padding: 7px;
  margin: 0 8px 0 0;
  background: #e32337;
  border-radius: 5px;
}

.headerCall span {
  font-size: 16px;
  font-weight: 600;
  padding: 7px 15px;
  margin: 0 15px 0 0;
  color: #000;
  text-align: center;
  background: #fff;
  border-radius: 5px;
  border: 2px solid #e22625;
}

header.sticky {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.headernav {
  width: 100%;
  margin: 10px -15px 0 0;
}

.headernav ul {
  background: rgb(147, 41, 30);
  background: -moz-linear-gradient(top, rgba(147, 41, 30, 1) 0%, rgba(237, 33, 58, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(147, 41, 30, 1) 0%, rgba(237, 33, 58, 1) 100%);
  background: linear-gradient(to bottom, rgba(147, 41, 30, 1) 0%, rgba(237, 33, 58, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93291e', endColorstr='#ed213a', GradientType=0);
  float: right;
  white-space: nowrap;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  border-radius: 25px 0 0 0;
}

.headernav ul li {
  width: 100%;
  padding: 0;
}

.headernav ul li a {
  color: #fff;
  border: 0;
  font-size: 16px;
  font-weight: 400;
  padding: 10px 20px;
  display: block;
  line-height: 1.2;
}

.npf_wgts {
  width: 100%;
  max-width: 450px;
  position: relative;
  z-index: 1;
  border-radius: 2px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}

.npfForm {
  max-width: 450px;
  margin: 10px;
  width: 100%;
  position: relative;
  min-height: 100%;
}

/*.npfForm img{width: 120px; position: absolute; left: -57px; top: 0px; z-index: 2;}*/
.npfFormInn {
  background-color: #e10013;
  border-radius: 5px;
}

.npfFormInn h3 {
  padding: 10px;
  margin: 0;
  color: #fff;
  text-align: center;
}

.admissionsEnquiryForm {
  max-width: 370px;
}

.form-position-right {
  position: static;
  right: 0;
  margin-right: 0;
}

.heroBanner {
  padding: 0;
  display: flex;
  justify-content: flex-end;
  color: brown;
  position: relative;
  text-align: left;
  background-color: #fff;
  min-height: 200px;
}

.heroBanner:before {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/main-banner/main-banner-1.jpg) no-repeat 0 0 #fff;
  background-size: cover;
}

.heroBanner .container {
  position: relative;
  color: #fff;
  z-index: 1;
}

.heroBanner p {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 35px;
  font-weight: 300;
  color: #fff;
}

.heroBanner .outlinedBtn {
  display: inline-flex;
  border: 0;
  margin: 5px 0;
  justify-content: flex-start;
  align-items: center;
  align-items: center;
  font-weight: 700;
}

.heroSlider {
  width: 100%;
  left: 0;
  top: 0;
}

.heroSlider {
  display: flex;
  overflow: hidden;
}

.heroSlider>.heroSliderItem {
  flex: 0 0 100%;
}

.heroSlider .heroSliderItem {
  position: relative;
}

.heroSlider .owl-stage-outer,
.heroSlider .owl-stage,
.heroSlider .owl-item,
.heroSlider .owl-item img {
  height: 100%;
}

.belowBannerSection {
  width: 100%;
  clear: both;
}

.belowBannerSection .belowBannerinner {
  background: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  margin: 50px 0;
  /*transform: translateY(-50%);*/
  position: relative;
  z-index: 1;
}

.belowBannerSection .belowBannerCenter {
  position: relative;
  z-index: 1;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.belowBannerSection .belowBannerCenter .rightBtn {
  margin: 5px;
}

.belowBannerSection .belowBannerCenter a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  position: relative;
  white-space: nowrap;
  background-color: #ffffff;
  color: #ED213A;
  border: 1px solid #ED213A;
  border-radius: 2px;
  padding: 10px;
  padding-left: 35px;
}

.belowBannerSection .belowBannerCenter a img {
  background: #ED213A;
  color: #ffffff;
  position: absolute;
  left: 5px;
  height: 70%;
  width: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
}

.belowBannerSection .actionBtn {
  border: 0;
  text-transform: uppercase;
  position: relative;
  color: #fff;
  line-height: 1;
  background: #ED213A;
  display: inline-block;
  text-decoration: none;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  padding: 8px 20px;
  padding-left: 45px;
  white-space: nowrap;
}

.belowBannerSection .actionBtn:hover,
.belowBannerSection .belowBannerCenter a:hover {
  background-color: #b40005;
  color: #fff;
}

.belowBannerSection .belowBannerRight .actionBtn span {
  padding: 0;
  position: absolute;
  left: 10px;
  background: #fff;
  width: 26px;
  height: 26px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  color: #ED213A;
  display: flex;
  align-items: center;
  justify-content: center;
}

.owl-stage {
  display: flex;
}

h2.uspHeading {
  position: relative;
  display: inline-block;
  margin: 0;
  color: #fff;
  padding: 5px 60px 5px 20px;
  border-radius: 0 50px 0 0;
  background: rgb(147, 41, 30);
  background: -moz-linear-gradient(top, rgba(147, 41, 30, 1) 0%, rgba(237, 33, 58, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(147, 41, 30, 1) 0%, rgba(237, 33, 58, 1) 100%);
  background: linear-gradient(to bottom, rgba(147, 41, 30, 1) 0%, rgba(237, 33, 58, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93291e', endColorstr='#ed213a', GradientType=0);
}

h2.uspHeading span {
  position: relative;
}

h2.uspHeading:before {
  content: "";
  position: absolute;
  right: 50px;
  top: 0;
  background: #fff;
  width: 100vw;
  height: 100%;
  ackground: rgb(147, 41, 30);
  background: -moz-linear-gradient(top, rgba(147, 41, 30, 1) 0%, rgba(237, 33, 58, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(147, 41, 30, 1) 0%, rgba(237, 33, 58, 1) 100%);
  background: linear-gradient(to bottom, rgba(147, 41, 30, 1) 0%, rgba(237, 33, 58, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93291e', endColorstr='#ed213a', GradientType=0);
}

.stepSection {
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  justify-content: center;
  gap: 10px;
  row-gap: 20px;
}

.stepSection li {
  display: flex;
  width: calc(25% - 10px);
}

.stepSection li figure {
  width: 100%;
}

.stepSection li figure img {
  width: 100%;
}

.aboutNims {
  width: 100%;
}

.aboutNims .aboutNimsHead {
  display: flex;
  justify-content: space-between;
  background-color: #E32337;
  color: #fff;
  align-items: center;
  padding: 5px 15px;
}

.aboutNims .aboutNimsHead span {
  padding: 5px;
}

.aboutNims .aboutNimsHead .more {
  font-size: 22px;
  font-weight: 700;
}

.aboutNims .aboutNimsHead .crores {
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1px;
}

.aboutNims .aboutNimsHead .worth {
  font-size: 16px;
}

.aboutNims .aboutNimsList {
  margin: 0;
  padding: 0;
  list-style: none;
}

.aboutNims .aboutNimsList li {
  margin: 10px 0 0 0;
  padding: 0 0 0 20px;
  position: relative;
}

.aboutNims .aboutNimsList li:before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #E32337;
  position: absolute;
  left: 0;
  top: 6px;
}

.awardsLists {
  background-color: #fff;
  width: 100%;
  padding: 20px 0;
}

.awardsLists .awardsListsRow {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  row-gap: 20px;
}

.awardsLists .awardsList {
  width: calc(33.33% - 20px);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.awardsLists .awardsList img {}

.discoverLink {
  background: #E32337;
  color: #fff;
  border-radius: 2px;
  padding: 5px 15px;
  margin: 40px auto 0;
  display: table;
}

.discoverLink:hover {
  background-color: #000;
  color: #fff
}

.videoWrapper1 {
  background: #fff;
  padding: 10px;
  border: 1px solid #ccc;
  overflow: hidden;
}

.videoWrapper1 .videoWrapperinner {
  position: relative;
  overflow: hidden;
  padding-bottom: 56.2%;
}

.videoWrapper1 .videoWrapperinner iframe,
.videoWrapper1 .videoWrapperinner video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.videoSlideLists {
  display: flex;
  width: 100%;
  overflow: hidden;
}

.videoSlideLists>.videoWrapperinner {
  flex: 0 0 100%;
  margin-right: 10px;
}

.videoSlideLists .owl-nav {
  position: absolute;
  right: 15px;
  bottom: 0px;
  width: 100px;
  height: 50px;
  display: flex;
}

.videoSlideLists .owl-nav button {
  width: 50px;
  height: 50px;
  border: 0px;
  background: #E32337;
  color: #fff;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.videoSlideLists .owl-nav button:hover {
  background-color: #000;
  color: #fff;
}

.owl-carousel .owl-nav button {
  position: absolute;
  top: 50% !important;
  left: 0;
  transform: translateY(-50%);
}

.owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: 0;
}

.owl-carousel .owl-nav button span {
  font-size: 0px;
  width: 11px;
  height: 20px;
  background: url(https://cdn.npfs.co/uploads/template/643/5484/publish/images/icons/arrow.svg) no-repeat 0 0;
  background-size: auto 100%;
  display: block;
}

.owl-carousel .owl-nav button.owl-next span {
  background: url(https://cdn.npfs.co/uploads/template/643/5484/publish/images/icons/arrow-r.svg) no-repeat 0 0;
}

.awardsLists1 {
  width: 100%;
  display: flex;
  overflow: hidden;
}

.awardsLists1>.awardsList {
  flex: calc(33.33% - 40px) 0 0;
  margin: 20px;
}

.awardsLists1 .awardsList {
  margin: 20px;
  min-height: calc(100% - 40px);
}

.awardsLists1 .awardsList {
  padding: 10px;
  padding-bottom: 40px;
  position: relative;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}

.awardsLists1 .awardsList img {
  height: 100px;
  width: auto;
  margin-bottom: 20px;
}

.awardsLists1 .awardsList h4 {
  width: 100%;
  font-size: 13px;
  font-weight: 700;
  color: #ED213A;
  text-align: center;
  padding: 0 0 0 0;
  margin: 0
}

.awardsLists1 .awardsList h4 span {
  color: #000;
  margin: 5px 0;
  display: block;
  font-size: 80%;
}

.awardsLists1 .awardsList h4 small {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  display: table;
  padding: 2px 5px;
  font-weight: 700;
  border-radius: 2px;
  margin: auto;
  font-size: 100%;
  background: #ED213A;
}


.awardsLists1 {
  width: 100%;
}

.awardsLists1 .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.awardsLists1 .awardsList {
  flex: 1 0 0;
  display: flex;
  padding: 20px 10px 40px 20px;
  margin: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
}

.awardsLists1 .awardsList img {
  height: 120px;
  margin: auto auto 20px auto;
}

.awardsLists1 .awardsList h4 {
  font-size: 13px;
  font-weight: 700;
  color: #ED213A;
  text-align: center;
  padding-left: 0;
  margin: 0
}

.awardsLists1 .awardsList h4 span {
  color: #000;
  display: block;
  font-size: 80%;
}

.headingStyle2 {
  position: relative;
  margin: 0;
  margin-bottom: 28px;
}

.headingStyle2.center {
  text-align: center;
  margin-bottom: 50px;
}

.headingStyle2 h2 {
  font-weight: 700;
  color: #ED213A;
  padding: 0;
  text-transform: uppercase;
  margin: 0 0 20px 0;
  position: relative;
}

.headingStyle2 h2 b {
  color: #fff;
  background: #ED213A;
  font-weight: inherit;
  padding: 0 7px;
}

.headingStyle3 {
  position: relative;
  margin: 0;
  margin-bottom: 28px;
}

.headingStyle3.center {
  text-align: center;
  margin-bottom: 50px;
}

.headingStyle3 h2 {
  font-weight: 700;
  color: #000;
  padding: 0;
  text-transform: uppercase;
  margin: 0 0 20px 0;
  position: relative;
}

/*.headingStyle3 h2 b{color: #fff; background: #000; font-weight: inherit; padding: 0 7px;}*/
.headingStyle3 h2 small {
  font-weight: 500;
  color: #000;
  line-height: 1.2;
  font-size: 20px;
  display: block;
  text-transform: none;
}

.headingStyle3 h2 span:after {
  content: "";
  display: block;
  background: #ED213A;
  height: 5px;
  width: 200px;
  margin: 15px auto;
}

.listOfCourses {
  max-width: 100%;
}

.listOfCourses ul {
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  row-gap: 10px;
}

.listOfCourses ul li {
  padding: 0;
  width: calc(16% - 10px);
}

.listOfCourses ul li a {
  padding: 5px;
  pointer-events: none;
  background: #ED213A;
  color: #fff;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  position: relative;
  font-size: 20px;
  font-weight: 800;
  text-decoration: none;
  line-height: 1.2;
  text-align: center;
  min-height: 62px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3) inset;
  overflow: hidden;
}

.listOfCourses ul li a span {
  display: block;
  width: 100%;
  font-size: 65%;
  text-align: center;
}

.listOfCourses1 {
  max-width: 100%;
}

.listOfCourses1 ul {
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  row-gap: 10px;
}

.listOfCourses1 ul li {
  padding: 0;
  width: calc(33.33% - 20px);
  border: 1px solid #ccc;
}

.listOfCourses1 ul li a {
  padding: 10px 10px;
  /*text-transform: capitalize;*/
  display: flex;
  align-items: center;
  position: relative;
  min-height: 100%;
  font-size: 18px;
  font-weight: 800;
  text-decoration: none;
  color: #000;
  line-height: 1;
  overflow: hidden;
}

.listOfCourses1 ul li a img {
  width: 50px;
  margin-right: 10px;
}

.listOfCourses1 ul li a:hover img {
  margin-right: 5px;
}

.listOfCourses1 ul li.redBg {
  background: #ED213A;
  border-color: #ED213A;
  color: #fff
}

.listOfCourses1 ul li.redBg a {
  color: inherit;
}

.listOfCourses1 ul li.redBg .blackicon {
  display: none;
}


.placementsPackagesTxt {
  margin-bottom: 40px;
}

.placementsPackagesTxt img {
  width: 100%;
}

.counterTxt {
  width: 100%;
}

.counterTxt img {
  width: 90%;
}

.placementsPackages {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0 20px 0;
  padding: 15px 0;
  gap: 20px;
  row-gap: 20px;
}

.placementsPackages li {
  font-size: 30px;
  padding-left: 20px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  justify-content: center;
  width: calc(50% - 140px);
  position: relative;
}

.placementsPackages li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 13px;
  background-color: #ED213A;
  width: 10px;
  height: 10px;
}

.placementsPackages li strong {
  font-size: 100%;
  color: #000;
  width: 100%;
  display: block;
}

.placementsPackages li span {
  font-size: 70%;
  font-weight: 600;
  width: 100%;
  display: block;
}

.placementSlider {
  width: 100%;
  overflow: hidden;
  /*box-shadow:0 0 10px rgba(0, 0, 0, 0.2); background: #fff; padding: 10px;*/
}

.placementSlider1 {
  display: flex;
  overflow: hidden;
}

.placementSlider1>img {
  flex: 1;
  margin-right: 10px;
}

img {
  vertical-align: top;
}

.listOfRecuriters {
  max-width: 100%;
  display: flex;
  overflow: hidden;
}

.listOfRecuritersList {
  width: 100%;
  display: flex;
  overflow: hidden;
  padding: 0 20px
}

.listOfRecuritersList>li {
  flex: calc(20% - 20px) 0 0;
}

.listOfRecuriters ul li {
  margin: 10px;
  padding: 1px;
  width: calc(100% - 20px);
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  align-items: center;
  justify-content: center;
}

.listOfRecuriters ul li img {
  max-width: 100%;
  border-radius: 5px;
  border: 1px dashed #e10013;
}

.lifeAtNimsBanner {
  max-width: 100%;
  overflow: hidden;
  text-align: center;
  padding: 0;
  position: relative;
}

.lifeAtNimsBannerSlider {
  width: 100%;
  overflow: hidden;
  display: flex;
}

.lifeAtNimsBannerSlider>img {
  width: 100%;
}

.lifeAtNimsBanner .lifeAtNimsBannerTxt {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  width: 55%;
  z-index: 1;
}

.lifeAtNimsBanner .lifeAtNimsBannerTxt img {
  width: 100%;
}

.lifeAtNimsTab {
  display: flex;
  margin: 0 auto 0;
  transform: translateY(-50%);
  max-width: 1200px;
  justify-content: space-between;
  background: #eeeeee;
}

.lifeAtNimsTab .lifeAtNimsTabBtn {
  padding: 20px 5px;
  flex: 1 0 0;
  border: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
  line-height: 1.2;
  text-align: center;
}

.lifeAtNimsTab .lifeAtNimsTabBtn.active {
  background: #ED213A;
  color: #fff;
  box-shadow: 0 0 20px rgb(0 0 0 / 30%) inset;
}

.lifeAtNimsTab .lifeAtNimsTabBtn.active:after {
  top: 99%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(237, 33, 58, 0);
  border-top-color: #ED213A;
  border-width: 15px;
  margin-left: -15px;
}

.gallerySection1 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.gallerySection1 .galleryLeft1 {
  width: 25%;
  display: flex;
  flex-wrap: wrap;
}

.gallerySection1 .galleryCenter1 {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
}

.gallerySection1 .galleryRight1 {
  width: 25%;
  display: flex;
  flex-wrap: wrap;
}

.galleryTwoCal {
  width: 100%;
  padding: 0 5px;
}

.galleryTwoCal1 {
  width: 50%;
  padding: 0 5px;
}

.galleryTwoCal2 {
  width: 33.33%;
  padding: 0 5px;
}

.galleryLarge {
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  padding-bottom: 120%;
  position: relative;
  overflow: hidden;
  background-color: #ccc;
  margin-bottom: 5px;
}

.gallerySmall {
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  padding-bottom: calc(60% - 10px);
  position: relative;
  overflow: hidden;
  background-color: #ddd;
  margin-bottom: 10px;
}

.gallerySmall1 {
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  padding-bottom: calc(61.4% - 10px);
  position: relative;
  overflow: hidden;
  background-color: #ddd;
  margin-bottom: 10px;
}

.gallerySmall2 {
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  padding-bottom: calc(70% - 10px);
  position: relative;
  overflow: hidden;
  background-color: #ddd;
  margin-bottom: 10px;
}

.gallerySection1 img {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

.galleryLarge,
.gallerySmall,
.gallerySmall1,
.gallerySmall2 {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.testimonialsImg {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 3px solid #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  margin: -60px auto 20px;
  overflow: hidden;
  position: relative;
}

.testimonialsImg img {
  width: 250% !important;
  max-width: initial;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.testimonialsImg span.play {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 30px;
  display: none;
}

.testimonialsImg span.play img {
  width: 100%;
}

.testimonialsSlider {
  width: 100%;
  display: flex;
  overflow: hidden;
}

.testimonialsSlider>.testimonialsList {
  flex: calc(33.33% - 20px) 0 0;
}

.TestimonialsNew {
  margin: 20px;
  font-size: 16px;
  height: calc(100% - 40px);
  position: relative;
  background-color: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  padding: 15px;
}

.testimonialsList {
  height: 100%;
  padding-top: 50px;
}

.TestimonialsNew p {
  font-size: 12px;
  text-align: left;
  color: #000;
  margin: 0;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
}

.TestimonialsNew p span {
  flex: 70px 0 0;
  padding-left: 10px;
  display: flex;
  align-items: center;
  margin-left: 10px;
  border-left: 2px solid #e6e6e6;
}

.TestimonialsNew p span img {
  width: 100%;
}

.TestimonialsNew .testimonialsNewFooter {
  width: 100%;
  background: transparent;
  padding: 0 0 20px 0;
  text-align: left;
}

.TestimonialsNew .testimonialsNewFooter h4 {
  display: block;
  font-weight: 700;
  font-size: 22px;
  margin: 0;
  color: #ED213A;
}

.TestimonialsNew .testimonialsNewFooter .testimonialsIFTxt {
  width: 100%;
  padding: 0;
  font-size: 14px;
  color: #000;
  font-weight: 600;
}

.collegetestimonials {
  background: #e10013;
  padding: 40px 0;
}

.collegetestimonialsItems {
  display: flex;
  width: 100%;
  overflow: hidden;
}

.collegetestimonialsItems>li {
  min-width: calc(20% - 20px);
  margin: 0 10px
}

.collegetestimonialsItems li {
  padding: 5px;
  background: #fff;
  border-radius: 2px;
}

footer {
  width: 100%;
  clear: both;
  background: #000;
  padding: 40px 0 0 0;
  text-align: center;
  position: relative;
  background: url(../images/background/footer.jpg);
  background-size: 100%;
}

footer .footerInner {
  display: block;
  color: #fff;
  text-align: left;
}

footer .facebookFeedSection {
  max-width: 340px;
  width: 100%;
}

footer address {}

footer ul {
  text-align: left;
}

footer ul li {
  float: left;
  margin-right: 30px;
}

footer h4 {
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0 0 19px 0;
  padding: 0px;
}

footer h5 {
  width: 100%;
}

footer p {
  font-size: 16px;
  color: #fff;
}

footer a {
  font-size: 16px;
  color: #fff;
  text-decoration: none;
}

footer a:hover {
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
}

footer ul li li {
  float: left;
  margin: 0 0 10px 0;
  clear: both;
}

footer ul li li:last-child {
  margin-bottom: 0px;
}

footer .columns2 {
  columns: 2;
  column-gap: 10px;
}

footer .columns3 {
  columns: 3;
  column-gap: 10px;
}

footer .footerInner>ul {
  display: flex;
  width: 100%;
}

footer .footerInner>ul li a {
  padding-left: 20px;
  position: relative;
  display: inline-block;
}

footer .footerInner>ul li a:before {
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  content: "\EA6C";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

footer .footerInner>ul li a:hover:before {
  left: 5px;
}

footer .footerInner>ul>li:first-child {
  width: 75%;
}

footer .footerInner>ul>li:last-child {
  width: 25%;
  margin-right: 0;
}

footer .footerContact {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  text-align: center;
  gap: 20px;
  row-gap: 20px;
}

footer .footerContact .awardsLists2 {
  width: 25%;
}

.awardsLists2 {
  width: 100%;
  gap: 5px;
  row-gap: 5px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}

.awardsLists2 .awardsList {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0;
}

.awardsLists2 .awardsList img {
  height: 40px;
  padding: 5px;
  filter: grayscale(1);
}

.awardsLists2 .awardsList:not(:first-child) {
  border-left: 2px solid #ccc;
}

footer .footerContact h5 {
  text-transform: uppercase;
  font-weight: 600
}

footer .footerApproval {
  width: 25%;
}

footer .footerApproval .footerApprovalInner {
  display: flex;
  gap: 10px;
  width: 100%;
}

footer .footerApproval .awardsList {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  border-radius: 5px;
  padding: 5px;
  background: #fff;
}

footer .footerApproval .awardsList img {
  vertical-align: top;
  filter: grayscale(1);
}

footer .footerAddress {
  width: 50%;
  text-align: center;
}

footer .footerSocial {
  width: 25%
}

footer ul.socialLink {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  justify-content: center;
}

footer ul.socialLink li {
  margin: 5px;
  padding: 0px;
  width: 36px;
  clear: both;
}

footer ul.socialLink li a {
  background: #fff;
  color: #000;
  border-radius: 2px;
  font-size: 22px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}

footer ul.socialLink li a:hover {
  background: rgba(255, 255, 255, 0.8);
  color: #fff;
}

footer ul.socialLink li a img {
  max-width: 65%;
}

footer ul.socialLink li:last-child {
  margin-bottom: 0px;
}

.copyright {
  background: #2a2a2a;
  margin-top: 25px;
  color: #fff;
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
  padding: 15px 0;
}

.copyright a {
  color: #fff;
  font-size: 13px;
  text-decoration: underline;
}

#gallery {
  /* padding: 30px; */
}

.stepSection2 {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  row-gap: 5px;
}

.stepSection2 li {
  width: calc(50% - 20px);
  display: flex;
  align-content: flex-start;
}

.stepSection2 li p {
  font-size: 15px;
  margin: 0;
  padding: 0;
  line-height: 1.2;
  color: #000
}

.stepSection2 li span {
  min-width: 25px;
  max-width: 25px;
  display: block;
  border-radius: 2px;
  margin: 0 6px 0 0;
}

.stepSection2 li span img {
  width: 100%;
}

.stepSection3 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  row-gap: 10px;
  margin-top: 20px;
}

.stepSection3 li {
  width: calc(25% - 10px);
  display: flex;
  align-items: center;
  background: #ED213A;
  border-radius: 50px;
  color: #fff;
  font-size: 10px;
}

.stepSection3 li figure {
  background: #fff;
  border-radius: 50%;
  max-width: 50px;
  min-width: 50px;
  height: 50px;
  border: 5px solid #ED213A;
  outline: 5px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.stepSection3 li figure img {
  width: 80%;
}

.stepSection3 li>div {
  padding: 2px 5px 2px 12px;
}

.stepSection3 li>div>span {
  margin-top: -3px;
  display: block;
}

.number-counter-section {
  max-width: 80px;
  text-align: center;
}

.number-counter-section .odometer {
  font-size: 28px;
  line-height: 1;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
}

.progress1 {
  text-align: left;
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
  display: inline-block;
  vertical-align: middle;
  position: relative
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  position: relative
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
  display: block
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0)
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
  position: absolute
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s
}

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%)
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%)
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {}

.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
  text-align: center
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
  margin-right: -1px;
}

.number-counter-section {
  display: flex;
}

.number-counter-section:after {
  content: "+";
  display: inline-block;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 0 2px;
}

.stepSection3 li:last-child .number-counter-section:after {
  content: "K";
}

.progress1 .odometer {
  margin: 0;
}

@keyframes duepduep {
  0% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(-40px, 0);
  }

  75% {
    transform: translate(0, 0);
  }
}

@media (max-width: 1365px) {
  .stepSection3 {
    margin-bottom: 40px;
  }

  .stepSection3 li {
    width: calc(50% - 10px);
  }

  .stepSection3 li>div>span br {
    display: none;
  }
}

@media (max-width: 1199px) {
  h1 {
    font-size: 35px;
  }

  h2 {
    font-size: 35px;
  }

  header .logoRight {
    display: none;
  }

  .headernav ul li a {
    padding: 10px 10px;
  }

}

@media (max-width: 991px) {
  .spaceBoth {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .spaceTop {
    padding-top: 50px;
  }

  .spaceBottom {
    padding-bottom: 50px;
  }

  h1 {
    font-size: 40px;
  }

  h2 {
    font-size: 40px;
  }

  body {
    /*padding-top: 83px;*/
  }

  header {
    /*padding: 15px;*/
  }

  header .logo {
    width: 150px;
  }

  .headernav {
    width: 100%;
    margin: 14px -15px 0 0;
  }

  .headerCall a {
    font-size: 20px;
  }

  .stepSection li {
    width: calc(20% - 20px);
    padding: 10px;
  }

  .headernav ul {
    padding-left: 10px;
  }

  .headernav ul li a {
    font-size: 12px;
    padding: 10px 5px;
  }

  .stepSection {
    margin-bottom: 30px;
  }

  .headingStyle2 {
    text-align: center;
  }

  .awardsLists .container {
    flex-wrap: wrap;
    justify-content: space-evenly;
  }

  .awardsLists .awardsList {
    flex: auto 0 0;
    margin: 10px 0;
  }

  .placementSlider {
    margin-bottom: 30px
  }

  .testimonialsSlider>.testimonialsList {
    flex: calc(50% - 20px) 0 0
  }

  .testimonialsSlider>.testimonialsList {
    flex: calc(50% - 20px) 0 0;
  }

  .awardsLists2 .container {
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
}


@media (max-width: 767px) {
  .belowBannerSection .belowBannerinner {
    flex-wrap: wrap;
    margin: 30px 0;
  }

  .belowBannerSection .belowBannerCenter {
    text-align: center;
  }

  .belowBannerSection .belowBannerinner {
    flex-wrap: wrap;
  }

  .belowBannerSection .belowBannerinner .belowBannerLeft {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }

  .mobileHide {
    display: none !important;
  }

  .desktopHide {
    display: block !important;
  }

  body {
    padding-top: 80px;
  }

  header {
    /* padding: 10px 15px; */
  }

  .npf_wgts {
    margin-top: 20px;
    width: 100%;
  }

  .headerCall {
    flex-wrap: wrap;
  }

  .headerCall a+a {
    margin: 0;
  }

  .headerCall a {
    display: flex;
    font-size: 16px;
    padding: 5px 10px;
    margin: 0;
  }

  .headerCall a img {
    width: 15px;
    flex: 0 0 15px;
    margin: 0 8px 0 0;
  }

  .gallerySection1 .galleryLeft1,
  .gallerySection1 .galleryCenter1,
  .gallerySection1 .galleryRight1 {
    width: 100%;
  }

  footer .footerContact {
    flex-wrap: wrap;
    text-align: center;
  }

  footer .footerContact>* {
    width: 100% !important;
  }

  .listOfCourses ul {
    columns: 2;
  }

  .heroBanner {
    display: flex;
    flex-wrap: wrap;
  }

  .heroBanner:before {
    height: 0;
    padding-bottom: 87%;
    background-size: 250%;
    position: static;
  }

  .awardsLists .awardsList:nth-child(4) {
    border-left: 0;
  }

  .npfForm {
    max-width: 100%;
  }

  header {
    /* padding-bottom: 35px; */
  }

  header .logo {
    width: 100px;
  }

  .headernav {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
  }

  .headernav ul {
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 0;
    width: 100%;
    height: 30px;
    text-align: center;
  }

  .headernav ul li a {
    font-size: 11px;
    padding: 8px 4px;
  }

  .headerCall a img {
    width: 20px;
    flex: 0 0 20px;
    margin: 0 8px 0 0;
    padding: 4px;
  }

  .headerCall a {
    padding: 1px 5px;
  }

  header .logoRight {
    display: none;
  }

  .awardsLists1>.awardsList {
    flex: calc(50% - 40px) 0 0;
  }

  .listOfCourses ul li {
    width: calc(50% - 5px);
  }

  .listOfCourses ul li.redBg {
    background: #fff;
    border-color: #ccc;
    color: #000;
  }

  header .logo a {
    display: flex;
    flex: 0 0 110px;
    width: 110px;
  }

  .headernav ul {
    background: #000;
  }

  .lifeAtNimsTab {
    flex-wrap: wrap;
    transform: translateY(0);
    margin: 20px 0;
  }

  .lifeAtNimsTab .lifeAtNimsTabBtn {
    flex: 50%;
    padding: 10px;
    font-size: 13px;
  }

  .lifeAtNimsTab .lifeAtNimsTabBtn br {
    display: none;
  }

  .videoSlideLists .owl-nav {
    width: 60px;
    height: 30px;
  }

  .videoSlideLists .owl-nav button {
    width: 30px;
    height: 30px;
  }

  .listOfCourses1 ul {
    columns: 2;
  }

  .listOfCourses1 ul li {
    width: calc(50% - 20px);
  }

  .listOfCourses1 ul li.redBg {
    background: #fff;
    border-color: #ccc;
    color: #000;
  }

  .listOfCourses1 ul li.redBg .whiteicon {
    display: none;
  }

  .listOfCourses1 ul li.redBg .blackicon {
    display: block;
  }

  #gallery {
    /* padding: 0 0 30px 0; */
  }

  #gallery .container {
    display: flex;
    flex-wrap: wrap;
  }

  .lifeAtNimsTab {
    order: 0;
    width: 100%;
  }

  .lifeatnims {
    width: 100%;
  }

  .lifeAtNimsTab .lifeAtNimsTabBtn.active:after {
    display: none;
  }

  .lifeAtNimsBanner {
    display: none;
  }

  .panel.dynamic_theme_block {
    margin: 20px;
    margin-top: 10px;
  }

  .npfFormInn {
    padding-bottom: 10px;
  }

  .stepSection2 {
    row-gap: 10px;
  }

  .stepSection2 li {
    align-items: center;
    width: calc(50% - 20px)
  }

  .stepSection2 li p {
    font-size: 14px;
  }
}

@media (max-width: 479px) {
  h1 {
    font-size: 35px;
  }

  h2 {
    font-size: 35px;
  }

  .stepSection li {
    width: calc(50% - 20px);
    padding: 5px;
  }

  .awardsLists1>.awardsList {
    flex: calc(100% - 40px) 0 0;
  }

  .belowBannerSection .belowBannerinner {
    justify-content: space-between;
    margin: 0 -15px 40px;
    padding: 10px;
  }

  .belowBannerSection .belowBannerCenter .rightBtn {
    margin: 0 2px;
  }

  .belowBannerSection .belowBannerCenter a {
    font-size: 13px;
  }

  .belowBannerSection .belowBannerinner .belowBannerRight {}

  .belowBannerSection .actionBtn {
    width: 100%;
    padding: 13px 20px;
    font-size: 13px;
    text-align: center;
  }

  .belowBannerSection .actionBtn br {
    display: none;
  }

  .belowBannerSection .actionBtn span {
    left: auto;
  }

  .belowBannerSection .actionBtn:after {
    display: none;
  }

  .belowBannerSection .belowBannerCenter {
    width: 100%;
  }

  .belowBannerSection .belowBannerinner .belowBannerLeft {
    display: block;
    width: 100%;
  }

  .belowBannerSection .belowBannerinner .belowBannerRight {
    width: 100%;
    margin-top: 10px;
  }

  .aboutNims .aboutNimsHead {
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
  }

  .aboutNims .aboutNimsHead br {
    display: none;
  }

  .awardsLists .awardsListsRow {
    row-gap: 10px;
  }

  .awardsLists .awardsList {
    flex: auto 0 0;
    padding: 0 10px;
    width: calc(50% - 10px)
  }

  .awardsLists .awardsList img {
    height: auto;
  }

  .listOfCourses ul {
    columns: 1;
  }

  .headingStyle2 h2 {
    padding-top: 0;
  }

  .listOfCourses ul li {
    width: calc(50% - 5px);
  }

  .placementsPackages li {
    width: calc(50% - 90px);
    font-size: 18px;
  }

  .listOfRecuritersList>li {
    flex: calc(50% - 20px) 0 0;
  }

  .testimonialsSlider>.testimonialsList {
    flex: calc(100% - 20px) 0 0;
  }

  .headernav ul li a {
    font-size: 9px;
    padding: 8px 0px;
  }

  .listOfCourses1 ul {
    columns: 1;
  }

  .listOfCourses1 ul li {
    width: 100%;
  }

  .stepSection2 li {
    width: 100%;
  }
}


/* Learn from the Best Faculties start css */

.placement-carousel {
  text-align: center;
  padding: 40px 40px;
}

.placement-carousel h1 {
  color: #e10013;
  font-size: 4rem;
  font-family: 'Roboto';
  position: relative;
  padding-bottom: 0px;
  text-align: center;
  font-weight: 600;
}
#placementCarousel{margin-top: 60px;}

.carousel-item {
  display: flex;
  justify-content: center;
  align-items: center;
}

.placement-card {
   /* background: #fff;
  border-radius: 15px;
  padding: 20px;
  text-align: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   max-width: 100%;
   width: 100%;
  margin-bottom: 50px;
   transition: 0.6s ease transform; */
   background: #fff;
    border-radius: 15px;
    padding: 0px;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    /* width: 340px; */
    /* width: 440px !important; */
    /* margin: 10px 0px; */
    max-width: 100%;
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    /* margin-bottom: 50px; */
    /* position: relative; */
    /* transform: scale(1) rotateY(0deg) rotateX(-14deg) translateZ(2.5rem); */
    /* transform-origin: 109% 99%; */
    /* transform-style: preserve-3d; */
    /* box-shadow: 1rem 1rem 2rem rgba(0, 0, 0, 0.25); */
    /* transition: 0.6s ease transform; */
}

.placement-card img {
  width: 100%;
  border-radius: 10px;
  height: 280px !important;
  object-fit: cover;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}

.placement-card .name {
  font-size: 16px;
  font-weight: bold;
  margin-top: 0px;
  white-space: nowrap;
  color: #404040;
}

.placement-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.15);
}
h5.mentor-card-designation {
  color: #404040;
    margin-top: 0px;
    margin-bottom: 0px;
}
.placement-card .company {
  margin-top: 12px;
    margin-bottom: 20px;
    padding: 4px;
    height: 85px;
    overflow-y: scroll;
    scrollbar-width: none;
  /* background: #ededed;
  position: absolute;
  color: white;
  padding: 10px 86px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  width: 90%;
  left: 0px;
  transform: translate(6%, -50%); */
}
.placement-card .company p{font-size: 10px;line-height: 15px;padding: 6px;}
.company img {
  /* height: 30px; */
  background: white;
  padding: 5px;
  border-radius: 5px;
}

.carousel-control-prev,
.carousel-control-next {
  width: auto;
  color: #a00;
}


.left-icon,
.right-icon {
  position: absolute;
  top: 99%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background-color: rgb(219 43 49);
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  color: white;
  font-size: 18px;
  /* z-index: 100000; */
}

.left-icon {
  right: 100px;
  left: auto;
}

.right-icon {
  right: 50px;
}

.left-icon:hover,
.right-icon:hover {
  background-color: rgba(219 43 49, 0.8);
}


/* Responsive Design */
@media (max-width: 768px) {
  .placement-card {
      width: 100%;
      /* Allow full width on small screens */
      padding: 15px;
  }

  .placement-card .company {
      font-size: 14px;
      padding: 8px;
      width: 90%;
  }
}

@media (max-width: 480px) {
  .placement-carousel {
      padding: 20px 10px;
  }

  .placement-card {
      width: 100%;
      padding: 10px;
  }

  .placement-card .company {
      font-size: 12px;
      padding: 6px;
      width: 95%;
  }
}


.splide__pagination li{display: none !important;}
.splide__arrow{background: #CF2027 !important;height: 3em !important;opacity: 1 !important;width: 3em !important;}
.section-faculty{background: rgba(239, 125, 0, 0.04) !important;padding-bottom: 35px;}
.splide__arrow svg {fill: #FFF !important;height: 1.5em !important;width: 1.5em !important;}
/* Learn from the Best Faculties end css */