/* Move this to /css/style.css or keep in <style> tag, replacing both existing @media (max-width: 767px) blocks */

/* General Reset */
/* General Reset */
/* Ensure body/html allow scrolling */

html,body {
      margin: 0;
      padding: 0;
      overflow-x: hidden;
      width: 100%;
}



/* Navbar main styling */
.navbar-custom {
      background-color: #661D2E;
}

.navbar-custom .nav-link {
      font-family: 'Averia Serif Libre', serif;
      line-height: 40px;
      color: #EDC885 !important;
      font-weight: 600;
}

/* Wrapper width control */
.navbar-inner-wrapper {
      width: 100%;
      max-width: 90vw;
}

/* Toggler button customization */
.navbar-toggler {
      border: none;
      width: 50px;
}

/* Change the hamburger icon color */
.navbar-toggler-icon {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23F6D28C' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}



/* Offcanvas right sidebar theme */
/* Mobile Offcanvas Sidebar Custom Styling */
#mobileSidebar {
      background-color: #661D2E;
      color: #EDC885;
      font-family: 'Averia Serif Libre', serif;
      width: 70%;
}

/* Sidebar links */
#mobileSidebar .nav-link {
      color: #EDC885 !important;
      font-weight: 600;
      padding: 10px 0;
      transition: all 0.3s ease;
      font-size: 1.25rem;
}

/* Hover effect for links */
#mobileSidebar .nav-link:hover {
      color: #fff !important;
      text-decoration: underline;
}

/* Header title */
#mobileSidebar .offcanvas-title {
      font-family: 'Averia Serif Libre', serif;
      font-size: 1.5rem;
      font-weight: bold;
      color: #EDC885;
}

/* Close button styling */
#mobileSidebar .btn-close {
      filter: invert(1);
      /* makes the white close button visible on dark background */
}

/* Optional: Add inner padding for better spacing */
#mobileSidebar .offcanvas-body {
      padding-top: 1rem;
      padding-left: 1rem;
      padding-right: 1rem;
}

/* Hero Section */
.hero-section {
      background: none;
      color: white;
      padding: 80px 0;
}

.left-col-maroon {
      background-color: #661D2E;
      border-bottom-right-radius: 80px;
      padding: 80px 30px;
      min-height: 1149px;
      color: white;
      display: flex;
      flex-direction: column;
      justify-content: center;
}

.hero-section h1 {
      font-family: 'Libre Baskerville', serif;
      font-weight: 700;
      font-size: 48px;
      line-height: 76px;
      text-align: center;
}

.hero-label {
      font-family: 'Averia Serif Libre', serif;
      font-weight: 700;
      font-size: 32px;
      line-height: 44px;
      text-align: center;
}

.btn-custom {
      background-color: #f6d28c;
      width: 180px;
      border: none;
      color: #661D2E;
      font-weight: 600;
      padding: 10px 20px;
      border-radius: 10px;
      transition: background-color 0.3s ease;
}

.btn-custom:hover {
      background-color: black;
      color: white;
}

.hero-img {
      width: 1000px;
      height: 1000px;
      margin-left: -64px;
      margin-right: -12px;
      margin-top: -246px;
      border-radius: 15px 0px 5px 200px;
      /* Top-left, top-right, bottom-right, bottom-left */
      transition: all 0.3s ease-in-out;   }

@media (min-width: 768px) {
      .logo-img{
            height: auto;
      }
      
}
      @media (max-width: 767.98px) {
                  .hero-img {
                        width: 100% !important;
                        margin: 0 auto;
                        padding: 0 !important;
                        border-radius: 0px 0px 0 0;
                        /* Optional mobile-specific radius */
                       
                  }
      
                  .col-md-6 {
                        justify-content: center !important;
                  }         }

    
.timeline-wrapper {
      background-color: transparent;
      color: white;
      border-bottom-left-radius: 100px;
      padding-bottom: 40px;
      margin-top: 25%;
}

.timeline-label {
      font-family: 'Libre Baskerville', serif;
      font-weight: 700;
      font-size: 24px;
}

.timeline-img {
      background-color: white;
      border-radius: 50%;
      padding: 6px;
      width: 80px;
}
@media (max-width: 767.98px) {
      .left-col-maroon {
            min-height: auto;
            border-bottom-right-radius: 40px;
            padding: 40px 20px;
            text-align: center;
      }

      .hero-section h1 {
            font-size: 28px;
            line-height: 40px;
      }

      .hero-label {
            font-size: 18px;
            line-height: 28px;
      }

      .btn-custom {
            width: 100%;
            padding: 10px;
            font-size: 16px;
      }

      .hero-img {
            width: 100% !important;
            height: 100% !important;
            margin-top: -23px !important;
            margin-left: 0 !important;
            padding: 0 1rem;
      }

      .timeline-wrapper {
            margin-top: 40px;
            border-radius: 0;
            padding: 20px 10px;
      }
.timeline-wrapper img{
      width: 50px !important;
      display:inline;
}
      .timeline-label {
            font-size: 14px;
            line-height: 20px;
      }

      .timeline-wrapper .col-4 {
            width: 100%;
            margin-bottom: 1rem;
      }

      .timeline-wrapper .row {
            flex-direction: column;
            align-items: center;
      }
}
/* tablet */
@media (min-width: 768px) and (max-width: 991.98px) {
      .left-col-maroon {
            padding: 60px 30px;
            min-height: auto;
            border-bottom-right-radius: 60px;
      }

      .hero-section h1 {
            font-size: 36px;
            line-height: 52px;
      }

      .hero-label {
            font-size: 24px;
            line-height: 36px;
      }

      .btn-custom {
            width: 160px;
            font-size: 15px;
            padding: 8px 16px;
      }

      .hero-img {
            width: 450px;
            height: 800px;
            margin-top: -430px;
            margin-left: 30px;
            margin-right: -27px;
            border-radius: 20px 20px 0px 0px;
            padding: 0 1rem;
      }

      .timeline-wrapper {
            margin-top: 60px;
            padding: 30px 15px;
            border-bottom-left-radius: 60px;
      }

      .timeline-wrapper img {
            width: 60px;
      }

      .timeline-label {
            font-size: 18px;
            line-height: 24px;
      }

      .timeline-wrapper .row {
            justify-content: center;
      }

      .timeline-wrapper .col-4 {
            width: auto;
            text-align: center;
      }
}
/* end of tablet */
/* About Us */
.aboutus-img1 {
      margin-top: -500px;
      margin-left: -120px;
      /* Adjust this as needed — NOT -101% */
      max-width: 70%;
      border-radius: 8px;
      z-index: 1;
      position: relative;
      /* Ensure it's layered correctly */
}

