:root {
            --maroon-dark: #3a0508;
            --maroon-main: #580E13;
            --maroon-light: #77191e;
            --gold-main: #D99C3B;
            --gold-light: #f0bd6d;
            --cream-light: #FCF8F3;
            --cream-dark: #F5ECE1;
            --text-dark: #2c2520;
            --text-muted: #655e58;
            --border-color: #EADCC9;
        }

        body {
            font-family: 'Poppins', sans-serif;
            color: var(--text-dark);
            background-color: var(--cream-light);
            max-width: 100%;
    overflow-x: hidden;
        }

        h1, h2, h3, h4, h5, h6, .font-serif {
            font-family: 'Cinzel', serif;
        }

        /* --- Reusable Decorative Flourishes --- */
        .section-header-wrap {
            text-align: center;
            margin-bottom: 3rem;
            position: relative;
        }
        .section-flourish-title {
            color: var(--maroon-main);
            font-weight: 700;
            display: inline-flex;
            align-items: center;
            gap: 15px;
            margin-bottom: 0.25rem;
        }
        .section-flourish-title::before {
            content: "ॐ —♦—";
            font-size: 0.75rem;
            color: var(--gold-main);
            letter-spacing: 2px;
        }
        .section-flourish-title::after {
            content: "—♦— ॐ";
            font-size: 0.75rem;
            color: var(--gold-main);
            letter-spacing: 2px;
        }

        /* Buttons & Actions with Premium Hover Smoothness */
        .btn-custom-maroon {
            background-color: var(--maroon-main);
            color: #fff;
            border-radius: 30px;
            padding: 12px 28px;
            font-weight: 500;
            font-size: 0.9rem;
            border: 2px solid transparent;
            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
            box-shadow: 0 4px 15px rgba(88, 14, 19, 0.15);
        }
        .btn-custom-maroon:hover {
            background-color: #fff;
            color: var(--maroon-main);
            border-color: var(--maroon-main);
            transform: translateY(-4px);
            box-shadow: 0 12px 24px rgba(88, 14, 19, 0.25);
        }
        .btn-custom-gold {
            background-color: var(--gold-main);
            color: var(--text-dark);
            border-radius: 30px;
            padding: 12px 28px;
            font-weight: 600;
            font-size: 0.9rem;
            border: 2px solid transparent;
            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
            box-shadow: 0 4px 15px rgba(217, 156, 39, 0.15);
        }
        .btn-custom-gold:hover {
            background-color: #fff;
            color: var(--gold-main);
            border-color: var(--gold-main);
            transform: translateY(-4px);
            box-shadow: 0 12px 24px rgba(217, 156, 39, 0.25);
        }

        /* 1. MANTRA TOP BAR */
        .mantra-top-bar {
            background-color: var(--maroon-dark);
            color: #fff;
            font-size: 0.85rem;
            padding: 8px 0;
            border-bottom: 3px solid var(--gold-main);
            letter-spacing: 1px;
        }
        .mantra-top-bar a { color: #fff; transition: 0.2s; }
        .mantra-top-bar a:hover { color: var(--gold-light); }

        /* 2. LOGO AND BRAND HEADER NAVIGATION */
        .navbar{background:#fef5e7;}
        .navbar-brand-custom {
            text-align: left;
            text-decoration: none;
        }
        .navbar-brand-custom img{height:95px;}
        .brand-title {
            color: var(--maroon-main);
            font-size: 1.8rem;
            font-weight: 700;
            line-height: 1;
            letter-spacing: 0.5px;
        }
        .brand-subtitle {
            font-size: 0.65rem;
            color: var(--gold-main);
            letter-spacing: 2px;
            font-weight: 700;
            display: block;
            margin-top: 2px;
        }
        .nav-link-custom {
            font-weight: 600;
            color: var(--text-dark) !important;
            text-transform: uppercase;
            font-size: 0.85rem;
            padding: 8px 12px !important;
            transition: color 0.3s ease;
            text-decoration:none;
        }
        .nav-link-custom:hover, .nav-link-custom.active {
            color: var(--gold-main) !important;
        }
        .nav-phone-badge {
            background-color: var(--maroon-main);
            color: #fff !important;
            border-radius: 50px;
            padding: 10px 24px !important;
            display: inline-flex;
            align-items: center;
            font-weight: 600;
            box-shadow: 0 4px 10px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
            text-decoration: none;
        }
        .nav-phone-badge:hover {
            transform: translateY(-2px);
            background-color: var(--maroon-light);
        }

/* WordPress Header Navigation */
#masterVedicNav ul.navbar-nav {
    display: flex;
    align-items: center;
    gap: 5px;
    list-style: none;
    margin: 0;
    padding: 0;
}

#masterVedicNav ul.navbar-nav > li > a {
    font-weight: 600;
    color: var(--text-dark) !important;
    text-transform: uppercase;
    font-size: 0.80rem;
    padding: 8px 12px !important;
    transition: color 0.3s ease;
    text-decoration: none;
}

#masterVedicNav ul.navbar-nav > li > a:hover,
#masterVedicNav ul.navbar-nav > li.current-menu-item > a,
#masterVedicNav ul.navbar-nav > li.current_page_item > a {
    color: var(--gold-main) !important;
}

/* =========================================
   MOBILE NAVBAR FIX (CORRECTED)
========================================= */

@media (max-width: 1400px) {
	#masterVedicNav ul.navbar-nav > li > a {
    font-weight: 600;
    color: var(--text-dark) !important;
    text-transform: uppercase;
    font-size: 0.70rem;
    padding: 8px 10px !important;
    transition: color 0.3s ease;
    text-decoration: none;
}
	
	   .nav-link-custom {
            font-weight: 600;
            color: var(--text-dark) !important;
            text-transform: uppercase;
            font-size: 0.70rem;
            padding: 8px 10px !important;
            transition: color 0.3s ease;
            text-decoration:none;
        }
	
}

@media (max-width: 767px) {

    .navbar {
        padding: 8px 10px;
        width: 100%;
        max-width: 100%;
    }

    .navbar .container {
        display: flex !important;
        
        flex-wrap: wrap !important; 
        align-items: center;
        justify-content: space-between;
        width: 100%;
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        margin: 0 auto;
    }

    /* Logo */
    .navbar-brand-custom {
       
        flex: 0 1 auto; 
        min-width: 0 !important;
        max-width: calc(100% - 70px) !important; 
        margin-right: 5px !important;
    }

    .navbar-brand-custom img {
        display: block;
        width: auto !important;
        max-width: 100% !important;
        height: 65px !important; 
        object-fit: contain;
    }

    /* Hamburger Button */
    .navbar-toggler {
        flex: 0 0 auto !important;
        margin-left: auto !important;
        padding: 8px 12px;
    }

    /* Collapsed Menu */
    .navbar-collapse {
        
        width: 100% !important;
        flex-basis: 100% !important;
        margin-top: 10px; 
    }
    
    
    .navbar-nav {
        width: 100%;
        display: flex;
        flex-direction: column;
        text-align: left; 
    }

}

