body {
  overflow-x: hidden;
 }
 
p {
  font-family: math;
  font-size: 18px;
  /* color: #333; */
  line-height: 1.6;
  text-align: justify;
 }
 .glass {
     /* background: rgba(255, 255, 255, 0.15); */
     /* background: var(--bs-orange); */
     background: #531b7c;
     backdrop-filter: blur(10px);
     -webkit-backdrop-filter: blur(10px);
     border: 1px solid rgba(255, 255, 255, 0.2);
 }

 /* Theme Colors */
 .bg-orange {
     /* background-color: #ff6a00; */
     background-color: #000;
 }

 .text-orange {
     color: #ff6a00;
 }

 /* Navbar brand */
 .school-title {
     font-size: 34px;
     font-weight: 700;
     color: #fff;
 }

 .school-subtitle {
     font-size: 0.85rem;
     color: #f9f9f9;
     text-align: end;
 }
@media (max-width: 768px) {
.school-title {
   font-size: 14px;
}
.school-subtitle {
   font-size: 10px;
   text-align: center;
}
}

 /* Navbar Toggle (X effect) */
 .navbar-toggler.collapsed .close-icon {
     display: none;
 }

 .navbar-toggler:not(.collapsed) .navbar-toggler-icon {
     display: none;
 }
 .nav-item, a{
      font-family: math;
      font-size: 20px;
 }

 .close-icon {
     font-size: 1.5rem;
     color: #000;
 }

 /* Carousel images default (large devices) */
 .carousel-item img {
     height: 80vh;
     width: 100%;
     object-fit: cover;
 }
 .carousel-control-prev-icon{
      background-color: var(--bs-gray-800);
      border-radius: 50%;
      /* padding: 10px; */
 }
  .carousel-control-next-icon{
        background-color: var(--bs-gray-800);
        border-radius: 50%;
        /* padding: 10px; */
  }

@media (max-width: 768px) {
.carousel-item img {
    height: auto;
    max-height: 60vh;
    object-fit: contain;
}

.carousel-caption {
    position: static;
    background: #531b7c;
    color: #fff;
    /* padding: 1rem; */
    margin-top: 0.5rem;
    border-radius: 0.75rem;
    text-align: center;
}

}

/* Menus Section */
section {
  /* background: linear-gradient(to right, #fff, #fdf2e9); */
    margin-top: 60px;
    margin-bottom: 50px;
}


/* .btn:hover {
  background: #e55d00 !important;
  transform: translateY(-2px);
  transition: all 0.3s ease;
} */

/* Smooth reveal animation */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
section .col-lg-6 {
  animation: fadeInUp 1s ease forwards;
}

/* OUR SERVICE */
.our-service {
 background-color: black;
  color: #fff;
  /* padding: 50px 0; */
}
.offer-card {
  border-radius: 59px 0px 59px 5px;
  transition: all 0.3s ease;
}
.offer-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 20px rgba(255, 106, 0, 0.3);
}


/* Experience  */
.text-orange {
  color: #ff6a00;
 
}
h2 {
  font-family: math;
 
}
/* service */
@keyframes blink {
  0%, 100% {opacity: 1;}
  50% {opacity: 0;}
}
#blinking-text {
  animation: blink 2s linear infinite;

}

/* Glassmorphism Card for Facilities */
.facility-card {
  min-height: 150px;
  transition: transform 0.3s ease, background 0.3s ease;
  border-radius: 1rem;
  border: 1px solid;
}
.facility-card, h4 {
  font-family: math;
}

.facility-card:hover {
  transform: translateY(-8px);
  background: #531b7c;
  box-shadow: 11px 11px 0px var(--bs-gray-600);
  color: #fff;
}

.hall-img {
  width: 100%;
  height: 300px;
  /* object-fit: cover; */
}

footer a:hover {
  text-decoration: underline;
  color: #fff;
  transition: 0.3s;
}

/* Footer glass effect */
footer{
 
  /* background-color: #531b7c;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2); */
 
    background-image: url('..//img/footer.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    /* background-attachment: fixed; */
    padding: 80px 0;

}

/* menu */
 .menu-item {
    transition: all 0.3s ease;
    background-color: aliceblue;
  }
  .menu-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 0 15px rgba(255, 193, 7, 0.4);
  }
  .menu-img {
    transition: transform 0.4s ease;
  }
  .menu-item:hover .menu-img {
    transform: scale(1.15);
  }

/* ---------------------------- */
.section-title {
      text-align: left;
      margin-bottom: 40px;
    }
    .section-title h2 {
      font-family: 'Playfair Display', serif;
      font-weight: 600;
    }
    .section-title p {
      font-style: italic;
      color: #666;
    }
    .room-card img {
      width: 100%;
      height: 300px;
      /* object-fit: cover; */
      border-radius: 6px;
    }
    .room-card h4 {
      font-family: 'Playfair Display', serif;
      font-weight: 600;
      margin-top: 20px;
    }
    .room-card p {
      color: #666;
    }
    .btn-details {
      background-color: #531b7c;
      color: #fff;
      font-weight: 600;
      padding: 8px 25px;
      border-radius: 5px;
      text-transform: uppercase;
      font-size: 14px;
    }
    .btn-details:hover {
      background-color: #ffc107;
      color: #fff;
    }