@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
/*==================================================
Google Fonts
==================================================*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Playfair+Display:wght@600;700;800&display=swap');

/*==================================================
RESET
==================================================*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Poppins', sans-serif;
    background: #fff8f1;
    color: #222;
    overflow-x: hidden;
}

img {
    max-width: 100%;
    display: block;
}

a {
    text-decoration: none;
}

ul {
    list-style: none;
}

/* header */
/* =====================================================
           GURU DIVYA JYOTI DHAM - HEADER
        ===================================================== */

:root {
    --gdj-maroon: #4B1710;
    --gdj-maroon-dark: #28100C;
    --gdj-gold: #C89B3C;
    --gdj-gold-light: #e4c66f;
    --gdj-cream: #FBF5E8;
    --gdj-white: #ffffff;
    --gdj-border: rgba(200, 155, 60, 0.25);
    --gdj-shadow: 0 15px 45px rgba(40, 16, 12, 0.15);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Inter", sans-serif;
    background: var(--gdj-cream);
}

a {
    text-decoration: none;
}


/* =====================================================
           HEADER
        ===================================================== */

.gdj-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: rgba(75, 23, 16, 0.96);
    border-bottom: 1px solid rgba(200, 155, 60, 0.20);
    transition: all 0.35s ease;
}

.gdj-header.gdj-header-scrolled {
    background: rgba(40, 16, 12, 0.98);
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.20);
}

.gdj-navbar {
    min-height: 82px;
    display: flex;
    align-items: center;
}


/* =====================================================
           LOGO
        ===================================================== */

.gdj-logo {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--gdj-white);
}

.gdj-logo:hover {
    color: var(--gdj-white);
}

.gdj-logo-icon {
    width: 48px;
    height: 48px;
    border: 1px solid var(--gdj-gold);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gdj-gold);
    font-size: 24px;
    position: relative;
    background: rgba(200, 155, 60, 0.08);
}

.gdj-logo-icon::after {
    content: "";
    position: absolute;
    inset: 5px;
    border: 1px solid rgba(200, 155, 60, 0.35);
    border-radius: 50%;
}

.gdj-logo-text {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.gdj-logo-title {
    font-family: "DM Serif Display", serif;
    font-size: 22px;
    color: var(--gdj-white);
}

.gdj-logo-subtitle {
    color: var(--gdj-gold-light);
    font-size: 10px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    margin-top: 4px;
}


/* =====================================================
           NAVIGATION
        ===================================================== */

.gdj-nav-list {
    display: flex;
    align-items: center;
    gap: 5px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.gdj-nav-item {
    position: relative;
}

.gdj-nav-link {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 31px 15px;
    color: rgba(255, 255, 255, 0.88);
    font-size: 14px;
    font-weight: 500;
    position: relative;
    transition: 0.3s ease;
}

.gdj-nav-link::after {
    content: "";
    position: absolute;
    bottom: 20px;
    left: 15px;
    width: 0;
    height: 2px;
    background: var(--gdj-gold);
    transition: width 0.3s ease;
}

.gdj-nav-link:hover,
.gdj-nav-link.active {
    color: var(--gdj-gold-light);
}

.gdj-nav-link:hover::after,
.gdj-nav-link.active::after {
    width: calc(100% - 30px);
}

.gdj-dropdown-arrow {
    font-size: 11px;
    transition: transform 0.3s ease;
}

.gdj-nav-item:hover .gdj-dropdown-arrow {
    transform: rotate(180deg);
}


/* =====================================================
           SIMPLE DROPDOWN
        ===================================================== */

.gdj-simple-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    min-width: 245px;
    padding: 10px;
    background: var(--gdj-white);
    border: 1px solid var(--gdj-border);
    border-radius: 12px;
    box-shadow: var(--gdj-shadow);

    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition: all 0.3s ease;
}

.gdj-nav-item:hover>.gdj-simple-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.gdj-simple-dropdown a {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 12px 13px;
    border-radius: 8px;
    color: var(--gdj-maroon-dark);
    font-size: 13px;
    transition: 0.25s ease;
}

.gdj-simple-dropdown a i {
    color: var(--gdj-gold);
    font-size: 16px;
}

.gdj-simple-dropdown a:hover {
    background: var(--gdj-cream);
    color: var(--gdj-maroon);
    transform: translateX(3px);
}


/* =====================================================
           KNOWLEDGE MEGA MENU
        ===================================================== */

.gdj-mega-menu {
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    width: 700px;
    transform: translate(-50%, 12px);

    background: var(--gdj-white);
    border: 1px solid var(--gdj-border);
    border-radius: 16px;
    padding: 25px;

    box-shadow: var(--gdj-shadow);

    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.gdj-nav-item:hover>.gdj-mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
}

.gdj-mega-title {
    font-family: "DM Serif Display", serif;
    color: var(--gdj-maroon);
    font-size: 20px;
    margin-bottom: 5px;
}

.gdj-mega-description {
    color: #75645f;
    font-size: 12px;
    line-height: 1.6;
    margin-bottom: 18px;
}

.gdj-mega-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.gdj-mega-card {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 14px;
    border: 1px solid #eee4d4;
    border-radius: 10px;
    transition: 0.3s ease;
}

.gdj-mega-card:hover {
    background: var(--gdj-cream);
    border-color: rgba(200, 155, 60, 0.5);
    transform: translateY(-2px);
}

.gdj-mega-icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(200, 155, 60, 0.12);
    color: var(--gdj-gold);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
}

.gdj-mega-card h6 {
    margin: 0 0 3px;
    color: var(--gdj-maroon);
    font-size: 13px;
    font-weight: 700;
}

.gdj-mega-card span {
    color: #806e67;
    font-size: 11px;
}

.gdj-mega-footer {
    margin-top: 18px;
    padding-top: 15px;
    border-top: 1px solid #eee4d4;
}

.gdj-mega-footer a {
    color: var(--gdj-maroon);
    font-size: 12px;
    font-weight: 700;
}

.gdj-mega-footer a i {
    margin-left: 5px;
    color: var(--gdj-gold);
}


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

.gdj-contact-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    min-height: 44px;
    padding: 0 21px;

    color: var(--gdj-white);
    background: var(--gdj-gold);

    border: 1px solid var(--gdj-gold);
    border-radius: 50px;

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

    transition: 0.3s ease;
}

.gdj-contact-btn:hover {
    color: var(--gdj-maroon-dark);
    background: var(--gdj-gold-light);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(200, 155, 60, 0.25);
}


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

.gdj-menu-toggle {
    width: 44px;
    height: 44px;

    border: 1px solid rgba(200, 155, 60, 0.5);
    border-radius: 8px;

    background: transparent;
    color: var(--gdj-gold);

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

    font-size: 23px;
}

.gdj-menu-toggle:hover {
    background: rgba(200, 155, 60, 0.1);
}


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

@media (max-width: 991px) {

    .gdj-navbar {
        min-height: 72px;
    }

    .gdj-logo-icon {
        width: 43px;
        height: 43px;
        font-size: 21px;
    }

    .gdj-logo-title {
        font-size: 19px;
    }

    .gdj-logo-subtitle {
        font-size: 8px;
    }

    .gdj-menu-toggle {
        display: flex;
    }

    .gdj-nav-wrapper {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;

        padding: 10px 15px 20px;

        background: var(--gdj-maroon-dark);
        border-top: 1px solid rgba(200, 155, 60, 0.2);

        max-height: calc(100vh - 72px);
        overflow-y: auto;

        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);

        transition: all 0.3s ease;
    }

    .gdj-nav-wrapper.gdj-menu-open {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .gdj-nav-list {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .gdj-nav-item {
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .gdj-nav-link {
        padding: 16px 8px;
        justify-content: space-between;
    }

    .gdj-nav-link::after {
        display: none;
    }


    /* Mobile dropdown */

    .gdj-simple-dropdown,
    .gdj-mega-menu {
        position: static;
        width: 100%;
        min-width: 0;

        transform: none !important;

        opacity: 1;
        visibility: visible;

        display: none;

        background: rgba(255, 255, 255, 0.04);
        border: 0;
        border-radius: 10px;

        box-shadow: none;

        padding: 8px;
        margin-bottom: 10px;
    }

    .gdj-nav-item.gdj-mobile-open>.gdj-simple-dropdown,
    .gdj-nav-item.gdj-mobile-open>.gdj-mega-menu {
        display: block;
    }

    .gdj-mega-title {
        color: var(--gdj-gold-light);
        font-size: 18px;
    }

    .gdj-mega-description {
        color: rgba(255, 255, 255, 0.65);
    }

    .gdj-mega-grid {
        grid-template-columns: 1fr;
    }

    .gdj-mega-card {
        border-color: rgba(200, 155, 60, 0.2);
    }

    .gdj-mega-card h6 {
        color: var(--gdj-white);
    }

    .gdj-mega-card span {
        color: rgba(255, 255, 255, 0.55);
    }

    .gdj-simple-dropdown a {
        color: var(--gdj-white);
    }

    .gdj-simple-dropdown a:hover {
        background: rgba(200, 155, 60, 0.1);
        color: var(--gdj-gold-light);
    }

    .gdj-mega-footer {
        border-color: rgba(255, 255, 255, 0.1);
    }

    .gdj-mega-footer a {
        color: var(--gdj-gold-light);
    }

    .gdj-mobile-contact {
        margin-top: 15px;
        display: block;
    }

    .gdj-mobile-contact .gdj-contact-btn {
        width: 100%;
    }
}


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

@media (max-width: 575px) {

    .gdj-navbar {
        min-height: 68px;
    }

    .gdj-logo-title {
        font-size: 17px;
    }

    .gdj-logo-subtitle {
        display: none;
    }

    .gdj-logo-icon {
        width: 40px;
        height: 40px;
        font-size: 19px;
    }

    .gdj-nav-wrapper {
        max-height: calc(100vh - 68px);
    }
}



/* about */


:root {

    --gdj-intro-maroon: #4B1710;
    --gdj-intro-dark: #28100C;
    --gdj-intro-gold: #C89B3C;
    --gdj-intro-gold-light: #E1C56D;
    --gdj-intro-cream: #FBF5E8;
    --gdj-intro-white: #ffffff;

}


/* =========================================================
   MAIN SECTION
========================================================= */

.gdj-intro-section {

    position: relative;

    padding: 110px 0;

    background:
        linear-gradient(135deg,
            #FBF5E8 0%,
            #fffaf0 50%,
            #f8edda 100%);

    overflow: hidden;

}


/* =========================================================
   BACKGROUND PATTERN
========================================================= */

.gdj-intro-pattern {

    position: absolute;

    width: 500px;
    height: 500px;

    right: -180px;
    top: -180px;

    border: 1px solid rgba(200, 155, 60, 0.12);

    border-radius: 50%;

    pointer-events: none;

}


.gdj-intro-pattern::before {

    content: "";

    position: absolute;

    inset: 50px;

    border: 1px solid rgba(200, 155, 60, 0.10);

    border-radius: 50%;

}


.gdj-intro-pattern::after {

    content: "";

    position: absolute;

    inset: 110px;

    border: 1px solid rgba(200, 155, 60, 0.10);

    border-radius: 50%;

}


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

.gdj-intro-content {

    position: relative;

    z-index: 2;

}


/* =========================================================
   LABEL
========================================================= */

.gdj-intro-label {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 20px;

    color: var(--gdj-intro-gold);

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 3px;

}


.gdj-intro-line {

    width: 35px;

    height: 1px;

    background: var(--gdj-intro-gold);

}


/* =========================================================
   TITLE
========================================================= */

.gdj-intro-title {

    max-width: 650px;

    margin-bottom: 25px;

    color: var(--gdj-intro-maroon);

    font-family: "DM Serif Display", Georgia, serif;

    font-size: clamp(40px, 5vw, 62px);

    line-height: 1.1;

    font-weight: 400;

}


.gdj-intro-title span {

    display: block;

    color: var(--gdj-intro-gold);

}


/* =========================================================
   TEXT
========================================================= */

.gdj-intro-text {

    max-width: 680px;

    margin-bottom: 16px;

    color: #5f504a;

    font-size: 15px;

    line-height: 1.9;

}


.gdj-intro-secondary {

    color: #75655e;

}


/* =========================================================
   BUTTONS
========================================================= */

.gdj-intro-buttons {

    display: flex;

    flex-wrap: wrap;

    gap: 12px;

    margin-top: 30px;

}


.gdj-intro-btn {

    min-height: 50px;

    padding: 0 22px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    border-radius: 50px;

    font-size: 13px;

    font-weight: 700;

    transition: all 0.3s ease;

}


.gdj-intro-btn-primary {

    color: #fff;

    background: var(--gdj-intro-maroon);

    border: 1px solid var(--gdj-intro-maroon);

}


.gdj-intro-btn-primary:hover {

    color: #fff;

    background: var(--gdj-intro-dark);

    transform: translateY(-3px);

    box-shadow:
        0 12px 25px rgba(75, 23, 16, 0.20);

}


.gdj-intro-btn-outline {

    color: var(--gdj-intro-maroon);

    border: 1px solid rgba(75, 23, 16, 0.25);

    background: transparent;

}


.gdj-intro-btn-outline:hover {

    color: var(--gdj-intro-maroon);

    border-color: var(--gdj-intro-gold);

    background: rgba(200, 155, 60, 0.08);

    transform: translateY(-3px);

}


/* =========================================================
   VISUAL
========================================================= */

.gdj-intro-visual {

    position: relative;

    min-height: 500px;

    display: flex;

    align-items: center;

    justify-content: center;

}


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

.gdj-intro-image-wrapper {

    position: relative;

    width: min(100%, 390px);

    height: 470px;

    overflow: hidden;

    border-radius: 190px 190px 25px 25px;

    border: 8px solid rgba(255, 255, 255, 0.75);

    box-shadow:
        0 25px 60px rgba(75, 23, 16, 0.18);

    z-index: 2;

}


.gdj-intro-image {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: transform 0.8s ease;

}


.gdj-intro-image-wrapper:hover .gdj-intro-image {

    transform: scale(1.06);

}


.gdj-intro-image-overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(to top,
            rgba(40, 16, 12, 0.35),
            transparent 50%);

}


/* =========================================================
   OM
========================================================= */

.gdj-intro-om {

    position: absolute;

    left: 50%;

    bottom: 25px;

    transform: translateX(-50%);

    width: 70px;

    height: 70px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    color: var(--gdj-intro-gold-light);

    background: rgba(40, 16, 12, 0.78);

    border: 1px solid var(--gdj-intro-gold);

    font-family: serif;

    font-size: 38px;

    z-index: 4;

    backdrop-filter: blur(5px);

}


/* =========================================================
   FLOATING CARD
========================================================= */

.gdj-intro-floating-card {

    position: absolute;

    left: -25px;

    bottom: 45px;

    z-index: 5;

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 14px 18px;

    background: #fff;

    border-radius: 12px;

    box-shadow:
        0 15px 40px rgba(40, 16, 12, 0.16);

    animation: gdjIntroFloat 4s ease-in-out infinite;

}


.gdj-intro-card-icon {

    width: 43px;

    height: 43px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: rgba(200, 155, 60, 0.13);

    color: var(--gdj-intro-gold);

    font-size: 19px;

}


.gdj-intro-floating-card strong {

    display: block;

    color: var(--gdj-intro-maroon);

    font-size: 12px;

}


.gdj-intro-floating-card span {

    display: block;

    margin-top: 3px;

    color: #81716a;

    font-size: 10px;

}


@keyframes gdjIntroFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }

}


/* =========================================================
   DECORATIVE CIRCLES
========================================================= */

.gdj-intro-circle {

    position: absolute;

    border-radius: 50%;

    border: 1px solid rgba(200, 155, 60, 0.30);

}


.gdj-intro-circle-one {

    width: 420px;
    height: 420px;

    right: -30px;
    top: 25px;

}


.gdj-intro-circle-two {

    width: 470px;
    height: 470px;

    right: -55px;
    top: 0;

    border-color: rgba(200, 155, 60, 0.12);

}


/* =========================================================
   HIGHLIGHTS
========================================================= */

.gdj-intro-highlights {

    position: relative;

    z-index: 3;

    margin-top: 90px;

}


.gdj-intro-highlight {

    height: 100%;

    display: flex;

    gap: 15px;

    padding: 25px;

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

    border: 1px solid rgba(200, 155, 60, 0.18);

    border-radius: 14px;

    transition: all 0.35s ease;

}


.gdj-intro-highlight:hover {

    transform: translateY(-7px);

    background: #fff;

    border-color: rgba(200, 155, 60, 0.40);

    box-shadow:
        0 18px 40px rgba(75, 23, 16, 0.10);

}


.gdj-intro-highlight-icon {

    flex: 0 0 48px;

    width: 48px;
    height: 48px;

    display: flex;

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

    border-radius: 50%;

    background: var(--gdj-intro-maroon);

    color: var(--gdj-intro-gold-light);

    font-size: 20px;

}


.gdj-intro-highlight h5 {

    margin: 0 0 7px;

    color: var(--gdj-intro-maroon);

    font-family: "DM Serif Display", Georgia, serif;

    font-size: 20px;

}


.gdj-intro-highlight p {

    margin: 0;

    color: #75655e;

    font-size: 12px;

    line-height: 1.7;

}


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

@media (max-width: 991px) {

    .gdj-intro-section {

        padding: 90px 0;

    }

    .gdj-intro-title {

        font-size: 48px;

    }

    .gdj-intro-visual {

        min-height: 530px;

        margin-top: 20px;

    }

    .gdj-intro-floating-card {

        left: 5%;

    }

}


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

@media (max-width: 767px) {

    .gdj-intro-section {

        padding: 75px 0;

    }

    .gdj-intro-title {

        font-size: 40px;

    }

    .gdj-intro-text {

        font-size: 14px;

        line-height: 1.8;

    }

    .gdj-intro-buttons {

        flex-direction: column;

        align-items: stretch;

    }

    .gdj-intro-btn {

        width: 100%;

    }

    .gdj-intro-visual {

        min-height: 480px;

        margin-top: 25px;

    }

    .gdj-intro-image-wrapper {

        height: 430px;

        width: min(100%, 340px);

    }

    .gdj-intro-floating-card {

        left: 0;

        bottom: 25px;

    }

    .gdj-intro-circle-one {

        width: 350px;
        height: 350px;

    }

    .gdj-intro-circle-two {

        width: 390px;
        height: 390px;

    }

    .gdj-intro-highlights {

        margin-top: 60px;

    }

}


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