/* Extra Small Mobile - 400px */
@media (max-width: 400px) {
    .navbar {
        padding: 6px 8px;
    }

    .navbar-brand-custom img {
        height: 55px !important; 
        max-width: 200px !important;
    }

    .navbar-toggler {
        padding: 6px 10px;
    }

    .navbar .container {
        padding-left: 8px;
        padding-right: 8px;
    }
}


        /* 3. HERO CALLOUT BANNER */
        .hero-banner {
            background:url('../images/hero.png') center/cover no-repeat;
            padding: 90px 0;
            border-bottom: 1px solid var(--border-color);
            position:relative;
        }
        .hero-banner:before{content:''; display:block; top:0; bottom:0; left:-5%; right:30%; display:block; position:absolute;
        background: #F6DEB0; background: linear-gradient(270deg, rgba(246, 222, 176, 0) 0%, rgba(246, 222, 176, 1) 100%);}
        .hero-tagline {
            font-style: italic;
            color: var(--maroon-light);
            font-size: 1.1rem;
            margin-bottom: 0.5rem;
        }
        .hero-h1 {
            color: var(--maroon-main);
            font-size: 3.8rem;
            font-weight: 700;
            line-height: 1.15;
        }
        .hero-ampersand-row {
            font-size: 2.6rem;
            margin-bottom: 1rem;
        }
        .hero-summary-text {
            max-width: 400px;
            margin-bottom: 2rem;
            font-size: 1.05rem;
        }

        /* 4. VALUE KEY STRIP */
        .value-key-strip {
            background-color: #FFFDF9;
            border-bottom: 2px solid var(--border-color);
            padding: 22px 0;
        }
        .value-box-item {
            text-align: center;
        }
        .value-box-item i {
            color: var(--gold-main);
            font-size: 1.6rem;
            margin-bottom: 8px;
            display: block;
            transition: transform 0.3s ease;
        }
        .value-box-item:hover i {
            transform: translateY(-4px) scale(1.1);
        }
        .value-box-item span {
            font-size: 0.8rem;
            font-weight: 700;
            text-transform: uppercase;
            color: var(--maroon-main);
            letter-spacing: 0.5px;
            display: block;
        }

        /* 5. DUAL SERVICES ARTERIAL SECTION */
        .dual-services-wrap {
            padding: 80px 0;
            background-color: var(--cream-light);
        }
        
        /* Grid Element Styles (Left Column) with Premium Shadows */
        .grid-service-card {
            background: #fff!important;
            border: 1px solid var(--border-color);
            border-radius: 6px;
            padding: 24px 12px;
            text-align: center;
            height: 100%;
            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.01);
        }
        .grid-service-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 15px 30px rgba(88, 14, 19, 0.08);
            border-color: var(--gold-light);
        }
        .grid-service-card i {
            font-size: 2.2rem;
            color: var(--maroon-main);
            margin-bottom: 15px;
            display: block;
            transition: transform 0.3s ease;
        }
        .grid-service-card:hover i {
            transform: scale(1.1);
        }
        .grid-service-card h4 {
            font-size: 0.85rem;
            font-weight: 700;
            color: var(--maroon-main);
            text-transform: uppercase;
            margin: 0;
            letter-spacing: 0.5px;
            line-height: 1.4;
        }
        .grid-service-card-last {
            background: var(--maroon-main)!important;
            display: flex;
            justify-content: center;
            color: #fff;
            text-transform: uppercase;
            align-items: center;
        }

        /* Online Alternate Card Color Scheme */
        .grid-service-card.online-accent-card {
            background-color: var(--maroon-main);
            border-color: var(--maroon-dark);
            color: #fff;
        }
        .grid-service-card.online-accent-card i {
            color: var(--gold-light);
        }
        .grid-service-card.online-accent-card h4 {
            color: #fff;
        }

        /* Astrology Sidebar (Right Column) */
        .astrology-dark-sidebar {
            background-color: #2b0406;
            border: 2px solid var(--gold-main);
            border-radius: 8px;
            padding: 40px 25px;
            color: #fff;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
        }
        .astro-side-h3 {
            color: var(--gold-light);
            text-align: center;
            font-weight: 600;
            font-size: 1.6rem;
            margin-bottom: 4px;
        }
        .astro-side-subtitle {
            text-align: center;
            font-size: 0.85rem;
            color: var(--gold-main);
            margin-bottom: 25px;
            font-style: italic;
        }
        .astro-graphic-wheel {
            width: 180px;
            height: 180px;
            padding:10px;
            margin: 0 auto 25px;
            border: 2px dashed rgba(217, 156, 59, 0.4);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .astro-graphic-wheel img {
            animation: rotateWheel 30s linear infinite;
        }
        @keyframes rotateWheel {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        .astro-middle-badge {
            background-color: rgba(0,0,0,0.3);
            border-radius: 6px;
            padding: 12px;
            text-align: center;
            font-size: 0.75rem;
            margin-bottom: 25px;
            border-left: 3px solid var(--gold-main);
        }
        .astro-list-group-item {
            display: flex;
            align-items: center;
            padding: 14px 0;
            border-bottom: 1px solid rgba(255,255,255,0.1);
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            transition: padding-left 0.3s ease;
        }
        .astro-list-group-item:hover {
            padding-left: 6px;
            color: var(--gold-light);
        }
        .astro-list-group-item:last-child {
            border-bottom: none;
        }
        .astro-list-group-item i {
            color: var(--gold-main);
            margin-right: 15px;
            font-size: 1rem;
            width: 20px;
            text-align: center;
        }

        /* 6. WHY CHOOSE VEDIC BLESSINGS */
        .why-choose-block {
            background-color: var(--maroon-main);
            color: #fff;
            padding: 80px 0;
        }
        .why-choose-block .section-flourish-title {
            color: #fff;
        }
        .why-item-node {
            text-align: center;
            padding: 10px;
            transition: transform 0.3s ease;
        }
        .why-item-node:hover {
            transform: translateY(-4px);
        }
        .why-item-node i {
            font-size: 2.6rem;
            color: var(--gold-light);
            margin-bottom: 18px;
            display: block;
        }
        .why-item-node h5 {
            color: var(--gold-light);
            font-size: 0.95rem;
            font-weight: 600;
            margin-bottom: 12px;
            text-transform: uppercase;
        }
        .why-item-node p {
            font-size: 0.85rem;
            color: #f5e1e2;
            line-height: 1.5;
            margin: 0;
        }

        /* 7. HOW IT WORKS SYSTEM */
        .how-it-works-block {
            padding: 80px 0;
            background-color: var(--cream-dark);
        }
        .flow-step-card {
            text-align: center;
            position: relative;
        }
        .flow-icon-container {
            width: 80px;
            height: 80px;
            background-color: #fff;
            border: 2px solid var(--gold-main);
            border-radius: 50%;
            margin: 0 auto 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 6px 15px rgba(0,0,0,0.03);
            transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
        .flow-step-card:hover .flow-icon-container {
            transform: scale(1.1);
        }
        .flow-icon-container i {
            color: var(--maroon-main);
            font-size: 1.6rem;
        }
        .flow-step-card h5 {
            font-size: 0.9rem;
            font-weight: 700;
            text-transform: uppercase;
            color: var(--text-dark);
            margin-bottom: 8px;
            letter-spacing: 0.5px;
        }
        .flow-step-card p {
            font-size: 0.85rem;
            color: var(--text-muted);
            margin: 0;
            padding: 0 10px;
        }

        /* 8. WHAT OUR DEVOTEES SAY (TESTIMONIALS) */
        .testimonials-block {
            padding: 80px 0;
            background: linear-gradient(rgba(252,248,243,0.7), rgba(252,248,243,0.7)), url('../images/testimonialBg.jpg') center/cover fixed;
        }
        .quote-box-card {
            background-color: #fff;
            border: 1px solid var(--border-color);
            border-radius: 6px;
            padding: 35px 25px;
            text-align: center;
            height: 100%;
            box-shadow: 0 4px 15px rgba(0,0,0,0.02);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .quote-box-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 15px 30px rgba(88, 14, 19, 0.06);
        }
        .quote-body-text {
            font-style: italic;
            font-size: 0.9rem;
            color: var(--text-muted);
            line-height: 1.6;
            margin-bottom: 15px;
        }
        .star-rating-row {
            color: var(--gold-main);
            font-size: 0.85rem;
            margin-bottom: 15px;
        }
        .author-h6 {
            font-weight: 700;
            color: var(--text-dark);
            margin-bottom: 2px;
            font-size: 0.95rem;
        }
        .location-subtext {
            font-size: 0.75rem;
            text-transform: uppercase;
            color: var(--gold-main);
            font-weight: 600;
            letter-spacing: 1px;
        }

        /* 9. LATEST INSIGHTS (BLOG JOURNAL) */
        .insights-block {
            padding: 80px 0;
            background-color: var(--cream-light);
        }
        .journal-feed-card {
            background-color: #fff;
            border: 1px solid var(--border-color);
            border-radius: 6px;
            overflow: hidden;
            height: 100%;
            display: flex;
            flex-direction: column;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .journal-feed-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.06);
        }
        .journal-img-wrap {
            overflow: hidden;
        }
        .journal-img-wrap img {
            width: 100%;
            height: 190px!important;
            object-fit: cover;
            transition: transform 0.4s ease;
        }
        .journal-feed-card:hover .journal-img-wrap img {
            transform: scale(1.05);
        }
        .journal-content-area {
            padding: 22px;
            display: flex;
            flex-direction: column;
            flex-grow: 1;
        }
        .journal-content-area h5.journal-img-wrap img  a {
            color: var(--maroon-main)!important;
            font-size: 1rem;
            font-weight: 700;
            margin-bottom: 10px;
            line-height: 1.4;
        }
        .journal-content-area h5 a {
            color: var(--maroon-main)!important;
            font-size: 1rem;
            font-weight: 700;
            margin-bottom: 10px;
            line-height: 1.4;
        }
        .journal-content-area p {
            font-size: 0.85rem;
            color: var(--text-muted);
            line-height: 1.5;
            margin-bottom: 20px;
        }
        .journal-redirect-link {
            color: var(--maroon-main);
            font-weight: 700;
            font-size: 0.8rem;
            text-transform: uppercase;
            text-decoration: none;
            margin-top: auto;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            transition: gap 0.2s ease;
        }
        .journal-redirect-link:hover {
            color: var(--gold-main);
            gap: 10px;
        }

        /* 10. ENQUIRIES & GEOGRAPHIC CTA BANNER */
        .enquiries-cta-strip {
            background: var(--maroon-dark) url('../images/location.png') right no-repeat; background-blend-mode:overlay;
            border-top: 4px solid var(--gold-main);
            color: #fff;
            padding: 50px 0;
        }
        .cta-label-accent {
            color: var(--gold-main);
            font-size: 0.8rem;
            font-weight: 700;
            letter-spacing: 2px;
            text-transform: uppercase;
            display: block;
            margin-bottom: 4px;
        }
        .cta-phone-anchor {
            font-size: 2.6rem;
            font-weight: 700;
            color: #fff;
            text-decoration: none;
            line-height: 1.1;
            display: block;
        }
        .cta-sub-widget {
            background-color: var(--gold-main);
            color: var(--text-dark);
            font-family: 'Cinzel', serif;
            font-weight: 700;
            font-size: 0.8rem;
            padding: 6px 16px;
            border: none;
            border-radius: 4px;
            margin-top: 10px;
        }
        .geo-h4 {
            font-family: 'Cinzel', serif;
            color: var(--gold-light);
            font-size: 1.4rem;
            margin-bottom: 4px;
        }
        .geo-p {
            font-size: 0.9rem;
            color: rgba(255,255,255,0.7);
            margin: 0;
        }
        .map-graphic-box i {
            font-size: 4.5rem;
            color: var(--gold-main);
            opacity: 0.85;
        }

        /* 11, 12, 13, 14. MULTI-COLUMN COMPREHENSIVE FOOTER ARCHITECTURE */
        .master-footer-node {
            background-color: #200204;
            color: #c9bebd;
            padding: 70px 0 0px;
            font-size: 0.85rem;
            border-top: 1px solid rgba(255,255,255,0.05);
        }
        .master-footer-node h5 {
            color: var(--gold-main);
            font-size: 0.95rem;
            font-weight: 600;
            text-transform: uppercase;
            margin-bottom: 25px;
            letter-spacing: 1px;
        }
        .footer-brand-title {
            color: var(--gold-main);
            font-family: 'Cinzel', serif;
            font-size: 1.3rem;
            font-weight: 700;
            margin-bottom: 2px;
        }
        .footer-brand-sub {
            font-size: 0.6rem;
            color: #fff;
            letter-spacing: 1px;
            display: block;
            margin-bottom: 15px;
        }
        .footer-link-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .footer-link-list li {
            margin-bottom: 12px;
        }
        .footer-link-list a {
            color: #c9bebd;
            text-decoration: none;
            transition: color 0.2s, padding-left 0.2s ease;
        }
        .footer-link-list a:hover {
            color: #fff;
            padding-left: 4px;
        }
        .social-circular-row {
            display: flex;
            gap: 12px;
            margin-top: 20px;
        }
        .social-circular-row a {
            width: 32px;
            height: 32px;
            background-color: rgba(255,255,255,0.05);
            color: var(--gold-main);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            transition: background 0.3s, color 0.3s;
        }
        .social-circular-row a:hover {
            background-color: var(--gold-main);
            color: #200204;
        }
        .contact-icon-meta-line {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            margin-bottom: 16px;
        }
        .contact-icon-meta-line i {
            color: var(--gold-main);
            margin-top: 4px;
        }
        .newsletter-input-field {
            background-color: #fff;
            border: none;
            font-size: 0.85rem;
            padding: 10px 14px;
            border-radius: 4px 0 0 4px;
        }
        .newsletter-submit-btn {
            background-color: var(--gold-main);
            color: var(--text-dark);
            border: none;
            font-family: 'Cinzel', serif;
            font-weight: 700;
            font-size: 0.75rem;
            padding: 0 18px;
            text-transform: uppercase;
            border-radius: 0 4px 4px 0;
        }
        .bottom-legal-strip {
            margin-top: 60px;
            border-top: 1px solid rgba(255,255,255,0.07);
            padding: 22px 0;
            font-size: 0.75rem;
            color: rgba(255,255,255,0.4);
        }
        .bottom-legal-strip a {
            color: rgba(255,255,255,0.4);
            text-decoration: none;
            margin-left: 20px;
        }
        .bottom-legal-strip a:hover {
            color: #fff;
        }
        
        
        
        
        .contact-icon-meta-line a {
    color: inherit;
    text-decoration: none;
}

.contact-icon-meta-line a:hover {
    color: var(--yellow);
    text-decoration: none;
}

.contact-icon-meta-line strong {
    color: #fff;
}

.contact-icon-meta-line .text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
        
        /* Fix for Bootstrap columns on specific structural needs */
        @media(min-width: 992px) {
            .col-lg-2-4 {
                flex: 0 0 20%;
                max-width: 20%;
            }
        }
        @media(max-width: 992px) {
            .hero-banner:before{left:-10%; right:-50%;}
        }

/*----------------------------*/

.sub-menu-toggle{ display: none;}



.inner-page-banner{
    position:relative;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    min-height:500px;
    display:flex;
    align-items:center;
    overflow:hidden;
}

.banner-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,
    rgba(22,13,9,.85),
    rgba(22,13,9,.55),
    rgba(22,13,9,.35));
}

