html,
body {
  overflow-x: hidden;
}

* {
  box-sizing: border-box;
}


.video-wrapper {
  position:relative;
  display:inline-block;
  position:absolute;
  top:50%;
  left:50%;
}
.play-btn {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  font-size:40px;
  color:white;
  background:rgba(255,0,0,0.8);
  border-radius:50%;
  width:100px;
  height:100px;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2;
  transition:transform 0.3s ease;
}
.play-btn:hover {
  transform:translate(-50%, -50%) scale(1.2);
}
.ripple {
  position:absolute;
  top:50%;
  left:50%;
  width:100px;
  height:100px;
  border-radius:50%;
  background:rgba(255,0,0,0.4);
  transform:translate(-50%, -50%) scale(0.8);
  animation:ripple 2s infinite;
  z-index:1;
}
.ripple.delay {
  animation-delay:1s;
}
@keyframes ripple {
  0% { transform:translate(-50%, -50%) scale(0.8); opacity:0.8; }
  100% { transform:translate(-50%, -50%) scale(2); opacity:0; }
}


.wrapper {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)
}

.video-main {
  position: relative;
  display: inline-block;
}

.video-image {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 100%;
  background: transparent;
  color: #fff;
  display: inline-block;
  background:  #f80707;
  z-index: 999;
}
.video-image i{
    padding: 11px 21px;
}
#youtube-video-img{
    height: 241px;
    border-radius: 10px !important;
    margin-bottom: 10px;
}
@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }
  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

.fa-play:before {
  content: "\f04b";
}

.waves {
  position: absolute;
  width: 150px;
  height: 150px;
  background: #F8C507;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-radius: 100%;
  right: -50px;
  bottom: -50px;
  z-index: -1;
   -webkit-animation: waves 3s ease-in-out infinite;
  animation: waves 3s ease-in-out infinite;
}
        
.wave-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.wave-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.wave-3 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

#image-size-fixed #bottom-yt-video{
  width: 100%;
  height: 500px  !important;
}





#image-size-fixed img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
/* .dinnig-image{
  height: 666px !important; 
} */
.image-right-video iframe {
  height: 241px;
  border-radius: 10px;
}
.mobile-image-leader {
  margin-bottom: 10px;
}
.mobile-margin {
  /* padding: 0px 44px 12px 1px !important; */
  height: 95%;
  width: 100%;
}
.award_logo_img {
  width: 75%;
}
#medicalSlider img {
  width: 100%;
  height: 235px !important;
}

#food .facilities-grid {
  padding: 0px 0px 0px 0px !important;
}
.infra-leader {
  margin-top: 3%;
  width: 100%;
  margin: 40px auto;
}
.dinnner-height img {
  height: 76% !important;
  border-radius: 10px;
  overflow: hidden;
}
.button-container {
  display: flex;
  gap: 20px;
  margin-top: 5px;
  justify-content: center;
  flex-wrap: wrap;
}
#imageSlider img {
  width: 70% !important;
  margin: 0 auto;
}
.h4_about-wrap img {
  width: 220px;
}

/* #imageSlider  .carousel-control-prev {
    left: -120px;
}
#imageSlider .carousel-control-next {
    right: -75px;
} */

.custom-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  border: 2px solid white;
  border-radius: 25px;
  background: transparent;
  color: white;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  backdrop-filter: brightness(0.8);
}

.custom-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-2px);
}

.icon {
  font-size: 18px;
}
.hero-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20%;
  /* background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); */
  color: #fff;
  z-index: -1;
}

.facilities-section {
  padding: 40px 20px;
  max-width: 1200px;
  margin: auto;
}