@media (max-width: 480px) {

    .gdj-intro-section {

        padding: 60px 0;

    }

    .gdj-intro-label {

        font-size: 9px;

        letter-spacing: 2px;

    }

    .gdj-intro-title {

        font-size: 34px;

    }

    .gdj-intro-image-wrapper {

        height: 390px;

        border-radius: 160px 160px 20px 20px;

    }

    .gdj-intro-floating-card {

        padding: 11px 13px;

    }

    .gdj-intro-card-icon {

        width: 38px;
        height: 38px;

    }

    .gdj-intro-floating-card span {

        font-size: 9px;

    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .gdj-intro-floating-card {

        animation: none;

    }

    .gdj-intro-image {

        transition: none;

    }

}


/* explore by topic */



/* =========================================================
   ROOT
========================================================= */

:root {

    --gdj-topic-maroon: #4B1710;
    --gdj-topic-dark: #28100C;
    --gdj-topic-gold: #C89B3C;
    --gdj-topic-gold-light: #E4C66F;
    --gdj-topic-cream: #FBF5E8;
    --gdj-topic-white: #ffffff;

}


/* =========================================================
   SECTION
========================================================= */

.gdj-topic-section {

    position: relative;

    padding: 115px 0;

    background:

        radial-gradient(circle at 10% 20%,
            rgba(200, 155, 60, 0.08),
            transparent 25%),

        radial-gradient(circle at 90% 80%,
            rgba(75, 23, 16, 0.05),
            transparent 30%),

        var(--gdj-topic-cream);

    overflow: hidden;

}


/* =========================================================
   BACKGROUND CIRCLES
========================================================= */

.gdj-topic-bg-circle {

    position: absolute;

    border-radius: 50%;

    border: 1px solid rgba(200, 155, 60, 0.12);

    pointer-events: none;

}


.gdj-topic-bg-one {

    width: 450px;

    height: 450px;

    top: -220px;

    right: -180px;

}


.gdj-topic-bg-two {

    width: 350px;

    height: 350px;

    bottom: -180px;

    left: -170px;

}


/* =========================================================
   SECTION HEADING
========================================================= */

.gdj-topic-heading {

    max-width: 760px;

    margin: 0 auto 65px;

    text-align: center;

}


.gdj-topic-label {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 12px;

    margin-bottom: 18px;

    color: var(--gdj-topic-gold);

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 3px;

}


.gdj-topic-label span {

    width: 35px;

    height: 1px;

    background: var(--gdj-topic-gold);

}


.gdj-topic-heading h2 {

    margin: 0 0 20px;

    color: var(--gdj-topic-maroon);

    font-family: "DM Serif Display", Georgia, serif;

    font-size: clamp(40px, 5vw, 60px);

    font-weight: 400;

    line-height: 1.12;

}


.gdj-topic-heading h2 strong {

    display: block;

    color: var(--gdj-topic-gold);

    font-weight: 400;

}


.gdj-topic-heading p {

    max-width: 650px;

    margin: auto;

    color: #6d5d56;

    font-size: 14px;

    line-height: 1.9;

}


/* =========================================================
   TOPIC CARD
========================================================= */

.gdj-topic-card {

    position: relative;

    display: block;

    min-height: 345px;

    padding: 34px;

    overflow: hidden;

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

    border: 1px solid rgba(200, 155, 60, 0.20);

    border-radius: 18px;

    color: inherit;

    box-shadow:
        0 10px 35px rgba(75, 23, 16, 0.04);

    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease,
        border-color 0.4s ease;

}


/* Card hover */

.gdj-topic-card:hover {

    transform: translateY(-10px);

    border-color: rgba(200, 155, 60, 0.55);

    box-shadow:
        0 25px 55px rgba(75, 23, 16, 0.13);

}


/* =========================================================
   NUMBER
========================================================= */

.gdj-topic-number {

    position: absolute;

    top: 22px;

    right: 25px;

    color: rgba(75, 23, 16, 0.08);

    font-family: "DM Serif Display", Georgia, serif;

    font-size: 55px;

    line-height: 1;

    transition: 0.4s ease;

}


.gdj-topic-card:hover .gdj-topic-number {

    color: rgba(200, 155, 60, 0.18);

    transform: translateY(-5px);

}


/* =========================================================
   ICON
========================================================= */

.gdj-topic-icon {

    width: 68px;

    height: 68px;

    margin-bottom: 28px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    color: var(--gdj-topic-gold);

    background:

        linear-gradient(135deg,
            rgba(200, 155, 60, 0.16),
            rgba(200, 155, 60, 0.05));

    border: 1px solid rgba(200, 155, 60, 0.25);

    font-size: 27px;

    transition: all 0.4s ease;

}


.gdj-topic-card:hover .gdj-topic-icon {

    color: var(--gdj-topic-cream);

    background: var(--gdj-topic-maroon);

    border-color: var(--gdj-topic-maroon);

    transform: rotateY(180deg);

}


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

.gdj-topic-content {

    position: relative;

    z-index: 2;

}


.gdj-topic-small {

    display: block;

    margin-bottom: 8px;

    color: var(--gdj-topic-gold);

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 2px;

}


.gdj-topic-content h3 {

    margin: 0 0 13px;

    color: var(--gdj-topic-maroon);

    font-family: "DM Serif Display", Georgia, serif;

    font-size: 28px;

    font-weight: 400;

}


.gdj-topic-content p {

    max-width: 290px;

    margin: 0;

    color: #75655e;

    font-size: 12px;

    line-height: 1.8;

}


/* =========================================================
   ARROW
========================================================= */

.gdj-topic-arrow {

    position: absolute;

    right: 28px;

    bottom: 27px;

    width: 42px;

    height: 42px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: var(--gdj-topic-maroon);

    color: var(--gdj-topic-gold-light);

    font-size: 15px;

    transition: all 0.35s ease;

}


.gdj-topic-card:hover .gdj-topic-arrow {

    background: var(--gdj-topic-gold);

    color: var(--gdj-topic-dark);

    transform: rotate(45deg);

}


/* =========================================================
   BOTTOM GOLD LINE
========================================================= */

.gdj-topic-hover-line {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0;

    height: 3px;

    background: var(--gdj-topic-gold);

    transition: width 0.45s ease;

}


.gdj-topic-card:hover .gdj-topic-hover-line {

    width: 100%;

}


/* =========================================================
   BOTTOM CTA
========================================================= */

.gdj-topic-bottom {

    margin-top: 55px;

    padding: 25px 30px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 25px;

    background: var(--gdj-topic-maroon);

    border-radius: 16px;

    position: relative;

    overflow: hidden;

}


.gdj-topic-bottom::before {

    content: "";

    position: absolute;

    width: 220px;

    height: 220px;

    right: -80px;

    top: -100px;

    border: 1px solid rgba(200, 155, 60, 0.25);

    border-radius: 50%;

}


.gdj-topic-bottom-content {

    display: flex;

    align-items: center;

    gap: 16px;

    position: relative;

    z-index: 2;

}


.gdj-topic-bottom-icon {

    width: 52px;

    height: 52px;

    flex: 0 0 52px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    border: 1px solid var(--gdj-topic-gold);

    color: var(--gdj-topic-gold-light);

    font-size: 21px;

}


.gdj-topic-bottom h4 {

    margin: 0 0 4px;

    color: var(--gdj-topic-white);

    font-family: "DM Serif Display", Georgia, serif;

    font-size: 21px;

    font-weight: 400;

}


.gdj-topic-bottom p {

    margin: 0;

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

    font-size: 11px;

}


.gdj-topic-cta {

    position: relative;

    z-index: 2;

    flex-shrink: 0;

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 13px 20px;

    border-radius: 50px;

    background: var(--gdj-topic-gold);

    color: var(--gdj-topic-dark);

    font-size: 12px;

    font-weight: 700;

    transition: 0.3s ease;

}


.gdj-topic-cta:hover {

    color: var(--gdj-topic-dark);

    background: var(--gdj-topic-gold-light);

    transform: translateY(-2px);

}


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

@media (max-width: 991px) {

    .gdj-topic-section {

        padding: 90px 0;

    }

    .gdj-topic-heading {

        margin-bottom: 50px;

    }

    .gdj-topic-card {

        min-height: 320px;

    }

}


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

@media (max-width: 767px) {

    .gdj-topic-section {

        padding: 75px 0;

    }

    .gdj-topic-heading {

        margin-bottom: 40px;

    }

    .gdj-topic-heading h2 {

        font-size: 40px;

    }

    .gdj-topic-heading p {

        font-size: 13px;

    }

    .gdj-topic-card {

        min-height: 300px;

        padding: 28px;

    }

    .gdj-topic-content h3 {

        font-size: 25px;

    }

    .gdj-topic-bottom {

        flex-direction: column;

        align-items: flex-start;

        padding: 24px;

    }

    .gdj-topic-cta {

        width: 100%;

        justify-content: center;

    }

}


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

@media (max-width: 480px) {

    .gdj-topic-section {

        padding: 60px 0;

    }

    .gdj-topic-heading h2 {

        font-size: 34px;

    }

    .gdj-topic-label {

        font-size: 9px;

        letter-spacing: 2px;

    }

    .gdj-topic-card {

        min-height: 285px;

        padding: 24px;

        border-radius: 14px;

    }

    .gdj-topic-icon {

        width: 60px;

        height: 60px;

        font-size: 23px;

    }

    .gdj-topic-content h3 {

        font-size: 23px;

    }

    .gdj-topic-bottom-content {

        align-items: flex-start;

    }

}


/* =========================================================
   ACCESSIBILITY - REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .gdj-topic-card,
    .gdj-topic-icon,
    .gdj-topic-arrow,
    .gdj-topic-number,
    .gdj-topic-hover-line {

        transition: none;

    }

}



:root {
    --gdj-maroon: #4B1710;
    --gdj-maroon-dark: #28100C;
    --gdj-gold: #C89B3C;
    --gdj-gold-light: #E4C875;
    --gdj-cream: #FBF5E8;
    --gdj-white: #ffffff;
    --gdj-text: #4c3b35;
}


/* =========================================
   SECTION
========================================= */

.gdj-potli-section {
    position: relative;
    overflow: hidden;
    padding: 105px 0 100px;
    background:
        radial-gradient(circle at 10% 20%,
            rgba(200, 155, 60, 0.08),
            transparent 28%),
        radial-gradient(circle at 90% 80%,
            rgba(75, 23, 16, 0.08),
            transparent 30%),
        var(--gdj-cream);
}


/* =========================================
   BACKGROUND PATTERN
========================================= */

.gdj-potli-bg-pattern {
    position: absolute;
    inset: 0;
    opacity: 0.035;
    pointer-events: none;

    background-image:
        linear-gradient(45deg,
            var(--gdj-maroon) 25%,
            transparent 25%),
        linear-gradient(-45deg,
            var(--gdj-maroon) 25%,
            transparent 25%);

    background-size: 90px 90px;
}


/* =========================================
   GLOW
========================================= */

.gdj-potli-glow {
    position: absolute;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    filter: blur(90px);
    pointer-events: none;
}

.gdj-potli-glow-one {
    top: -150px;
    left: -100px;
    background: rgba(200, 155, 60, 0.12);
}

.gdj-potli-glow-two {
    right: -120px;
    bottom: -150px;
    background: rgba(75, 23, 16, 0.10);
}


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

.gdj-potli-heading {
    max-width: 850px;
    margin: 0 auto 65px;
}

.gdj-potli-subtitle {
    display: inline-flex;
    align-items: center;
    gap: 13px;

    color: var(--gdj-gold);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
}

.gdj-potli-line {
    width: 35px;
    height: 1px;
    background: var(--gdj-gold);
}

.gdj-potli-heading h2 {
    margin: 17px 0 15px;

    color: var(--gdj-maroon);
    font-family: "DM Serif Display", serif;
    font-size: clamp(40px, 5vw, 62px);
    line-height: 1.1;
}

.gdj-potli-heading h2 span {
    color: var(--gdj-gold);
}

.gdj-potli-heading p {
    max-width: 680px;
    margin: auto;

    color: var(--gdj-text);
    font-family: "Inter", sans-serif;
    font-size: 15px;
    line-height: 1.8;
}


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

.gdj-potli-item {
    opacity: 0;
    transform: translateY(45px);
    transition:
        opacity 0.7s ease,
        transform 0.7s ease;
}

.gdj-potli-item.gdj-potli-visible {
    opacity: 1;
    transform: translateY(0);
}

.gdj-potli-card {
    position: relative;
    height: 100%;
    overflow: hidden;

    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(200, 155, 60, 0.25);
    border-radius: 20px;

    box-shadow:
        0 12px 35px rgba(75, 23, 16, 0.08);

    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease,
        border-color 0.45s ease;
}

.gdj-potli-card:hover {
    transform: translateY(-12px);
    border-color: rgba(200, 155, 60, 0.75);

    box-shadow:
        0 25px 55px rgba(75, 23, 16, 0.16);
}


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

.gdj-potli-image-wrap {
    position: relative;
    /* height: 270px; */
    overflow: hidden;

    background:
        radial-gradient(circle,
            rgba(200, 155, 60, 0.20),
            transparent 65%),
        #f4ead6;
}

.gdj-potli-image-bg {
    position: absolute;
    width: 210px;
    height: 210px;

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    border: 1px solid rgba(200, 155, 60, 0.35);
    border-radius: 50%;
}

.gdj-potli-image-bg::before,
.gdj-potli-image-bg::after {
    content: "";
    position: absolute;

    inset: 17px;

    border: 1px dashed rgba(200, 155, 60, 0.35);
    border-radius: 50%;
}

.gdj-potli-image-bg::after {
    inset: 40px;
    border-style: solid;
    opacity: 0.6;
}

.gdj-potli-image {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    object-fit: contain;
    /* padding: 25px; */
    transition:
        transform 0.6s cubic-bezier(.2, .8, .2, 1);
}

.gdj-potli-card:hover .gdj-potli-image {
    transform: scale(1.08) translateY(-4px);
}


/* =========================================
   IMAGE OVERLAY
========================================= */

.gdj-potli-image-overlay {
    position: absolute;
    z-index: 4;

    inset: 0;

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

    padding-bottom: 18px;

    background: linear-gradient(to top,
            rgba(40, 16, 12, 0.58),
            transparent 50%);

    opacity: 0;

    transition: opacity 0.4s ease;
}

.gdj-potli-card:hover .gdj-potli-image-overlay {
    opacity: 1;
}

.gdj-potli-image-overlay span {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    color: #fff;

    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
}


/* =========================================
   NUMBER BADGE
========================================= */

.gdj-potli-badge {
    position: absolute;
    z-index: 5;

    top: 15px;
    left: 15px;

    width: 38px;
    height: 38px;

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

    border-radius: 50%;

    background: var(--gdj-maroon);
    color: var(--gdj-gold-light);

    font-size: 11px;
    font-weight: 700;

    box-shadow: 0 5px 15px rgba(75, 23, 16, 0.2);
}


/* =========================================
   PREMIUM BADGE
========================================= */

.gdj-potli-premium {
    position: absolute;
    z-index: 5;

    top: 16px;
    right: 15px;

    padding: 6px 10px;

    border-radius: 30px;

    background: var(--gdj-gold);
    color: var(--gdj-maroon-dark);

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1px;
}


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

.gdj-potli-content {
    position: relative;
    padding: 25px 24px 24px;
}

.gdj-potli-icon {
    width: 40px;
    height: 40px;
    display: none !important;
    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 14px;

    border: 1px solid rgba(200, 155, 60, 0.35);
    border-radius: 50%;

    color: var(--gdj-gold);
    background: rgba(200, 155, 60, 0.08);

    transition:
        transform 0.4s ease,
        background 0.4s ease;
}

.gdj-potli-card:hover .gdj-potli-icon {
    transform: rotate(12deg) scale(1.08);
    background: rgba(200, 155, 60, 0.16);
}

.gdj-potli-content h3 {
    margin: 0 0 10px;

    color: var(--gdj-maroon);

    font-family: "DM Serif Display", serif;
    font-size: 24px;
    line-height: 1.2;
}

.gdj-potli-content p {
    min-height: 66px;
    margin: 0;

    color: #725e56;

    font-family: "Inter", sans-serif;
    font-size: 13px;
    line-height: 1.7;
}


/* =========================================
   BOTTOM
========================================= */

.gdj-potli-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    margin-top: 23px;
    padding-top: 18px;

    border-top: 1px solid rgba(75, 23, 16, 0.10);
}

.gdj-potli-price {
    display: flex;
    flex-direction: column;
}

.gdj-potli-price small {
    color: #9b877e;

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

.gdj-potli-price strong {
    color: var(--gdj-maroon);

    font-size: 19px;
    font-weight: 700;
}


/* =========================================
   VIEW DETAILS BUTTON
========================================= */

.gdj-potli-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding: 10px 13px;

    border: 1px solid var(--gdj-maroon);
    border-radius: 30px;

    color: var(--gdj-maroon);

    font-size: 11px;
    font-weight: 700;
    text-decoration: none;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}

.gdj-potli-btn i {
    transition: transform 0.3s ease;
}

.gdj-potli-btn:hover {
    background: var(--gdj-maroon);
    color: #fff;

    transform: translateY(-2px);
}

.gdj-potli-btn:hover i {
    transform: translate(3px, -3px);
}


/* =========================================
   COLLECTION CARD
========================================= */

.gdj-potli-collection-card {
    position: relative;

    height: 100%;
    min-height: 100%;

    overflow: hidden;

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

    padding: 35px 25px;

    text-align: center;

    border-radius: 20px;

    background:
        radial-gradient(circle at center,
            rgba(200, 155, 60, 0.18),
            transparent 65%),
        var(--gdj-maroon);

    box-shadow:
        0 15px 40px rgba(75, 23, 16, 0.16);
}

.gdj-potli-collection-card::before {
    content: "";

    position: absolute;
    inset: 12px;

    border: 1px solid rgba(200, 155, 60, 0.28);
    border-radius: 15px;

    pointer-events: none;
}

.gdj-potli-mandala {
    position: relative;

    width: 100px;
    height: 100px;

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

    margin-bottom: 25px;

    border: 1px solid rgba(200, 155, 60, 0.65);
    border-radius: 50%;
}

.gdj-potli-mandala::before,
.gdj-potli-mandala::after {
    content: "";

    position: absolute;

    border: 1px dashed rgba(200, 155, 60, 0.5);
    border-radius: 50%;
}

.gdj-potli-mandala::before {
    inset: 9px;
}

.gdj-potli-mandala::after {
    inset: 20px;
}

.gdj-potli-mandala span {
    position: relative;
    z-index: 2;

    color: var(--gdj-gold-light);

    font-family: serif;
    font-size: 38px;
}