.inner-page-banner .container{
    position:relative;
    z-index:2;
}

.banner-content{
    max-width:650px;
    color:#fff;
}

.banner-tagline{
    display:inline-block;
    color:#d9b36b;
    letter-spacing:2px;
    text-transform:uppercase;
    font-size:15px;
    margin-bottom:15px;
}

.banner-content h1{
    font-size:58px;
    font-weight:700;
    line-height:1.2;
    margin-bottom:20px;
    color:#fff;
}

.banner-content p{
    font-size:19px;
    color:#eee;
    margin-bottom:35px;
}

.banner-btns{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}

.btn-maroon{
    background:#6d1d1d;
    color:#fff;
    padding:14px 30px;
    border-radius:40px;
    text-decoration:none;
    transition:.3s;
}

.btn-maroon:hover{
    background:#8b2929;
    color:#fff;
}

.btn-gold{
    background:#d4af37;
    color:#222;
    padding:14px 30px;
    border-radius:40px;
    text-decoration:none;
    transition:.3s;
}

.btn-gold:hover{
    background:#f0c94f;
    color:#000;
}

.breadcrumbs{
    display:flex;
    gap:10px;
    list-style:none;
    padding:0;
    margin-bottom:30px;
}

.breadcrumbs li{
    color:#fff;
    font-size:14px;
}

.breadcrumbs li a{
    color:#d4af37;
    text-decoration:none;
}

.breadcrumbs li:not(:last-child)::after{
    content:"/";
    margin-left:10px;
    color:#ccc;
}

@media(max-width:991px){

.banner-content h1{
    font-size:42px;
}

.inner-page-banner{
    min-height:420px;
}

}

@media(max-width:767px){

.banner-content h1{
    font-size:32px;
}

.banner-content p{
    font-size:16px;
}

.banner-btns{
    flex-direction:column;
}

.banner-btns a{
    width:100%;
    text-align:center;
}

.inner-page-banner{
    min-height:380px;
}

}







/* =========================================
   PREMIUM WELCOME / ABOUT SECTION
   Vedic Blessings
   Faith • Tradition • Divine Blessings
========================================= */

.nxtwelcomeArea {
    position: relative;
    display: block;
    width: 100%;
    clear: both;
    color: #2d2924;
    background: #f8f4ec;
    overflow: hidden;
    padding: 100px 0;
    z-index: 1;
}

/* Premium Background Glow */
.nxtwelcomeArea:before {
    position: absolute;
    content: "";
    width: 600px;
    height: 600px;
    left: -250px;
    bottom: -280px;
    background: radial-gradient(
        circle,
        rgba(194, 145, 62, 0.12) 0%,
        rgba(194, 145, 62, 0.05) 40%,
        transparent 70%
    );
    border-radius: 50%;
    z-index: -1;
}