.facilities-section .heading {
  text-align: center;
  display: flex;
  margin-bottom: 40px;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.facilities-section .heading svg {
  position: absolute;
  bottom: -15px;
  left: 4px;
}

.facilities-section h2 {
  color: #003366;
  font-size: 28px;
  margin-bottom: 10px;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-size: 48px;
  text-align: left;
  line-height: 46px;
}

.facilities-section p {
  font-size: 16px;
  color: #000;
  width: 48%;
  text-align: left;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  line-height: 25px;
}

.facilities-grid {
  display: flex;
  /* grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); */
  /* gap: 15px; */
  gap: 10px;
}

.facility-item {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.facility-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.facility-item:hover img {
  transform: scale(1.05);
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
  color: #fff;
}

.overlay h3 {
  margin: 5px 0 0;
  font-size: 23px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  padding-bottom: 2%;
}

.overlay p {
  margin: 0;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

/* Special sizes */
.facility-item.large {
  /* grid-column: span 2; */
}

.facility-item.wide {
  grid-column: span 2;
}
.carousel-indicators {
  bottom: -20px;
}
#mobile-form-view {
  display: none;
}
.mobile-slider {
  display: none;
}

#arrow-hide-desktop {
  display: none;
}

#grid-mobile {
  display: none;
}

.parent-video-section iframe {
  border-radius: 10px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-size: 60%, 60%;
}
.video-diraction {
  display: flex;
  justify-content: center;
  align-items: center;
}
#parentVideoCarousel {
  width: 60%;
}
.video-slider-heading {
  width: 80%;
}
.video-slider-heading h5 {
  font-family: "Bebas Neue", sans-serif;
  font-size: 72px;
  color: #fff;
  font-weight: 400;
  text-align: left;
  line-height: 65px;
  margin-bottom: 10px;
  padding-right: 12%;
}
.image-hide-all-dev {
  display: none;
}
.infra-leader h5 {
  text-align: center;
  padding-right: 0px;
}
.infra-leader p {
  text-align: center;
}
#svg-icons img {
  margin-top: -80px;
}
#heading-line-fixed p {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-bottom: 0px;
}
#heading-line-fixed .main-heaidng-fix {
  color: #083261;
  text-transform: uppercase;
  /* margin-bottom: 25px; */
  font-family: "Bebas Neue", sans-serif;
  display: block;
  margin-bottom: 5px;
  font-size: 72px;
  text-align: center;
  font-weight: 400;
  padding: 0% 0;
}

#home-away-img {
  width: 445px;
  height: auto;
}
#image-size-fixed h5 {
  line-height: 17px !important;
  font-size: 41px !important;
  width: 100%;
  display: block;
}
.shri-om-txt {
  font-weight: 400 !important;
}
#why-choose-us-p {
  margin: -26px 0px 34px !important;
}
/* .career-counseling-sub-heading p{
    font-family: "Bebas Neue", sans-serif;
    font-size: 35.38px;
    color: #000;
    font-weight: 400;
} */
#logoCarousel img {
  max-width:250px;
}
/* #review{
  background-color: #C0253F;
} */
#logoCarousel .carousel-control-prev,
#logoCarousel .carousel-control-next {
  width: 5%;
}
#logoCarousel .carousel-control-prev{
   left:25px;
}
#logoCarouselmobile{
  display: none;
}
/* #review-heading{
  color:#fff;
}
#review-heading span{
  border-bottom: 2px solid #ffffff !important;
} */
.slider-controls{
  top: 80% !important;
  left: 14.2% !important;
}
#bottom-video-section{
  padding: 50px 0px 23px;
}
.banner-area {
    position: relative;
    overflow: hidden;
}


#top-banner-image {
    width: 100%;
    height: 100vh; 
    object-fit: cover;
    object-position: center;
    display: block;
}

#mobile-top-banner-image{
  display: none;
}

.banner-area .single-banner {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: end;
    justify-content: center;
    z-index: 2;
}
.banner-area::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #0000001c;
    z-index: 1;
}
.banner-area .section-area,
.banner-area .banner-content {
    position: relative;
    z-index: 3;
}
/* .single-banner::before{
  content:"";
  position: absolute;
  width: 100%;
  height: 100%;
  background:linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
  top:0px;
  left:0px;
  opacity: 0.5;

} */