.gdj-potli-collection-label {
    color: var(--gdj-gold-light);

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}

.gdj-potli-collection-card h3 {
    margin: 12px 0;

    color: #fff;

    font-family: "DM Serif Display", serif;
    font-size: 27px;
    line-height: 1.25;
}

.gdj-potli-collection-card h3 span {
    color: var(--gdj-gold-light);
}

.gdj-potli-collection-card p {
    max-width: 280px;

    margin-bottom: 25px;

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

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

.gdj-potli-collection-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    padding: 12px 20px;

    border: 1px solid var(--gdj-gold);
    border-radius: 30px;

    color: var(--gdj-gold-light);

    font-size: 12px;
    font-weight: 700;
    text-decoration: none;

    transition: all 0.3s ease;
}

.gdj-potli-collection-btn:hover {
    background: var(--gdj-gold);
    color: var(--gdj-maroon-dark);

    transform: translateY(-3px);
}


/* =========================================
   NOTE
========================================= */

.gdj-potli-note {
    max-width: 950px;

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

    margin: 60px auto 0;
    padding: 18px 22px;

    border: 1px solid rgba(200, 155, 60, 0.30);
    border-radius: 12px;

    background: rgba(255, 255, 255, 0.55);
}

.gdj-potli-note-icon {
    flex: 0 0 auto;

    width: 38px;
    height: 38px;

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

    border-radius: 50%;

    background: var(--gdj-maroon);
    color: var(--gdj-gold-light);
}

.gdj-potli-note strong {
    display: block;

    margin-bottom: 4px;

    color: var(--gdj-maroon);

    font-size: 13px;
}

.gdj-potli-note p {
    margin: 0;

    color: #715d55;

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


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

@media (max-width: 991px) {

    .gdj-potli-section {
        padding: 80px 0;
    }

    .gdj-potli-heading {
        margin-bottom: 45px;
    }

    .gdj-potli-image-wrap {
        height: 245px;
    }

    .gdj-potli-content h3 {
        font-size: 22px;
    }

}


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

@media (max-width: 767px) {

    .gdj-potli-section {
        padding: 70px 0;
    }

    .gdj-potli-heading h2 {
        font-size: 40px;
    }

    .gdj-potli-heading p {
        font-size: 14px;
    }

    .gdj-potli-image-wrap {
        height: 260px;
    }

    .gdj-potli-content {
        padding: 23px 20px;
    }

    .gdj-potli-collection-card {
        min-height: 430px;
    }

}


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

@media (max-width: 480px) {

    .gdj-potli-section {
        padding: 60px 0;
    }

    .gdj-potli-heading {
        margin-bottom: 35px;
    }

    .gdj-potli-heading h2 {
        font-size: 34px;
    }

    .gdj-potli-subtitle {
        font-size: 10px;
        letter-spacing: 2px;
    }

    .gdj-potli-line {
        width: 20px;
    }

    .gdj-potli-image-wrap {
        height: 160px;
    }

    .gdj-potli-bottom {
        align-items: flex-start;
        flex-direction: column;
    }

    .gdj-potli-btn {
        width: 100%;
        justify-content: center;
    }

    .gdj-potli-note {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

}


/* =========================================
   REDUCED MOTION
========================================= */

@media (prefers-reduced-motion: reduce) {

    .gdj-potli-card,
    .gdj-potli-image,
    .gdj-potli-btn,
    .gdj-potli-item {
        transition: none !important;
    }

}


























.main-header {
    transition: .3s ease;
    z-index: 9999;
}

.main-header.scrolled {
    box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
}

.navbar-brand {
    font-weight: 800;
    font-size: 22px;
}

.navbar-brand span {
    color: #a06a2c;
}

.nav-link {
    font-weight: 500;
}

/* Mega Menu */
.knowledge-mega {
    width: 650px;
    left: 50%;
    transform: translateX(-50%);
}

.knowledge-mega .mega-item {
    transition: .25s ease;
}

.knowledge-mega .mega-item:hover {
    background: #f8f5f2;
    transform: translateY(-2px);
}

.mega-icon {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f3ebe4;
    color: #a06a2c;
    border-radius: 8px;
}

.contact-btn {
    background: #171717;
    color: #fff;
}

.contact-btn:hover {
    background: #a06a2c;
    color: #fff;
}

@media (max-width: 991px) {
    .knowledge-mega {
        width: 100%;
        transform: none;
        left: 0;
    }
}



/* ==========================================
   VARIABLES
========================================== */

:root {

    --gdj-hero-maroon: #4B1710;
    --gdj-hero-dark: #28100C;
    --gdj-hero-gold: #C89B3C;
    --gdj-hero-gold-light: #E1C477;
    --gdj-hero-cream: #FBF5E8;

}


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

.gdj-video-hero {

    position: relative;

    width: 100%;
    min-height: 100vh;

    display: flex;
    align-items: center;

    overflow: hidden;

    background:
        url("../images/hero-temple.jpg") center center / cover no-repeat;

}


/* ==========================================
   VIDEO WRAPPER
========================================== */

.gdj-video-hero-bg {

    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    z-index: 0;

    overflow: hidden;

}


.gdj-hero-video {

    position: absolute;

    top: 50%;
    left: 50%;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transform:
        translate(-50%, -50%) scale(1.03);

}


/* ==========================================
   VIDEO OVERLAY
========================================== */

.gdj-hero-overlay {

    position: absolute;

    inset: 0;

    z-index: 1;

    background:

        linear-gradient(90deg,
            rgba(40, 16, 12, 0.91) 0%,
            rgba(75, 23, 16, 0.72) 43%,
            rgba(40, 16, 12, 0.48) 100%);

}


/* Bottom Fade */

.gdj-video-hero::after {

    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    height: 180px;

    z-index: 2;

    background:
        linear-gradient(to top,
            rgba(40, 16, 12, 0.75),
            transparent);

    pointer-events: none;

}


/* ==========================================
   GOLD GLOW
========================================== */

.gdj-hero-glow {

    position: absolute;

    border-radius: 50%;

    filter: blur(10px);

    pointer-events: none;

    z-index: 2;

}


.gdj-hero-glow-one {

    width: 350px;
    height: 350px;

    top: 15%;
    right: 7%;

    background:
        radial-gradient(circle,
            rgba(200, 155, 60, 0.18),
            transparent 70%);

    animation:
        gdjHeroGlow 5s ease-in-out infinite;

}


.gdj-hero-glow-two {

    width: 260px;
    height: 260px;

    bottom: 5%;
    left: 5%;

    background:
        radial-gradient(circle,
            rgba(200, 155, 60, 0.10),
            transparent 70%);

    animation:
        gdjHeroGlow 6s ease-in-out infinite reverse;

}


@keyframes gdjHeroGlow {

    0%,
    100% {

        transform: scale(0.9);

        opacity: 0.6;

    }

    50% {

        transform: scale(1.12);

        opacity: 1;

    }

}


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

.gdj-video-hero .container {

    position: relative;

    z-index: 4;

}


.gdj-hero-content {

    max-width: 850px;

    padding:
        150px 0 120px;

    color: #ffffff;

}


/* ==========================================
   LABEL
========================================== */

.gdj-hero-label {

    display: inline-flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 20px;

    color: var(--gdj-hero-gold-light);

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 3px;

    opacity: 0;

    animation:
        gdjHeroFadeUp 1s 0.2s ease forwards;

}


.gdj-hero-line {

    width: 38px;

    height: 1px;

    background:
        var(--gdj-hero-gold);

}


/* ==========================================
   TITLE
========================================== */

.gdj-hero-title {

    max-width: 850px;

    margin: 0 0 20px;

    font-family:
        "DM Serif Display",
        Georgia,
        serif;

    font-size:
        clamp(58px, 7vw, 96px);

    font-weight: 400;

    line-height: 0.98;

    letter-spacing: -1.5px;

    color: #ffffff;

    text-shadow:
        0 8px 30px rgba(0, 0, 0, 0.25);

    opacity: 0;

    animation:
        gdjHeroFadeUp 1s 0.35s ease forwards;

}


.gdj-hero-title span {

    display: block;

    color: var(--gdj-hero-gold-light);

}


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

.gdj-hero-tagline {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 10px;

    margin-bottom: 22px;

    color: var(--gdj-hero-gold-light);

    font-size: 17px;

    font-weight: 600;

    letter-spacing: 0.3px;

    opacity: 0;

    animation:
        gdjHeroFadeUp 1s 0.5s ease forwards;

}


.gdj-hero-tagline b {

    color: var(--gdj-hero-gold);

    font-weight: 400;

}


/* ==========================================
   DESCRIPTION
========================================== */

.gdj-hero-description {

    max-width: 690px;

    margin: 0 0 30px;

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

    font-size: 15px;

    line-height: 1.85;

    opacity: 0;

    animation:
        gdjHeroFadeUp 1s 0.65s ease forwards;

}


/* ==========================================
   BUTTONS
========================================== */

.gdj-hero-buttons {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 13px;

    opacity: 0;

    animation:
        gdjHeroFadeUp 1s 0.8s ease forwards;

}


.gdj-hero-btn {

    min-width: 175px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    padding: 14px 23px;

    border-radius: 50px;

    text-decoration: none;

    font-size: 12px;

    font-weight: 800;

    transition:
        all 0.35s ease;

}


.gdj-hero-btn i {

    transition:
        transform 0.35s ease;

}


/* Primary */

.gdj-hero-btn-primary {

    background:
        var(--gdj-hero-gold);

    border: 1px solid var(--gdj-hero-gold);

    color:
        var(--gdj-hero-maroon);

    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.18);

}


.gdj-hero-btn-primary:hover {

    background:
        var(--gdj-hero-gold-light);

    border-color:
        var(--gdj-hero-gold-light);

    color:
        var(--gdj-hero-maroon);

    transform:
        translateY(-3px);

}


.gdj-hero-btn-primary:hover i {

    transform:
        translateX(5px);

}


/* Outline */

.gdj-hero-btn-outline {

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

    border: 1px solid rgba(255, 255, 255, 0.50);

    color: #ffffff;

    backdrop-filter:
        blur(8px);

}


.gdj-hero-btn-outline:hover {

    background:
        rgba(200, 155, 60, 0.15);

    border-color:
        var(--gdj-hero-gold);

    color:
        var(--gdj-hero-gold-light);

    transform:
        translateY(-3px);

}


.gdj-hero-btn-outline:hover i {

    transform:
        translate(3px, -3px);

}


/* ==========================================
   TRUST POINTS
========================================== */

.gdj-hero-trust {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 20px;

    margin-top: 45px;

    padding-top: 22px;

    border-top:
        1px solid rgba(255, 255, 255, 0.15);

    opacity: 0;

    animation:
        gdjHeroFadeUp 1s 1s ease forwards;

}


.gdj-hero-trust-item {

    display: inline-flex;

    align-items: center;

    gap: 8px;

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

    font-size: 11px;

    font-weight: 600;

}


.gdj-hero-trust-item i {

    color:
        var(--gdj-hero-gold);

    font-size: 15px;

}


.gdj-hero-trust-divider {

    width: 1px;

    height: 20px;

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

}


/* ==========================================
   SCROLL INDICATOR
========================================== */

.gdj-hero-scroll {

    position: absolute;

    z-index: 5;

    right: 35px;

    bottom: 35px;

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 9px;

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

    text-decoration: none;

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 2px;

    writing-mode:
        vertical-rl;

    transition:
        color 0.3s ease;

}


.gdj-hero-scroll:hover {

    color:
        var(--gdj-hero-gold-light);

}


.gdj-hero-scroll i {

    font-size: 16px;

    animation:
        gdjScrollBounce 1.8s ease-in-out infinite;

}


@keyframes gdjScrollBounce {

    0%,
    100% {

        transform:
            translateY(0);

    }

    50% {

        transform:
            translateY(7px);

    }

}


/* ==========================================
   HERO ANIMATION
========================================== */

@keyframes gdjHeroFadeUp {

    from {

        opacity: 0;

        transform:
            translateY(30px);

    }

    to {

        opacity: 1;

        transform:
            translateY(0);

    }

}


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

@media (max-width: 991px) {

    .gdj-video-hero {

        min-height: 780px;

    }

    .gdj-hero-content {

        max-width: 720px;

        padding:
            140px 0 100px;

    }

    .gdj-hero-title {

        font-size:
            clamp(52px, 8vw, 75px);

    }

    .gdj-hero-scroll {

        display: none;

    }

}


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

@media (max-width: 767px) {

    .gdj-video-hero {

        min-height: 720px;

        align-items: center;

    }


    /* Stronger mobile overlay */

    .gdj-hero-overlay {

        background:

            linear-gradient(180deg,
                rgba(40, 16, 12, 0.82),
                rgba(40, 16, 12, 0.72));

    }


    .gdj-hero-content {

        padding:
            120px 0 80px;

        text-align: center;

        margin: 0 auto;

    }


    .gdj-hero-label {

        justify-content: center;

        font-size: 9px;

        letter-spacing: 2px;

    }


    .gdj-hero-line {

        width: 25px;

    }


    .gdj-hero-title {

        font-size:
            clamp(44px, 13vw, 62px);

        line-height: 1;

        letter-spacing: -0.5px;

        margin-bottom: 20px;

    }


    .gdj-hero-tagline {

        justify-content: center;

        font-size: 13px;

        gap: 6px;

        line-height: 1.7;

    }


    .gdj-hero-description {

        max-width: 560px;

        margin-left: auto;
        margin-right: auto;

        font-size: 13px;

        line-height: 1.75;

    }


    .gdj-hero-buttons {

        justify-content: center;

    }


    .gdj-hero-btn {

        min-width: 160px;

        padding: 13px 18px;

    }


    .gdj-hero-trust {

        justify-content: center;

        gap: 13px;

        margin-top: 35px;

    }


    .gdj-hero-trust-divider {

        display: none;

    }


    .gdj-hero-trust-item {

        font-size: 9px;

    }


    .gdj-hero-glow-one {

        width: 230px;
        height: 230px;

        right: -70px;

    }

}


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

@media (max-width: 480px) {

    .gdj-video-hero {

        min-height: 690px;

    }


    .gdj-hero-content {

        padding:
            105px 0 65px;

    }


    .gdj-hero-title {

        font-size: 43px;

    }


    .gdj-hero-tagline {

        font-size: 12px;

    }


    .gdj-hero-description {

        font-size: 12px;

    }


    .gdj-hero-buttons {

        flex-direction: column;

        width: 100%;

    }


    .gdj-hero-btn {

        width: 100%;

        max-width: 280px;

    }


    .gdj-hero-trust {

        display: grid;

        grid-template-columns:
            repeat(3, 1fr);

        gap: 8px;

    }


    .gdj-hero-trust-item {

        flex-direction: column;

        text-align: center;

        gap: 5px;

        font-size: 8px;

        line-height: 1.4;

    }


}


/* ==========================================
   REDUCED MOTION
========================================== */

@media (prefers-reduced-motion: reduce) {

    .gdj-hero-video {

        display: none;

    }

    .gdj-hero-glow,
    .gdj-hero-scroll i {

        animation: none;

    }

    .gdj-hero-label,
    .gdj-hero-title,
    .gdj-hero-tagline,
    .gdj-hero-description,
    .gdj-hero-buttons,
    .gdj-hero-trust {

        opacity: 1;

        animation: none;

    }

}


/* footer */

.vm-footer {

    position: relative;

    background: url("images/footer-bg.jpg") center center/cover no-repeat;

    padding: 90px 0 25px;

    overflow: hidden;

}

.footer-logo {
    /* width:150px; */
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-logo img {
    width: 100px;
    border-radius: 50px;
    background-color: white;
}

/* Overlay */

.vm-footer-overlay {

    position: absolute;

    inset: 0;

    background: linear-gradient(rgba(60, 0, 0, .88),
            rgba(95, 10, 10, .94));

}

/* Floating circles */

.vm-footer-pattern span {

    position: absolute;

    width: 180px;

    height: 180px;

    border-radius: 50%;

    background: rgba(255, 255, 255, .04);

    animation: float 12s infinite linear;

}

.vm-footer-pattern span:nth-child(1) {

    top: 10%;

    left: 5%;

}

.vm-footer-pattern span:nth-child(2) {

    right: 5%;

    top: 15%;

}

.vm-footer-pattern span:nth-child(3) {

    bottom: 10%;

    left: 30%;

}

.vm-footer-pattern span:nth-child(4) {

    bottom: 5%;

    right: 25%;

}

@keyframes float {

    0% {

        transform: translateY(0) rotate(0);

    }

    50% {

        transform: translateY(-35px) rotate(180deg);

    }

    100% {

        transform: translateY(0) rotate(360deg);

    }

}

/* Container */

.vm-footer .container {

    position: relative;

    z-index: 2;

    /* max-width:1200px; */

    margin: auto;

    /* padding:0 20px; */

}

/* Grid */
.guru-content ul span {
    background: green;
    color: white;
    padding: 0px 4px;
    border-radius: 50%;
    font-size: 14px;
}

.vm-footer-grid {

    /* display:grid; */

    /* grid-template-columns:repeat(4,1fr); */

    /* gap:40px; */

}

.vm-footer-box {

    color: #fff;

}

.vm-footer-box h2 {

    font-size: 32px;

    color: #ffd27d;

    margin-bottom: 18px;

}

.vm-footer-box h3 {

    color: #ffd27d;

    margin-bottom: 20px;

    position: relative;

}

.vm-footer-box h3::after {

    content: "";

    width: 55px;

    height: 3px;

    background: #ffd27d;

    position: absolute;

    left: 0;

    bottom: -8px;

}

.vm-footer-box p {

    line-height: 1.8;

    color: #ddd;

}

/* Links */

.vm-footer-box ul {
    padding-left: 10px;
    list-style: none;
}

.vm-footer-box ul li {

    margin: 15px 0;
    font-size: 14px;
    color: #ddd;

}

.vm-footer-box ul li a {

    color: #ddd;

    text-decoration: none;

    transition: .4s;

}

.vm-footer-box ul li a:hover {

    color: #ffd27d;

    padding-left: 8px;

}

/* Social */

.vm-social {

    display: flex;

    gap: 15px;

    margin-top: 25px;

}

.vm-social a {

    width: 45px;

    height: 45px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    background: rgba(255, 255, 255, .1);

    color: #fff;

    transition: .4s;

}

.vm-social a:hover {

    background: #ffd27d;

    color: #5e0505;

    transform: translateY(-8px);

}

/* Form */

.vm-footer-box form {

    display: flex;

    flex-direction: column;

    gap: 15px;

}

.vm-footer-box input {

    height: 50px;

    border: none;

    padding: 0 18px;

    border-radius: 40px;

    outline: none;

}

.vm-footer-box button {

    height: 50px;

    border: none;

    border-radius: 40px;

    background: #ffd27d;

    font-weight: bold;

    cursor: pointer;

    transition: .4s;

}

.vm-footer-box button:hover {

    background: #fff;

    transform: translateY(-4px);

}

/* Bottom */

.vm-footer-bottom {

    text-align: center;

    margin-top: 60px;

    padding-top: 30px;

    border-top: 1px solid rgba(255, 255, 255, .15);

    color: #ddd;

}

/* Flip Container */
.logo-flip {
    width: 80px;
    height: 80px;
    perspective: 1000px;
}

.logo-inner {
    width: 100%;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    transition: transform .8s ease;
}

/* Hover Flip */
.logo:hover .logo-inner {
    transform: rotateY(180deg);
}

/* Front & Back */
.logo-front,
.logo-back {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    backface-visibility: hidden;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo-front img,
.logo-back img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.logo-back {
    transform: rotateY(180deg);
}

.logo {
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
    color: #222;
}

/* Text */
.logo h5 {
    font-size: 22px;
    line-height: 1.3;
    color: #5a0b0b;
    font-weight: 700;
}





/* ==========================================
       ROOT
    ========================================== */

.gdj-related-section {
    position: relative;
    overflow: hidden;
    padding: 110px 0;
    background: #FBF5E8;
    color: #28100C;
    isolation: isolate;
}


/* Background Pattern */

.gdj-related-bg-pattern {
    position: absolute;
    inset: 0;
    opacity: .035;
    background-image:
        linear-gradient(#4B1710 1px, transparent 1px),
        linear-gradient(90deg, #4B1710 1px, transparent 1px);
    background-size: 45px 45px;
    pointer-events: none;
    z-index: -2;
}


/* Background Glow */

.gdj-related-glow {
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    filter: blur(80px);
    opacity: .12;
    pointer-events: none;
    z-index: -1;
}

.gdj-related-glow-1 {
    top: -150px;
    left: -150px;
    background: #C89B3C;
}

.gdj-related-glow-2 {
    bottom: -180px;
    right: -150px;
    background: #4B1710;
}


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

.gdj-related-heading {
    max-width: 760px;
    margin: 0 auto 70px;
}

.gdj-related-small-title {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;

    color: #C89B3C;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
}

.gdj-related-small-title i {
    font-size: 11px;
}

.gdj-related-heading h2 {
    margin: 0;
    color: #4B1710;
    font-family: "DM Serif Display", Georgia, serif;
    font-size: clamp(42px, 5vw, 64px);
    line-height: 1.1;
    font-weight: 400;
}

.gdj-related-heading h2 span {
    color: #C89B3C;
    font-style: italic;
}

.gdj-related-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin: 22px 0;
}

.gdj-related-divider span {
    width: 65px;
    height: 1px;
    background: #C89B3C;
}

.gdj-related-divider i {
    color: #C89B3C;
    font-size: 23px;
}

.gdj-related-heading p {
    max-width: 650px;
    margin: 0 auto;
    color: #745d54;
    font-family: "Inter", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.9;
}


/* ==========================================
       MAIN GRID
    ========================================== */

.gdj-related-wrapper {
    position: relative;

    display: grid;
    grid-template-columns: 1fr 240px 1fr;
    grid-template-rows: auto auto;

    gap: 35px;
    align-items: center;

    max-width: 1120px;
    margin: 0 auto;
}


/* ==========================================
       KNOWLEDGE CARD
    ========================================== */

.gdj-knowledge-card {
    position: relative;
    min-height: 285px;

    padding: 38px 35px;

    background: rgba(255, 255, 255, .62);

    border: 1px solid rgba(200, 155, 60, .30);
    border-radius: 22px;

    overflow: hidden;

    box-shadow:
        0 15px 45px rgba(75, 23, 16, .07);

    transition:
        transform .45s ease,
        box-shadow .45s ease,
        border-color .45s ease;
}

.gdj-knowledge-card::before {
    content: "";
    position: absolute;

    width: 120px;
    height: 120px;

    top: -55px;
    right: -55px;

    border-radius: 50%;

    background: rgba(200, 155, 60, .12);

    transition: .5s ease;
}

.gdj-knowledge-card:hover {
    transform: translateY(-10px);
    border-color: rgba(200, 155, 60, .8);

    box-shadow:
        0 25px 60px rgba(75, 23, 16, .14);
}

.gdj-knowledge-card:hover::before {
    width: 180px;
    height: 180px;
    top: -75px;
    right: -75px;
}


/* Card Number */

.gdj-card-number {
    position: absolute;
    top: 20px;
    right: 25px;

    color: rgba(75, 23, 16, .10);

    font-family: "DM Serif Display", Georgia, serif;
    font-size: 50px;
    line-height: 1;
}


/* Icon */

.gdj-card-icon {
    width: 65px;
    height: 65px;

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

    margin-bottom: 25px;

    color: #C89B3C;

    border: 1px solid rgba(200, 155, 60, .55);
    border-radius: 50%;

    background: rgba(200, 155, 60, .08);

    font-size: 25px;

    transition: .45s ease;
}

.gdj-knowledge-card:hover .gdj-card-icon {
    color: #FBF5E8;
    background: #4B1710;

    transform: rotate(10deg) scale(1.08);

    box-shadow:
        0 8px 25px rgba(75, 23, 16, .2);
}


/* Card Content */

.gdj-card-label {
    display: block;
    margin-bottom: 8px;

    color: #C89B3C;

    font-family: "Inter", Arial, sans-serif;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

.gdj-card-content h3 {
    margin: 0 0 12px;

    color: #4B1710;

    font-family: "DM Serif Display", Georgia, serif;
    font-size: 28px;
    font-weight: 400;
}

.gdj-card-content p {
    margin: 0 0 22px;

    color: #745d54;

    font-family: "Inter", Arial, sans-serif;
    font-size: 13.5px;
    line-height: 1.75;
}


/* Knowledge Link */

.gdj-knowledge-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    color: #4B1710;

    text-decoration: none;

    font-family: "Inter", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .3px;

    transition: .3s ease;
}

.gdj-knowledge-link span {
    width: 30px;
    height: 30px;

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

    border: 1px solid rgba(200, 155, 60, .6);
    border-radius: 50%;

    color: #C89B3C;

    transition: .3s ease;
}

.gdj-knowledge-link:hover {
    color: #C89B3C;
}

.gdj-knowledge-link:hover span {
    color: #FBF5E8;
    background: #C89B3C;
    transform: rotate(45deg);
}


/* ==========================================
       CENTER MANDALA
    ========================================== */

.gdj-related-center {
    position: relative;

    width: 210px;
    height: 210px;

    margin: auto;

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

.gdj-center-mandala {
    position: relative;

    width: 145px;
    height: 145px;

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

    border-radius: 50%;

    background:
        radial-gradient(circle,
            #FBF5E8 0%,
            #FBF5E8 55%,
            rgba(200, 155, 60, .18) 56%,
            rgba(200, 155, 60, .18) 58%,
            transparent 59%);

    box-shadow:
        0 15px 45px rgba(75, 23, 16, .10);
}


.gdj-mandala-ring {
    position: absolute;

    border: 1px solid #C89B3C;
    border-radius: 50%;

    opacity: .55;
}

.ring-one {
    inset: 10px;
    border-style: dashed;
    animation: gdjRotate 18s linear infinite;
}

.ring-two {
    inset: 25px;
    animation: gdjRotateReverse 14s linear infinite;
}

.gdj-om-symbol {
    position: relative;
    z-index: 3;

    color: #4B1710;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 54px;

    text-shadow:
        0 5px 20px rgba(200, 155, 60, .25);
}


/* Orbit */

.gdj-center-orbit {
    position: absolute;
    inset: 0;

    border: 1px solid rgba(200, 155, 60, .35);
    border-radius: 50%;
}

.orbit-one {
    transform: rotate(25deg) scale(.95);
    border-style: dashed;

    animation: gdjRotate 25s linear infinite;
}

.orbit-two {
    transform: rotate(-20deg) scale(.75);

    animation: gdjRotateReverse 20s linear infinite;
}


.gdj-center-text {
    position: absolute;

    bottom: -12px;

    padding: 7px 17px;

    background: #4B1710;
    color: #FBF5E8;

    border-radius: 50px;

    font-size: 10px;
    line-height: 1.4;
    text-align: center;
    letter-spacing: 1.5px;
    text-transform: uppercase;

    box-shadow:
        0 8px 20px rgba(75, 23, 16, .18);
}


/* ==========================================
       CTA
    ========================================== */

.gdj-related-cta {
    max-width: 1120px;
    margin: 70px auto 0;

    padding: 32px 38px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;

    background: #4B1710;

    border-radius: 18px;

    position: relative;
    overflow: hidden;

    box-shadow:
        0 20px 50px rgba(75, 23, 16, .15);
}

.gdj-related-cta::after {
    content: "ॐ";

    position: absolute;
    right: 30px;
    bottom: -50px;

    color: rgba(200, 155, 60, .09);

    font-size: 160px;

    pointer-events: none;
}

.gdj-related-cta span {
    color: #C89B3C;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

.gdj-related-cta h3 {
    margin: 5px 0;

    color: #FBF5E8;

    font-family: "DM Serif Display", Georgia, serif;
    font-size: 27px;
    font-weight: 400;
}

.gdj-related-cta p {
    margin: 0;

    color: rgba(251, 245, 232, .7);

    font-size: 13px;
}


/* CTA Button */

.gdj-related-btn {
    position: relative;
    z-index: 2;

    flex-shrink: 0;

    display: inline-flex;
    align-items: center;
    gap: 12px;

    padding: 14px 22px;

    background: #C89B3C;
    color: #28100C;

    border-radius: 50px;

    text-decoration: none;

    font-size: 12px;
    font-weight: 800;

    transition: .35s ease;
}

.gdj-related-btn i {
    transition: .35s ease;
}

.gdj-related-btn:hover {
    color: #FBF5E8;
    background: transparent;

    box-shadow:
        inset 0 0 0 1px #C89B3C;
}

.gdj-related-btn:hover i {
    transform: translateX(5px);
}


/* ==========================================
       ANIMATION
    ========================================== */

@keyframes gdjRotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes gdjRotateReverse {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}


/* Scroll Reveal */

.gdj-reveal {
    opacity: 0;
    transform: translateY(35px);

    transition:
        opacity .8s ease,
        transform .8s ease;
}

.gdj-reveal.gdj-visible {
    opacity: 1;
    transform: translateY(0);
}


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

@media (max-width: 991px) {

    .gdj-related-section {
        padding: 85px 0;
    }

    .gdj-related-wrapper {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto;
        gap: 25px;
    }

    .gdj-related-center {
        grid-column: 1 / -1;
        grid-row: 2;

        width: 180px;
        height: 180px;

        order: 2;
    }

    .gdj-card-left {
        order: 1;
    }

    .gdj-card-right {
        order: 1;
    }

    .gdj-card-bottom-left {
        order: 3;
    }

    .gdj-card-bottom-right {
        order: 3;
    }

    .gdj-related-cta {
        flex-direction: column;
        align-items: flex-start;
    }

}


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

@media (max-width: 767px) {

    .gdj-related-section {
        padding: 70px 0;
    }

    .gdj-related-heading {
        margin-bottom: 45px;
    }

    .gdj-related-heading h2 {
        font-size: 42px;
    }

    .gdj-related-heading p {
        font-size: 14px;
        padding: 0 15px;
    }

    .gdj-related-wrapper {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .gdj-related-center {
        order: 2;
        margin: 15px auto 20px;
    }

    .gdj-knowledge-card {
        width: 100%;
        min-height: auto;
        padding: 30px 25px;
    }

    .gdj-card-left {
        order: 1;
    }

    .gdj-card-right {
        order: 3;
    }

    .gdj-card-bottom-left {
        order: 4;
    }

    .gdj-card-bottom-right {
        order: 5;
    }

    .gdj-card-content h3 {
        font-size: 25px;
    }

    .gdj-related-cta {
        margin-top: 50px;
        padding: 30px 25px;
    }

    .gdj-related-cta h3 {
        font-size: 24px;
    }

    .gdj-related-btn {
        width: 100%;
        justify-content: center;
    }

}


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

@media (max-width: 480px) {

    .gdj-related-section {
        padding: 60px 0;
    }

    .gdj-related-heading h2 {
        font-size: 36px;
    }

    .gdj-related-small-title {
        font-size: 10px;
        letter-spacing: 2px;
    }

    .gdj-related-divider span {
        width: 40px;
    }

    .gdj-knowledge-card {
        padding: 27px 22px;
        border-radius: 18px;
    }

    .gdj-card-icon {
        width: 58px;
        height: 58px;
    }

    .gdj-card-number {
        font-size: 42px;
    }

    .gdj-center-mandala {
        width: 125px;
        height: 125px;
    }

    .gdj-om-symbol {
        font-size: 45px;
    }

}

.faq-section {
    background: #fff8f3;
    position: relative;
    overflow: hidden;
}

.faq-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: .12;
}

.faq-bg img {
    width: 300px;
}

.custom-accordion .accordion-item {
    border: none;
    border-radius: 12px;
    margin-bottom: 15px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
}

.custom-accordion .accordion-button {
    background: #fff;
    box-shadow: none;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 18px 20px;
}

.custom-accordion .accordion-button:not(.collapsed) {
    background: #fff;
    color: #000;
}

.custom-accordion .accordion-button::after {
    background-image: none;
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    transition: .3s;
}

.custom-accordion .accordion-button:not(.collapsed)::after {
    transform: rotate(90deg);
}

.faq-icon {
    width: 50px;
    height: 50px;
    background: #fff5e8;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    display: none;
}

.faq-icon img {
    width: 40px;
}

.accordion-button h6 {
    font-weight: 700;
    margin-bottom: 5px;
    color: #5b3511;
}

.accordion-button p {
    margin: 0;
    color: #666;
    font-size: 14px;
}

.accordion-body {
    padding: 0px 20px 21px;
    color: #666;
}

@media(max-width:768px) {

    .accordion-body {
        padding: 15px 20px;
    }

    .faq-bg {
        display: none;
    }

    .accordion-button h6 {
        font-size: 16px;
    }

    .accordion-button p {
        font-size: 13px;
    }

}












/* whatapp btn */
.whatsapp-float {
    position: fixed;
    bottom: 25px;
    right: 25px;
    width: 60px;
    height: 60px;
    background: #25D366;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    text-decoration: none;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
    z-index: 9999;
    animation: pulse 1.8s infinite;
    transition: 0.3s;
}

/* Hover effect */
.whatsapp-float:hover {
    transform: scale(1.1) rotate(5deg);
    background: #075224;
    color: #fff;
}

/* Pulse animation */
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.6);
    }

    70% {
        box-shadow: 0 0 0 20px rgba(37, 211, 102, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}

/* about us */

.gdj-about-intro {
    padding: 110px 0;
    background: var(--gdj-cream);
}

.gdj-about-image-box {
    position: relative;
    max-width: 500px;
    margin: auto;
    padding: 15px;
}

.gdj-about-image-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 130px;
    height: 130px;
    border-top: 2px solid var(--gdj-gold);
    border-left: 2px solid var(--gdj-gold);
    border-radius: 18px 0 0 0;
}

.gdj-about-image-frame {
    position: relative;
    overflow: hidden;
    border-radius: 22px;
    border: 1px solid rgba(200, 155, 60, .5);
    box-shadow: 0 25px 60px rgba(75, 23, 16, .15);
}

.gdj-about-image-frame img {
    display: block;
    width: 100%;
    min-height: 480px;
    object-fit: cover;
    transition: transform .7s ease;
}

.gdj-about-image-frame::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(40, 16, 12, .32), transparent 45%);
}

.gdj-about-om-badge {
    position: absolute;
    z-index: 5;
    top: 38px;
    right: 2px;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--gdj-maroon);
    border: 5px solid var(--gdj-cream);
    box-shadow: 0 10px 25px rgba(75, 23, 16, .2);
}

.gdj-about-om-badge span {
    color: var(--gdj-gold-light);
    font-family: serif;
    font-size: 32px;
}

.gdj-about-image-card {
    position: absolute;
    z-index: 5;
    left: -20px;
    bottom: 35px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 12px 35px rgba(75, 23, 16, .15);
}

.gdj-about-image-card>i {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(200, 155, 60, .12);
    color: var(--gdj-gold);
}

.gdj-about-image-card strong {
    display: block;
    color: var(--gdj-maroon);
    font-family: "DM Serif Display", serif;
    font-size: 16px;
}

.gdj-about-image-card small {
    color: #87746b;
    font-size: 10px;
}

.gdj-about-section-label {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--gdj-gold);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
}