.nxtwelcomeArea:after {
    position: absolute;
    content: "";
    width: 600px;
    height: 600px;
    right: -250px;
    top: -280px;
    background: radial-gradient(
        circle,
        rgba(194, 145, 62, 0.10) 0%,
        rgba(194, 145, 62, 0.04) 40%,
        transparent 70%
    );
    border-radius: 50%;
    z-index: -1;
}


/* =========================================
   INNER CONTENT BOX
========================================= */

.nxtwelcomeArea .bginner {
    position: relative;
    background: rgba(255, 255, 255, 0.96);
    padding: 65px 70px;
    border-radius: 4px;

    border: 1px solid rgba(194, 145, 62, 0.22);

    box-shadow:
        0 20px 60px rgba(60, 45, 25, 0.08),
        0 5px 20px rgba(60, 45, 25, 0.05);

    overflow: hidden;
}


/* Gold Top Line */
.nxtwelcomeArea .bginner:before {
    position: absolute;
    content: "";
    top: 0;
    left: 50%;
    width: 120px;
    height: 3px;
    background: linear-gradient(
        90deg,
        transparent,
        #c2913e,
        #e1bb70,
        #c2913e,
        transparent
    );
    transform: translateX(-50%);
}


/* =========================================
   MAIN HEADING
========================================= */

.nxtwelcomeArea h1 {
    position: relative;
    display: block;
    margin: 0 0 35px;
    padding-left: 22px;

    color: #2d2924;
    font-size: 36px;
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: 0.3px;
}


/* Gold Vertical Line */
.nxtwelcomeArea h1:before {
    position: absolute;
    content: "";
    left: 0;
    top: 3px;
    width: 4px;
    height: 85%;
    border-radius: 10px;
    background: linear-gradient(
        to bottom,
        #c2913e,
        #e4c27a
    );
}


/* Heading Image / Icon */
.nxtwelcomeArea h1 img {
    height: 32px;
    width: auto;
    position: relative;
    top: -3px;
    margin: 0 7px;
}


/* =========================================
   SUB HEADING
========================================= */

.nxtwelcomeArea h2 {
    margin: 0 0 18px;
    color: #2b0406 !important;
    font-size: 30px!important;
    line-height: 1.5;
    font-weight: 500;
}

.nxtwelcomeArea h2 strong {
    display: block;
    clear: both;
    margin-top: 6px;

    color: #b17d2e;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0.3px;
}


/* =========================================
   H3
========================================= */

/*.nxtwelcomeArea h3 {
    margin: 25px 0 15px;
    padding-bottom: 12px;

    color: #a87527;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 600;

    position: relative;
}

.nxtwelcomeArea h3:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 55px;
    height: 2px;
    background: #c2913e;
}*/


/* =========================================
   H4
========================================= */

.nxtwelcomeArea h4 {
    margin: 20px 0 12px;
    padding-bottom: 8px;

    color: #4b443c;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 600;
}


/* =========================================
   PARAGRAPH
========================================= */

.nxtwelcomeArea p {
    margin: 0 0 22px;

    color: #5f5a53 !important;
    font-size: 16px;
    line-height: 1.9;
    font-weight: 400;
}


/* =========================================
   GOLD HIGHLIGHT TEXT
========================================= */

.nxtwelcomeArea .highlight {
    color: #b17d2e;
    font-weight: 600;
}


/* =========================================
   DECORATIVE OM / DIVINE SYMBOL
========================================= */

.nxtwelcomeArea .vedic-symbol {
    position: absolute;
    right: 35px;
    top: 25px;

    color: rgba(194, 145, 62, 0.10);
    font-size: 110px;
    line-height: 1;
    font-family: serif;

    pointer-events: none;
}


/* =========================================
   BUTTON
========================================= */

.nxtwelcomeArea .btn-premium {
    display: inline-block;
    margin-top: 10px;
    padding: 13px 30px;

    color: #fff;
    background: linear-gradient(
        135deg,
        #a87527,
        #c2913e,
        #d8ad62
    );

    border: 0;
    border-radius: 3px;

    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;

    text-decoration: none;

    box-shadow:
        0 8px 20px rgba(168, 117, 39, 0.20);

    transition: all 0.3s ease;
}

.nxtwelcomeArea .btn-premium:hover {
    color: #fff;
    transform: translateY(-3px);

    box-shadow:
        0 12px 25px rgba(168, 117, 39, 0.30);
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1400px) {	
	.nxtwelcomeArea .bginner {    position: relative;    background: rgba(255, 255, 255, 0.96);    padding: 45px 60px;    border-radius: 4px;
    border: 1px solid rgba(194, 145, 62, 0.22);    box-shadow:        0 20px 60px rgba(60, 45, 25, 0.08),        0 5px 20px rgba(60, 45, 25, 0.05);    overflow: hidden;}	
	
}



@media (max-width: 991px) {

    .nxtwelcomeArea {
        padding: 70px 0;
    }

    .nxtwelcomeArea .bginner {
        padding: 45px 40px;
    }

    .nxtwelcomeArea h1 {
        font-size: 30px;
    }

    .nxtwelcomeArea h2 strong {
        font-size: 26px;
    }
}


@media (max-width: 767px) {

    .nxtwelcomeArea {
        padding: 50px 0;
    }

    .nxtwelcomeArea .bginner {
        padding: 35px 25px;
        border-radius: 3px;
    }

    .nxtwelcomeArea h1 {
        font-size: 26px;
        padding-left: 17px;
        margin-bottom: 25px;
    }

    .nxtwelcomeArea h2 {
        font-size: 18px;
    }

    .nxtwelcomeArea h2 strong {
        font-size: 23px;
    }

    .nxtwelcomeArea h3 {
        font-size: 20px;
    }

    .nxtwelcomeArea p {
        font-size: 15px;
        line-height: 1.8;
    }

    .nxtwelcomeArea .vedic-symbol {
        right: 15px;
        top: 15px;
        font-size: 70px;
    }
}




/* Form Inputs */
.nxtwelcomeArea input,
.nxtwelcomeArea textarea,
.welcomeArea textarea {
    width: 100%;
    height: 54px;
    padding: 12px 18px;
    margin-bottom: 18px;
    border: 1px solid #ded8c9;
    border-radius: 6px;
    background: #fff;
    color: #333;
    font-size: 15px;
    font-family: inherit;
    outline: none;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

/* Textarea */
.nxtwelcomeArea textarea {
    height: 120px !important;
    resize: none;
    line-height: 1.6;
}

/* Focus Effect */
.nxtwelcomeArea input:focus,
.nxtwelcomeArea textarea:focus {
    border-color: var(--yellow);
    box-shadow: 0 0 0 3px rgba(190, 150, 55, 0.10);
}

/* Submit Button */
.nxtwelcomeArea [type="submit"] {
    width: auto;
    min-width: 160px;
    height: 52px;
    padding: 0 30px;
    border: 1px solid var(--yellow);
    border-radius: 50px;
    background: var(--yellow) !important;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 0;
    transition: all 0.4s ease;
}

/* Submit Hover */
.nxtwelcomeArea [type="submit"]:hover {
    cursor: pointer;
    background: var(--red) !important;
    border-color: var(--red);
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}


/* =========================================
   PREMIUM CONTACT / INFO CARD
========================================= */

.nxtwelcomeArea > div > .row > [class^="col-md-5"] > div {
    background: var(--blue);
    text-align: center;
    display: block;
    overflow: hidden;
    padding: 50px 35px;
    color: #fff;
    position: relative;
    top: -100px;
    margin-bottom: -100px;
    border: 8px solid #fff;
    border-radius: 2px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}

/* Decorative Gold Line */
.nxtwelcomeArea > div > .row > [class^="col-md-5"] > div:before {
    content: "";
    width: 60px;
    height: 2px;
    background: var(--yellow);
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
}

/* Card Heading */
.nxtwelcomeArea > div > .row > [class^="col-md-5"] > div h2 {
    color: #fff !important;
    text-transform: none;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 1.3;
}

/* Card Paragraph */
.nxtwelcomeArea > div > .row > [class^="col-md-5"] > div p {
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.8;
}


/* =========================================
   WELCOME IMAGE
========================================= */

.nxtwelcomeAreaimg {
    margin: 20px auto;
    position: relative;
}

.nxtwelcomeAreaimg img {
    width: 100%;
    height: auto;
    display: block;
    padding: 5px;
    border: 1px solid #e3dccd;
    border-radius: 12px;
    background: #fff;
    transition: all 0.5s ease;
}

.nxtwelcomeAreaimg img:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}


