/* navbar and header styles */
  /* Header scrolling bar */
    .header {
      background-color: #8B1E1E;
      padding: 6px 0;
      overflow: hidden;
      white-space: nowrap;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 1030;
      transition: top 0.4s ease;
    }

    .scroll-container {
      display: flex;
      overflow: hidden;
    }

    .scroll-text {
      display: inline-flex;
      gap: 60px;
      animation: scroll-left 25s linear infinite;
    }

    .scroll-text span {
      font-weight: 600;
      color: #fff;
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: 15px;
    }

    @keyframes scroll-left {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }

    /* Navbar */
    .navbar {
      background-color: #fff !important;
      position: fixed;
      top: 35px;
      width: 100%;
      z-index: 1020;
      transition: top 0.4s ease;
    }

    .navbar-toggler {
      border: none !important;
      outline: none !important;
      box-shadow: none !important;
    }

    .nav-link {
      font-weight: 500;
      color: #333 !important;
    }

    .nav-link:hover {
      color: #8B1E1E !important;
    }

    /* Center RS 25000 */
.navbar-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  color: #8B1E1E;
  font-size: 18px;
  pointer-events: none; /* so it won't block toggler clicks */
  z-index: 1050;
}

/* Mobile view fix */
@media (max-width: 991px) {
  .navbar-center {
    position: relative;   /* stay fixed */
    top: 3px;         /* align with navbar */
    left: 40px;
    transform: translateX(-50%);
  }

  .navbar-collapse {
    margin-top: 20px;  /* dropdown shows below RS 25000 */
  }
}


    body {
      padding-top: 100px; /* Avoid overlap */
    }

   
    /****************/

    /* Hero section styles */
    /* Optional: Banner height control */
     .hero-section img {
      width: 100%;
      height: 90vh; /* fullscreen hero look */
      object-fit: cover;
    }
    @media (max-width: 767px) {
      .hero-section img {
        height: 60vh; /* smaller height on mobile */
      }
    }
     /***************/

     /* About section styles */
       .welcome-section {
      padding: 90px 0;
    }
    .welcome-title {
      font-family: 'Dancing Vibes', cursive;
      font-size: 3rem;
      font-weight: 600;
      color: #8B1E1E;
      margin-bottom: 15px;
    }
    .welcome-subtitle {
      font-size: 1.5rem;
      font-weight: 500;
      color: #333;
      margin-bottom: 25px;
    }
    .welcome-list {
      font-size: 1.2rem;
      color: #444;
    }
    .welcome-list li {
      margin-bottom: 12px;
    }
   .btn-brochure {
  background: #8B1E1E;   /* Base dark brownish-red */
  color: #fff !important; /* Text always white */
  border: none;
  border-radius: 35px;
  padding: 12px 30px;
  font-size: 1.1rem;
  font-weight: 600;
  box-shadow: 0px 4px 8px rgba(0,0,0,0.2);
  transition: all 0.3s ease;
}

.btn-brochure:hover {
  background: #A94442;   /* Lighter shade */
  color: #fff !important; /* Keep text white */
  transform: scale(1.05);
}

    .welcome-img {
      max-width: 100%;
      height: auto;
    }
    .divider {
      text-align: center;
      margin-top: 40px;
    }
    .divider img {
      height: 40px;
    }
     /* Whole Section Shine Effect */
.welcome-section {
  position: relative;
  overflow: hidden;
}

/* Shine gradient layer */
.welcome-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-25deg);
  z-index: 2;
}

/* Shine animation */
@keyframes section-shine {
  100% {
    left: 150%;
  }
}