.gdj-about-intro-content h2 {
    margin-bottom: 22px;
    color: var(--gdj-maroon);
    font-family: "DM Serif Display", serif;
    font-size: clamp(40px, 5vw, 58px);
    line-height: 1.12;
}

.gdj-about-intro-content h2 span {
    display: block;
    color: var(--gdj-gold);
}

.gdj-about-highlights {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 30px;
}

.gdj-about-highlight {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 15px;
    border: 1px solid rgba(200, 155, 60, .22);
    border-radius: 12px;
    background: rgba(255, 255, 255, .5);
    transition: transform .35s ease, border-color .35s ease;
}

.gdj-about-highlight-icon {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(200, 155, 60, .1);
    color: var(--gdj-gold);
}

.gdj-about-revealed {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.gdj-about-highlight h4 {
    margin: 0 0 4px;
    color: var(--gdj-maroon);
    font-family: "DM Serif Display", serif;
    font-size: 17px;
    font-weight: 800;
}

.gdj-about-purpose {

    position: relative;

    overflow: hidden;

    padding: 105px 0;

    background: var(--gdj-maroon);

}


.gdj-about-purpose-pattern {

    position: absolute;

    inset: 0;

    opacity: .035;

    background-image:
        radial-gradient(circle,
            #fff 1px,
            transparent 1px);

    background-size: 35px 35px;

}


.gdj-about-heading {

    max-width: 750px;

    margin: 0 auto 55px;

}


.gdj-about-purpose .gdj-about-section-label {

    color: var(--gdj-gold-light);

}


.gdj-about-heading h2 {

    color: #fff;

    font-family:
        "DM Serif Display", serif;

    font-size: clamp(40px, 5vw, 58px);

    line-height: 1.15;

}


.gdj-about-heading h2 span {

    color: var(--gdj-gold-light);

}


.gdj-about-heading p {

    max-width: 620px;

    margin: 15px auto 0;

    color: rgba(255, 255, 255, .68);

    font-size: 14px;

    line-height: 1.8;

}

.gdj-purpose-card {

    position: relative;

    height: 100%;

    padding: 35px 30px;

    overflow: hidden;

    border:
        1px solid rgba(200, 155, 60, .3);

    border-radius: 18px;

    background:
        rgba(255, 255, 255, .055);

    transition:
        transform .4s ease,
        background .4s ease,
        border-color .4s ease;

}


.gdj-purpose-card:hover {

    transform: translateY(-8px);

    background:
        rgba(255, 255, 255, .09);

    border-color:
        rgba(200, 155, 60, .7);

}


.gdj-purpose-number {

    position: absolute;

    top: 18px;
    right: 22px;

    color:
        rgba(200, 155, 60, .3);

    font-family:
        "DM Serif Display", serif;

    font-size: 40px;

}


.gdj-purpose-icon {

    width: 58px;
    height: 58px;

    display: flex;

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

    margin-bottom: 22px;

    border-radius: 50%;

    background:
        rgba(200, 155, 60, .12);

    color: var(--gdj-gold-light);

    font-size: 24px;

}


.gdj-purpose-card h3 {

    margin-bottom: 10px;

    color: #fff;

    font-family:
        "DM Serif Display", serif;

    font-size: 26px;

}


.gdj-purpose-card p {

    margin: 0;

    color:
        rgba(255, 255, 255, .65);

    font-size: 13px;

    line-height: 1.8;

}

.gdj-about-knowledge {

    padding: 110px 0;

    background: #fff;

}


.gdj-about-knowledge-title {

    padding-right: 35px;

}


.gdj-about-knowledge-title h2 {

    margin-bottom: 20px;

    color: var(--gdj-maroon);

    font-family:
        "DM Serif Display", serif;

    font-size: clamp(40px, 5vw, 58px);

    line-height: 1.1;

}


.gdj-about-knowledge-title h2 span {
    color: var(--gdj-gold);
}


.gdj-about-knowledge-title>p {

    color: var(--gdj-text);

    font-size: 14px;

    line-height: 1.8;

}


/* =========================================================
   KNOWLEDGE BOX
========================================================= */

.gdj-knowledge-box {

    position: relative;

    min-height: 150px;

    display: flex;

    align-items: center;

    gap: 15px;

    padding: 22px;

    overflow: hidden;

    border:
        1px solid rgba(75, 23, 16, .1);

    border-radius: 15px;

    background: var(--gdj-cream);

    text-decoration: none;

    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;

}


.gdj-knowledge-box:hover {

    transform: translateY(-5px);

    border-color:
        rgba(200, 155, 60, .55);

    box-shadow:
        0 15px 35px rgba(75, 23, 16, .08);

}


.gdj-knowledge-icon {

    flex: 0 0 auto;

    width: 48px;
    height: 48px;

    display: flex;

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

    border-radius: 50%;

    background: var(--gdj-maroon);

    color: var(--gdj-gold-light);

}


.gdj-knowledge-box h3 {

    margin: 0 0 5px;

    color: var(--gdj-maroon);

    font-family:
        "DM Serif Display", serif;

    font-size: 21px;

}


.gdj-knowledge-box p {

    margin: 0;

    padding-right: 20px;

    color: #79675f;

    font-size: 11px;

    line-height: 1.6;

}


.gdj-knowledge-arrow {

    position: absolute;

    top: 18px;
    right: 18px;

    color: var(--gdj-gold);

    transition:
        transform .3s ease;

}


.gdj-knowledge-box:hover .gdj-knowledge-arrow {

    transform:
        translate(3px, -3px);

}


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

.gdj-about-primary-btn {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin-top: 20px;

    padding: 13px 20px;

    border-radius: 50px;

    background: var(--gdj-maroon);

    color: #fff;

    font-size: 12px;

    font-weight: 700;

    text-decoration: none;

    transition: all .35s ease;

}


.gdj-about-primary-btn:hover {

    background: var(--gdj-dark);

    color: #fff;

    transform: translateY(-3px);

}


/* =========================================================
   TRADITION
========================================================= */

.gdj-about-tradition {

    padding: 100px 0;

    background: var(--gdj-cream);

}


.gdj-about-tradition-wrapper {

    position: relative;

    display: flex;

    align-items: center;

    gap: 50px;

    padding: 65px;

    overflow: hidden;

    border-radius: 25px;

    background: var(--gdj-maroon);

    box-shadow:
        0 25px 60px rgba(75, 23, 16, .15);

}


.gdj-about-tradition-wrapper::after {

    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    right: -100px;
    bottom: -150px;

    border-radius: 50%;

    border:
        1px solid rgba(200, 155, 60, .2);

}


.gdj-tradition-symbol {

    flex: 0 0 auto;

    width: 180px;
    height: 180px;

    display: flex;

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

    border:
        1px solid rgba(200, 155, 60, .55);

    border-radius: 50%;

}


.gdj-tradition-symbol::before {

    content: "";

    position: absolute;

    width: 145px;
    height: 145px;

    border:
        1px dashed rgba(200, 155, 60, .5);

    border-radius: 50%;

}


.gdj-tradition-symbol span {

    color: var(--gdj-gold-light);

    font-family: serif;

    font-size: 70px;

}


.gdj-tradition-content {

    position: relative;

    z-index: 2;

}


.gdj-tradition-content .gdj-about-section-label {

    color: var(--gdj-gold-light);

}


.gdj-tradition-content h2 {

    margin-bottom: 18px;

    color: #fff;

    font-family:
        "DM Serif Display", serif;

    font-size: clamp(38px, 4vw, 55px);

    line-height: 1.1;

}


.gdj-tradition-content h2 span {

    display: block;

    color: var(--gdj-gold-light);

}


.gdj-tradition-content>p {

    max-width: 720px;

    color: rgba(255, 255, 255, .68);

    font-size: 14px;

    line-height: 1.85;

}


.gdj-tradition-points {

    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 12px;

    margin-top: 25px;

}


.gdj-tradition-points>div {

    display: flex;

    align-items: center;

    gap: 9px;

    color: rgba(255, 255, 255, .78);

    font-size: 12px;

}


.gdj-tradition-points i {

    color: var(--gdj-gold-light);

    font-size: 16px;

}


/* =========================================================
   VERIFICATION
========================================================= */

.gdj-about-verification {

    padding: 80px 0;

    background: #fff;

}


.gdj-verification-box {

    position: relative;

    display: flex;

    align-items: center;

    gap: 20px;

    padding: 28px 35px;

    overflow: hidden;

    border:
        1px solid rgba(200, 155, 60, .35);

    border-radius: 18px;

    background:
        linear-gradient(135deg,
            #fffdf8,
            #fbf5e8);

}


.gdj-verification-icon {

    flex: 0 0 auto;

    width: 55px;
    height: 55px;

    display: flex;

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

    border-radius: 50%;

    background: var(--gdj-maroon);

    color: var(--gdj-gold-light);

    font-size: 23px;

}


.gdj-verification-content {

    position: relative;

    z-index: 2;

}


.gdj-verification-content>span {

    color: var(--gdj-gold);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 2px;

}


.gdj-verification-content h3 {

    margin: 5px 0;

    color: var(--gdj-maroon);

    font-family:
        "DM Serif Display", serif;

    font-size: 25px;

}


.gdj-verification-content p {

    margin: 0;

    color: var(--gdj-text);

    font-size: 12px;

    line-height: 1.7;

}


.gdj-verification-decoration {

    margin-left: auto;

    color:
        rgba(200, 155, 60, .18);

    font-family: serif;

    font-size: 75px;

}


/* =========================================================
   CTA
========================================================= */

.gdj-about-cta {

    position: relative;

    overflow: hidden;

    padding: 105px 0;

    background: var(--gdj-maroon);

}


.gdj-about-cta-pattern {

    position: absolute;

    inset: 0;

    opacity: .035;

    background-image:
        radial-gradient(circle,
            #fff 1px,
            transparent 1px);

    background-size: 40px 40px;

}


.gdj-about-cta-content {

    max-width: 800px;

    margin: auto;

}


.gdj-about-cta-icon {

    display: flex;

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

    width: 75px;
    height: 75px;

    margin: 0 auto 25px;

    border:
        1px solid rgba(200, 155, 60, .6);

    border-radius: 50%;

    color: var(--gdj-gold-light);

    font-family: serif;

    font-size: 35px;

}


.gdj-about-cta .gdj-about-section-label {

    color: var(--gdj-gold-light);

}


.gdj-about-cta h2 {

    margin: 10px 0 15px;

    color: #fff;

    font-family:
        "DM Serif Display", serif;

    font-size: clamp(40px, 5vw, 60px);

}


.gdj-about-cta h2 span {

    color: var(--gdj-gold-light);

}


.gdj-about-cta p {

    max-width: 650px;

    margin: 0 auto;

    color:
        rgba(255, 255, 255, .67);

    font-size: 14px;

    line-height: 1.8;

}


.gdj-about-cta-buttons {

    display: flex;

    justify-content: center;

    gap: 12px;

    margin-top: 30px;

}


.gdj-about-cta-primary,
.gdj-about-cta-secondary {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 13px 21px;

    border-radius: 50px;

    font-size: 12px;

    font-weight: 700;

    text-decoration: none;

    transition: all .35s ease;

}


.gdj-about-cta-primary {

    background: var(--gdj-gold);

    color: var(--gdj-dark);

}


.gdj-about-cta-primary:hover {

    background: var(--gdj-gold-light);

    color: var(--gdj-dark);

    transform: translateY(-3px);

}


.gdj-about-cta-secondary {

    border:
        1px solid rgba(255, 255, 255, .4);

    color: #fff;

}


.gdj-about-cta-secondary:hover {

    background: #fff;

    color: var(--gdj-maroon);

    transform: translateY(-3px);

}


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

@media (max-width: 991px) {

    .gdj-about-banner {

        min-height: 380px;

    }


    .gdj-about-intro,
    .gdj-about-knowledge {

        padding: 85px 0;

    }


    .gdj-about-purpose {

        padding: 85px 0;

    }


    .gdj-about-image-box {

        max-width: 550px;

        /* margin-bottom: 30px; */

    }


    .gdj-about-tradition-wrapper {

        padding: 45px;

        gap: 30px;

    }


    .gdj-tradition-symbol {

        width: 145px;
        height: 145px;

    }


    .gdj-tradition-symbol::before {

        width: 115px;
        height: 115px;

    }

}


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

@media (max-width: 767px) {

    .gdj-about-banner {

        min-height: 350px;

        background-position: 65% center;

    }


    .gdj-about-banner-overlay {

        background:
            linear-gradient(90deg,
                rgba(251, 245, 232, .94),
                rgba(251, 245, 232, .70));

    }


    .gdj-about-banner-content {

        padding: 65px 0;

    }


    .gdj-about-banner h1 {

        font-size: 52px;

    }


    .gdj-about-intro {

        padding: 70px 0;

    }


    .gdj-about-image-frame img {

        min-height: 400px;

    }


    .gdj-about-highlights {

        grid-template-columns: 1fr;

    }


    .gdj-about-purpose {

        padding: 70px 0;

    }


    .gdj-about-knowledge {

        padding: 70px 0;

    }


    .gdj-about-knowledge-title {

        padding-right: 0;

        margin-bottom: 25px;

    }


    .gdj-about-tradition {

        padding: 70px 0;

    }


    .gdj-about-tradition-wrapper {

        flex-direction: column;

        text-align: center;

        padding: 40px 25px;

    }


    .gdj-tradition-symbol {

        width: 130px;
        height: 130px;

    }


    .gdj-tradition-symbol::before {

        width: 105px;
        height: 105px;

    }


    .gdj-tradition-symbol span {

        font-size: 55px;

    }


    .gdj-tradition-points {

        grid-template-columns: 1fr;

        text-align: left;

    }


    .gdj-about-verification {

        padding: 60px 0;

    }


    .gdj-verification-box {

        align-items: flex-start;

        padding: 25px;

    }


    .gdj-verification-decoration {

        display: none;

    }


    .gdj-about-cta {

        padding: 75px 0;

    }

}


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

@media (max-width: 480px) {
p{
text-align: justify;
    }
    .gdj-about-banner {

        min-height: 320px;

    }


    .gdj-about-banner-content {

        padding: 55px 0;

    }


    .gdj-about-breadcrumb {

        font-size: 11px;

    }


    .gdj-about-banner h1 {

        font-size: 43px;

    }


    .gdj-about-banner p {

        font-size: 11px;

    }


    .gdj-about-banner-divider {

        width: 180px;

    }


    .gdj-about-banner-divider span {

        width: 50px;

    }


    .gdj-about-image-card {

        left: 0;

        bottom: 25px;

    }


    .gdj-about-image-card strong {

        font-size: 14px;

    }


    .gdj-about-intro-content h2,
    .gdj-about-knowledge-title h2, .gdj-tradition-content h2 {
        font-size: 28px;
    }


    .gdj-about-heading h2 {

        font-size: 30px;

    }


    .gdj-purpose-card {

        padding: 28px 22px;

    }


    .gdj-about-cta-buttons {

        flex-direction: column;

    }


    .gdj-about-cta-primary,
    .gdj-about-cta-secondary {

        justify-content: center;

        width: 100%;

    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {

        scroll-behavior: auto !important;

        transition: none !important;

        animation: none !important;

    }

}

.page__banner {
    background-image:
        linear-gradient(rgba(9, 20, 33, 1), rgba(141, 5, 36, .6)),
        url('images/breadcrumbs.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    position: relative;
}

.page__bannerInner {
    display: table;
    width: 100%;
    position: relative;
    z-index: 99;
    height: 320px;
    z-index: 99;
    text-align: center;
}

.page__bannerContent {
    display: table-cell;
    vertical-align: middle;
    padding: 20px;
}

.page__bannerContent h1 {
    font: 3rem / 1.3 "'Inter', sans-serif;";
    color: #fff;
    letter-spacing: 1.14px;
    text-transform: uppercase;
    margin: 0;
    padding-top: 40px;
}

.bread_crumbs {
    background: rgba(40, 16, 12, 0.98);
    color: white;
    padding: 10px;
}

.bread_crumbs ol {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    padding-left: 0%;
}

.bread_crumbs a {
    color: white;
    text-decoration: none;
}

.bread_crumbs ol li+li::before {
    content: "/";
    display: inline-block;
    padding-right: 6px;
    color: color-mix(in srgb, var(--default-color), transparent 70%);
}

.gdj-contact-main {

    padding: 75px 0 110px;

    background: #fbf5e8;

}

.gdj-contact-heading h2 {
    margin-bottom: 18px;
    color: var(--gdj-maroon);
    font-family: "DM Serif Display", serif;
    font-size: clamp(40px, 5vw, 58px);
    line-height: 1.1;
}

.gdj-contact-heading h2 span {
    color: var(--gdj-gold);
}

.gdj-contact-heading p {
    margin: auto;
    max-width: 650px;
    color: var(--gdj-text);
    font-size: 14px;
    line-height: 1.85;
}

.gdj-contact-intro {
    padding: 85px 0 55px;
    background: #fbf5e8;
}

.gdj-contact-heading {
    max-width: 760px;
    margin: auto;
}

.gdj-contact-info-wrapper {
    padding-right: 20px;
}

.gdj-contact-label {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--gdj-gold);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 3px;
}

.gdj-contact-info-wrapper h2 {
    margin: 5px 0 18px;
    color: var(--gdj-maroon);
    font-family: "DM Serif Display", serif;
    font-size: clamp(38px, 4vw, 54px);
    line-height: 1.1;
}

.gdj-contact-info-wrapper h2 span {
    display: block;
    color: var(--gdj-gold);
}

.gdj-contact-info-wrapper>p {
    margin-bottom: 30px;
    color: var(--gdj-text);
    font-size: 13px;
    line-height: 1.8;
}

.gdj-contact-info-card {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 18px;
    margin-bottom: 13px;
    border: 1px solid rgba(75, 23, 16, .1);
    border-radius: 14px;
    background: rgba(255, 255, 255, .7);
    text-decoration: none;
    transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}

.gdj-contact-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.gdj-contact-info-icon {
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--gdj-maroon);
    color: var(--gdj-gold-light);
    font-size: 18px;
}

.gdj-contact-info-card h4 {
    margin: 0 25px 4px 0;
    color: var(--gdj-maroon);
    font-family: "DM Serif Display", serif;
    font-size: 19px;
}

.gdj-contact-info-card small {
    display: block;
    margin-bottom: 3px;
    color: var(--gdj-gold);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 2px;
}

.gdj-contact-info-card span {
    display: block;
    max-width: 300px;
    color: #806e65;
    font-size: 11px;
    line-height: 1.5;
}

.gdj-contact-card-arrow {
    position: absolute;
    top: 18px;
    right: 18px;
    color: var(--gdj-gold);
}

.gdj-contact-form-wrapper {
    position: relative;
    padding: 40px;
    border: 1px solid rgba(200, 155, 60, .28);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 20px 55px rgba(75, 23, 16, .08);
}

.gdj-contact-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.gdj-contact-form-heading {
    margin-bottom: 28px;
}

.gdj-contact-form-heading>span {
    color: var(--gdj-gold);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 2px;
}

.gdj-contact-form-heading h2 {
    margin: 6px 0;
    color: var(--gdj-maroon);
    font-family: "DM Serif Display", serif;
    font-size: 34px;
}

.gdj-contact-form-heading p {
    margin: 0;
    color: #806e65;
    font-size: 12px;
}

.gdj-form-group label {
    display: block;
    margin-bottom: 7px;
    color: var(--gdj-maroon);
    font-size: 11px;
    font-weight: 700;
}

.gdj-input-wrap input,
.gdj-input-wrap select,
.gdj-input-wrap textarea {
    width: 100%;
    padding: 13px 14px 13px 42px;
    border: 1px solid rgba(75, 23, 16, .13);
    border-radius: 10px;
    outline: none;
    background: #fffdf9;
    color: #4d3b34;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    transition: border-color .3s ease, box-shadow .3s ease;
}

.gdj-input-wrap {
    position: relative;
}

.gdj-input-wrap>i {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 14px;
    color: var(--gdj-gold);
    transform: translateY(-50%);
}

.gdj-form-check label {
    color: #75645c;
    font-size: 10px;
}

.gdj-contact-submit:hover {
    background: var(--gdj-dark);
    transform: translateY(-3px);
}

.gdj-contact-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 170px;
    padding: 14px 24px;
    border: 0;
    border-radius: 50px;
    background: var(--gdj-maroon);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    transition: .35s ease;
}

.gdj-contact-submit:hover {
    background: #4b1710;
    transform: translateY(-3px);
}

.gdj-form-success {

    display: none;

    align-items: center;

    gap: 8px;

    padding: 12px 15px;

    border-radius: 8px;

    background: #edf8ef;

    color: #26733a;

    font-size: 11px;

}


.gdj-form-success.show {

    display: flex;

}


.gdj-terms-intro {

    display: flex;

    align-items: flex-start;

    gap: 18px;

    padding: 25px;

    margin-bottom: 45px;

    border:
        1px solid rgba(200, 155, 60, .3);

    border-radius: 16px;

    background: #fff;

    box-shadow:
        0 10px 30px rgba(75, 23, 16, .04);

}


.gdj-terms-intro-icon {

    flex: 0 0 auto;

    width: 48px;
    height: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: var(--gdj-maroon);

    color: var(--gdj-gold-light);

    font-size: 21px;

}


.gdj-terms-intro strong {

    display: block;

    margin-bottom: 5px;

    color: var(--gdj-maroon);

    font-family:
        "DM Serif Display", serif;

    font-size: 21px;

}


.gdj-terms-intro p {

    margin: 0;

    color: var(--gdj-text);

    font-size: 12px;

    line-height: 1.7;

}

.gdj-terms-section {

    position: relative;

    display: grid;

    grid-template-columns: 58px 1fr;

    gap: 20px;

    padding: 0 0 42px;

    margin-bottom: 42px;

    border-bottom:
        1px solid rgba(75, 23, 16, .09);

}


.gdj-terms-number {

    width: 45px;
    height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    border:
        1px solid rgba(200, 155, 60, .5);

    border-radius: 50%;

    background:
        rgba(200, 155, 60, .08);

    color: var(--gdj-gold);

    font-size: 10px;

    font-weight: 800;

}


.gdj-terms-section h2 {

    margin: 0 0 15px;

    color: var(--gdj-maroon);

    font-family:
        "DM Serif Display", serif;

    font-size: 30px;

    line-height: 1.2;

}


.gdj-terms-section p {

    margin: 0 0 13px;

    color: var(--gdj-text);

    font-size: 14px;

    line-height: 1.9;

}


.gdj-terms-section ul {

    margin: 15px 0 15px;

    padding-left: 20px;

}


.gdj-terms-section li {

    margin-bottom: 9px;

    padding-left: 5px;

    color: var(--gdj-text);

    font-size: 14px;

    line-height: 1.7;

}


.gdj-terms-section li::marker {

    color: var(--gdj-gold);

}


/* =========================================================
   NOTE BOX
========================================================= */

.gdj-terms-note {

    display: flex;

    align-items: flex-start;

    gap: 12px;

    padding: 15px 17px;

    margin-top: 20px;

    border-left:
        3px solid var(--gdj-gold);

    border-radius: 7px;

    background:
        rgba(200, 155, 60, .08);

}


.gdj-terms-note i {

    flex: 0 0 auto;

    color: var(--gdj-gold);

}


.gdj-terms-note span {

    color: #69564e;

    font-size: 14px;

    line-height: 1.7;

}


/* =========================================================
   POTLI LIST
========================================================= */

.gdj-potli-list {

    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 8px;

    margin: 18px 0 20px;

}


.gdj-potli-list span {

    position: relative;

    padding: 11px 12px 11px 30px;

    border:
        1px solid rgba(75, 23, 16, .1);

    border-radius: 8px;

    background: #fff;

    color: var(--gdj-maroon);

    font-size: 14px;

    font-weight: 600;

}


.gdj-potli-list span::before {

    content: "✦";

    position: absolute;

    left: 12px;

    color: var(--gdj-gold);

}


/* =========================================================
   CONTACT BOX
========================================================= */

.gdj-terms-contact {

    display: flex;

    align-items: flex-start;

    gap: 20px;

    padding: 30px;

    margin-top: 15px;

    border-radius: 18px;

    background: var(--gdj-maroon);

    box-shadow:
        0 15px 40px rgba(75, 23, 16, .12);

}


.gdj-terms-contact-icon {

    flex: 0 0 auto;

    width: 55px;
    height: 55px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background:
        rgba(255, 255, 255, .08);

    color: var(--gdj-gold-light);

    font-size: 22px;

}


.gdj-terms-contact>div:last-child {

    flex: 1;

}


.gdj-terms-contact>div:last-child>span {

    color: var(--gdj-gold-light);

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 2px;

}


.gdj-terms-contact h2 {

    margin: 6px 0 8px;

    color: #fff;

    font-family:
        "DM Serif Display", serif;

    font-size: 28px;

}


.gdj-terms-contact p {

    margin: 0 0 18px;

    color:
        rgba(255, 255, 255, .65);

    font-size: 11px;

    line-height: 1.7;

}


.gdj-terms-contact-details {

    display: flex;

    flex-wrap: wrap;

    gap: 15px 25px;

}


.gdj-terms-contact-details a,
.gdj-terms-contact-details span {

    display: flex;

    align-items: center;

    gap: 7px;

    color:
        rgba(255, 255, 255, .8);

    font-size: 10px;

    text-decoration: none;

}


.gdj-terms-contact-details i {

    color: var(--gdj-gold-light);

}


/* =========================================================
   UPDATED
========================================================= */

.gdj-terms-updated {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    margin-top: 35px;

    color: #89756b;

    font-size: 9px;

}


.gdj-terms-updated i {

    color: var(--gdj-gold);

}


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

@media (max-width: 991px) {

    .gdj-terms-page {

        padding: 65px 0 80px;

    }


    .gdj-terms-sidebar {

        position: relative;

        top: auto;

        margin-bottom: 25px;

    }


    .gdj-terms-sidebar-inner {

        display: flex;

        align-items: center;

        flex-wrap: wrap;

        gap: 4px;

    }


    .gdj-terms-sidebar-inner>span {

        width: 100%;

    }


    .gdj-terms-nav {

        flex: 0 0 auto;

    }

}


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

@media (max-width: 767px) {

    .gdj-terms-banner {

        min-height: 320px;

    }


    .gdj-terms-banner-overlay {

        background:
            rgba(251, 245, 232, .9);

    }


    .gdj-terms-banner-content {

        padding: 60px 0;

    }


    .gdj-terms-banner h1 {

        font-size: 45px;

    }


    .gdj-terms-page {

        padding: 50px 0 65px;

    }


    .gdj-terms-sidebar-inner {

        padding: 18px 12px;

    }


    .gdj-terms-nav {

        font-size: 10px;

        padding: 9px;

    }


    .gdj-terms-intro {

        padding: 20px;

        gap: 13px;

    }


    .gdj-terms-intro strong {

        font-size: 18px;

    }


    .gdj-terms-section {

        grid-template-columns: 1fr;

        gap: 13px;

        padding-bottom: 30px;

        margin-bottom: 30px;

    }


    .gdj-terms-number {

        width: 40px;
        height: 40px;

    }


    .gdj-terms-section h2 {

        font-size: 27px;

    }


    .gdj-potli-list {

        grid-template-columns: 1fr;

    }


    .gdj-terms-contact {

        flex-direction: column;

        padding: 25px 20px;

    }


    .gdj-terms-contact h2 {

        font-size: 25px;

    }

}


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

@media (max-width: 480px) {

    .gdj-terms-banner h1 {

        font-size: 38px;

    }


    .gdj-terms-breadcrumb {

        font-size: 11px;

    }


    .gdj-terms-sidebar-inner {

        display: block;

    }


    .gdj-terms-nav {

        display: inline-flex;

        margin: 2px 0;

    }


    .gdj-terms-intro {

        display: block;

    }


    .gdj-terms-intro-icon {

        margin-bottom: 13px;

    }


    .gdj-terms-section p,
    .gdj-terms-section li {

        font-size: 11px;

    }

}

.gdj-traditional-heading {

    margin-bottom: 70px;

}

.gdj-traditional-eyebrow {

    display: inline-flex;

    align-items: center;
    gap: 8px;

    margin-bottom: 18px;

    color: var(--gdj-gold);

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 2.5px;
    text-transform: uppercase;

}

.gdj-traditional {
    --gdj-maroon: #4B1710;
    --gdj-maroon-dark: #28100C;
    --gdj-gold: #C89B3C;
    --gdj-gold-light: #E5C875;
    --gdj-cream: #FBF5E8;
    --gdj-white: #ffffff;
    --gdj-text: #59433d;
    --gdj-border: rgba(75, 23, 16, 0.12);
    position: relative;
    overflow: hidden;
    padding: 110px 0;
    background: #4B1710;
    color: var(--gdj-text);
}

.gdj-traditional-heading h2 {
    margin: 0 0 20px;
    color: var(--gdj-cream);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: clamp(36px, 4vw, 58px);
    line-height: 1.15;
}

.gdj-traditional-heading h2 span {
    display: block;
    color: var(--gdj-gold-light);
}

.gdj-traditional-heading p {
    max-width: 760px;
    margin: auto;
    color: #FBF5E8;
    font-size: 16px;
    line-height: 1.9;
}

.gdj-traditional .reveal.active {
    opacity: 1;
    transform: translateY(0);
}

.gdj-traditional-small-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
    color: var(--gdj-gold);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.gdj-traditional-content h3 {
    max-width: 650px;
    margin: 0 0 18px;
    color: #FBF5E8;
    font-family: "DM Serif Display", Georgia, serif;
    font-size: clamp(30px, 3vw, 45px);
    line-height: 1.2;
}

.gdj-traditional-intro {
    max-width: 680px;
    margin-bottom: 30px;
    color: #fbf5e8;
    font-size: 15px;
    line-height: 1.85;
}

.gdj-traditional-card:hover {
    transform: translateY(-6px);
    border-color: rgba(200, 155, 60, 0.40);
    box-shadow: 0 18px 35px rgba(75, 23, 16, 0.09);
}

.gdj-traditional-card {
    position: relative;
    display: flex;
    gap: 14px;
    padding: 22px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.70);
    border: 1px solid var(--gdj-border);
    border-radius: 12px;
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.gdj-traditional-card-number {
    position: absolute;
    top: 10px;
    right: 15px;
    color: rgba(75, 23, 16, 0.07);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 35px;
}

.gdj-traditional-card-icon {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--gdj-maroon);
    color: var(--gdj-gold-light);
    font-size: 18px;
    transition: transform .35s ease, background .35s ease;
}