/* =========================================
   PREMIUM FEATURE BOXES
========================================= */

ul.nxtwelcomeAreaimg {
    margin: 30px 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

ul.nxtwelcomeAreaimg li {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    width: calc(33.333% - 14px);
    min-height: 170px;

    padding: 25px 15px;
    margin: 0;

    text-align: center;
    background: #fff;
    color: #333;

    border: 1px solid #eee7d8;
    border-radius: 12px;

    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 13px;

    box-shadow: 0 8px 25px rgba(60, 45, 20, 0.08);

    transition: all 0.4s ease;
}

/* Gold Top Border */
ul.nxtwelcomeAreaimg li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 3px;
    background: var(--yellow);
    transform: translateX(-50%);
    transition: all 0.4s ease;
}

/* Icon */
ul.nxtwelcomeAreaimg li i {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 65px;
    height: 65px;

    margin-bottom: 15px;

    font-size: 28px;
    color: var(--yellow);

    border: 1px solid rgba(190, 150, 55, 0.35);
    border-radius: 50%;

    transition: all 0.4s ease;
}

/* Heading */
ul.nxtwelcomeAreaimg li h4 {
    display: block;
    margin: 0;
    padding-top: 5px;

    color: var(--blue);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.4;

    transition: all 0.3s ease;
}

/* Hover */
ul.nxtwelcomeAreaimg li:hover {
    background: var(--blue) !important;
    color: #fff;

    transform: translateY(-8px);

    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
}

ul.nxtwelcomeAreaimg li:hover:before {
    width: 50px;
}

ul.nxtwelcomeAreaimg li:hover i {
    color: #fff;
    border-color: var(--yellow);
    background: rgba(255, 255, 255, 0.08);
    transform: scale(1.08);
}

ul.nxtwelcomeAreaimg li:hover h4 {
    color: #fff;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 991px) {

    .nxtwelcomeArea {
        padding: 70px 0;
    }

    .nxtwelcomeArea > div > .row > [class^="col-md-5"] > div {
        top: 0;
        margin-bottom: 30px;
    }

    ul.nxtwelcomeAreaimg li {
        width: calc(50% - 10px);
    }
}


@media (max-width: 575px) {

    .nxtwelcomeArea {
        padding: 50px 0;
    }

    .nxtwelcomeArea > div > .row > [class^="col-md-5"] > div {
        padding: 40px 20px;
    }

    .nxtwelcomeArea > div > .row > [class^="col-md-5"] > div h2 {
        font-size: 26px;
    }

    ul.nxtwelcomeAreaimg {
        gap: 15px;
    }

    ul.nxtwelcomeAreaimg li {
        width: 100%;
        min-height: 150px;
    }

    .nxtwelcomeArea [type="submit"] {
        width: 100%;
    }
}





/* =========================================
   VEDIC BLESSINGS
   VISION & MISSION SECTION
========================================= */

.vb-vision-mission {
    
    overflow: hidden;
	position: relative;
    padding: 100px 0;
    background: linear-gradient(
        135deg,
        #fffdf8 0%,
        #f8f1e3 50%,
        #fffaf0 100%
    );
}


/* -----------------------------------------
   SECTION HEADING
----------------------------------------- */

.vb-section-heading {
    max-width: 750px;
    margin: 0 auto 55px;
}

.vb-section-heading > span {
    display: inline-block;
    margin-bottom: 12px;

    color: #b8862c;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.vb-section-heading h2 {
    margin: 0 0 15px;

    color: #172b4d;
    font-size: 42px;
    font-weight: 600;
    line-height: 1.2;
}

.vb-section-heading p {
    margin: 0;

    color: #806b4a;
    font-size: 16px;
}


/* -----------------------------------------
   VISION / MISSION CARD
----------------------------------------- */

.vb-vm-card {
    position: relative;

    height: 100%;
    min-height: 300px;

    padding: 45px 40px;

    display: flex;
    align-items: flex-start;
    gap: 30px;

    background: rgba(255, 255, 255, 0.95);

    border: 1px solid #ead8b4;
    border-radius: 14px;

    box-shadow: 0 12px 35px rgba(120, 85, 30, 0.10);

    overflow: hidden;

    transition: all 0.4s ease;
}



/* Top Gold Border */

.vb-vm-card:before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: linear-gradient(
        90deg,
        #a87820,
        #e5c477,
        #a87820
    );

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

.vb-vm-card:hover {
    transform: translateY(-8px);

    border-color: #d4ad61;

    box-shadow: 0 20px 45px rgba(120, 85, 30, 0.16);
}

.vb-vm-card:hover:before {
    transform: scaleX(1);
}


/* =========================================
   ICON
   ONLY BORDER - NO BOX BACKGROUND
========================================= */

.vb-vm-icon {
    flex: 0 0 78px;

    width: 78px;
    height: 78px;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Transparent Background */
    background: transparent;

    /* Gold Border */
    border: 2px solid #c69a45;

    border-radius: 50%;

    color: #b27b1e;

    font-size: 28px;

    position: relative;

    transition: all 0.4s ease;
}


/* Inner Decorative Border */

.vb-vm-icon:after {
    content: "";

    position: absolute;

    width: 62px;
    height: 62px;

    border: 1px solid #e7cf9c;

    border-radius: 50%;
}


/* Icon */

.vb-vm-icon i {
    position: relative;
    z-index: 2;
}


/* Icon Hover */

.vb-vm-card:hover .vb-vm-icon {
    color: #fff;

    background: #b8862c;

    border-color: #b8862c;

    transform: rotateY(180deg);
}

.vb-vm-card:hover .vb-vm-icon:after {
    border-color: rgba(255,255,255,0.5);
}


/* =========================================
   CONTENT
========================================= */

.vb-vm-content h3 {
    margin: 5px 0 18px;

    color: #172b4d;

    font-size: 28px;
    font-weight: 600;
}

.vb-vm-content h3:after {
    content: "";

    display: block;

    width: 45px;
    height: 2px;

    margin-top: 12px;

    background: #c69a45;
}

.vb-vm-content p {
    margin: 0;

    color: #6f6557;

    font-size: 16px;

    line-height: 1.9;
}

.vb-vm-content strong {
    color: #a57420;
    font-weight: 600;
}


/* =========================================
   TAGLINE
========================================= */

.vb-vm-tagline {
    margin-top: 65px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 25px;
}

.vb-vm-tagline p {
    margin: 0;

    color: #172b4d;

    font-size: 18px;
    font-weight: 600;

    font-style: italic;
    text-align: center;
}

.vb-tagline-line {
    display: block;

    width: 70px;
    height: 1px;

    background: #c69a45;
}


/* -----------------------------------------
   RESPONSIVE
----------------------------------------- */

@media (max-width: 1400px) {
	
.vb-vm-content h3 {
    margin: 5px 0 15px;

    color: #172b4d;

    font-size: 18px;
    font-weight: 600;}
	
	.vb-vm-content p {
  margin: 0;
  color: #6f6557;
  font-size: 15px;
  line-height: 1.9;}
	
	
.vb-vm-icon {
  flex: 0 0 68px;
  width: 68px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 2px solid #c69a45;
    border-top-color: rgb(198, 154, 69);
    border-right-color: rgb(198, 154, 69);
    border-bottom-color: rgb(198, 154, 69);
    border-left-color: rgb(198, 154, 69);
  border-radius: 50%;
  color: #b27b1e;
  font-size: 25px;
  position: relative;
  transition: all 0.4s ease;
}
	
	
	
}

@media (max-width: 991px) {

    .vb-vision-mission {
        padding: 75px 0;
    }

    .vb-section-heading h2 {
        font-size: 36px;
    }

    .vb-vm-card {
        padding: 35px 30px;
    }
}


@media (max-width: 767px) {

    .vb-vision-mission {
        padding: 60px 0;
    }

    .vb-section-heading {
        margin-bottom: 35px;
    }

    .vb-section-heading h2 {
        font-size: 30px;
    }

    .vb-vm-card {
        min-height: auto;
        margin-bottom: 20px;

        padding: 30px 25px;

        flex-direction: column;
        align-items: center;

        text-align: center;
    }

    .vb-vm-content h3:after {
        margin-left: auto;
        margin-right: auto;
    }

    .vb-vm-content p {
        font-size: 15px;
    }

    .vb-vm-tagline {
        margin-top: 35px;
        gap: 15px;
    }

    .vb-tagline-line {
        width: 35px;
    }

    .vb-vm-tagline p {
        font-size: 15px;
    }
}