#text-with-img {
  margin-top: 20px;
}
.svg-bottom-icon svg{
  z-index: -1;
  position: relative;
}
/* Responsive adjustments */
@media (max-width: 768px) {
#image-size-fixed #bottom-yt-video {
    width: 100%;
    height: 290px !important;
    object-fit: cover;
}
#top-banner-image{
  display: none;
}
#svg-icons{
  line-height: 42px !important;
}
.banner-area::before {
    background: linear-gradient(to bottom, transparent, #0000000a);

}
#mobile-top-banner-image{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}
  #text-with-img {
    margin-top: 10px;
}
  .desktop-logo-slider{
    display: none;
  }
  .slider-controls {
    top: auto !important;
    left: auto !important;
}
  #logoCarouselmobile{
  display: block;
  }
 #logoCarouselmobile .carousel-inner img {
        width: 100% ! IMPORTANT;
        object-fit: contain ! IMPORTANT;
    }
  /* Center logos in one row */
  #logoCarousel .row {
    justify-content: center;
    align-items: center;
  }
  .shri-om-txt {
    font-weight: 400 !important;
  }
  #heading-line-fixed .main-heaidng-fix {
    line-height: 59px;
    font-size: 46px;
  }
  h3#heading-line-fixed {
    margin-top: 12px;
  }
  #image-size-fixed h5 {
    line-height: 19px !important;
  }
  #image-size-fixed svg {
    display: none;
  }
  .placement-text {
    margin-top: -7%;
  }
  .video-slider-heading h5 {
    font-size: 46px !important;
    line-height: 43px;
    text-align: center;
    margin-bottom: 25px !important;
  }
  #parentVideoCarousel .carousel-control-prev {
    position: absolute;
    top: 3px;
    left: 10px !important;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 4px;
  }
  .video-diraction {
    flex-direction: column;
  }
  #desktop-gird {
    display: none;
  }
  #grid-mobile {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
  #logoCarousel .carousel-control-prev {
    position: absolute;
    top: 3px;
    left: -15px !important;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 4px;
  }
  #logoCarousel .carousel-control-next {
    right: -15px;
  }
  #logoCarousel {
    margin-top: 0px !important;
  }
  #slider-bx .carousel-control-prev {
    position: absolute;
    top: 3px;
    left: 0px !important;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 4px;
  }
  #imageSlider .carousel-control-prev {
    position: absolute;
    top: 3px;
    left: 18px !important;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 4px;
  }
  .desktop-form-enquire {
    display: none;
  }
  #hide-arrow-mobile {
    display: none;
  }
  #arrow-hide-desktop {
    display: block;
    width: 100%;
  }
  #image-size-fixed img {
    /* width: 340px !important; */
    height: 307px !important;
  }
  .hero-mobile-space {
    margin-top: -25% !important;
  }
  .dormitory-img-size {
    padding: 0px 0px 0px 0px !important;
  }
  .bx-dormitory h4 {
    padding: 8px 23px 8px;
    text-align: center;
    font-size: 20px !important;
  }
  .bx-dormitory {
    padding-bottom: 2px !important;
  }
  .slider-controls {
    display: block;
  }
  .custom-control span {
    filter: invert(0);
  }
  .custom-control {
    width: 40px !important;
    height: 40px !important;
    background: #0d2d50;
  }
  #chairman-desk iframe {
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
  }
  .bottom-video iframe {
    height: 200px;
  }
  .mobile-slider {
    display: block;
  }
  .desktop-slider-logo {
    display: none;
  }
  /* #medical .carousel-control-next,
  .carousel-control-prev {
    position: absolute;
    top: 3px;
    left: 98px !important;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 4px;
  } */
   #medical .carousel-control-prev,