.gdj-traditional-card-content h4 {
    margin: 0 0 7px;
    color: var(--gdj-maroon);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 19px;
}

.gdj-traditional-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.gdj-traditional-card-content p {
    margin: 0;
    color: #78655f;
    font-size: 12px;
    line-height: 1.65;
}

.gdj-traditional-actions {

    display: flex;

    align-items: center;

    gap: 25px;

    margin-top: 28px;

}

.gdj-traditional-btn {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 13px 22px;

    background: #C89B3C;

    border: 1px solid #C89B3C;

    border-radius: 5px;

    color: #fff;

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

    text-decoration: none;

    transition: all .3s ease;

}

.gdj-traditional-btn:hover {

    background: var(--gdj-gold);

    border-color: var(--gdj-gold);

    color: var(--gdj-maroon-dark);

    transform: translateY(-2px);

}

.gdj-traditional-text-link {

    display: inline-flex;

    align-items: center;

    gap: 7px;

    color: #C89B3C;

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

    text-decoration: none;

}

.gdj-traditional-text-link:hover {

    color: var(--gdj-gold);

}

.gdj-traditional-visual {

    position: relative;

    min-height: 570px;

    display: flex;

    align-items: center;

    justify-content: center;

}


/* Image */

.gdj-traditional-image-wrap {

    position: relative;

    width: 85%;
    height: 600px;

    overflow: hidden;

    border-radius: 160px 160px 25px 25px;

    border: 8px solid rgba(255, 255, 255, 0.75);

    box-shadow:
        0 25px 60px rgba(40, 16, 12, 0.16);

}