/* =========================================
   VEDIC BLESSINGS
   OUR STORY
========================================= */

.vb-story-section {
    padding: 100px 0;
    background: #fffdf8;
    overflow: hidden;
}


/* Story Image */

.vb-story-image {
    position: relative;
    padding-right: 30px;
}

.vb-story-image img {
    width: 100%;
    height: 560px;
    object-fit: cover;

    border-radius: 12px;

    border: 1px solid #ead8b4;

    box-shadow: 0 20px 50px rgba(80, 55, 20, 0.15);
}


/* Image Overlay */

.vb-story-image:after {
    content: "";

    position: absolute;

    left: -15px;
    bottom: -15px;

    width: 150px;
    height: 150px;

    border-left: 2px solid #c69a45;
    border-bottom: 2px solid #c69a45;

    z-index: 0;
}


/* Badge */

.vb-story-badge {
    position: absolute;

    right: 0;
    bottom: 30px;

    padding: 18px 25px;

    display: flex;
    align-items: center;
    gap: 10px;

    background: #172b4d;
    color: #fff;

    border-radius: 6px;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);

    z-index: 2;

    font-size: 12px;
    letter-spacing: 1px;
}

.vb-story-badge i {
    color: #d4ad61;
    font-style: normal;
}


/* Story Content */

.vb-story-content {
    padding-left: 45px;
}

.vb-small-title {
    display: inline-block;

    margin-bottom: 12px;

    color: #b8862c;

    font-size: 13px;
    font-weight: 600;

    letter-spacing: 2px;
    text-transform: uppercase;
}

.vb-story-content h2 {
    margin: 0;

    color: #172b4d;

    font-size: 48px;
    font-weight: 600;

    text-transform: capitalize;
}

.vb-title-line {
    width: 55px;
    height: 3px;

    margin: 18px 0 25px;

    background: linear-gradient(
        90deg,
        #a87820,
        #e5c477
    );
}

.vb-story-content p {
    margin-bottom: 18px;

    color: #6f6557;

    font-size: 16px;

    line-height: 1.9;
}


/* Read More */

.vb-read-more {
    display: inline-flex;

    align-items: center;
    gap: 12px;

    margin-top: 15px;

    padding: 13px 25px;

    color: #fff;

    background: #172b4d;

    border-radius: 50px;

    font-size: 14px;
    font-weight: 600;

    text-decoration: none;

    transition: all 0.4s ease;
}

.vb-read-more i {
    color: #d4ad61;

    transition: all 0.3s ease;
}

.vb-read-more:hover {
    color: #fff;

    background: #b8862c;

    transform: translateY(-3px);
}

.vb-read-more:hover i {
    color: #fff;
    transform: translateX(5px);
}


/* =========================================
   WHY VEDIC BLESSINGS
========================================= */

.vb-why-section {
    padding: 100px 0;

    background: linear-gradient(
        135deg,
        #f8f1e3,
        #fffaf0
    );
}


/* Section Heading */

.vb-section-heading {
    max-width: 750px;

    margin: 0 auto 55px;
}

.vb-section-heading span {
    display: inline-block;

    margin-bottom: 12px;

    color: #b8862c;

    font-size: 13px;
    font-weight: 600;

    letter-spacing: 2px;
    text-transform: uppercase;
}

.vb-section-heading h2 {
    margin: 0 0 15px;

    color: #172b4d;

    font-size: 42px;
    font-weight: 600;
}

.vb-section-heading p {
    margin: 0;

    color: #806b4a;

    font-size: 16px;
}


/* =========================================
   WHY CARD
========================================= */

.vb-why-card {
    position: relative;

    height: calc(100% - 30px);

    margin-bottom: 30px;

    padding: 40px 30px;

    text-align: center;

    background: #fff;

    border: 1px solid #ead8b4;

    border-radius: 12px;

    box-shadow: 0 10px 30px rgba(80, 55, 20, 0.07);

    transition: all 0.4s ease;

    overflow: hidden;
}


/* Top Line */

.vb-why-card:before {
    content: "";

    position: absolute;

    top: 0;
    left: 50%;

    width: 0;
    height: 3px;

    background: #c69a45;

    transform: translateX(-50%);

    transition: all 0.4s ease;
}


/* Hover */

.vb-why-card:hover {
    transform: translateY(-8px);

    border-color: #d4ad61;

    box-shadow: 0 20px 40px rgba(80, 55, 20, 0.14);
}

.vb-why-card:hover:before {
    width: 70px;
}


/* Icon */

.vb-why-icon {
    width: 75px;
    height: 75px;

    margin: 0 auto 25px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: transparent;

    border: 2px solid #c69a45;

    border-radius: 50%;

    color: #b27b1e;

    font-size: 28px;

    position: relative;

    transition: all 0.4s ease;
}


/* Inner Circle */

.vb-why-icon:after {
    content: "";

    position: absolute;

    width: 60px;
    height: 60px;

    border: 1px solid #e7cf9c;

    border-radius: 50%;
}


/* Icon */

.vb-why-icon i {
    position: relative;
    z-index: 2;
}


/* Icon Hover */

.vb-why-card:hover .vb-why-icon {
    color: #fff;

    background: #172b4d;

    border-color: #172b4d;

    transform: rotateY(180deg);
}

.vb-why-card:hover .vb-why-icon:after {
    border-color: rgba(255, 255, 255, 0.5);
}


/* Card Heading */

.vb-why-card h3 {
    margin: 0 0 15px;

    color: #172b4d;

    font-size: 21px;
    font-weight: 600;
}


/* Card Text */

.vb-why-card p {
    margin: 0;

    color: #6f6557;

    font-size: 15px;

    line-height: 1.8;
}


/* =========================================
   OUR PROMISE
========================================= */

.vb-promise {
    max-width: 850px;

    margin: 50px auto 0;

    padding: 50px 45px;

    text-align: center;

    background: #172b4d;

    border-radius: 12px;

    box-shadow: 0 20px 45px rgba(20, 35, 60, 0.18);

    position: relative;

    overflow: hidden;
}


/* Gold Decoration */

.vb-promise:before,
.vb-promise:after {
    content: "";

    position: absolute;

    width: 100px;
    height: 100px;

    border: 1px solid rgba(212, 173, 97, 0.3);

    border-radius: 50%;
}

.vb-promise:before {
    top: -50px;
    left: -50px;
}

.vb-promise:after {
    right: -50px;
    bottom: -50px;
}


/* Promise Icon */

.vb-promise-icon {
    width: 65px;
    height: 65px;

    margin: 0 auto 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #d4ad61;

    border: 1px solid #d4ad61;

    border-radius: 50%;

    font-size: 25px;
}

.vb-promise h3 {
    margin: 0 0 15px;

    color: #fff;

    font-size: 30px;
}

.vb-promise p {
    max-width: 700px;

    margin: 0 auto 20px;

    color: rgba(255,255,255,0.8);

    font-size: 16px;

    line-height: 1.8;
}

.vb-promise strong {
    color: #d4ad61;

    font-size: 15px;

    letter-spacing: 1px;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 991px) {

    .vb-story-section,
    .vb-why-section {
        padding: 75px 0;
    }

    .vb-story-image {
        padding-right: 0;
        margin-bottom: 50px;
    }

    .vb-story-image img {
        height: 500px;
    }

    .vb-story-content {
        padding-left: 0;
    }

    .vb-story-content h2 {
        font-size: 40px;
    }
}


@media (max-width: 767px) {

    .vb-story-section,
    .vb-why-section {
        padding: 60px 0;
    }

    .vb-story-image img {
        height: 400px;
    }

    .vb-story-badge {
        right: 15px;
        bottom: 20px;

        font-size: 10px;
        padding: 14px 15px;
    }

    .vb-story-content h2 {
        font-size: 34px;
    }

    .vb-section-heading h2 {
        font-size: 32px;
    }

    .vb-why-card {
        padding: 35px 25px;
    }

    .vb-promise {
        padding: 40px 25px;
    }

    .vb-promise h3 {
        font-size: 26px;
    }
}


@media (max-width: 480px) {

    .vb-story-image img {
        height: 350px;
    }


    .vb-story-badge {
        position: relative;

        right: auto;
        bottom: auto;

        margin-top: -5px;

        justify-content: center;

        border-radius: 0 0 6px 6px;
    }

    .vb-story-image:after {
        display: none;
    }
}