.welcome-section.page-load-shine::before {
  animation: section-shine 3.5s ease forwards; /* was 2s */
}

    /* Services section styles */
    .custom-card {
      text-align: justify; /* justified text */
      padding: 30px 15px;
      border: none; /* remove border */
      border-radius: 0; /* remove border radius */
      background: transparent;
    }
      .section-title {
      text-align: center;
      margin-bottom: 10px;
      text-transform: uppercase;
      font-weight: 700;
    }
    .section-desc {
      text-align: center;
      margin-bottom: 10px;
      color: #555;
    }
    .image-container {
      width: 100%;
      height: 250px;        /* uniform height */
      overflow: hidden;     /* keeps zoom inside */
      margin-bottom: 20px;
    }
    .image-container img {
      width: 100%;
      height: 100%;
      object-fit: cover;    /* maintain aspect ratio */
      transition: transform 0.5s ease;
    }
    .image-container img:hover {
      transform: scale(1.05);  /* slight zoom */
    }
    .custom-card h3 {
      font-weight: 700;
      margin-bottom: 15px;
       color: #8B1E1E;  
      text-align: center;       /* center the title */
      text-transform: uppercase;
    }
    .custom-card p {
      margin-bottom: 20px;
      color: #555;
    }
    .custom-card .btn-container {
      display: flex;
      justify-content: center;  /* center the button */
    }
  
    .custom-card .btn-outline-dark {
      font-weight: 600;
      padding: 8px 20px;
      border-width: 2px;
      border-radius: 0;         /* remove button border radius */
    }
      .custom-card .btn-outline-dark {
      font-weight: 600;
      padding: 8px 20px;
      border-width: 2px;
      border-radius: 0;
      border-color: #8B1E1E; /* outline color */
      color: #8B1E1E;        /* text color */
      transition: all 0.3s ease;
    }
    .custom-card .btn-outline-dark:hover {
      background-color: #8B1E1E; /* fill color on hover */
      color: #fff;                /* text white on hover */
      border-color: #8B1E1E;
    }
    /*****************/

    /* Gallery */
  .gallery-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease, box-shadow 0.4s ease; /* smooth transition */
  border-radius: 0; /* first row box-shaped */
}

.gallery-img:hover {
  transform: scale(1.05); /* slight zoom */
  box-shadow: 0 8px 20px rgba(0,0,0,0.4), 0 0 20px rgba(255,255,255,0.3); /* glow effect */
  z-index: 2;
}

    /* Make second-row images rounded */
    .second-row .gallery-img {
      border-radius: 0px;
    }

    /* Make first row have equal heights for neat alignment */
    .first-row .img-wrap {
      height: 220px; /* adjust this value to suit your design */
      overflow: hidden;
    }
    .second-row .img-wrap {
      height: 300px; /* adjust as needed */
      overflow: hidden;
    }

    /* Small responsive tweak - reduce heights on small screens */
    @media (max-width: 767px){
      .first-row .img-wrap,
      .second-row .img-wrap { height: 180px; }
    }
    

/************/