.gdj-traditional-image {

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform 1s ease;

}

.gdj-traditional-visual:hover .gdj-traditional-image {

    transform: scale(1.06);

}

.gdj-traditional-image-overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(to top,
            rgba(40, 16, 12, 0.40),
            transparent 55%);

}


/* =========================================================
   MANDALA
========================================================= */

.gdj-traditional-mandala {

    position: absolute;

    width: 185px;
    height: 185px;

    left: -5px;
    bottom: 25px;

    display: flex;

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

    border-radius: 50%;

    background: var(--gdj-maroon);

    box-shadow:
        0 20px 40px rgba(75, 23, 16, 0.25);

}

.gdj-traditional-mandala-ring {

    position: absolute;

    border: 1px solid rgba(200, 155, 60, 0.6);

    border-radius: 50%;

}

.ring-one {

    width: 145px;
    height: 145px;

}

.ring-two {

    width: 115px;
    height: 115px;

    border-style: dashed;

}

.ring-three {

    width: 85px;
    height: 85px;

}

.gdj-traditional-om {

    position: relative;
    z-index: 2;

    color: var(--gdj-gold-light);

    font-family: serif;

    font-size: 55px;

}


/* =========================================================
   FLOATING BADGE
========================================================= */

.gdj-traditional-badge {

    position: absolute;

    top: 60px;
    right: 0;

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 14px 20px;

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

    border: 1px solid rgba(200, 155, 60, 0.35);

    border-radius: 10px;

    box-shadow:
        0 15px 35px rgba(40, 16, 12, 0.12);

    animation: gdjBadgeFloat 4s ease-in-out infinite;

}

.gdj-traditional-badge-icon {

    width: 40px;
    height: 40px;

    display: flex;

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

    border-radius: 50%;

    background: rgba(200, 155, 60, 0.15);

    color: var(--gdj-gold);

}

.gdj-traditional-badge strong {

    display: block;

    color: var(--gdj-maroon);

    font-size: 13px;

}

.gdj-traditional-badge small {

    color: #806e68;

    font-size: 11px;

}

@keyframes gdjBadgeFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }

}


.gdj-traditional .reveal {
    opacity: 0;
    transform: translateY(35px);
    transition: opacity .8s ease, transform .8s ease;
}

.gdj-terms-section ul {
    text-decoration-style: solid;
    color: #c89b3c !important;
    list-style: disc;
}

/* =========================================================
   SHRI KUBER NIDHI POTLI - PRODUCT DETAIL PAGE
   Prefix: gdj-kuber-
========================================================= */

:root {
    --gdj-kuber-maroon: #4B1710;
    --gdj-kuber-maroon-dark: #28100C;
    --gdj-kuber-gold: #C89B3C;
    --gdj-kuber-gold-light: #e4c46d;
    --gdj-kuber-cream: #FBF5E8;
    --gdj-kuber-white: #ffffff;
    --gdj-kuber-text: #4a3029;
    --gdj-kuber-border: rgba(75, 23, 16, 0.12);
}

/* =========================================================
   GLOBAL
========================================================= */

.gdj-kuber-page {
    background: var(--gdj-kuber-cream);
    color: var(--gdj-kuber-text);
    overflow: hidden;
}

.gdj-kuber-page *,
.gdj-kuber-page *::before,
.gdj-kuber-page *::after {
    box-sizing: border-box;
}

.gdj-kuber-page a {
    text-decoration: none;
}

/* =========================================================
   BREADCRUMB HERO
========================================================= */

.gdj-kuber-banner {
    position: relative;
    min-height: 330px;
    display: flex;
    align-items: center;
    background:
        linear-gradient(135deg,
            rgba(40, 16, 12, 0.97),
            rgba(75, 23, 16, 0.91)),
        url("../../assets/images/about-banner.jpg") center/cover no-repeat;
    overflow: hidden;
}

.gdj-kuber-banner::before {
    content: "";
    position: absolute;
    width: 430px;
    height: 430px;
    border: 1px solid rgba(200, 155, 60, 0.25);
    border-radius: 50%;
    right: -120px;
    top: -100px;
}

.gdj-kuber-banner::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    border: 1px solid rgba(200, 155, 60, 0.18);
    border-radius: 50%;
    left: -130px;
    bottom: -150px;
}

.gdj-kuber-banner-content {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 80px 0;
    text-align: center;
}

.gdj-kuber-breadcrumb {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 14px;
}

.gdj-kuber-breadcrumb a {
    color: var(--gdj-kuber-gold-light);
}

.gdj-kuber-banner h1 {
    margin: 0;
    color: #fff;
    font-family: "DM Serif Display", Georgia, serif;
    font-size: clamp(42px, 6vw, 72px);
    line-height: 1.05;
}

.gdj-kuber-banner-subtitle {
    max-width: 700px;
    margin: 18px auto 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 16px;
    line-height: 1.8;
}

/* =========================================================
   PRODUCT OVERVIEW
========================================================= */

.gdj-kuber-overview {
    padding: 100px 0;
    position: relative;
}

.gdj-kuber-product-image-wrap {
    position: relative;
    padding: 25px;
}

.gdj-kuber-product-image-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid rgba(200, 155, 60, 0.5);
    transform: rotate(-2deg);
    border-radius: 25px;
}

.gdj-kuber-product-image-wrap::after {
    content: "";
    position: absolute;
    inset: 18px;
    border: 1px solid rgba(200, 155, 60, 0.22);
    border-radius: 22px;
}

.gdj-kuber-product-image-box {
    position: relative;
    z-index: 2;
    overflow: hidden;
    border-radius: 20px;
    background: #eee2cc;
    box-shadow: 0 25px 70px rgba(40, 16, 12, 0.18);
}

.gdj-kuber-product-image {
    display: block;
    width: 100%;
    height: 560px;
    object-fit: cover;
    transition: transform 0.8s ease;
}

.gdj-kuber-product-image-box:hover .gdj-kuber-product-image {
    transform: scale(1.045);
}

.gdj-kuber-image-badge {
    position: absolute;
    z-index: 4;
    left: 20px;
    bottom: 20px;
    padding: 11px 18px;
    border-radius: 50px;
    background: var(--gdj-kuber-maroon);
    color: #fff;
    font-size: 13px;
    letter-spacing: .5px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
}

.gdj-kuber-product-info {
    padding: 20px 0 20px 35px;
}

.gdj-kuber-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--gdj-kuber-gold);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 15px;
}

.gdj-kuber-eyebrow::before {
    content: "";
    width: 35px;
    height: 1px;
    background: var(--gdj-kuber-gold);
}

.gdj-kuber-product-info h2 {
    margin: 0 0 18px;
    color: var(--gdj-kuber-maroon);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: clamp(38px, 4vw, 58px);
    line-height: 1.1;
}