/* =========================================
   ASTROLOGY HERO
========================================= */

.vb-astro-hero {
    position: relative;
    min-height: 620px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #5b321b;
}

.vb-astro-hero-bg {
    position: absolute;
    inset: 0;
    z-index: 0;

    width: 100%;
    height: 100%;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.vb-astro-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;

    background:
        linear-gradient(
            90deg,
            rgba(70, 35, 18, 0.92) 0%,
            rgba(91, 50, 27, 0.70) 45%,
            rgba(91, 50, 27, 0.25) 100%
        );
}

.vb-astro-hero .container {
    position: relative;
    z-index: 2;
}

.vb-astro-hero-content {
    max-width: 720px;
    padding: 100px 0;
    color: #fff;
}

.vb-astro-kicker {
    display: block;

    margin-bottom: 20px;

    color: #e3b85c;

    font-size: 13px;
    font-weight: 600;

    letter-spacing: 2px;
    text-transform: uppercase;
}

.vb-astro-hero-content h1 {
    margin: 0 0 25px;

    color: #fffaf0;

    font-size: 58px;
    font-weight: 600;

    line-height: 1.15;
}

.vb-astro-hero-content p {
    max-width: 650px;

    margin: 0 0 30px;

    color: rgba(255,255,255,0.85);

    font-size: 17px;
    line-height: 1.8;
}


/* BUTTON */

.vb-astro-btn {
    display: inline-flex;

    align-items: center;
    gap: 10px;

    padding: 14px 28px;

    color: #fff !important;

    background: #b8862c;

    border: 1px solid #d4ad61;

    border-radius: 50px;

    font-size: 14px;
    font-weight: 600;

    text-decoration: none;

    transition: all 0.3s ease;
}

.vb-astro-btn:hover {
    color: #fff !important;

    background: #8c5f20;

    transform: translateY(-3px);
}


/* MOBILE */

@media(max-width: 767px) {

    .vb-astro-hero {
        min-height: 550px;
    }

    .vb-astro-hero-content {
        padding: 80px 20px;
    }

    .vb-astro-hero-content h1 {
        font-size: 38px;
    }

    .vb-astro-hero-content p {
        font-size: 15px;
    }

}


/* =========================================
   BUTTON
========================================= */

.vb-astro-btn {
    display: inline-flex;

    align-items: center;
    gap: 12px;

    padding: 14px 28px;

    color: #fff !important;

    background: #b8862c;

    border-radius: 50px;

    font-size: 14px;
    font-weight: 600;

    text-decoration: none;

    transition: all 0.4s ease;
}

.vb-astro-btn:hover {
    background: #d4ad61;

    transform: translateY(-3px);

    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}


/* =========================================
   INTRO
========================================= */

.vb-astro-intro {
    padding: 100px 0 20px;

    background: #fffdf8;
}

.vb-astro-intro-image {
    padding-right: 40px;
}

.vb-astro-intro-image img {
    width: 100%;

    height: 500px;

    object-fit: cover;

    border-radius: 12px;

    border: 1px solid #ead8b4;

    box-shadow: 0 20px 50px rgba(80,55,20,0.12);
}

.vb-astro-intro-content {
    padding-left: 30px;
}

.vb-astro-label,
.vb-astro-heading span {
    display: inline-block;

    margin-bottom: 12px;

    color: #b8862c;

    font-size: 13px;
    font-weight: 600;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.vb-astro-intro-content h2,
.vb-astro-heading h2 {
    margin: 0 0 15px;

    color: #172b4d;

    font-size: 42px;
    font-weight: 600;
}

.vb-astro-line {
    width: 55px;
    height: 3px;

    margin: 20px 0 25px;

    background: #c69a45;
}

.vb-astro-text {
    color: #6f6557;

    font-size: 16px;

    line-height: 1.9;
}


/* =========================================
   SERVICES
========================================= */

.vb-astro-services {
    padding: 30px 0 100px;

    background:
        linear-gradient(
            135deg,
            #f8f1e3,
            #fffaf0
        )}

.vb-astro-heading {
    max-width: 750px;

    margin: 0 auto 55px;
}

.vb-astro-heading p {
    color: #806b4a;

    font-size: 16px;
}


.vb-astro-service-card {
    position: relative;

    height: calc(100% - 30px);

    margin-bottom: 30px;

    padding: 40px 30px;

    text-align: center;

    background: #fff;

    border: 1px solid #ead8b4;

    border-radius: 12px;

    box-shadow: 0 10px 30px rgba(80,55,20,0.07);

    transition: all 0.4s ease;
}

.vb-astro-service-card:hover {
    transform: translateY(-8px);

    border-color: #c69a45;

    box-shadow: 0 20px 40px rgba(80,55,20,0.14);
}


.vb-astro-service-icon {
    width: 75px;
    height: 75px;

    margin: 0 auto 25px;

    display: flex;

    align-items: center;
    justify-content: center;

    border: 2px solid #c69a45;

    border-radius: 50%;

    color: #b8862c;

    font-size: 28px;
}

.vb-astro-service-icon img {
    width: 45px;
    height: 45px;

    object-fit: contain;
}

.vb-astro-service-card h3 {
    margin-bottom: 15px;

    color: #172b4d;

    font-size: 21px; display: block;
  margin-top: 20px;
}

.vb-astro-service-card p {
    color: #6f6557;

    font-size: 15px;

    line-height: 1.8;
}

.vb-astro-service-card a {
    color: #b8862c;

    font-size: 14px;
    font-weight: 600;

    text-decoration: none;
}

.vb-service-image {
    width: 100%;
    height: 220px;
    overflow: hidden;
}

.vb-service-image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}


/* =========================================
   PRIEST SERVICE CARD
========================================= */

.vb-priest-page .vb-priest-box {
    height: 100%;
    padding: 35px 25px;
    background: #ffffff !important;
    text-align: center;

    border: 1px solid #ead9c5 !important;
    border-radius: 15px;

    box-shadow: 0 8px 25px rgba(70, 40, 20, 0.08);

    transition: all 0.3s ease;
}

.vb-priest-page .vb-priest-box:hover {
    transform: translateY(-8px);

    box-shadow: 0 15px 35px rgba(70, 40, 20, 0.15);
}


/* Icon */

.vb-priest-page .vb-priest-icon {
    width: 75px;
    height: 75px;

    margin: 0 auto 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #fff1dc !important;
    border-radius: 50%;
}

.vb-priest-page .vb-priest-icon i {
    font-size: 30px;
    color: #b56b22;
}


/* Title */

.vb-priest-page .vb-priest-box h3 {
    margin: 0 0 12px;

    color: #4b2415;

    font-size: 22px;
    line-height: 1.3;

    font-weight: 600;
}


/* Description */

.vb-priest-page .vb-priest-box p {
    margin: 0;

    color: #71665e;

    font-size: 15px;
    line-height: 1.7;
}


/* Learn More */

.vb-priest-page .vb-priest-box a {
    display: inline-block;

    margin-top: 20px;

    color: #b56b22;

    font-size: 15px;
    font-weight: 600;

    text-decoration: none;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 767px) {

    .vb-priest-page {
        padding: 60px 15px;
    }

    .vb-priest-heading {
        margin-bottom: 35px;
    }

    .vb-priest-heading h2 {
        font-size: 32px;
    }

    .vb-priest-page .vb-priest-box {
        padding: 30px 20px;
    }

}

/* =========================================
   GALLERY LISTING
========================================= */

.gallery-listing {
    margin-top: 40px;
    row-gap: 30px;
}


/* Gallery Item */

.gallery-listing > div {
    margin-bottom: 0;
}

.gallery-listing > div > div {
    overflow: hidden;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #ead9c5;
    box-shadow: 0 8px 25px rgba(70, 40, 20, 0.08);
}


/* Gallery Image */

.gallery-listing img {
    display: block;
    width: 100%;
    height: 280px;
    object-fit: cover;

    transition: all 0.4s ease;
}


/* Hover Effect */

.gallery-listing a {
    display: block;
    overflow: hidden;
}

