* {
     margin: 0px;
     padding: 0px;
     box-sizing: border-box;
 }
a{
    text-decoration:none !important;
}
/* Fix for Bootstrap rows or wide images overflowing */
.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
 :root {
     --bg-navbar: #F7F0E0;
     --color-link: #8A4F1B;
     --color-link-hover: #5F340E;
 }

 body {
     background-color: var(--bg-navbar);
     font-family: 'Montserrat', sans-serif;
     margin: 0;
 }

 .custom-navbar {
     background-color: var(--bg-navbar);
     padding: 12px 0;
     border-bottom: 1px solid rgba(138, 79, 27, 0.15);
 }

 /* Nav Links - Left Aligned */
 .custom-navbar .nav-link {
     color: var(--color-link) !important;
     font-weight: 500;
     font-size: 0.95rem;
     padding: 8px 0 !important;
     margin-right: 24px;
     margin-left: 0;
     position: relative;
     display: inline-flex;
     align-items: center;
     gap: 6px;
     text-decoration: none;
 }

 /* Standard Bootstrap Dropdown Caret Remove */
 .custom-navbar .dropdown-toggle::after {
     display: none !important;
 }

 /* Custom Hover Underline Fix */
 .custom-navbar .nav-link::after {
     content: '';
     position: absolute;
     width: 0%;
     height: 2px;
     bottom: 0;
     left: 0;
     background-color: var(--color-link);
     transition: width 0.3s ease;
 }

 .custom-navbar .nav-link:hover::after,
 .custom-navbar .nav-link.active::after {
     width: 100%;
 }

 /* Chevron Icon Flip Animation */
 .dropdown-icon {
     font-size: 0.75rem;
     transition: transform 0.3s ease;
 }

 /* Hover Dropdown Desktop Trigger */
 @media (min-width: 992px) {
     .custom-navbar .nav-item.dropdown:hover .dropdown-menu {
         display: block;
         opacity: 1;
         visibility: visible;
         transform: translateY(0);
     }

     .custom-navbar .nav-item.dropdown:hover .dropdown-icon {
         transform: rotate(180deg);
     }

     .custom-navbar .dropdown-menu {
         display: block;
         opacity: 0;
         visibility: hidden;
         transform: translateY(10px);
         transition: all 0.3s ease;
         margin-top: 0;
     }
 }

 /* Dropdown Menu Style */
 .custom-navbar .dropdown-menu {
     background-color: #FFFDF9;
     border: 1px solid rgba(138, 79, 27, 0.2);
     box-shadow: 0 8px 20px rgba(138, 79, 27, 0.1);
     border-radius: 4px;
     padding: 8px 0;
 }

 .custom-navbar .dropdown-item {
     color: var(--color-link);
     font-size: 0.9rem;
     padding: 8px 20px;
     transition: all 0.2s ease;
 }

 .custom-navbar .dropdown-item:hover {
     background-color: var(--bg-navbar);
     color: var(--color-link-hover);
 }

 /* Social Icons - Right Aligned */
 .social-icons {
     display: flex;
     align-items: center;
     gap: 18px;
 }

 .social-icons a {
     color: var(--color-link);
     font-size: 1.1rem;
     transition: transform 0.3s ease, color 0.3s ease;
     text-decoration: none;
 }

 .social-icons a:hover {
     color: var(--color-link-hover);
     transform: translateY(-2px);
 }

 .navbar-toggler {
     border-color: var(--color-link);
 }

 .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='rgba%28138, 79, 27, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }











 /* Global Section Setup */
 .poem-section {
     padding: 40px 0;
     padding-bottom: 60px;
     font-family: 'Montserrat', sans-serif;
 }

 /* Header Styling */
 .section-header {
     text-align: center;
     margin-bottom: 45px;
 }

 .header-icon {
     color: #8A4F1B;
     font-size: 1.5rem;
     margin-bottom: 10px;
 }

 .section-title-box {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 20px;
 }

 .section-title-box::before,
 .section-title-box::after {
     content: '';
     height: 1px;
     width: 60px;
     background-color: #8A4F1B;
     opacity: 0.4;
 }

 .section-title {
     font-family: 'Cormorant Garamond', serif;
     font-size: 2rem;
     letter-spacing: 2px;
     color: #8A4F1B;
     font-weight: 700;
     margin: 0;
     text-transform: uppercase;
 }

 .section-subtitle {
     font-family: 'Montserrat', sans-serif;
     font-size: 0.9rem;
     color: #706962;
     margin-top: 6px;
 }

 /* Card Setup */
 .poem-card {
     background-color: #FAF6ED;
     border: 1px solid rgba(138, 79, 27, 0.2);
     border-radius: 8px;
     padding: 16px;
     height: 100%;
     display: flex;
     flex-direction: column;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .poem-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 20px rgba(138, 79, 27, 0.08);
 }

 /* 1. Title Styling (Top Left Aligned) */
 .poem-card-title {
     font-family: 'Cormorant Garamond', serif;
     font-size: 1.35rem;
     font-weight: 700;
     color: #2B2623;
     margin-bottom: 12px;
     text-align: left;
 }

 /* 2. Image Styling */
 .poem-card-img {
     width: 100%;
     object-fit: cover;
     border-radius: 6px;
 }

 .poem-card-body {
     padding-top: 16px;
     margin-top: auto;
     display: flex;
     padding-left: 0px;
     padding-right: 0px;
     width: 100%;
 }

 /* 3. Read More Button (Full Width & Matching View-All Style) */
 .btn-poem-readmore {
     background-color: #8A4F1B;
     color: #FFFFFF !important;
     font-family: 'Montserrat', sans-serif;
     font-size: 0.85rem;
     font-weight: 600;
     padding: 10px 0;
     border-radius: 4px;
     text-decoration: none;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     width: 100%;
     transition: background-color 0.3s ease;
 }

 .btn-poem-readmore:hover {
     background-color: #6F3E14;
     color: #FFFFFF !important;
 }




 .diamond-icon {
     font-size: 0.5rem;
     color: #8A4F1B;
     opacity: 0.6;
 }

 .about-section {
     background-color: #F7F0E0;
     background-color: #F4E8D4;
     padding: 60px 0;
     font-family: 'Montserrat', sans-serif;
 }

 /* Left Image Frame */
 .guru-img-wrapper {
     position: relative;
     text-align: center;
 }

 .guru-img {
     width: 100%;
     max-width: 320px;
     border-radius: 12px;
     box-shadow: 0 10px 25px rgba(138, 79, 27, 0.12);
     border: 2px solid rgba(138, 79, 27, 0.2);
 }

 /* Center Content */
 .about-top-tag {
     display: flex;
     align-items: center;
     gap: 12px;
     color: #8A4F1B;
     font-size: 0.8rem;
     letter-spacing: 2px;
     text-transform: uppercase;
     margin-bottom: 12px;
 }

 .about-top-tag::before,
 .about-top-tag::after {
     content: '';
     height: 1px;
     width: 35px;
     background-color: #8A4F1B;
     opacity: 0.4;
 }

 .about-title {
     font-family: 'Cormorant Garamond', serif;
     font-size: 2.2rem;
     font-weight: 700;
     color: #2B2623;
     line-height: 1.25;
     margin-bottom: 20px;
 }

 .poem-content {
     color: #4A443F;
     font-size: 0.95rem;
     line-height: 1.8;
     font-weight: 500;
 }

 .author-sign {
     margin-top: 15px;
     color: #8A4F1B;
     font-weight: 600;
     font-size: 0.9rem;
 }

 /* Right Quote Box */
 .quote-card {
     border-left: 2px solid #8A4F1B;
     padding-left: 25px;
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     text-align: center;
 }

 .quote-mark {
     font-size: 2.5rem;
     color: #8A4F1B;
     font-family: 'Cormorant Garamond', serif;
     line-height: 1;
     margin-bottom: 10px;
     opacity: 0.8;
 }

 .quote-text {
     font-family: 'Cormorant Garamond', serif;
     font-size: 1.25rem;
     font-style: italic;
     color: #8A4F1B;
     line-height: 1.5;
     margin-bottom: 15px;
 }

 .quote-author {
     font-size: 0.8rem;
     letter-spacing: 1.5px;
     color: #706962;
     text-transform: uppercase;
 }

 .lotus-icon {
     color: #8A4F1B;
     font-size: 1.1rem;
     margin-top: 12px;
     opacity: 0.8;
 }


 .why-section-alt {
     padding: 60px 0;
     font-family: 'Montserrat', sans-serif;
 }

 /* Section Header */
 .why-header {
     text-align: center;
     margin-bottom: 40px;
 }

 .why-header-icon {
     color: #8A4F1B;
     font-size: 1.5rem;
     margin-bottom: 10px;
 }

 .why-title-box {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 20px;
 }

 .why-title-box::before,
 .why-title-box::after {
     content: '';
     height: 1px;
     width: 60px;
     background-color: #8A4F1B;
     opacity: 0.4;
 }

 .why-title {
     font-family: 'Cormorant Garamond', serif;
     font-size: 2rem;
     letter-spacing: 2px;
     color: #8A4F1B;
     font-weight: 700;
     margin: 0;
     text-transform: uppercase;
 }

 /* Paragraph Container Box */
 .why-content-box {
     background-color: #FAF6ED;
     border: 1px solid rgba(138, 79, 27, 0.2);
     border-radius: 8px;
     padding: 40px;
     max-width: 850px;
     margin: 0 auto;
     position: relative;
 }

 .why-paragraph {
     font-size: 0.95rem;
     color: #4A443F;
     line-height: 1.8;
     margin-bottom: 20px;
     text-align: justify;
 }

 .why-paragraph:last-child {
     margin-bottom: 0;
 }

 .why-highlight {
     font-family: 'Cormorant Garamond', serif;
     font-size: 1.2rem;
     font-weight: 600;
     color: #8A4F1B;
     font-style: italic;
 }




 .site-footer {
     background-color: #361E14;
     color: #FFFFFF;
     padding-top: 35px;
     padding-bottom: 25px;
     font-family: 'Montserrat', sans-serif;
 }

 /* Navigation Links */
 .footer-nav {
     display: flex;
     flex-wrap: wrap;
     gap: 24px;
     justify-content: flex-start;
     align-items: center;
     margin: 0;
     padding: 0;
     list-style: none;
 }

 .footer-nav a {
     color: #FFFFFF;
     text-decoration: none;
     font-size: 0.9rem;
     font-weight: 400;
     transition: color 0.3s ease;
 }

 .footer-nav a:hover {
     color: #E4C06E;
 }

 /* Social Icons */
 .footer-socials {
     display: flex;
     gap: 15px;
     justify-content: flex-end;
     align-items: center;
 }

 .footer-socials a {
     color: #E4C06E;
     font-size: 1.1rem;
     transition: transform 0.3s ease, color 0.3s ease;
 }

 .footer-socials a:hover {
     color: #FFFFFF;
     transform: translateY(-2px);
 }

 /* Decorative Divider Line */
 .footer-divider-container {
     position: relative;
     text-align: center;
     margin: 25px 0 20px 0;
 }

 .footer-line {
     border-top: 1px solid rgba(228, 192, 110, 0.25);
     width: 100%;
 }

 .footer-diamond {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     background-color: #361E14;
     padding: 0 10px;
     color: #E4C06E;
     font-size: 0.75rem;
 }

 /* Bottom Copyright Bar */
 .footer-bottom-text {
     font-size: 0.85rem;
     color: rgba(255, 255, 255, 0.8);
     text-align: center;
 }

 @media (max-width: 767px) {
     .footer-nav {
         justify-content: center;
         margin-bottom: 15px;
     }

     .footer-socials {
         justify-content: center;
     }
 }



 /* about */

 .guru-name-below {
     font-size: 17px;
     /* Small Font Size */
     color: #8A4F1B;
     margin-top: 10px;
     font-weight: 500;
     line-height: 1.3;
 }

 /* page banner */

 .page-banner {
     position: relative;
     padding: 90px 0;
     overflow: hidden;
     display: flex;
     align-items: center;
     justify-content: center;
     min-height: 260px;
     min-height: 360px;
 }

 /* HTML Img Tag Styling for Background Banner */
 .banner-bg-img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
     z-index: 1;
 }

 /* Gradient Overlay to Make Text Clear & Readable */
 .banner-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     /* background: linear-gradient(180deg, rgba(30, 18, 8, 0.55) 0%, rgba(30, 18, 8, 0.70) 100%); */
     z-index: 2;
 }

 .sm-banner{
       background: linear-gradient(180deg, #1e12088c 0%, #1e1208b3 100%);
 }

 .z-index-2 {
     z-index: 3;
 }

 /* Page Title Setup */
 .page-title {
     font-family: 'Cormorant Garamond', serif;
     font-size: 2.8rem;
     font-weight: 700;
     color: #FAF6ED;
     letter-spacing: 1.5px;
     margin-bottom: 10px;
     text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
 }

 /* Breadcrumb Custom Design */
 .breadcrumb {
     background: transparent;
     padding: 0;
     margin: 0;
     font-family: 'Montserrat', sans-serif;
     font-size: 0.9rem;
 }

 .breadcrumb-item {
     color: #E2D2BD;
     font-weight: 500;
 }

 .breadcrumb-item a {
     color: #FAF6ED;
     text-decoration: none;
     transition: color 0.3s ease;
 }

 .breadcrumb-item a:hover {
     color: #D4A373;
 }

 /* Custom Separator Divider / */
 .breadcrumb-item+.breadcrumb-item::before {
     content: "›";
     color: #D4A373;
     font-size: 1.1rem;
     padding: 0 8px;
     line-height: 1;
 }

 .breadcrumb-item.active {
     color: #D4A373;
     font-weight: 600;
 }

 /* Mobile Responsive Fix */
 @media (max-width: 768px) {
     .page-banner {
         padding: 60px 0;
         min-height: 200px;
                 height: 160px;
     }

     .page-title {
        font-size: 18px;
     }

     .breadcrumb {
         font-size: 10px;
     }
        .breadcrumb-item.active{
         font-size:10px;
     }
     .breadcrumb-item a {
            font-size:10px;
     }
        
 }
 
  @media (max-width: 500px) {
        .page-title {
         font-size: 16px;
     }
     .breadcrumb-item.active{
         font-size:9px;
     }
     .breadcrumb-item a {
            font-size:9px;
            
     }
     
     .breadcrumb-item+.breadcrumb-item::before{
         font-size:15px;
     }
     .page-banner {
        padding: 60px 0;
        min-height: 175px;
        height: 160px;
    }
     .sm-banner{
         max-width:160px;
         padding-bottom:1px;
     }
  }






 /* gallery section css */
 /* --- Gallery Grid Styling --- */
 .gallery-item {
     aspect-ratio: 1 / 1;
     /*overflow: hidden;*/
     border-radius: 8px;
     cursor: pointer;
     background-color:#361E14;
 }

 .gallery-item img {
     width: 100%;
          border-radius: 8px 8px 0px 0px;
     height: 100%;
     /*object-fit: cover;*/
     transition: transform 0.3s ease;
 }

 .gallery-item:hover img {
     /*transform: scale(1.05);*/
     
 }
 
 
 /*@media(max-width:500px){*/
 /*    .gallery-item img {*/
 /*        height:100% !important;*/
 /*        border:4px solid red;*/
 /*    }*/
 /*}*/

 /* --- Lightbox Modal Overlay --- */
 .lightbox-modal {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.94);
     display: none;
     justify-content: center;
     align-items: center;
     z-index: 9999;
 }

 .lightbox-modal.active {
     display: flex;
 }

 /* Top Bar Header Controls */
 .lightbox-header {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     padding: 15px 20px;
     z-index: 10001;
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), transparent);
 }

 .top-controls button {
     background: none;
     border: none;
     color: #ddd;
     font-size: 18px;
     transition: color 0.2s;
 }

 .top-controls button:hover {
     color: #fff;
 }

 /* Share Dropdown Menu */
 .share-menu {
     position: absolute;
     top: 40px;
     right: 40px;
     background: #ffffff;
     color: #333;
     border-radius: 6px;
     padding: 8px 0;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
     display: none;
     flex-direction: column;
     width: 200px;
     z-index: 10002;
 }

 .share-menu.show {
     display: flex;
 }

 .share-menu a,
 .share-menu button {
     display: flex;
     align-items: center;
     gap: 12px;
     padding: 10px 16px;
     color: #333;
     text-decoration: none;
     font-size: 14px;
     background: none;
     border: none;
     width: 100%;
     text-align: left;
 }

 .share-menu a:hover,
 .share-menu button:hover {
     background-color: #f0f0f0;
 }

 /* Lightbox Image View */
 .lightbox-content {
     position: relative;
     max-width: 90%;
     max-height: 80vh;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .lightbox-image {
     max-width: 100%;
     max-height: 80vh;
     object-fit: contain;
     transition: transform 0.25s ease;
     user-select: none;
     cursor: zoom-in;
 }

 .lightbox-image.zoomed {
     transform: scale(1.5);
     cursor: zoom-out;
 }

 /* Zoom Icon Visibility Switch */
 .lightbox-modal:not(.is-zoomed) .icon-zoom-out {
     display: none;
 }

 .lightbox-modal.is-zoomed .icon-zoom-in {
     display: none;
 }

 /* Slider Next / Prev Arrows */
 .nav-btn {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     background: rgba(255, 255, 255, 0.1);
     color: #fff;
     border: none;
     width: 44px;
     height: 44px;
     font-size: 20px;
     border-radius: 4px;
     transition: background 0.2s;
     z-index: 10000;
 }

 .nav-btn:hover {
     background: rgba(255, 255, 255, 0.3);
 }

 .nav-btn.prev {
     left: 15px;
 }

 .nav-btn.next {
     right: 15px;
 }

 @media (max-width: 600px) {
     .share-menu {
         right: 15px;
     }
 }
 
 #debug-icon{
     display:none !important;
 }
 
 
     /* --- COMBINED CONTACT SECTION CSS --- */
    .combined-contact-section {
        background-color: #F8F3EA;
        padding: 60px 0;
        font-family: 'Montserrat', sans-serif;
    }

    /* Section Decorative Header Tag */
    .section-header-tag {
        display: flex;
        align-items: center;
        gap: 15px;
        color: #8A4F1B;
        font-size: 0.8rem;
        letter-spacing: 2px;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .section-header-tag::before,
    .section-header-tag::after {
        content: '';
        height: 1px;
        width: 40px;
        background-color: #8A4F1B;
        opacity: 0.4;
    }

    .section-main-title {
        font-family: 'Cormorant Garamond', serif;
        font-size: 2.5rem;
        font-weight: 700;
        color: #2B2623;
        line-height: 1.2;
        margin-bottom: 20px;
    }

    /* Why This Poems Content (col-lg-8) */
    .why-content-text {
        font-size: 0.92rem;
        color: #524B45;
        line-height: 1.8;
        margin-bottom: 20px;
        text-align: justify;
    }

    .why-content-highlight {
        font-family: 'Cormorant Garamond', serif;
        font-size: 1.2rem;
        font-weight: 600;
        color: #8A4F1B;
        font-style: italic;
    }

    /* Contact Details (col-lg-4) */
    .contact-details-box {
        border-left: 1px solid rgba(138, 79, 27, 0.2);
        padding-left: 30px;
    }

    .contact-item {
        display: flex;
        align-items: flex-start;
        gap: 15px;
        margin-bottom: 20px;
        font-size: 0.9rem;
        color: #2B2623;
    }

    .contact-item i {
        color: #8A4F1B;
        font-size: 1.2rem;
        margin-top: 3px;
    }

    .contact-item a {
        color: #2B2623;
        text-decoration: none;
        transition: color 0.3s ease;
    }

    .contact-item a:hover {
        color: #8A4F1B;
    }

    /* --- RESPONSIVE MOBILE FIXES --- */
    @media (max-width: 991px) {
        .combined-contact-section {
            padding: 40px 0;
            text-align: center;
        }

        .section-header-tag {
            justify-content: center !important;
        }

        .why-content-text {
            text-align: center;
        }

        .contact-details-box {
            border-left: none;
            border-top: 1px solid rgba(138, 79, 27, 0.2);
            padding-left: 0;
            padding-top: 30px;
            margin-top: 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .contact-item {
            justify-content: center;
            text-align: center;
        }
    }