.gdj-kuber-intro {
    font-size: 17px;
    line-height: 1.9;
    color: #654b43;
    margin-bottom: 28px;
}

.gdj-kuber-price-box {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 18px 22px;
    margin-bottom: 28px;
    border: 1px solid rgba(200, 155, 60, .35);
    background: rgba(255, 255, 255, .55);
    border-radius: 14px;
}

.gdj-kuber-price-label {
    font-size: 13px;
    color: #806b61;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.gdj-kuber-price {
    color: var(--gdj-kuber-maroon);
    font-size: 30px;
    font-weight: 800;
}

.gdj-kuber-info-list {
    display: grid;
    gap: 13px;
    margin-bottom: 30px;
}

.gdj-kuber-info-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 15px;
    line-height: 1.6;
}

.gdj-kuber-info-item i {
    flex-shrink: 0;
    width: 27px;
    height: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: rgba(200, 155, 60, .16);
    color: var(--gdj-kuber-gold);
}

.gdj-kuber-contact-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 15px 27px;
    border-radius: 50px;
    background: var(--gdj-kuber-maroon);
    color: #fff;
    font-weight: 700;
    transition: .3s ease;
}

.gdj-kuber-contact-btn:hover {
    background: var(--gdj-kuber-gold);
    color: var(--gdj-kuber-maroon-dark);
    transform: translateY(-3px);
}

/* =========================================================
   SECTION COMMON
========================================================= */

.gdj-kuber-section {
    padding: 95px 0;
}

.gdj-kuber-section-alt {
    background: #fffaf0;
}

.gdj-kuber-section-heading {
    max-width: 760px;
    margin: 0 auto 55px;
    text-align: center;
}

.gdj-kuber-section-heading span {
    display: inline-block;
    color: var(--gdj-kuber-gold);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-weight: 800;
    margin-bottom: 12px;
}

.gdj-kuber-section-heading h2 {
    margin: 0 0 16px;
    color: var(--gdj-kuber-maroon);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: clamp(34px, 4vw, 50px);
}

.gdj-kuber-section-heading p {
    margin: 0;
    color: #6b554d;
    line-height: 1.85;
}

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

.gdj-kuber-content-card {
    height: 100%;
    padding: 35px;
    background: #fff;
    border: 1px solid var(--gdj-kuber-border);
    border-radius: 20px;
    transition: .35s ease;
    position: relative;
    overflow: hidden;
}

.gdj-kuber-content-card::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    border: 1px solid rgba(200, 155, 60, .15);
    border-radius: 50%;
    right: -45px;
    top: -45px;
}

.gdj-kuber-content-card:hover {
    transform: translateY(-8px);
    border-color: rgba(200, 155, 60, .55);
    box-shadow: 0 20px 45px rgba(75, 23, 16, .10);
}

.gdj-kuber-card-icon {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    border-radius: 16px;
    background: var(--gdj-kuber-maroon);
    color: var(--gdj-kuber-gold-light);
    font-size: 25px;
}

.gdj-kuber-content-card h3 {
    color: var(--gdj-kuber-maroon);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 27px;
    margin-bottom: 15px;
}

.gdj-kuber-content-card p {
    color: #6b554d;
    font-size: 15px;
    line-height: 1.85;
    margin: 0;
}

/* =========================================================
   VERIFIED INFORMATION NOTICE
========================================================= */

.gdj-kuber-notice {
    margin-top: 30px;
    padding: 25px 28px;
    border-left: 4px solid var(--gdj-kuber-gold);
    border-radius: 12px;
    background: rgba(200, 155, 60, .09);
}

.gdj-kuber-notice-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    color: var(--gdj-kuber-maroon);
    font-weight: 800;
}

.gdj-kuber-notice p {
    margin: 0;
    color: #6b554d;
    font-size: 14px;
    line-height: 1.8;
}

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

.gdj-kuber-list {
    display: grid;
    gap: 14px;
}

.gdj-kuber-list-item {
    display: flex;
    gap: 14px;
    padding: 17px 18px;
    background: #fff;
    border: 1px solid rgba(75, 23, 16, .08);
    border-radius: 12px;
}

.gdj-kuber-list-item i {
    color: var(--gdj-kuber-gold);
    font-size: 19px;
}

.gdj-kuber-list-item span {
    color: #614b43;
    line-height: 1.65;
}

/* =========================================================
   PROCESS TIMELINE
========================================================= */

.gdj-kuber-process {
    position: relative;
    max-width: 900px;
    margin: auto;
}

.gdj-kuber-process::before {
    content: "";
    position: absolute;
    left: 29px;
    top: 20px;
    bottom: 20px;
    width: 1px;
    background: linear-gradient(to bottom,
            var(--gdj-kuber-gold),
            rgba(200, 155, 60, .15));
}

.gdj-kuber-process-item {
    position: relative;
    display: flex;
    gap: 25px;
    margin-bottom: 30px;
}

.gdj-kuber-process-number {
    position: relative;
    z-index: 2;
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--gdj-kuber-maroon);
    border: 5px solid var(--gdj-kuber-cream);
    color: var(--gdj-kuber-gold-light);
    font-weight: 800;
}

.gdj-kuber-process-content {
    flex: 1;
    padding: 5px 0 25px;
}

.gdj-kuber-process-content h3 {
    margin-bottom: 9px;
    color: var(--gdj-kuber-maroon);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 25px;
}

.gdj-kuber-process-content p {
    margin: 0;
    color: #6b554d;
    line-height: 1.8;
}

/* =========================================================
   MRP HIGHLIGHT
========================================================= */

.gdj-kuber-mrp-section {
    position: relative;
    padding: 70px 0;
    background:
        linear-gradient(120deg,
            rgba(40, 16, 12, .97),
            rgba(75, 23, 16, .94)),
        url("../../assets/images/about-banner.jpg") center/cover;
}

.gdj-kuber-mrp-box {
    max-width: 900px;
    margin: auto;
    padding: 50px;
    text-align: center;
    border: 1px solid rgba(200, 155, 60, .4);
    border-radius: 25px;
    background: rgba(255, 255, 255, .035);
}

.gdj-kuber-mrp-box span {
    display: block;
    margin-bottom: 12px;
    color: var(--gdj-kuber-gold-light);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
}

.gdj-kuber-mrp-box h2 {
    margin: 0;
    color: #fff;
    font-family: "DM Serif Display", Georgia, serif;
    font-size: clamp(40px, 5vw, 65px);
}

.gdj-kuber-mrp-box p {
    max-width: 650px;
    margin: 15px auto 0;
    color: rgba(255, 255, 255, .72);
    line-height: 1.8;
}

/* =========================================================
   FAQ
========================================================= */

.gdj-kuber-faq-wrap {
    max-width: 900px;
    margin: auto;
}

.gdj-kuber-faq-item {
    margin-bottom: 14px;
    border: 1px solid rgba(75, 23, 16, .10);
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
}

.gdj-kuber-faq-button {
    width: 100%;
    border: 0;
    background: #fff;
    padding: 21px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    color: var(--gdj-kuber-maroon);
    font-weight: 700;
    font-size: 16px;
}

.gdj-kuber-faq-button i {
    transition: .3s ease;
    color: var(--gdj-kuber-gold);
}

.gdj-kuber-faq-button[aria-expanded="true"] i {
    transform: rotate(180deg);
}

.gdj-kuber-faq-answer {
    padding: 0 25px 22px;
    color: #6b554d;
    line-height: 1.85;
    font-size: 15px;
}

/* =========================================================
   CTA
========================================================= */

.gdj-kuber-cta {
    padding: 90px 0;
    background: #fffaf0;
}

.gdj-kuber-cta-box {
    position: relative;
    overflow: hidden;
    padding: 65px 40px;
    text-align: center;
    border-radius: 28px;
    background: var(--gdj-kuber-maroon);
}

.gdj-kuber-cta-box::before,
.gdj-kuber-cta-box::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(200, 155, 60, .25);
    border-radius: 50%;
}

.gdj-kuber-cta-box::before {
    width: 300px;
    height: 300px;
    left: -140px;
    top: -150px;
}

.gdj-kuber-cta-box::after {
    width: 250px;
    height: 250px;
    right: -120px;
    bottom: -130px;
}

.gdj-kuber-cta-content {
    position: relative;
    z-index: 2;
}

.gdj-kuber-cta-content span {
    color: var(--gdj-kuber-gold-light);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 800;
}

.gdj-kuber-cta-content h2 {
    margin: 12px 0 14px;
    color: #fff;
    font-family: "DM Serif Display", Georgia, serif;
    font-size: clamp(32px, 4vw, 48px);
}

.gdj-kuber-cta-content p {
    max-width: 650px;
    margin: 0 auto 28px;
    color: rgba(255, 255, 255, .74);
    line-height: 1.8;
}

.gdj-kuber-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 15px 28px;
    border-radius: 50px;
    background: var(--gdj-kuber-gold);
    color: var(--gdj-kuber-maroon-dark);
    font-weight: 800;
    transition: .3s ease;
}

.gdj-kuber-cta-btn:hover {
    background: #fff;
    color: var(--gdj-kuber-maroon);
    transform: translateY(-3px);
}

/* =========================================================
   SCROLL REVEAL
========================================================= */

.gdj-kuber-reveal {
    opacity: 0;
    transform: translateY(35px);
    transition: opacity .8s ease, transform .8s ease;
}

.gdj-kuber-reveal.gdj-kuber-show {
    opacity: 1;
    transform: translateY(0);
}

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

@media (max-width: 991px) {

    .gdj-kuber-overview {
        padding: 75px 0;
    }

    .gdj-kuber-product-info {
        padding: 45px 0 0;
    }

    .gdj-kuber-product-image {
        height: 500px;
    }

    .gdj-kuber-section {
        padding: 75px 0;
    }
}

@media (max-width: 767px) {

    .gdj-kuber-banner {
        min-height: 280px;
    }

    .gdj-kuber-banner-content {
        padding: 65px 15px;
    }

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

    .gdj-kuber-overview {
        padding: 60px 0;
    }

    .gdj-kuber-product-image-wrap {
        padding: 15px;
    }

    .gdj-kuber-product-image {
        height: 430px;
    }

    .gdj-kuber-product-info {
        padding-top: 35px;
    }

    .gdj-kuber-product-info h2 {
        font-size: 40px;
    }

    .gdj-kuber-section {
        padding: 60px 0;
    }

    .gdj-kuber-content-card {
        padding: 28px;
    }

    .gdj-kuber-process::before {
        left: 24px;
    }

    .gdj-kuber-process-number {
        flex-basis: 48px;
        width: 48px;
        height: 48px;
    }

    .gdj-kuber-process-item {
        gap: 16px;
    }

    .gdj-kuber-mrp-box {
        padding: 40px 22px;
    }

    .gdj-kuber-cta-box {
        padding: 50px 22px;
    }
}

@media (max-width: 480px) {

    .gdj-kuber-banner h1 {
        font-size: 35px;
    }

    .gdj-kuber-banner-subtitle {
        font-size: 14px;
    }

    .gdj-kuber-product-image {
        height: 370px;
    }

    .gdj-kuber-product-info h2 {
        font-size: 34px;
    }

    .gdj-kuber-intro {
        font-size: 15px;
    }

    .gdj-kuber-price-box {
        display: block;
    }

    .gdj-kuber-price {
        display: block;
        margin-top: 5px;
    }

    .gdj-kuber-section-heading h2 {
        font-size: 34px;
    }

    .gdj-kuber-faq-button {
        padding: 18px;
        font-size: 15px;
        gap: 15px;
    }

    .gdj-kuber-faq-answer {
        padding: 0 18px 20px;
    }
}

@media (prefers-reduced-motion: reduce) {

    .gdj-kuber-reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .gdj-kuber-product-image,
    .gdj-kuber-content-card,
    .gdj-kuber-contact-btn,
    .gdj-kuber-cta-btn {
        transition: none;
    }
}

.gdj-jyotish-related {
    padding: 105px 0;
    background: #fbf5e8;
}

.gdj-jyotish-container {
    max-width: 1180px;
    margin: auto;
}

.gdj-jyotish-reveal.gdj-jyotish-show {
    opacity: 1;
    transform: translateY(0);
}

.gdj-jyotish-reveal {
    opacity: 0;
    transform: translateY(35px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.gdj-jyotish-heading {
    max-width: 720px;
    margin: 0 auto 55px;
    text-align: center;
}

.gdj-jyotish-section-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--gdj-jyotish-gold);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.gdj-jyotish-heading h2 {
    font-size: clamp(36px, 4vw, 55px);
    color: #4b1710;
    margin: 10px 0 18px;
}

.gdj-jyotish-related-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

@media (max-width: 991px) {
    .gdj-jyotish-related-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 767px) {

    .gdj-jyotish-concept-grid,
    .gdj-jyotish-related-grid {
        grid-template-columns: 1fr;
    }
}.gdj-jyotish-foundation {
    padding: 90px 0;
}
.gdj-jyotish-foundation, .gdj-jyotish-cta {
    position: relative;
    background: #4b1710;
    overflow: hidden;
}

/* =========================================================
   EXISTING GDJ THEME + BOOTSTRAP COMPATIBLE
========================================================= */

.gdj-jyotish-page {
    overflow: hidden;
    background: #fbf5e8;
    color: #28100c;
}

.gdj-section-space {
    padding: 95px 0;
}


/* =========================
   BANNER
========================= */

.gdj-page-banner {
    position: relative;
    min-height: 430px;
    display: flex;
    align-items: center;
    background:
        url("../assets/images/about-banner.jpg")
        center center / cover no-repeat;
}

.gdj-page-banner-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(40,16,12,.94),
            rgba(75,23,16,.78),
            rgba(40,16,12,.68)
        );
}

.gdj-page-title {
    color: #fff;
    font-family: "DM Serif Display", serif;
    font-size: clamp(48px, 7vw, 82px);
    margin: 15px 0;
}

.gdj-page-subtitle {
    color: rgba(255,255,255,.85);
    max-width: 700px;
    margin: auto;
    font-size: 17px;
    line-height: 1.8;
}

.gdj-breadcrumb {
    margin-top: 25px;
}

.gdj-breadcrumb a,
.gdj-breadcrumb .active {
    color: #c89b3c;
    text-decoration: none;
}


/* =========================
   COMMON TITLES
========================= */

.gdj-section-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #c89b3c;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.gdj-section-title {
    color: #4b1710;
    font-family: "DM Serif Display", serif;
    font-size: clamp(34px, 4vw, 50px);
    line-height: 1.15;
    margin: 15px 0;
}

.gdj-section-title span {
    color: #c89b3c;
}

.gdj-title-line {
    width: 75px;
    height: 3px;
    background: #c89b3c;
    margin: 20px 0 25px;
}

.gdj-section-description {
    color: #6d554f;
    line-height: 1.8;
}


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

.gdj-jyotish-image-wrap {
    position: relative;
    padding: 20px;
}

.gdj-jyotish-main-image {
    width: 100%;
    min-height: 480px;
    object-fit: cover;
    border-radius: 8px;
    position: relative;
    z-index: 2;
    box-shadow: 0 25px 60px rgba(40,16,12,.16);
}

.gdj-jyotish-image-frame {
    position: absolute;
    width: 80%;
    height: 80%;
    right: 0;
    bottom: 0;
    border: 2px solid #c89b3c;
    border-radius: 8px;
}

.gdj-jyotish-om-badge {
    position: absolute;
    z-index: 3;
    left: -5px;
    bottom: 35px;
    width: 75px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #4b1710;
    color: #c89b3c;
    font-size: 35px;
    border: 2px solid #c89b3c;
    box-shadow: 0 12px 30px rgba(40,16,12,.25);
}

.gdj-jyotish-text {
    color: #6d554f;
    line-height: 1.85;
    margin-bottom: 15px;
}


/* =========================
   MINI CARDS
========================= */

.gdj-jyotish-mini-card {
    height: 100%;
    display: flex;
    gap: 14px;
    padding: 18px;
    border: 1px solid rgba(75,23,16,.1);
    background: rgba(255,255,255,.55);
    border-radius: 10px;
    transition: .35s ease;
}

.gdj-jyotish-mini-card:hover {
    transform: translateY(-5px);
    border-color: #c89b3c;
}

.gdj-jyotish-mini-card > i {
    color: #c89b3c;
    font-size: 26px;
}

.gdj-jyotish-mini-card h5 {
    color: #4b1710;
    font-size: 16px;
    margin-bottom: 5px;
}

.gdj-jyotish-mini-card p {
    margin: 0;
    color: #765f58;
    font-size: 13px;
    line-height: 1.6;
}


/* =========================
   CONCEPTS
========================= */

.gdj-jyotish-concepts {
    background: #fffaf0;
}

.gdj-jyotish-concept-card {
    height: 100%;
    position: relative;
    padding: 38px 30px 30px;
    background: #fff;
    border: 1px solid rgba(75,23,16,.1);
    border-radius: 12px;
    overflow: hidden;
    transition: .4s ease;
}

.gdj-jyotish-concept-card::after {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    right: -50px;
    bottom: -50px;
    border: 1px solid rgba(200,155,60,.3);
    border-radius: 50%;
}

.gdj-jyotish-concept-card:hover {
    transform: translateY(-9px);
    border-color: #c89b3c;
    box-shadow: 0 20px 45px rgba(40,16,12,.12);
}

.gdj-concept-number {
    position: absolute;
    top: 18px;
    right: 22px;
    color: rgba(200,155,60,.35);
    font-size: 14px;
    font-weight: 700;
}

.gdj-concept-icon {
    width: 62px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #4b1710;
    color: #c89b3c;
    border-radius: 50%;
    font-size: 25px;
    margin-bottom: 22px;
    transition: .4s ease;
}

.gdj-jyotish-concept-card:hover .gdj-concept-icon {
    transform: rotateY(180deg);
}

.gdj-jyotish-concept-card h3 {
    color: #4b1710;
    font-family: "DM Serif Display", serif;
    font-size: 27px;
}

.gdj-jyotish-concept-card p {
    color: #705b55;
    line-height: 1.75;
    font-size: 14px;
}

.gdj-concept-link {
    color: #4b1710;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    display: none;
}

.gdj-concept-link i {
    color: #c89b3c;
    margin-left: 5px;
    transition: .3s ease;
}

.gdj-concept-link:hover i {
    margin-left: 10px;
}


/* =========================
   FOUNDATION
========================= */

.gdj-jyotish-foundation,
.gdj-jyotish-cta {
    position: relative;
    background: #4b1710;
    overflow: hidden;
}