.gallery-listing img:hover {
    transform: scale(1.08);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .gallery-listing {
        row-gap: 25px;
    }

    .gallery-listing img {
        height: 250px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 575px) {

    .gallery-listing {
        row-gap: 20px;
    }

    .gallery-listing img {
        height: 230px;
    }

}
	


/*******************************/
/********* Contact CSS *********/
/*******************************/


.nxtcontactArea {
    position: relative;
    display: block;
    width: 100%;
    clear: both;
    color: #2d2924;
    background: #f8f4ec;
    overflow: hidden;
    padding: 100px 0;
    z-index: 1;
}

/* Premium Background Glow */
.nxtcontactArea:before {
    position: absolute;
    content: "";
    width: 600px;
    height: 600px;
    left: -250px;
    bottom: -280px;
    background: radial-gradient(
        circle,
        rgba(194, 145, 62, 0.12) 0%,
        rgba(194, 145, 62, 0.05) 40%,
        transparent 70%
    );
    border-radius: 50%;
    z-index: -1;
}

.nxtcontactArea:after {
    position: absolute;
    content: "";
    width: 600px;
    height: 600px;
    right: -250px;
    top: -280px;
    background: radial-gradient(
        circle,
        rgba(194, 145, 62, 0.10) 0%,
        rgba(194, 145, 62, 0.04) 40%,
        transparent 70%
    );
    border-radius: 50%;
    z-index: -1;
}


/* =========================================
   INNER CONTENT BOX
========================================= */

.nxtcontactArea .bginner {
    position: relative;
    background: rgba(255, 255, 255, 0.96);
    padding: 65px 40px;
    border-radius: 4px;

    border: 1px solid rgba(194, 145, 62, 0.22);

    box-shadow:
        0 20px 60px rgba(60, 45, 25, 0.08),
        0 5px 20px rgba(60, 45, 25, 0.05);

    overflow: hidden;
}


/* Gold Top Line */
.nxtcontactArea .bginner:before {
    position: absolute;
    content: "";
    top: 0;
    left: 50%;
    width: 120px;
    height: 3px;
    background: linear-gradient(
        90deg,
        transparent,
        #c2913e,
        #e1bb70,
        #c2913e,
        transparent
    );
    transform: translateX(-50%);
}
	
	
	
	
	
	
	
.contact {
    position: relative;
    width: 100%;
    /*padding:45px 25px 0 25px;
	background:#f0f4fe; margin-top: 40px; border: 1px dotted #203669;*/
}

.contact .contact-info {
    position: relative;
    display: flex;
    
    margin-bottom: 30px;
    transition: .3s;
	background:var(--maroon-dark);
	padding:10px;
}

.contact .contact-info:hover {
    border-color: transparent;
    box-shadow: 0 0 30px rgba(0, 0, 0, .1); background:rgb(0, 0, 0,0.8);
}

.contact .contact-icon {
    position: relative;
    width: 50px!important;
    height: 50px;
    display: flex;
    align-items:center;
    justify-content:center;
    border: 1px solid var(--gold-main); margin-right: 10px; 
	text-align:center; background: var(--gold-main);
}

.contact .contact-icon i {
    font-size:25px;
    color: #fff!important;
	width: 100px;
}

.contact .contact-text {
    
    display:block;
    padding-left:5px;
	text-align:left; font-size: 18px; font-weight:600;  color:rgba(68,68,68,1);
}


.contact h2 {font-weight:600; text-align:left; /*margin:20px 0 0;*/ color:var(--dark); font-size:20px; display: block; margin-top: 20px;}

.contact .contact-text h3 {
    font-size:20px;
    font-weight:600;
    color: var(--gold-main);
	padding:0; margin:0; line-height: 1;
    
}

.contact .contact-text p {

	color:#fff;
}

.contact .contact-text a {
    
	color:#fff; font-size:16px; line-height:1; font-weight:600; }

.contact .contact-text a:hover {
    
	color:var(--gold-main);; }

.contact .contact-form {
    position: relative;
    margin-bottom: 30px;
    transition: .3s; width: 100%;}

.contact .contact-form .form-control{display:block; overflow:hidden; padding:14px; border-radius:0; margin-bottom:10px; font-size:14px; }
.contact .contact-form select.form-control{height:auto;}
.contact .contact-form .textarea{height:150px;font-size:14px; display:block; overflow:hidden; width: 100%!important; padding:14px; border: 1px var(--gold-main) solid!important;}
.contact .contact-form .btn{background:#000; border-radius:0; padding:14px 30px; color:#fff; font-size:14px; font-weight:600; letter-spacing:1px;}
.contact .contact-form .btn:hover{background:#fff; color:#000; }

.contact .contact-form .form-control {
    border: 1px var(--gold-main) solid!important;
}

div.wpforms-container-full .wpforms-form .wpforms-field

 {
    padding: 5px 0!important;
    clear: both;
}

/* ================================
   CONTACT RESPONSIVE
================================ */

/* Tablet */
@media (max-width: 991px) {

    .contact {
        padding: 0 15px;
    }

    .contact .contact-info {
        margin-bottom: 20px;
        padding: 12px;
    }

    .contact .contact-icon {
        width: 50px !important;
        min-width: 50px;
        height: 50px;
    }

    .contact .contact-icon i {
        font-size: 22px;
        width: auto;
    }

    .contact .contact-text {
        font-size: 16px;
        padding-left: 5px;
    }

    .contact .contact-text h3 {
        font-size: 18px;
    }

    .contact .contact-text a {
        font-size: 15px;
        line-height: 1.4;
        word-break: break-word;
    }

    .contact .contact-form {
        margin-top: 20px;
    }

}


/* Mobile */
@media (max-width: 767px) {

    .contact {
        width: 100%;
        padding: 0 10px;
    }

    .contact .contact-info {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 12px;
        margin-bottom: 15px;
    }

    .contact .contact-icon {
        width: 45px !important;
        min-width: 45px;
        height: 45px;
        margin-right: 10px;
    }

    .contact .contact-icon i {
        font-size: 20px;
        width: auto;
    }

    .contact .contact-text {
        padding-left: 0;
        font-size: 15px;
        line-height: 1.4;
        flex: 1;
        min-width: 0;
    }

    .contact .contact-text h3 {
        font-size: 17px;
        line-height: 1.3;
        margin-bottom: 4px;
    }

    .contact .contact-text p {
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 0;
    }

    .contact .contact-text a {
        display: inline-block;
        font-size: 14px;
        line-height: 1.5;
        word-break: break-word;
    }

    .contact h2 {
        font-size: 20px;
        margin-top: 15px;
    }

    .contact .contact-form {
        width: 100%;
        margin-bottom: 20px;
    }

    .contact .contact-form .form-control {
        width: 100%;
        padding: 12px;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .contact .contact-form .textarea {
        height: 120px;
        padding: 12px;
    }

    .contact .contact-form .btn {
        width: 100%;
        padding: 13px 20px;
        font-size: 14px;
    }

    div.wpforms-container-full .wpforms-form .wpforms-field {
        padding: 5px 0 !important;
    }

}


/* Small Mobile */
@media (max-width: 480px) {

    .contact .contact-info {
        padding: 10px;
    }

    .contact .contact-icon {
        width: 42px !important;
        min-width: 42px;
        height: 42px;
    }

    .contact .contact-icon i {
        font-size: 18px;
    }

    .contact .contact-text h3 {
        font-size: 16px;
    }

    .contact .contact-text {
        font-size: 14px;
    }

    .contact .contact-text a {
        font-size: 13px;
    }

}
	
/*-----------------Blog--------------------*/

.related-blogs {
  margin: 40px 0;
}

.related-blogs h2 {
  font-size: 22px;
  margin-bottom: 20px;
}

.blog-card {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    height: 100%; 
}

.blog-card a {
    text-decoration: none;
    color: #222;
    display: block;
    height: 100%;
}

.blog-card img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.blog-card h4 {
    font-size: 20px;
    font-weight: 500;
    margin: 15px 15px 10px;
    line-height: 1.5;
	
}

.blog-card p {
    font-size: 15px;
    color: #555;
    margin: 0 15px 15px;
    line-height: 1.6;
}

.blog-card .read-more {
    display: inline-block;
    margin: 0 15px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #f4b400; /* change to your brand color */
    transition: color 0.3s ease;
}

/* Hover Effects */
.blog-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

.blog-card:hover img {
    transform: scale(1.08);
}

.blog-card:hover .read-more {
    color: #d39e00;
}

/* Responsive */
@media (max-width: 767px) {
    .blog-card img {
        height: 180px;
    }

    .blog-card h4 {
        font-size: 18px;
    }
}

/* ================================
   MOBILE HORIZONTAL SCROLL FIX
================================ */

@media (max-width: 767px) {

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

    #page,
    .site,
    main,
    section,
    header,
    footer {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .container,
    .container-fluid {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .row {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    img {
        max-width: 100% !important;
        height: auto;
    }

    

}