.aboutus-img2 {
      margin-bottom: -10%;
      margin-left: 10%;
}

.founder-card {
      background-color: #fdf5e6;
      border-radius: 20px;
      padding: 30px;
      height: 600px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
      margin-left: -40%;
}

.about-label {
      font-family: 'Song Myung', serif;
      font-weight: 400;
      font-size: 20px;
      line-height: 30px;
}

.about h5 {
      font-family: 'Libre Baskerville', serif;
      font-weight: 700;
      font-size: 20px;
      line-height: 76px;
      text-align: center;
      text-decoration: underline;
}

.about h6 {
      font-family: 'Libre Baskerville', serif;
      font-weight: 700;
      font-size: 24px;
      line-height: 30px;
      text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.about p,
.about li {
      font-family: 'Song Myung', serif;
      font-weight: 500;
      font-size: 20px;
      line-height: 30px;
}
@media (max-width: 767.98px) {
      .left-col-about {
        
            align-items: start !important;
            justify-content: start !important;
            text-align: start !important;
            padding: 1rem 0 !important;
            gap: 1.5rem;
      }

      .about-us {
            width: 100% !important;
            margin-bottom: 1rem;
      }

      
      .founder-card {
            margin: 0 auto !important;
            padding: 1rem !important;
            width: 90% !important;
            height: auto !important;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
      }

      .aboutus-img2 {
            width: 100% !important;
            height: auto !important;
            margin: 0 auto !important;
            display: block !important;
      }

      .about {
            padding: 1rem !important;
            margin-top: 2rem !important;
            text-align: center !important;
      }

      .about h5,
      .about h6 {
            text-align: center !important;
            margin-top: 1rem;
      }

      .about ul {
            padding-left: 1.2rem;
            text-align: left;
      }

      .about p,
      .about li {
            font-size: 16px !important;
            line-height: 26px !important;
      }

      .about-label {
            font-size: 18px !important;
      }
}
/* Tablet (min-width: 768px and max-width: 991.98px) */
@media (min-width: 768px) and (max-width: 991.98px) {

      /* Existing styles */
      .logo-img {
            height: auto;
      }

      .left-col-maroon {
            padding: 60px 30px;
            min-height: auto;
            border-bottom-right-radius: 60px;
            width: 100%;
            /* Ensure full width for stacking */
      }

      .hero-section h1 {
            font-size: 36px;
            line-height: 52px;
      }

      .hero-label {
            font-size: 24px;
            line-height: 36px;
      }

      .btn-custom {
            width: 160px;
            font-size: 15px;
            padding: 8px 16px;
      }

      .hero-img {
            width: 100% !important;
            /* Full width for stacking */
            height: auto;
            /* Adjust height to maintain aspect ratio */
            margin-top: 0;
            /* Remove negative margin for proper stacking */
            margin-left: 0 !important;
            margin-right: 0 !important;
            border-radius: 20px 20px 0px 0px;
            padding: 0 1rem;
      }

      .timeline-wrapper {
            margin-top: 60px;
            padding: 30px 15px;
            border-bottom-left-radius: 60px;
      }

      .timeline-wrapper img {
            width: 60px;
      }

      .timeline-label {
            font-size: 18px;
            line-height: 24px;
      }

      .timeline-wrapper .row {
            justify-content: center;
      }

      .timeline-wrapper .col-4 {
            width: auto;
            text-align: center;
      }

      /* New styles for hero section stacking */
      .hero-section .row {
            flex-direction: column !important;
            /* Stack columns vertically */
            align-items: center;
      }

      .hero-section .col-md-6 {
            width: 100% !important;
            /* Full width for each column */
            max-width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
      }

      .hero-section .col-md-6:nth-child(2) {
            margin-bottom: 0;
            /* Remove any extra spacing */ }}
/* Vision and Mission */
.vision-mission h2 {
      font-family: 'Libre Baskerville', serif;
      font-weight: 700;
      font-size: 48px;
      line-height: 76px;
      text-shadow: 2px 2px 5px rgba(102, 29, 46, 0.4);
}

.vision-mission p {
      font-family: 'Song Myung', serif;
      font-weight: 400;

      line-height: 40px;
}

.vision-mission-subheading {
      font-family: 'Averia Serif Libre', serif;
      font-weight: 700;
      font-style: italic;
      font-size: 40px;
      line-height: 44px;
      color: #EDC885;
      text-align: end;
      margin-right: 5%;
      text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
@media (min-width: 768px) and (max-width: 991.98px) {
      .vision-mission h2 {
            font-size: 26px;
            line-height: 56px;
            text-align: left;
      }

      .vision-mission-subheading {
            font-size: 28px;
            line-height: 36px;
            text-align: right;
            margin-right: 2rem;
      }

      .vision-mission p {
            font-size: 10px;
            line-height: 32px;
      }

      .vision-mission img {
            width: 100%;
            height: auto;
            margin-top: 2rem;
      }

      .vision-mission .text-center {
            text-align: center !important;
      }

      .vision-mission .d-flex img {
            max-width: 150px;
            height: auto;
      }
}

/* Mobile */
@media (max-width: 767.98px) {
      .vision-heading {
            font-size: 28px;
            text-align: center;
      }

      .vision-subheading {
            font-size: 20px;
            text-align: center !important;
      }

      .line-img {
            width: 100px;
            margin: 0 auto;
            display: block;
      }

      .d-flex.justify-content-end {
            justify-content: center !important;
      }   }

/* Services */

.services h4 {
      font-family: 'Libre Baskerville', serif;
      font-weight: 700;
      font-size: 20px;
      line-height: 76px;
      text-decoration: underline;
}

.services h2 {
      font-family: 'Libre Baskerville', serif;
      font-weight: 700;
      font-size: 48px;
      line-height: 76px;
      color: #660a26;
      text-shadow: 2px 2px 5px rgba(102, 29, 46, 0.4);
}

.services-label {
    
      font-family: 'Averia Serif Libre', serif;
            font-weight: 700;
            font-style: italic;
            font-size: 40px;
            line-height: 44px;
            color: #EDC885;
            text-align: end;
            margin-right: 5%;
            text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

/* Core Card Layout */
.custom-service-card {
      background-color: transparent;
      border: none;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      text-align: left;
      position: relative;
      width: 100%;
      max-width: 100%;
      margin: 0 auto;
}

/* Text box on top of card */
.service-text-box {
      background-color: #fcd49b;
      padding: 15px;
      border: 2px solid #7c3f00;
      border-radius: 10px 10px 0 0;
      width: 380px;
      z-index: 2;
}

/* Paragraphs inside card */
.custom-service-card p {
      font-family: 'Song Myung', serif;
      font-size: 18px;
      line-height: 1.5;
      margin-bottom: 0.8rem;
}

/* Responsive image */
.custom-service-img {
      width: 378px;
      height: auto;

      border-radius: 0 0 100px 100px;
      margin-top: -5px;
}
    .custom-service-img3{
      width: 400px;
      height: 155px;
      border-radius: 0 0 100px 100px;
      margin-top: -5px;
    }
/* Adjust height for larger screens */


@media (max-width: 767px) {
      .custom-service-img {
            height: 140px;
            width: 90%;
      }
    .custom-service-img3{
      height: 140px;
      width: 90%;
    }
      .service-text-box {
            padding: 15px;
      }
.service-text-box
      .custom-service-card p {
            font-size: 16px;
      }

      .services h2 {
            font-size: 32px;
            line-height: 1.3;
      }

      .services h4 {
            font-size: 18px;
            line-height: 1.2;
      }

      .services-label {
            font-size: 16px;
      }

.line1{
      width: 100px;
}
}
@media screen and (max-width: 576px) {

      .service-text-box {
                width: 90%;
                padding: 10px;
            }
.custom-service-img{
      width: 90%;

}
.custom-service-img3{
      width: 95%;
      height: auto;
}
}
/* tablet */
@media (min-width: 768px) and (max-width: 991.98px) {
      .services h2 {
            font-size: 36px;
            line-height: 60px;
            text-align: center;
      }

      .services h4 {
            font-size: 18px;
            line-height: 36px;
            text-align: center;
      }

      .services-label {
            font-size: 18px;
            text-align: center;
            display: block;
      }

      .service-text-box {
            width: 100%;
            padding: 15px;
      }

      .custom-service-card {
            max-width: 100%;
            text-align: center;
      }

      .custom-service-card p {
            font-size: 17px;
      }

      .custom-service-img
      {
            width: 300%;
            height: auto;
            border-radius: 0 0 60px 60px;
            margin-top: -5px;
      }
            .custom-service-img3{
                  width: 200%;
            height: auto;
            border-radius: 0 0 60px 60px;
            margin-top: -5px;
            }

      .services .row>div {
            padding-left: 1rem;
            padding-right: 1rem;
      }

      .services .text-start {
            text-align: center !important;
      }
}
@media (min-width: 768px) and (max-width: 991.98px) {
.services .row {
      flex-direction: column !important;
      /* Stack cards vertically */
      align-items: center;
}

.services .col-md-4 {
      width: 100% !important;
      /* Full width for each card */
      max-width: 100%;
      display: flex;
      justify-content: center;
      margin-bottom: 2rem;
      /* Add spacing between stacked cards */
}

.services h2 {
      font-size: 36px;
      line-height: 60px;
      text-align: center;
}

.services h4 {
      font-size: 18px;
      line-height: 36px;
      text-align: center;
}

.services-label {
      font-size: 28px;
      /* Slightly larger for tablet readability */
      line-height: 36px;
      text-align: center;
      display: block;
}

.service-text-box {
      width: 90%;
   
      max-width: 500px;
      /* Prevent overly wide text boxes */
      padding: 15px;
}

.custom-service-card {
      max-width: 500px;
      /* Cap card width for balance */
      text-align: center;
}

.custom-service-card p {
      font-size: 17px;
}

.custom-service-img,
.custom-service-img3 {
      width: 90% !important;
      /* Scale images to container */
      max-width: 500px;
      /* Match text box width */
      height: auto;
      border-radius: 0 0 60px 60px;
      margin-top: -5px;
}

.services .row>div {
      padding-left: 1rem;
      padding-right: 1rem;
}

.services .text-start {
      text-align: center !important;
}
}
@media (max-width: 767px) {
      body {
            overflow-x: hidden;
            padding: 0;
      }

      .container {
            padding-left: 4px;
            padding-right: 4px;
            max-width: 100%;
      }

      .gallery-line1,
      .gallery-line2 {
            max-width: 98%;
      }

      .gallery h4,
      .gallery h2,
      .gallery h5 {
            text-align: center !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
      }

      .d-flex.justify-content-end {
            justify-content: center !important;
      }

      .gallery-line1,
      .gallery-line2 {
            padding-right: 0 !important;
            margin-left: auto;
            margin-right: auto;
            display: block;
      }
}
/* end of tablet of servies */
/* Venues */
.tulsi-section {
      background-color: #fff;
      font-family: 'Georgia', serif;
      color: #1a1a1a;
      padding: 40px 0;
}

.gallery {
      margin-bottom: 30px;
}

.gallery h4 {
      font-family: 'Libre Baskerville', serif;
      font-weight: 700;
      font-size: 20px;
      line-height: 30px;
      text-decoration: underline;
      color: #4B0C20;
}

.gallery h2 {
      font-family: 'Libre Baskerville', serif;
      font-weight: 700;
      font-size: 48px;
      line-height: 60px;
      color: #661D2E;
      text-shadow: 2px 2px 5px rgba(102, 29, 46, 0.3);
}

.tulsi-label {
      font-family: 'Averia Serif Libre', serif;
      font-weight: 700;
      font-style: italic;
      font-size: 40px;
      line-height: 44px;
      color: #EDC885;
      text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.section-heading {
      color: #4B0C20;
      font-weight: 600;
      font-size: 24px;
      margin-bottom: 10px;
}

.sub-heading,
.sub-heading-tanmay {
      font-family: 'Song Myung', serif;
      font-weight: 400;
      font-size: 24px;
      line-height: 40px;
      color: #333;
}

.img-grid img {
      border-radius: 8px;
      height: 140px;
      object-fit: cover;
      width: 100%;
      /* Full width within column for desktop */
      transition: transform 0.3s ease;
}

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

.ribbon-container {
      position: relative;
      margin-top: 20px;
      margin-bottom: 30px;
}

.ribbon-content {
      position: relative;
      z-index: 2;
      padding: 30px;
}

.maroon-strip {
      background-color: #661D2E;
      border-top-right-radius: 100px;
      border-bottom-right-radius: 100px;
      width: 650px;
      height: 220px;
      z-index: 0;
}

.maroon-strip-reverse {
      background-color: #661D2E;
      border-top-left-radius: 100px;
      border-bottom-left-radius: 100px;
      width: 794px;
      height: 221px;
      z-index: 0;
}

ul {
      list-style-type: none;
      padding-left: 0;
}

ul li {
      padding-left: 20px;
      position: relative;
      font-size: 18px;
      line-height: 28px;
      color: #444;
}

ul li:before {
      content: "•";
      color: #661D2E;
      position: absolute;
      left: 0;
      font-size: 20px;
}

/* Responsive Adjustments */
@media (max-width: 767px) {
      .col-md-6 {
            width: 100% !important;
            max-width: 100%;
            margin-bottom: 30px;
      }

      .img-grid img {
            width: 40% !important;
            /* Adjusted for mobile to fit 2x2 grid */
            height: auto;
            margin-bottom: 15px;
      }

      .maroon-strip,
      .maroon-strip-reverse {
            width: 100% !important;
            height: auto;
            border-radius: 0;
            padding: 15px;
      }

      .ribbon-content {
            padding: 15px;
      }

      .sub-heading,
      .sub-heading-tanmay {
            text-align: center !important;
            padding-left: 0 !important;
            font-size: 20px;
            line-height: 32px;
      }

      ul li {
            font-size: 16px;
            line-height: 24px;
            padding-left: 15px;
      }

      ul li:before {
            font-size: 18px;
      }

      .image-content {
            height: auto !important;
            flex-direction: column !important;
            align-items: center !important;
      }

      .maroon-strip,
      .maroon-strip-reverse {
            position: static !important;
            margin-bottom: 15px;
      }

      .image-grid {
            margin-top: 0 !important;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
      }

      .image-grid .row {
            flex-direction: column;
            align-items: center;
      }

      .gallery h4 {
            font-size: 18px;
            line-height: 25px;
      }

      .gallery h2 {
            font-size: 32px;
            line-height: 40px;
      }

      .tulsi-label {
            font-size: 24px;
            line-height: 30px;
      }

      .d-flex.justify-content-end {
            justify-content: center !important;
      }

      .gallery-line1,
      .gallery-line2 {
            padding-right: 0 !important;
            margin-left: auto;
            margin-right: auto;
            display: block;
      }
}

@media (min-width: 768px) and (max-width: 991.98px) {
      .col-md-6 {
            width: 100% !important;
            max-width: 100%;
            margin-bottom: 30px;
      }

      .img-grid img {
            width: 70% !important;
            /* Adjusted for tablet to fit 2x2 grid */
            height: auto;
            margin-bottom: 15px;
      }

      .maroon-strip,
      .maroon-strip-reverse {
            width: 100% !important;
            height: auto;
            border-radius: 0;
            padding: 20px;
      }

      .ribbon-content {
            padding: 20px;
      }

      .sub-heading,
      .sub-heading-tanmay {
            text-align: center !important;
            padding-left: 0 !important;
            font-size: 22px;
            line-height: 36px;
      }

      ul li {
            font-size: 18px;
            line-height: 28px;
            padding-left: 18px;
      }

      ul li:before {
            font-size: 20px;
      }

      .image-content {
            height: auto !important;
            flex-direction: column !important;
            align-items: center !important;
      }

      .maroon-strip,
      .maroon-strip-reverse {
            position: static !important;
            margin-bottom: 20px;
      }

      .image-grid {
            margin-top: 0 !important;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
      }

      .image-grid .row {
            flex-direction: column;
            align-items: center;
      }

      .gallery h4 {
            font-size: 19px;
            line-height: 28px;
      }

      .gallery h2 {
            font-size: 36px;
            line-height: 48px;
      }

      .tulsi-label {
            font-size: 28px;
            line-height: 36px;
      }

      .d-flex.justify-content-end {
            justify-content: center !important;
      }

      .gallery-line1,
      .gallery-line2 {
            padding-right: 0 !important;
            margin-left: auto;
            margin-right: auto;
            display: block;
      }
}

@media (min-width: 992px) {

      .sub-heading,
      .sub-heading-tanmay {
            font-size: 24px;
            line-height: 40px;
      }

      ul li {
            font-size: 18px;
            line-height: 28px;
            padding-left: 20px;
      }

      ul li:before {
            font-size: 20px;
      }
}
/* Mobile View (max-width: 767px) */
@media (max-width: 767px) {


      .image-content {
            height: auto !important;
            flex-direction: column !important;
            align-items: center !important;
            padding-bottom: 2rem;
      }

      .text-content {
            padding: 1rem 1.5rem;
      }

      .image-grid .row,
      .image-grid-container .row {
            flex-direction: row !important;
            flex-wrap: wrap;
            justify-content: center;
            gap: 10px;
      }

      

      .maroon-strip,
      .maroon-strip-reverse {
            display: none !important;
      }

      .sub-heading,
      .sub-heading-tanmay {
            font-size: 20px;
            margin-top: 1.5rem;
            text-align: center;
      }

      .tulsi-section h2 {
            font-size: 32px;
            line-height: 40px;
            text-align: center;
      }

      .tulsi-label {
            font-size: 24px;
            line-height: 30px;
            text-align: center;
      }

      .tulsi-section li {
            font-size: 18px;
            line-height: 28px;
            text-align: left;
            padding-left: 1rem;
      }

      .tulsi-section ul {
            padding-left: 1.25rem;
            margin-bottom: 1rem;
      }

      .gallery h4,
      .gallery h2,
      .gallery h5 {
            text-align: center !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
      }

      .d-flex.justify-content-end {
            justify-content: center !important;
      }

      .gallery-line1,
      .gallery-line2 {
            padding-right: 0 !important;
            margin-left: auto;
            margin-right: auto;
            display: block;
      }
}

/* Tablet View (min-width: 768px and max-width: 991.98px) */
@media (min-width: 768px) and (max-width: 991.98px) {
      .tulsi-section .row {
            flex-direction: row !important;
            align-items: center;
      }

      .tulsi-section .col-md-6,
      .tulsi-section .col-12 {
            width: 100% !important;
            max-width: 100%;
            padding: 0 20px;
      }

      .tulsi-img,
      .tanmay-img {
            width: 100% !important;
            height: auto;
            max-width: 300px;
            margin-left: 0 !important;
            margin-bottom: 15px;
      }

      .image-grid,
      .image-grid-container {
            margin-top: 0 !important;
            width: 100%;
      }

      .maroon-strip,
      .maroon-strip-reverse {
            display: none !important;
      }

      .sub-heading,
      .sub-heading-tanmay {
            margin-top: 20px;
            font-size: 22px;
            text-align: center !important;
            padding-left: 0 !important;
      }

      .tulsi-section h2 {
            font-size: 36px;
            line-height: 48px;
            text-align: center;
      }

      .tulsi-label {
            font-size: 28px;
            line-height: 36px;
            text-align: center !important;
      }

      .tulsi-section li {
            font-size: 20px;
            line-height: 32px;
            text-align: left;
      }

      ul {
            padding-left: 1.5rem !important;
            margin-bottom: 2rem;
      }

      .image-content {
            height: auto !important;
            padding: 1.5rem 0;
            flex-direction: row !important;
            align-items: center;
      }

      .text-content {
            padding: 1.5rem 2rem;
      }

      .image-grid .row {
            flex-direction: row !important;
            justify-content: center;
            gap: 12px;
      }
}.tulsi-section {
      background-color: #fff;
      font-family: 'Georgia', serif;
      color: #1a1a1a;
    }
    
    .tulsi-section h4 {
      font-family: 'Libre Baskerville', serif;
      font-weight: 700;
      font-size: 20px;
      line-height: 76px;
      text-decoration: underline;
    }
    
    .tulsi-section h2 {
      font-family: 'Libre Baskerville', serif;
      font-weight: 700;
      font-size: 48px;
      line-height: 76px;
      color: #661D2E;
      text-shadow: 2px 2px 5px rgba(102, 29, 46, 0.4);
    }
    
    .tulsi-label {
      font-family: 'Averia Serif Libre', serif;
      font-weight: 700;
      font-style: italic;
      font-size: 40px;
      line-height: 44px;
      color: #EDC885;
      text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    }
    
    .tulsi-section .sub-heading,
    .tulsi-section li {
      font-family: 'Song Myung', serif;
      font-weight: 400;
      font-size: 24px;
      line-height: 40px;
    }
    
    .maroon-strip {
      background-color: #661D2E;
      border-top-right-radius: 100px;
      border-bottom-right-radius: 100px;
      width: 650px;
      height: 220px;
      z-index: 0;
    }
    
    .maroon-strip-reverse {
      background-color: #661D2E;
      border-top-left-radius: 100px;
      border-bottom-left-radius: 100px;
      width: 694px;
      height: 221px;
      z-index: 0;
    }
    
    .tulsi-img,
    .tanmay-img {
      width: 208px;
      height: 154px;
      object-fit: cover;
      border: 2px solid #EDC885;
      border-radius: 4px;
      transition: transform 0.3s ease;
    }
    
    .tulsi-img {
      margin-left: 20%;
    }
    
    .tanmay-img {
      margin-left: 65%;
    }
    
    .tulsi-img:hover,
    .tanmay-img:hover {
      transform: scale(1.05);
    }
    
    .image-grid-container {
      width: 100%;
      max-width: 700px;
      margin-top: -20%;
    }
    
    .sub-heading-tanmay {
      margin-top: 20%;
    }
    
    .line-img1,
    .line-img2 {
      max-width: 100%;
      height: auto;
    }
    
    /* Mobile View (max-width: 767px) */
    @media (max-width: 767px) {
      .tulsi-img,
      .tanmay-img {
        width: 78%;
        height: auto;
       display: flex;
        margin-bottom: 15px;
      }
            .tanmay-img {
                  margin-top:10%;
                  margin-left: 20%;     }
                  .tulsi-img {
                        margin-top: 10%;
                        margin-left: 20%;
                      }
      .image-content {
        height: auto !important;
        flex-direction: column !important;
        align-items: center !important;
        padding-bottom: 2rem;
      }
    
      .text-content {
        padding: 1rem 1.5rem;
      }
    
      .image-grid .row,
      .image-grid-container .row {
        flex-direction: row !important;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
      }
    
      .image-grid img,
      .image-grid-container img {
      
        max-width: 78%;
        display: flex;
      }
    
      .maroon-strip,
      .maroon-strip-reverse {
        display: none !important;
      }
    
      .sub-heading,
      .sub-heading-tanmay {
        font-size: 20px;
        margin-top: 1.5rem;
        text-align: center;
      }
    
      .tulsi-section h2 {
        font-size: 32px;
        line-height: 40px;
        text-align: center;
      }
    
      .tulsi-label {
        font-size: 24px;
        line-height: 30px;
        text-align: center;
      }
    
      .tulsi-section li {
        font-size: 18px;
        line-height: 28px;
        text-align: left;
        padding-left: 1rem;
      }
    
      .tulsi-section ul {
        padding-left: 1.25rem;
        margin-bottom: 1rem;
      }
    
      .gallery h4,
      .gallery h2,
      .gallery h5 {
        text-align: center !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
    
      .d-flex.justify-content-end {
        justify-content: center !important;
      }
    
      .gallery-line1,
      .gallery-line2 {
        padding-right: 0 !important;
        margin-left: auto;
        margin-right: auto;
        display: block;
      }
    }
    
    /* Tablet View (min-width: 768px and max-width: 991.98px) */
    @media (min-width: 768px) and (max-width: 991.98px) {
      .tulsi-section .row {
        flex-direction: row !important;
        align-items: center;
      }
    
      .tulsi-section .col-md-6,
      .tulsi-section .col-12 {
        width: 100% !important;
        max-width: 100%;
        padding: 0 20px;
      }
    
      .tulsi-img,
      .tanmay-img {
        width: 100% !important;
        height: auto;
        max-width: 300px;
      
        margin-bottom: 15px;
      }
    
      .image-grid,
      .image-grid-container {
        margin-top: 0 !important;
        width: 100%;
      }
    
      .maroon-strip,
      .maroon-strip-reverse {
        display: none !important;
      }
    
      .sub-heading,
      .sub-heading-tanmay {
        margin-top: 20px;
        font-size: 22px;
        text-align: center !important;
        padding-left: 0 !important;
      }
    
      .tulsi-section h2 {
        font-size: 36px;
        line-height: 48px;
        text-align: center;
      }
    
      .tulsi-label {
        font-size: 28px;
        line-height: 36px;
        text-align: center !important;
      }
    
      .tulsi-section li {
        font-size: 20px;
        line-height: 32px;
        text-align: left;
      }
    
      ul {
        padding-left: 1.5rem !important;
        margin-bottom: 2rem;
      }
    
      .image-content {
        height: auto !important;
        padding: 1.5rem 0;
        flex-direction: column !important;
        align-items: center;
      }
    
      .text-content {
        padding: 1.5rem 2rem;
      }
    
      .image-grid .row {
        flex-direction: column !important;
        justify-content: center;
        gap: 12px;
      }
    }
    
/* menu */
.welcome-drinks-section {
      background-color:#EDC8854D;
      border: 1px solid #661d2e;
      border-radius: 10px;
      padding: 40px 20px;

}
.welcome-title {
      font-family: Averia Serif Libre;
            font-weight: 400;
            font-size: 32px;
            line-height: 34px;
            letter-spacing: 0%;
            text-align: center;
            vertical-align: middle;
            text-decoration: underline;
            text-decoration-style: solid;
           
            text-decoration-thickness: 0%;
            text-decoration-skip-ink: auto;
      color: #661d2e;
    
}

.drink-category-title {
      font-family:' Libre Baskerville';
      font-weight: 700;
      font-size: 22px;
      text-align: center;
      margin-bottom: 15px;
    
}

.drink-list {
font-family: 'Song Myung';
      list-style-type: none;
      padding-left: 0;
      font-size: 16px;
      text-align: center;
}

.drink-list li {
      list-style: none;
      margin-bottom: 5px;
}

.welcome-image {
      border-radius: 8px;
      max-width: 100%;
      height: auto;
      margin-top: 20px;
}

@media (min-width: 768px) {
      .welcome-title {
            text-align: left;
            font-size: 32px;
      }

      .drink-category-title {
            font-size: 24px;
      }

      .drink-list {
            text-align: left;
      }
}
.gallery-line1,
.gallery-line2 {
      max-width: 100%;
      height: auto;
}

@media (max-width: 767px) {

      .gallery h4,
      .gallery h2,
      .gallery h5 {
            text-align: center !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
      }

      .d-flex.justify-content-end {
            justify-content: center !important;
      }

      .gallery-line1,
      .gallery-line2 {
            padding-right: 0 !important;
            margin-left: auto;
            margin-right: auto;
            display: block;
      }
}

/* end of menu */
/* Gallery */
.gallery h4 {
      font-family: 'Libre Baskerville', serif;
      font-weight: 700;
      font-size: 20px;
      line-height: 76px;
      text-decoration: underline;
}

.gallery h2 {
      font-family: 'Libre Baskerville', serif;
      font-weight: 700;
      font-size: 48px;
      color: #661D2E;
      line-height: 76px;
      text-shadow: 2px 2px 5px rgba(102, 29, 46, 0.4);
}
@media (max-width: 576px) {
      /* section img {
            width: 90% !important;
            height: auto !important;
      } */

      .d-flex {
            flex-direction: column !important;
            align-item:start !important;
      }

      .gap-3 {
            gap: 1rem !important;
            /* Adjust if needed */
      }
}
@media (min-width: 768px) and (max-width: 991.98px) {
      .gallery h4 {
            font-size: 18px;
            line-height: 48px;
            text-align: center;
      }

      .gallery h2 {
            font-size: 36px;
            line-height: 60px;
            text-align: center;
      }

      section img {
            width: 80% !important;
            height: auto !important;
            display: block;
            margin: 0 auto;
      }

      .d-flex {
            flex-wrap: wrap;
            justify-content: center;
      }

      .gap-3 {
            gap: 1.25rem !important;
      }
}
.gallery-line1,
.gallery-line2 {
      max-width: 100%;
      height: auto;
}
.gallery-line1,
.gallery-line2 {
      max-width: 100%;
      height: auto;
}



      

/* Contact */
.form-control {
      font-family: 'Averia Serif Libre', serif;
      font-weight: 400;
      font-size: 24px;
      line-height: 30px;
      width: 654px;
      height: 60px;
      background-color: #FFEEEF;

}
/* Mobile Responsive Styles */
@media (max-width: 767px) {
      .form-control {
            width: 100% !important;
            /* Full width for mobile */
            font-size: 18px;
            /* Smaller font for better fit */
            line-height: 24px;
            /* Adjusted line height */
            height: 50px;
            /* Slightly smaller height for mobile */
            padding: 10px;
            /* Ensure consistent padding */
            box-sizing: border-box;
            /* Prevent padding issues */
      }

      /* Ensure textarea also adjusts */
      .form-control[rows] {
            height: auto;
            /* Allow textarea to adjust height based on rows */
            min-height: 100px;
            /* Minimum height for usability */
      }
}
.btn-contact {
      font-family: 'Libre Baskerville', serif;
      font-weight: 400;
      font-size: 18px;
      line-height: 30px;
      width: 200px;
      height: 60px;
      border-radius: 50px;
      color: white;
}
@media (max-width: 576px) {
      .btn-contact {
            width: 100%;
            max-width: 10
0%;
            font-size: 16px;
            height: 50px;
            margin: 0 auto;
            display: block;
      }   }

.contact-section {
      position: relative;
      background-image: url('images/contact.png');
      width: 100%;
      background-size: cover;
      background-position: center;
      height: 480px;
}

.contact-box {
      position: absolute;
      left: 30%;
      transform: translate(-10%, -50%);
      background: #FFEEEF;
      padding: 20px 30px;
      border-radius: 10px;
      border: 1px solid #660a26;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
      max-width: 481px;
      height: 408px;
      color: #660a26;
}

.contact-box h4 {
      font-family: 'Libre Baskerville', serif;
      font-weight: 700;
      font-size: 40px;
      line-height: 59px;
      text-align: center;
}

.footer-link1,
.footer-link2,
.footer-link3 {
      font-family: 'Averia Serif Libre', serif;
      font-weight: 400;
      font-size: 20px;
      line-height: 26px;
      text-align: center;
}

.footer-link3 {
      line-height: 18px;
      text-decoration: underline;
}
@media (max-width: 576px) {
      .contact-section {
            height: auto;
            /* Allow height to expand for stacked content */
            padding: 2rem 1rem;
            background-position: top center;
      }

      .contact-box {
            position: static;
            /* Remove absolute positioning */
            transform: none;
            width: 100%;
            max-width: 100%;
            height: auto;
            margin: 0 auto;
            padding: 1rem;
            box-shadow: none;
            border-radius: 8px;
      }

      .contact-box h4 {
            font-size: 1.5rem;
            line-height: 2rem;
            text-align: center;
      }

      .contact-box .d-flex {
            flex-direction: column !important;
            align-items: flex-start !important;
            gap: 0.5rem !important;
      }

      .contact-box img {
            align-self: flex-start;
            width: 20px;
            height: auto;
      }

      .contact-box p {
            padding-left: 0 !important;
            text-align: left !important;
            font-size: 0.9rem;
            line-height: 1.4rem;
      }

      .footer-link1,
      .footer-link2,
      .footer-link3 {
            font-size: 0.9rem;
            text-align: left;
      }

      .footer-link3 {
            text-decoration: underline;
            display: block;
            line-height: 1.4rem;
      }
}
@media (min-width: 768px) and (max-width: 991.98px) {
      .form-control {
            width: 100% !important;
            font-size: 20px;
            line-height: 28px;
            height: 54px;
      }

      .form-control[rows] {
            height: auto;
            min-height: 120px;
      }

      .btn-contact {
            width: 100%;
            font-size: 16px;
            height: 54px;
      }

      .contact-section {
            height: auto;
            padding: 3rem 2rem;
            background-position: center;
      }

      .contact-box {
            position: static;
            transform: none;
            width: 90%;
            max-width: 100%;
            height: auto;
            margin: 0 auto;
            padding: 1.5rem;
            box-shadow: none;
            border-radius: 10px;
      }

      .contact-box h4 {
            font-size: 32px;
            line-height: 48px;
            text-align: center;
      }

      .contact-box .d-flex {
            gap: 1rem;
            align-items: flex-start;
      }

      .contact-box p {
            font-size: 16px;
            line-height: 1.6rem;
            text-align: left;
      }

      .contact-box img {
            width: 22px;
            height: auto;
      }

      .footer-link1,
      .footer-link2,
      .footer-link3 {
            font-size: 16px;
            text-align: center;
      }

      .footer-link3 {
            line-height: 1.5rem;
      }
}
@media (max-width: 767px) {

      .gallery h4,
      .gallery h2,
      .gallery h5 {
            text-align: center !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            font-size: 25px;
      }

      .d-flex.justify-content-end {
            justify-content: center !important;
      }

      .contact-line1,
      .contact-line2 {
            padding-right: 0 !important;
            margin-left: auto;
            margin-right: auto;
            display: block;
      }
}
/* Footer */
.footer {
      background-color: #661D2E;
      color: #fff;
      
}
.footer-logo{
      width: 100px;
}
.footer-title {
      font-family: 'Averia Serif Libre', serif;
      font-weight: 700;
      font-size: 24px;
      color: #FEFEFE;
}

.head-tag {
      font-family: 'Libre Baskerville', serif;
      font-weight: 700;
      font-size: 24px;
      text-decoration: underline;
      color: #EDC885;
}

footer p,
footer a,
footer li {
      font-family:'Averia Serif Libre';
      font-weight: 400;
      font-size: 24px;
      color: #F5F5F5;
      margin-bottom: 1rem;
}

footer a:hover {
      color: #fff;
      text-decoration: none;
}

.contact-heading {
      color: #e4c07b;
      font-family: 'Averia Serif Libre', serif;
      font-weight: 400;
      font-size: 20px;
      line-height: 26px;
}

.icon-circle {
      width: 32px;
      height: 32px;
      border: 1px solid #e4c07b;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
}

.footer-link:hover {
      color: #fff;
      text-decoration: none;
}

@media (min-width: 768px) and (max-width: 991.98px) {
      .footer {
            padding: 30px 20px;
            text-align: center;
      }

      .footer-logo {
            width: 80px;
            margin-bottom: 1rem;
      }

      .footer-title {
            font-size: 20px;
      }

      .head-tag {
            font-size: 20px;
            text-align: center;
      }

      footer p,
      footer a,
      footer li {
            font-size: 18px;
            line-height: 1.6;
      }

      .contact-heading {
            font-size: 18px;
            line-height: 24px;
      }

      .icon-circle {
            width: 28px;
            height: 28px;
      }

      .footer .row>div {
            margin-bottom: 2rem;
      }

      .footer ul {
            padding-left: 0;
            list-style: none;
      }
}
  /* animation   */
    /* Animation for the logo */
/* Initial state for elements before they are visible */
.scroll-animate {
      opacity: 0;
      transform: translateY(30px);
      transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

/* State when element is visible */
.scroll-animate.visible {
      opacity: 1;
      transform: translateY(0);
}

/* Logo-specific animation */
.logo-img.scroll-animate {
      transform: scale(0.8);
}

.logo-img.scroll-animate.visible {
      transform: scale(1);
}

/* Image-specific animation */
.hero-img.scroll-animate {
      transform: translateX(50px);
}

.hero-img.scroll-animate.visible {
      transform: translateX(0);
}

/* Timeline-specific animation */
.timeline-wrapper .scroll-animate {
      transform: translateX(-20px);
}

.timeline-wrapper .scroll-animate.visible {
      transform: translateX(0);
}

/* Responsive adjustments */
@media (max-width: 767px) {
      .scroll-animate {
            transition-duration: 0.6s;
      }
}
#goTopBtn {
      display: none;
      /* hidden by default */
      position: fixed;
      bottom: 30px;
      right: 30px;
      z-index: 9999;
      background-color: #F6D28C;
      color: white;
      border: none;
      padding: 20px 28px;
      border-radius: 50%;
      font-size: 20px;
      cursor: pointer;
  

}

#goTopBtn:hover {
      background-color: #660a26;
}

@keyframes pulse {
      0% {
            box-shadow: 0 0 0 0 rgba(200, 159, 67, 0.6);
      }

      70% {
            box-shadow: 0 0 0 20px rgba(200, 159, 67, 0);
      }

      100% {
            box-shadow: 0 0 0 0 rgba(200, 159, 67, 0);
      }
}