body {
      background-color: #000;
      color: #fff;
      font-family: 'Poppins', sans-serif;
    }

    .btn-primary-custom {
    background: rgb(152,13,38);
    background: linear-gradient(0deg, rgba(152,13,38,1) 0%, rgba(188,29,61,1) 50%, rgba(152,13,38,1) 100%);
    border: none;color: #fff;font-size:20px;border-radius:30px;
    }

/* Nitya added from here 2025 */
.opening-hours{position: relative;no-repeat center center; background-size: cover;overflow: hidden; color: white;}
.opening-hours::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8); /* Adjust transparency here */
  z-index: 1;
}

.hero-content { position: relative; z-index: 2; /* Put content above the overlay */ padding: 2rem; }
.navbar-brand img{max-width:150px;}
#schedule .dis{font-size:20px;}
.rounded-circle{height:45px;width:45px;}
.rounded-circle{width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; background-color: #f0f0f0;}
.icon{height:25px;width:25px;}
.carousel.carousel-fade .carousel-item {
opacity: 0;transition: opacity 0.5s ease-in-out; /* 2s = slower fade duration */
}

.carousel.carousel-fade .carousel-item.active {opacity:1;}
.bg-dark-sec{background-color:#111;}
.x-text a{color:#eb254d;text-decoration:none;font-weight:400;font-size:20px;}
.x-text a:hover{color:#fff;text-decoration:underline;}
.x-text img{max-width:30px;}
.sec-2-heading{font-size:48px;}
.btn-primary-custom:hover { background: linear-gradient(to bottom, #c7004c, #c91414, #ff9900); }
.hero-carousel img { width: 100%; height: 100vh; object-fit: cover; }
.carousel-caption {top:20%;}
.masseuse-card img { border-radius:15px !important;border:1px solid #333;}
.masseuse-card h5 {background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(34,34,34,1) 50%, rgba(0,0,0,1) 100%);padding:5px 0 5px 0;}
.section-dark { background-color: #000; padding: 60px 0; }
.footer { background-color: #000; padding: 20px 0; text-align: center; font-size: 14px; color: #ccc; }
a { color: #bb1d3c; }
h1, h2, h3, h4, h5, h6 { font-weight: 600; }
p { font-weight: 300; }
.navbar-dark{border-bottom:1px solid #222; background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(17,17,17,1) 100%);}
.nav-link{text-transform:uppercase;color:#fff;letter-spacing:1px;}
.nav-link:focus, .nav-link:hover{color:#bb1d3c!important;}
.nav-item .active{color:#bb1d3c!important;text-decoration:underline;}
.phone-icon{max-width:20px;margin-right:10px;}
.phone-button{width:200px;}
.carousel-caption{font-family: "Playfair Display", serif;}
.carousel-caption p{font-family: 'Poppins', sans-serif;font-size:20px;}
.carousel-caption .btn-primary-custom{font-family: 'Poppins', sans-serif;padding:5px 20px 5px 20px;}
.footer{background:#111;}
.card-img-top { transition: transform 0.3s ease; }
.card:hover .card-img-top { transform: scale(1.05); }
.accordion-flush .accordion-item {
  background-color:transparent;
  border: none;
  border-bottom: 1px solid #333;
}

.bg-image-faded {
  background-image: url('../images/The Directors Lodge Schedule and Availability.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  border-radius: 8px;
  padding: 20px;
}

/* Optional overlay effect */
.bg-image-faded::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8); /* dark faded overlay */
  z-index: -1;
  border-radius: 8px;
}


.accordion-flush .accordion-button {
  background-color:transparent;
  color: #ffffff;
  font-weight: 500;
}

.accordion-flush .accordion-button:focus {
  box-shadow: none;
}

.accordion-flush .accordion-button:not(.collapsed) {
  box-shadow:none;
  background-color:transparent;
  color: #ffffff;
}

.accordion-flush .accordion-body {
  background-color:transparent;
  color: #cccccc;
  border-top: 1px solid #333;
}

.accordion-button::after {
  filter: brightness(0) invert(1); /* Converts black to white */
}

.btn-sm{font-size:14px;}
#masseuses{padding-top:30px;}
.recurment{width:70%;}
.item .card{border:1px solid #222222 !important;}
.schedule-card img{width:75px; height:75px;margin:0px auto;border:2px solid #da1f44;box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);}

.schedule-card h6{
  background: linear-gradient(to bottom, #2c2c2c, #000000);
  color: #ffffff;
  padding:7px 20px;
  font-size: 16px;
  font-weight:normal;
  border: none;
  border-radius:20px;
  cursor: pointer;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 4px 10px rgba(0, 0, 0, 0.4);
  transition: all 0.3s ease;
  backdrop-filter: blur(6px);
  position: relative;
  overflow: hidden;
}

/* Glossy shine effect */
.schedule-card h6:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to bottom, rgba(255,255,255,0.3), transparent);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  pointer-events: none;
}

/* Hover effect */
.schedule-card h6:hover {
  background: linear-gradient(to bottom, #3a3a3a, #111111);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 6px 14px rgba(0, 0, 0, 0.6);
  transform: translateY(-2px);
}


  /* CSS rules for mobile devices only */

@media (max-width: 575.98px) {

.nav-link{letter-spacing:0px;font-size:13px;padding:5px 7px 5px 7px;}
.navbar-brand img { max-width: 130px;}
.phone-button{font-size:16px;width:162px;}
.carousel-caption h1{ font-size: 1.2rem; }
.carousel-caption p { font-size: 0.75rem; }
.carousel-caption { bottom: 10%; }
.carousel-inner img {object-fit:contain; height:auto; width: 100%;}
.carousel-indicators{display:none;}
.carousel-caption{top:5%;}
.sec-2-heading{font-size:32px;}
.btn-sm{font-size:13px;}
.recurment{width:100%;}
/* First <li> > <a> */
ul.nav li:first-child a {padding-left:0px;}

/* Last <li> > <a> */
ul.nav li:last-child a {padding-right:0px;}
.footer .gap-5 {gap:1rem !important;}
.carousel-caption .btn-primary-custom{display:none;}
.bg-image-faded {background-position: left top;}
}