/*Contact Section */
  /* Map border */
    .map-frame {
      border: 2px solid #ccc;
      border-radius: 5px;
    }
    /* Divider line */
    .divider {
      border-left: 2px solid #ddd;
      height: 100%;
    }
    @media (max-width: 767px) {
      .divider {
        display: none;
      }
    }
    /***************/

   


  /*****Drop Down */
    /* Dropdown menu styling */
  .custom-dropdown {
    background-color: #fff; /* white background */
    border: 1px solid #ddd; /* light border */
    border-radius: 0; /* no rounded corners */
    padding: 0;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* subtle shadow */
  }

  .custom-dropdown .dropdown-item {
    color: #000; /* black text */
    font-weight: 500;
    padding: 12px 20px;
    transition: all 0.3s ease;
  }

  .custom-dropdown .dropdown-item:hover {
    background-color: #8B1E1E; /* theme color on hover */
    color: #fff; /* white text on hover */
  }

  /* Dropdown toggle arrow color */
  .nav-link.dropdown-toggle::after {
    border-top-color: #000; /* black arrow */
  }

  /* Book Now */
   .wedding-section{
        padding:5rem 1rem;
      }

      /* .wedding-card{
        border:3px solid #8B1E1E;
        padding:3rem 2rem;
        text-align:center;
        background:#fff;
        box-shadow:0 8px 24px rgba(0,0,0,0.08);
      } */
          .wedding-card{
  padding:12rem 6rem;
  text-align:center;
  background: #fff url('frame.png') no-repeat center/cover; /* Frame image */
 
  border-radius: 15px; /* Optional: smooth corners */
}
/* Mobile adjustments */
@media (max-width: 768px) {
  .wedding-card{
    padding: 8rem 1.5rem; /* smaller padding on mobile */
    background-size: cover; /* cover works better on mobile for frame */
  }

  .wedding-title{
    font-size: 1rem;
  }

  .price-tag{
    font-size: 1.0rem;
  }

  .slogan{
    font-size: 0.5rem;
  }

  .btn-book{
    padding: 0.8rem 1.5rem;
    font-size: 0.7rem;
  }
}
      .wedding-title{
        font-family:'Great Vibes', cursive;
        font-size:3rem;
        margin-bottom:1.2rem;
        color:#8B1E1E;
      }

      .price-tag{
        font-size:2.4rem;
        font-weight:800;
        margin-bottom:1.5rem;
        color:#8B1E1E;
      }

      .slogan{
        font-size:1.25rem;
        margin-bottom:1rem;
      }

      .btn-book{
        border-radius:0;
        border:3px solid #8B1E1E;
        background:#8B1E1E;
        color:#fff;
        padding:1rem 2rem;
        font-size:1.4rem; /* Increased size */
        text-transform:uppercase;
        font-weight:800;
        transition:all 0.3s ease;
      }

      .btn-book:hover{
        background:transparent;
        color:#8B1E1E;
      }


      /* footer */
         footer {
      background-color: #fdeaea; /* light pink */
      padding: 50px 20px 20px;
    }
    footer h5 {
      font-weight: 600;
      margin-bottom: 15px;
      position: relative;
      text-align: left;
    }
    footer h5::after {
      content: "";
      width: 30px;
      height: 2px;
      background: #e74c3c;
      display: block;
      margin-top: 5px;
    }
    footer p {
      margin-bottom: 8px;
      text-align: justify; /* justify text */
    }
  .btn-books {
  background-color: #c0392b; /* default red */
  color: #fff;
  padding: 10px 25px;
  font-size: 16px;
  border: none;
  border-radius: 5px;
  transition: 0.3s;
}

.btn-books:hover {
  background-color: #e74c3c; /* lighter red on hover */
  color: #fff; /* keep text white */
}

    .social-icons a {
      color: #000; /* black icons */
      margin: 0 10px 0 0;
      font-size: 20px;
      transition: 0.3s;
    }
    .social-icons a:hover {
      color: #e74c3c;
    }
    .contact-icons i {
      margin-right: 8px;
      color: #000; /* black icons */
    }
    .footer-bottom {
      text-align: center;
      padding-top: 15px;
      border-top: 1px solid #ddd;
      margin-top: 30px;
      font-size: 14px;
      color: #555;
    }

    /* Mobile View */
    @media (max-width: 768px) {
      .row > div {
        text-align: left !important; /* force align left */
      }
      .social-icons {
        text-align: left !important; /* left-align social icons */
      }
    }
 /* Footer styles */

  

  /*********/

 /* Events */
        .events-title {
    font-size: 3rem; /* big font size */
    font-weight: 700;
    color: #8B1E1E; /* your theme color */
    font-family: 'Georgia', serif; /* stylish font */
    letter-spacing: 2px;
    text-transform: uppercase;
  }

  .events-subtitle {
    font-size: 1.2rem;
    font-weight: 400;
    color: #555;
    margin-top: 10px;
    font-style: italic;
  }

  @media (max-width: 768px) {
    .events-title {
      font-size: 2rem; /* smaller for mobile */
    }
    .events-subtitle {
      font-size: 1rem;
    }
  }

  /*********/