#medical .carousel-control-next {
    position: absolute;
        bottom: -5px;
        top: auto;
        left: 50%;
        transform: translate(-140%, 0%) !important;
        z-index: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding: 8px;
}

/* #medical .carousel-control-prev {
    transform: translateX(-70px);
}

#medical .carousel-control-next {
    transform: translateX(70px);
} */

  #imageSlider .carousel-control-prev {
    display: block !important;
  }
  #imageSlider .carousel-control-next {
    display: block !important;
  }
  .hide-mobile {
    display: none;
  }
  .single-banner {
    min-height: 470px;
  }
  #mobile-form-view {
    display: block;
    padding: 0px 20px;
  }
  .facility-item.large,
  .facility-item.wide {
    grid-column: span 1;
  }
  .facilities-section .heading {
    flex-direction: column;
    gap: 10px;
  }
  .facilities-section p {
    width: 100%;
    text-align: center;
  }
  .facilities-grid {
    flex-direction: column;
    width: 100% !important;
  }
  .facility-item {
    width: 100% !important;
  }
  .overlay h3 {
    font-size: 20px;
  }
  .facilities-section h2 {
    text-align: center;
  }

  .facility-item img {
    height: 320px;
  }
  .button-container {
    flex-wrap: nowrap;
    gap: 7px;
  }
  .custom-btn {
    gap: 4px;
    padding: 3px 10px;
    font-size: 10px;
  }
  .slider-bottom-mobile {
    background: linear-gradient(
      90deg,
      #39b6d7 8.65%,
      #fabc08 50.45%,
      #e2832f 89.91%
    );
    color: #083261;
  }
  .bx-dormitory img {
    width: 100%;
  }
  .para1 {
    background: none;
    -webkit-text-fill-color: currentColor;
    color: #000000;
    filter: brightness(1.2);
    font-weight: 600;
  }
  .principal-photo {
    height: 100%;
    max-height: 94%;
  }
  .principal-photo img {
    width: 100%;
    height: auto;
  }
  .mobile-margin{
      display: flex;
    justify-content: center;
}
  .bottom-image-gird {
    padding: 0px 0px 0px 0px !important;
  }
  #chairman-desk{
    padding: 0px;
  }
  .infra-leader {
    width: 100%;
    margin: 40px auto 23px;
  }
  .infra-leader p {
    margin-top: -7px;
  }
  .principal-card .infra-leader img {
    width: 100%;
    height: 250px !important;
  }
  .embed-responsive.embed-responsive-16by9 {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #accreditation h2 {
    line-height: 41px;
    font-size: 46px;
    margin-top: 18px;
  }
  #why-choose-us-p {
    font-size: 52px !important;
  }
  .facility-item img {
    height: 320px !important;
  }
  h3.vertical-title {
    line-height: 68px !important;
  }
  .hero__content {
    padding-top: 40px !important;
    padding-bottom: 0px !important;
  }
  .para2 {
    line-height: 22px;
    font-size: 25 !important;
  }
  .mobile-margin img {
    margin-bottom: 10px !important;
  }
  .five-col-row {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .col-item {
    height: 190px !important;
  }
  .h3_category-item {
    padding: 0px 10px 0px 10px;
  }
  #choose-us h5 {
    font-size: 28px !important;
    line-height: 27px;
  }
  .grid-swap-mobile:first-child {
    order: 2 !important;
  }

  .grid-swap-mobile:last-child {
    order: 1 !important;
  }
  .svg-bottom-icon svg {
    display: none;
  }
  .svg-bottom-icon {
    margin-bottom: -10px;
  }
  #why-choose-us-p {
    padding: 12px;
  }
}
@media (max-width: 479px) {
  .testimonial-top {
    gap: 2px;
    justify-content: space-between;
    align-items: flex-start;
  }
  .testimonial-admin-info h5 {
    font-size: 14px;
    line-height: 14px;
  }
  #logoCarousel {
    margin-top: 0px !important;
  }
}