.gdj-jyotish-foundation {
    padding: 90px 0;
}

.gdj-jyotish-foundation::before,
.gdj-jyotish-cta::before {
    content: "ॐ";
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(200,155,60,.06);
    font-size: 300px;
}

.gdj-eyebrow-light {
    color: #c89b3c;
}

.gdj-jyotish-foundation h2,
.gdj-jyotish-cta h2 {
    position: relative;
    color: #fff;
    font-family: "DM Serif Display", serif;
    font-size: clamp(34px, 4vw, 54px);
    line-height: 1.2;
    margin: 15px 0;
}

.gdj-jyotish-foundation p,
.gdj-jyotish-cta p {
    position: relative;
    color: rgba(255,255,255,.78);
    line-height: 1.8;
    max-width: 650px;
    margin-bottom: 28px;
}

.gdj-btn-gold {
    position: relative;
    background: #c89b3c;
    color: #28100c;
    border: 1px solid #c89b3c;
    padding: 13px 24px;
    border-radius: 5px;
    font-weight: 700;
    transition: .3s ease;
}

.gdj-btn-gold:hover {
    background: #fff;
    color: #4b1710;
    border-color: #fff;
    transform: translateY(-3px);
}

.gdj-foundation-visual {
    width: 280px;
    height: 280px;
    margin: auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gdj-foundation-visual > span {
    width: 125px;
    height: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #c89b3c;
    border-radius: 50%;
    color: #c89b3c;
    font-size: 65px;
    position: relative;
    z-index: 2;
}

.gdj-foundation-ring {
    position: absolute;
    border: 1px solid rgba(200,155,60,.45);
    border-radius: 50%;
}

.ring-one {
    width: 210px;
    height: 210px;
    animation: gdjRotate 15s linear infinite;
}

.ring-two {
    width: 280px;
    height: 280px;
    border-style: dashed;
    animation: gdjRotateReverse 20s linear infinite;
}

@keyframes gdjRotate {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes gdjRotateReverse {
    from {
        transform: rotate(360deg);
    }
    to {
        transform: rotate(0);
    }
}


/* =========================
   RELATED
========================= */

.gdj-related-card {
    height: 100%;
    display: block;
    padding: 30px 24px;
    background: #fff;
    border: 1px solid rgba(75,23,16,.1);
    border-radius: 10px;
    text-decoration: none;
    transition: .35s ease;
}

.gdj-related-card:hover {
    transform: translateY(-7px);
    border-color: #c89b3c;
    box-shadow: 0 18px 40px rgba(40,16,12,.1);
}

.gdj-related-card > i {
    color: #c89b3c;
    font-size: 30px;
}

.gdj-related-card h4 {
    color: #4b1710;
    font-family: "DM Serif Display", serif;
    margin: 18px 0 8px;
}

.gdj-related-card p {
    color: #765f58;
    font-size: 14px;
    line-height: 1.7;
}

.gdj-related-card span {
    color: #4b1710;
    font-weight: 700;
    font-size: 13px;
}


/* =========================
   CTA
========================= */

.gdj-jyotish-cta {
    padding: 90px 0;
    text-align: center;
}

.gdj-jyotish-cta p {
    margin-left: auto;
    margin-right: auto;
}

.gdj-jyotish-cta .gdj-btn-gold {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}


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

@media (max-width: 991px) {

    .gdj-section-space {
        padding: 75px 0;
    }

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

    .gdj-jyotish-main-image {
        min-height: 400px;
    }

    .gdj-jyotish-image-wrap {
        max-width: 700px;
        margin: auto;
    }

}

@media (max-width: 767px) {

    .gdj-section-space {
        padding: 60px 0;
    }

    .gdj-page-banner {
        min-height: 340px;
    }

    .gdj-page-title {
        font-size: 48px;
    }

    .gdj-page-subtitle {
        font-size: 15px;
    }

    .gdj-jyotish-main-image {
        min-height: 350px;
    }

    .gdj-jyotish-foundation {
        padding: 65px 0;
    }

    .gdj-foundation-visual {
        width: 220px;
        height: 220px;
        margin-top: 25px;
    }

    .gdj-foundation-visual > span {
        width: 100px;
        height: 100px;
        font-size: 50px;
    }

    .ring-one {
        width: 165px;
        height: 165px;
    }

    .ring-two {
        width: 220px;
        height: 220px;
    }

}

@media (max-width: 575px) {

    .gdj-section-space {
        padding: 50px 0;
    }

    .gdj-page-banner {
        min-height: 310px;
    }

    .gdj-page-title {
        font-size: 42px;
    }

    .gdj-section-title {
        font-size: 28px;
    }

    .gdj-jyotish-image-wrap {
        padding: 10px;
    }

    .gdj-jyotish-main-image {
        min-height: 300px;
    }

    .gdj-jyotish-om-badge {
        width: 60px;
        height: 60px;
        font-size: 27px;
        left: -5px;
        bottom: 20px;
    }

    .gdj-jyotish-mini-card {
        padding: 15px;
    }

    .gdj-jyotish-concept-card {
        padding: 32px 22px 25px;
    }

    .gdj-jyotish-foundation h2,
    .gdj-jyotish-cta h2 {
        font-size: 28px;
    }

}

/* =========================================================
   KUNDLI PAGE
========================================================= */

.gdj-kundli-banner{
    position:relative;
    min-height:420px;
    display:flex;
    align-items:center;
    background:
        linear-gradient(90deg,rgba(40,16,12,.92),rgba(75,23,16,.72)),
        url('../assets/images/about-banner.jpg') center/cover no-repeat;
    overflow:hidden;
}

.gdj-kundli-banner:after{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    right:-180px;
    top:-180px;
    border:1px solid rgba(200,155,60,.35);
    border-radius:50%;
}

.gdj-kundli-banner .container{
    z-index:2;
}

.gdj-kundli-banner .gdj-page-title{
    color:#FBF5E8;
}

.gdj-kundli-banner .gdj-page-subtitle{
    color:rgba(251,245,232,.82);
    max-width:700px;
}


/* =========================================================
   VISUAL
========================================================= */

.gdj-kundli-visual{
    position:relative;
    min-height:460px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.gdj-kundli-circle{
    position:absolute;
    border:1px solid rgba(200,155,60,.35);
    border-radius:50%;
}

.gdj-kundli-circle-one{
    width:390px;
    height:390px;
    animation:gdjKundliRotate 22s linear infinite;
}

.gdj-kundli-circle-two{
    width:310px;
    height:310px;
    border-style:dashed;
    animation:gdjKundliRotateReverse 18s linear infinite;
}

.gdj-kundli-chart{
    position:relative;
    z-index:3;
    width:280px;
    height:340px;
    background:#4B1710;
    border:2px solid #C89B3C;
    box-shadow:0 25px 60px rgba(40,16,12,.22);
    padding:25px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    text-align:center;
}

.gdj-kundli-chart-top{
    color:#C89B3C;
    font-size:28px;
}

.gdj-kundli-chart-grid{
    position:relative;
    width:190px;
    height:190px;
    margin:auto;
    border:1px solid rgba(200,155,60,.8);
    transform:rotate(45deg);
    display:grid;
    grid-template-columns:1fr 1fr;
}

.gdj-kundli-chart-grid span{
    border:1px solid rgba(200,155,60,.55);
}

.gdj-kundli-om{
    position:absolute;
    inset:50% auto auto 50%;
    transform:translate(-50%,-50%) rotate(-45deg);
    width:58px;
    height:58px;
    border-radius:50%;
    background:#C89B3C;
    color:#4B1710;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    font-family:serif;
}

.gdj-kundli-chart-bottom{
    color:#FBF5E8;
    letter-spacing:3px;
    font-size:12px;
    font-weight:700;
}

@keyframes gdjKundliRotate{
    from{transform:rotate(0);}
    to{transform:rotate(360deg);}
}

@keyframes gdjKundliRotateReverse{
    from{transform:rotate(360deg);}
    to{transform:rotate(0);}
}


/* =========================================================
   MINI CARDS
========================================================= */

.gdj-kundli-mini-card{
    padding:20px 12px;
    text-align:center;
    background:#fff;
    border:1px solid rgba(75,23,16,.10);
    transition:.35s ease;
}

.gdj-kundli-mini-card:hover{
    transform:translateY(-6px);
    border-color:#C89B3C;
    box-shadow:0 15px 30px rgba(75,23,16,.08);
}

.gdj-kundli-mini-card i{
    font-size:25px;
    color:#C89B3C;
}

.gdj-kundli-mini-card h5{
    color:#4B1710;
    margin:8px 0 3px;
    font-size:15px;
}

.gdj-kundli-mini-card p{
    margin:0;
    font-size:12px;
    color:#777;
}


/* =========================================================
   INFO CARDS
========================================================= */

.gdj-kundli-details{
    background:#FBF5E8;
}

.gdj-kundli-info-card{
    height:100%;
    position:relative;
    padding:40px 30px 32px;
    background:#fff;
    border:1px solid rgba(75,23,16,.10);
    transition:.4s ease;
    overflow:hidden;
}

.gdj-kundli-info-card:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:4px;
    background:#C89B3C;
    transform:scaleX(0);
    transform-origin:left;
    transition:.4s ease;
}

.gdj-kundli-info-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(75,23,16,.10);
}

.gdj-kundli-info-card:hover:before{
    transform:scaleX(1);
}

.gdj-kundli-card-number{
    position:absolute;
    top:15px;
    right:20px;
    color:rgba(75,23,16,.08);
    font-size:38px;
    font-family:"DM Serif Display",serif;
}

.gdj-kundli-card-icon{
    width:65px;
    height:65px;
    border-radius:50%;
    background:rgba(200,155,60,.12);
    color:#C89B3C;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
    margin-bottom:22px;
}

.gdj-kundli-info-card h3{
    color:#4B1710;
    font-family:"DM Serif Display",serif;
    font-size:25px;
    margin-bottom:12px;
}

.gdj-kundli-info-card p{
    color:#6f625d;
    line-height:1.8;
    margin:0;
}


/* =========================================================
   CONCEPTS
========================================================= */

.gdj-kundli-concepts{
    background:#fff;
}

.gdj-kundli-concept-card{
    position:relative;
    display:block;
    height:100%;
    padding:35px 30px;
    background:#FBF5E8;
    border:1px solid rgba(75,23,16,.08);
    color:inherit;
    text-decoration:none;
    overflow:hidden;
    transition:.4s ease;
}

.gdj-kundli-concept-card:after{
    content:"";
    position:absolute;
    width:100px;
    height:100px;
    border-radius:50%;
    right:-45px;
    bottom:-45px;
    border:1px solid rgba(200,155,60,.25);
}

.gdj-kundli-concept-card:hover{
    transform:translateY(-8px);
    background:#4B1710;
    box-shadow:0 22px 45px rgba(75,23,16,.18);
}

.gdj-kundli-concept-no{
    position:absolute;
    top:18px;
    right:20px;
    font-size:13px;
    color:#C89B3C;
    font-weight:700;
}

.gdj-kundli-concept-icon{
    width:60px;
    height:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#4B1710;
    color:#C89B3C;
    border-radius:50%;
    margin-bottom:25px;
    transition:.4s ease;
}

.gdj-kundli-concept-card:hover .gdj-kundli-concept-icon{
    background:#C89B3C;
    color:#4B1710;
    transform:rotate(8deg);
}

.gdj-kundli-concept-card h3{
    font-family:"DM Serif Display",serif;
    color:#4B1710;
    font-size:25px;
    margin-bottom:12px;
    transition:.3s ease;
}

.gdj-kundli-concept-card p{
    color:#6f625d;
    line-height:1.75;
    transition:.3s ease;
}

.gdj-kundli-concept-card:hover h3{
    color:#FBF5E8;
}

.gdj-kundli-concept-card:hover p{
    color:rgba(251,245,232,.72);
}

.gdj-kundli-card-link{
    color:#4B1710;
    font-size:13px;
    font-weight:700;
    display:inline-flex;
    align-items:center;
    gap:8px;
    transition:.3s ease;
}

.gdj-kundli-concept-card:hover .gdj-kundli-card-link{
    color:#C89B3C;
}


/* =========================================================
   FOUNDATION
========================================================= */

.gdj-kundli-foundation{
    padding:100px 0;
    background:#28100C;
    color:#FBF5E8;
    position:relative;
    overflow:hidden;
}

.gdj-kundli-foundation:before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    right:-200px;
    top:-200px;
    border:1px solid rgba(200,155,60,.2);
    border-radius:50%;
}

.gdj-kundli-foundation-title{
    color:#FBF5E8;
    font-family:"DM Serif Display",serif;
    font-size:48px;
    line-height:1.15;
    margin:12px 0 25px;
}

.gdj-kundli-foundation-title span{
    color:#C89B3C;
}

.gdj-kundli-foundation-text{
    color:rgba(251,245,232,.72);
    line-height:1.9;
}

.gdj-eyebrow-light{
    color:#C89B3C;
}

.gdj-kundli-process{
    border-left:1px solid rgba(200,155,60,.35);
    padding-left:35px;
}

.gdj-kundli-process-item{
    position:relative;
    display:flex;
    gap:20px;
    padding:0 0 35px;
}

.gdj-kundli-process-item:last-child{
    padding-bottom:0;
}

.gdj-kundli-process-item > span{
    position:absolute;
    left:-54px;
    top:0;
    width:38px;
    height:38px;
    border-radius:50%;
    background:#C89B3C;
    color:#28100C;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    font-weight:700;
}

.gdj-kundli-process-item h4{
    color:#FBF5E8;
    font-family:"DM Serif Display",serif;
    font-size:22px;
    margin-bottom:5px;
}

.gdj-kundli-process-item p{
    color:rgba(251,245,232,.62);
    margin:0;
}


/* =========================================================
   FAQ
========================================================= */

.gdj-kundli-faq{
    background:#FBF5E8;
}

.gdj-kundli-faq-item{
    background:#fff;
    border:1px solid rgba(75,23,16,.09);
    margin-bottom:12px;
}

.gdj-kundli-faq-button{
    width:100%;
    padding:22px 25px;
    border:0;
    background:transparent;
    display:flex;
    justify-content:space-between;
    align-items:center;
    text-align:left;
    color:#4B1710;
    font-size:16px;
    font-weight:700;
}

.gdj-kundli-faq-button i{
    color:#C89B3C;
    transition:.3s ease;
}

.gdj-kundli-faq-item.active
.gdj-kundli-faq-button i{
    transform:rotate(45deg);
}

.gdj-kundli-faq-answer{
    max-height:0;
    overflow:hidden;
    transition:max-height .4s ease;
}

.gdj-kundli-faq-answer p{
    padding:0 25px 22px;
    margin:0;
    color:#6f625d;
    line-height:1.8;
}


/* =========================================================
   RELATED
========================================================= */

.gdj-kundli-related{
    background:#fff;
}

.gdj-related-card{
    height:100%;
}


/* =========================================================
   CTA
========================================================= */

.gdj-kundli-cta{
    padding:90px 0;
    background:#FBF5E8;
}

.gdj-kundli-cta-box{
    position:relative;
    overflow:hidden;
    background:#4B1710;
    padding:70px;
}

.gdj-kundli-cta-box:after{
    content:"ॐ";
    position:absolute;
    right:50px;
    top:50%;
    transform:translateY(-50%);
    font-size:180px;
    color:rgba(200,155,60,.07);
    font-family:serif;
}

.gdj-kundli-cta-content{
    position:relative;
    z-index:2;
    max-width:720px;
}

.gdj-kundli-cta h2{
    color:#FBF5E8;
    font-family:"DM Serif Display",serif;
    font-size:46px;
    margin:12px 0 20px;
}

.gdj-kundli-cta h2 span{
    color:#C89B3C;
}

.gdj-kundli-cta p{
    color:rgba(251,245,232,.72);
    line-height:1.8;
}

.gdj-kundli-cta-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    margin-top:30px;
}

.gdj-btn-outline-light{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:13px 25px;
    color:#FBF5E8;
    border:1px solid rgba(251,245,232,.45);
    text-decoration:none;
    transition:.3s ease;
}

.gdj-btn-outline-light:hover{
    color:#4B1710;
    background:#FBF5E8;
}


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

@media(max-width:991px){

    .gdj-kundli-banner{
        min-height:380px;
    }

    .gdj-kundli-visual{
        min-height:400px;
    }

    .gdj-kundli-foundation-title{
        font-size:40px;
    }

    .gdj-kundli-cta-box{
        padding:50px 40px;
    }

    .gdj-kundli-cta h2{
        font-size:38px;
    }

}


@media(max-width:767px){

    .gdj-kundli-banner{
        min-height:340px;
    }

    .gdj-kundli-visual{
        min-height:350px;
    }

    .gdj-kundli-circle-one{
        width:300px;
        height:300px;
    }

    .gdj-kundli-circle-two{
        width:240px;
        height:240px;
    }

    .gdj-kundli-chart{
        width:230px;
        height:290px;
    }

    .gdj-kundli-chart-grid{
        width:150px;
        height:150px;
    }

    .gdj-kundli-foundation{
        padding:75px 0;
    }

    .gdj-kundli-foundation-title{
        font-size:34px;
    }

    .gdj-kundli-process{
        margin-top:20px;
    }

    .gdj-kundli-cta{
        padding:60px 0;
    }

    .gdj-kundli-cta-box{
        padding:45px 25px;
    }

    .gdj-kundli-cta h2{
        font-size:32px;
    }

}


@media(max-width:480px){

    .gdj-kundli-banner{
        min-height:310px;
    }

    .gdj-kundli-visual{
        min-height:300px;
    }

    .gdj-kundli-circle-one{
        width:260px;
        height:260px;
    }

    .gdj-kundli-circle-two{
        width:205px;
        height:205px;
    }

    .gdj-kundli-chart{
        width:205px;
        height:255px;
        padding:18px;
    }

    .gdj-kundli-chart-grid{
        width:125px;
        height:125px;
    }

    .gdj-kundli-mini-card{
        padding:15px 5px;
    }

    .gdj-kundli-process{
        padding-left:25px;
    }

    .gdj-kundli-process-item > span{
        left:-44px;
    }

    .gdj-kundli-cta-buttons{
        flex-direction:column;
    }

    .gdj-kundli-cta-buttons a{
        width:100%;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

    .gdj-kundli-circle-one,
    .gdj-kundli-circle-two{
        animation:none;
    }

    *{
        scroll-behavior:auto!important;
    }

}

.ym-section{
    background-color: #4B1710;
}











@media (max-width: 575px) {
    .gdj-section-title {
        font-size: 31px !important;
    }
}