/* Shared design tokens, global elements, layout, and reusable components. */

/* CSS Variables */
:root {
    --primary-color: var(--ds-color-text-strong);
    --gold-color: var(--ds-color-brand-accent);
    --deep-gold-color: var(--ds-color-brand-accent-deep);
    --light-gray: var(--ds-color-bg-canvas);
    --text-gray: var(--ds-color-text-muted);
    --border-gray: var(--ds-color-border-subtle);
    --dark-blue: var(--ds-color-brand-primary);
    --medium-blue: var(--ds-color-info);
    --light-blue: var(--ds-state-focus-ring-color);
    --card-bg: var(--ds-color-bg-surface);
    --card-shadow: var(--ds-shadow-md);
    --hover-shadow: var(--ds-shadow-lg);
    --transition: all var(--ds-motion-base) var(--ds-ease-standard);
}

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

body {
    font-family: var(--ds-font-family-body);
    background-color: var(--ds-color-bg-canvas);
    color: var(--primary-color);
    line-height: var(--ds-type-body-md-line-height);
    overflow-x: hidden;

}

/* Skip link (S5 a11y) — hidden until keyboard-focused */
.skip-link {
    position: absolute;
    top: -100px;
    left: var(--ds-space-2);
    z-index: 9999;
    padding: var(--ds-space-2) var(--ds-space-4);
    background: var(--dark-blue);
    color: #ffffff;
    border-radius: var(--ds-radius-md, 4px);
    text-decoration: none;
    font-weight: 600;
    transition: top var(--ds-motion-base, 0.2s) var(--ds-ease-standard, ease);
}

.skip-link:focus {
    top: var(--ds-space-2);
}

/* Print Styles */
@media print {
    body * {
        visibility: hidden !important;
    }

    #main-article-content,
    #main-article-content * {
        visibility: visible !important;
    }

    #main-article-content {
        position: absolute;
        left: 0;
        top: 0;
        width: 100% !important;
        box-shadow: none !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .article-toolbar,
    #sidebar_content,
    #releted_post_wrapper {
        display: none !important;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--ds-font-family-heading);
    font-weight: var(--ds-heading-h3-weight);
    line-height: var(--ds-heading-h3-line-height);
    color: var(--ds-color-text-heading);
}

a {
    color: inherit;
    text-decoration: none;
    font-family: var(--ds-font-family-body);
    transition: var(--transition);
}

a:hover {
    color: var(--gold-color);
}

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

p {
    color: var(--ds-color-text-body);
    font-weight: var(--ds-font-weight-regular);
    font-size: var(--ds-font-size-body-sm);
    line-height: var(--ds-type-body-sm-line-height);
    letter-spacing: 0;
    font-family: var(--ds-font-family-body);
}

:focus-visible {
    outline: var(--ds-state-focus-ring-width) solid var(--ds-state-focus-ring-color);
    outline-offset: var(--ds-state-focus-ring-offset);
}

/* Linked titles styling */
.profile-section h4 a,
.profile-info h1 a,
.fa-main-content h3 a,
.fa-card-content h5 a,
.ds-c-card__title a,
.qa-title a,
.qa-title-sm a,
.book-title a,
.course-card h3 a {
    font-family: var(--ds-font-family-heading);
    font-weight: 600;
    color: var(--ds-color-text-heading);
    text-decoration: none;
    transition: var(--transition);
}

.profile-section h4 a:hover,
.profile-info h1 a:hover,
.fa-main-content h3 a:hover,
.fa-card-content h5 a:hover,
.ds-c-card__title a:hover,
.qa-title a:hover,
.qa-title-sm a:hover,
.book-title a:hover,
.course-card h3 a:hover {
    color: var(--gold-color);
    text-decoration: none;
}

/* Ensure images are clickable when wrapped in links */

.fa-card-image a,
body:not(.home) .book-card a,
.course-card a {
    display: block;
    overflow: hidden;
}
/* 
.fa-main-image img,
.fa-card-image img,
.book-image img,
.course-card img {
    transition: transform 0.5s ease;
}

.fa-main-image a:hover img,
.fa-card-image a:hover img,
.book-card a:hover img,
.course-card a:hover img {
    transform: scale(1.05);
} */

div#comments {
    display: none;
}


nav.navigation.post-navigation {
    display: none;
}

/* Header Styles */
.main-header {
    background-color: var(--ds-color-bg-surface-muted);
    border-bottom: 1px solid var(--ds-color-border-default);
    padding: 0;
    position: sticky;
    top: 0;
    z-index: var(--ds-z-header);
    box-shadow: var(--ds-shadow-sm);
}

.ds-c-header.is-search-open {
    box-shadow: var(--ds-shadow-md);
}

.ds-c-header .ds-c-link:hover,
.ds-c-footer .ds-c-link:hover {
    color: var(--ds-color-link-hover);
}

/* Profile Section */
body:not(.home) .profile-section {
    padding: var(--ds-space-section-lg) 0;
    background-image: url('../images/Clip_path_group.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--ds-color-bg-canvas);
    /* background: var(--border-gray) */
}

body:not(.home) .profile-section .quote {
    background: transparent;
    font-family: var(--ds-font-family-heading);
    padding: var(--ds-space-3);
    margin: var(--ds-space-10) 0;
    font-size: var(--ds-font-size-xl);
    line-height: var(--ds-line-height-relaxed);

}

.profile-section h4 {
    color: var(--deep-gold-color);
    margin: 0;
    font-family: var(--ds-font-family-body);
    font-size: var(--ds-font-size-lg);
    line-height: var(--ds-type-body-lg-line-height);
}

.qa-details-page {
    background: var(--light-gray);
}

body:not(.home) .featured-articles p {
    line-height: 140%;
}

article.qa-card.mx-auto {
    background: var(--ds-color-bg-surface);
    padding: 0 50px;

}

article.qa-card.mx-auto p {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;

}

.fa-card-meta,
.text-deep-gold {
    color: var(--ds-color-brand-accent-deep);
}


body:not(.home) .article-card .fa-card-meta,
body:not(.home) .qa-card .fa-card-meta,
body:not(.home) .qa-featured .fa-card-meta {
    color: var(--ds-color-brand-accent-deep);
    font-size: var(--ds-font-size-sm);
    line-height: var(--ds-type-body-sm-line-height);
    padding-top: var(--ds-space-3);
    display: flex;
    justify-content: space-between;
}


.featured-archive_featured .fa-meta {

    color: #8B7355;
    font-size: 14px;
    line-height: 20px;
    padding-top: 10px;
}

body:not(.home) .featured-articles h3,
.featured-archive_featured h3 {
    font-family: 'EB Garamond', serif;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
}

body:not(.home) .featured-articles .fa-card-image img {
    max-height: 250px;
}

body:not(.home) .featured-articles .fa-card-image .badge-featured {
    top: 8%;
}

body:not(.home) .featured-articles .fa-card-content h5 {
    min-height: 50px;
    font-size: 20px;
    line-height: 28px;
    margin: 0;
}


.qa_article_wrapper,
section.faq-secton,
.course-section {
    background: var(--light-gray);
    padding: 80px 0;
}

body:not(.home) .featured-qa,
body:not(.home) .featured-books {
    background: var(--light-gray);
}
.article_wrapper .breadcrumb {
    margin: 0;
}

.qa_infow_wrapper {
    padding: 30px;
    border-bottom: 6px solid #C5A059;
}

.article_wrapper .container-sm {
    max-width: 810px;
    margin: 0 auto;
    padding: 0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    /* border-bottom: 1px solid #ddd;
    border-radius: 0 0 15px 15px; */
}

.breadcrumb-wrapper {
    max-width: 810px;
    margin: 0 auto;
    background: #fff;
    padding: 30px;
    border-radius: 15px 15px 0 0;
    border: 1px solid #ddd;
}

.qa_infow_wrapper .qa-icon {
    width: 52px;
    height: 52px;
    border-radius: 25%;
}

.qa_infow_wrapper .qa-icon svg {
    min-width: 52px;
}

.accordion button.accordion-button {
    background-color: var(--ds-color-bg-surface);
    color: var(--ds-color-brand-primary);
    border: 1px solid var(--ds-color-border-default);
}

button.accordion-button::after {
    content: unset;
}

.accordion-button:not(.collapsed)::before {
    background-image: url('../images/bxs_up-arrow.png');
    transform: var(--bs-accordion-btn-icon-transform);
}

button.accordion-button::before {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    content: "";
    background-image: url('../images/bxs_up-arrow.png');
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
    margin-right: 15px;
}

.featured_image img {
    height: auto;
    max-height: 380px;
    object-fit: fill;
}

.header-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

section.featured-archive_featured .fa-main {
    margin: 0;
}

section.featured-archive_featured {
    background: #fff;
    padding: var(--ds-space-6) 0;
}

.header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#top_header_menu a img {
    max-width: 170px;
}

.header-mobile-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--ds-space-2);
}

.signature-logo {
    font-family: 'Dancing Script', cursive;
    font-size: 32px;
    font-weight: 700;
    color: var(--primary-color);
    text-decoration: none;
    margin: 0;
}

.signature-logo:hover {
    color: var(--gold-color);
}

#top_header_menu ul.navbar-nav {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

#top_header_menu ul.navbar-nav > li {
    display: flex;
    align-items: center;
    position: relative;
    padding: 8px 16px;
}

#top_header_menu ul.navbar-nav a {
    display: inline-flex;
    align-items: center;
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    position: relative;

}

@media (hover: hover) {
    #top_header_menu ul.navbar-nav a:hover {
        color: var(--gold-color);
    }
}

@media (min-width: 992px) {
    #top_header_menu .navbar > .container {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        align-items: center;
        width: 100%;
        max-width: var(--ds-container-max-xxl);
        padding-right: var(--ds-container-padding-x);
        padding-left: var(--ds-container-padding-x);
    }

    #top_header_menu .navbar-brand {
        grid-column: 1;
        justify-self: start;
    }

    #top_header_menu .header-mobile-actions {
        display: none;
    }

    #top_header_menu #primaryNavbar {
        display: contents !important;
    }

    #top_header_menu #primaryNavbar > .navbar-nav {
        grid-column: 2;
        justify-self: center;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    #top_header_menu #primaryNavbar > .header-actions {
        grid-column: 3;
        justify-self: end;
        margin-left: 0 !important;
    }
}

#top_header_menu .header-nav-dropdown__toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: calc(var(--ds-space-10) + var(--ds-space-1));
    min-height: calc(var(--ds-space-10) + var(--ds-space-1));
    margin: calc(var(--ds-space-2) * -1) calc(var(--ds-space-3) * -1) calc(var(--ds-space-2) * -1) 0;
    padding: 0;
    border: 0 !important;
    border-radius: var(--ds-radius-md) !important;
    background: transparent !important;
    color: var(--ds-color-text-heading) !important;
    box-shadow: none !important;
}

#top_header_menu .header-nav-dropdown__toggle:hover {
    color: var(--ds-color-link-hover) !important;
    background: var(--ds-color-bg-surface-muted) !important;
}

#top_header_menu .header-nav-dropdown__toggle:focus-visible {
    outline: none;
}

#top_header_menu.is-keyboard-navigation .header-nav-dropdown__toggle:focus-visible {
    outline: var(--ds-state-focus-ring-width) solid var(--ds-state-focus-ring-color);
    outline-offset: var(--ds-state-focus-ring-offset);
}

#top_header_menu .header-nav-dropdown__toggle::after {
    margin: 0;
}

/* Direct child only: without the ">" this also matched every .dropdown-item
   and .articles-nav-group__label link nested inside the Articles dropdown,
   since they're all descendants of the top-level li.current-menu-item — that
   painted the entire dropdown gold at rest whenever "Articles" was the
   current page (see /all-post/). The current-page indicator is only
   meaningful for the top-level nav link itself. */
#top_header_menu ul.navbar-nav > li.current-menu-item > a {
    color: var(--gold-color);
}

#top_header_menu ul.navbar-nav > li.current-menu-item > a::before {
    content: '';
    position: absolute;
    bottom: calc(var(--ds-space-1) * -1);
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--gold-color);
}

#top_header_menu ul.navbar-nav .header-nav-dropdown {
    min-width: 210px;
    border: 1px solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-md);
    box-shadow: var(--ds-shadow-lg);
    padding: var(--ds-space-2) 0;
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    pointer-events: none;
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;
}

#top_header_menu ul.navbar-nav .header-nav-dropdown.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

#top_header_menu ul.navbar-nav .header-nav-dropdown li {
    padding: 0;
}

#top_header_menu ul.navbar-nav .header-nav-dropdown .dropdown-item {
    text-align: left;
    padding: 6px 16px;
}

#top_header_menu ul.navbar-nav .header-nav-dropdown .dropdown-item:hover,
#top_header_menu ul.navbar-nav .header-nav-dropdown .dropdown-item:focus-visible {
    color: var(--gold-color);
    background-color: var(--ds-color-bg-surface-muted);
}

#top_header_menu ul.navbar-nav .header-nav-dropdown li.current-menu-item > .dropdown-item {
    color: var(--ds-color-brand-accent-deep);
    background-color: var(--ds-color-pill-category-bg);
    font-weight: var(--ds-font-weight-semibold);
}

@media (max-width: 991.98px) {
    #top_header_menu #primaryNavbar {
        text-align: left;
    }

    #top_header_menu ul.navbar-nav {
        align-items: stretch;
        width: 100%;
        text-align: left;
    }

    /* #primaryNavbar outranks home.css's body.home desktop row padding. */
    #top_header_menu #primaryNavbar ul.navbar-nav > li {
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 0;
        border-top: 1px solid var(--ds-color-border-default);
    }

    #top_header_menu #primaryNavbar ul.navbar-nav > li:first-child {
        border-top: 0;
    }

    #top_header_menu #primaryNavbar ul.navbar-nav > li > a {
        flex: 1 1 auto;
        justify-content: flex-start;
        min-height: calc(var(--ds-space-12) + var(--ds-space-2));
        padding: var(--ds-space-4) var(--ds-space-3);
        font-size: var(--ds-font-size-body-md);
        line-height: var(--ds-type-body-sm-line-height);
        text-align: left;
    }

    /* Desktop's current-page underline; mobile uses the row states below. */
    #top_header_menu ul.navbar-nav > li.current-menu-item > a::before {
        content: none;
    }

    #top_header_menu ul.navbar-nav > li.dropdown {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: stretch;
        width: 100%;
    }

    #top_header_menu ul.navbar-nav > li.dropdown > a {
        grid-column: 1;
    }

    #top_header_menu ul.navbar-nav > li.dropdown > .header-nav-dropdown__toggle {
        grid-column: 2;
        justify-self: end;
    }

    #top_header_menu .header-nav-dropdown__toggle {
        margin: 0;
        border-radius: 0 !important;
    }

    #top_header_menu ul.navbar-nav .header-nav-dropdown {
        grid-column: 1 / -1;
        flex: 1 0 100%;
        width: 100%;
        display: none;
    }

    #top_header_menu ul.navbar-nav .header-nav-dropdown.show {
        display: block;
    }
}

/* Articles nav dropdown (Bootstrap dropdown, theme-toned, animated).
   Desktop (≥992px): compact panel of group rows; each multi-category group
   flies its categories out to the right on hover/focus-within.
   Below 992px: flyouts render statically as a flat scrolling list. */
#top_header_menu ul.navbar-nav .articles-nav-dropdown {
    min-width: 250px;
    max-height: 70vh;
    overflow-y: auto;
    border: 1px solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-md);
    box-shadow: var(--ds-shadow-lg);
    padding: var(--ds-space-2) 0;
    /* Stay in the layout at all times so opacity/transform can transition;
       Bootstrap only ever toggles the .show class, never removes display. */
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    pointer-events: none;
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;
}

#top_header_menu ul.navbar-nav .articles-nav-dropdown.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

/* Bootstrap only positions a navbar dropdown (top: 100%) while it is open. As
   it fades out it lost that and jumped up over the menu bar, where its still
   hoverable rows sat under the pointer on the next item (Q&A) and reopened
   it - an open/close loop that looked like the menu jittering. Keep closed
   panels where they open, and make them ignore the pointer. */
@media (min-width: 992px) {
    #top_header_menu ul.navbar-nav > li > .dropdown-menu {
        top: 100%;
        left: 0;
    }

    #top_header_menu ul.navbar-nav > li > .dropdown-menu:not(.show),
    #top_header_menu ul.navbar-nav > li > .dropdown-menu:not(.show) * {
        pointer-events: none !important;
    }
}

/* Below 992px Bootstrap's dropdown is position:static (it expands inline in
   the collapsed mobile menu instead of floating), so the always-"display:
   block" rule above — needed for the desktop fade transition — reserves up
   to 70vh of blank space in the mobile menu even while closed, pushing every
   later nav item (Q&A, Contact, Question, Books) off-screen. Collapse it to
   zero height until Bootstrap adds .show; the outer .navbar-collapse already
   provides its own open/close animation, so mobile just loses this one
   inner fade, not any functionality. */
@media (max-width: 991.98px) {
    #top_header_menu ul.navbar-nav .articles-nav-dropdown {
        flex: 1 0 100%;
        width: 100%;
        display: none;
    }

    #top_header_menu ul.navbar-nav .articles-nav-dropdown.show {
        display: block;
    }
}

#top_header_menu ul.navbar-nav .articles-nav-dropdown li {
    padding: 0;
}

#top_header_menu ul.navbar-nav .articles-nav-dropdown .dropdown-item {
    text-align: left;
    padding: 6px 16px;
}

#top_header_menu ul.navbar-nav .articles-nav-dropdown .dropdown-item:hover,
#top_header_menu ul.navbar-nav .articles-nav-dropdown .dropdown-item:focus-visible {
    color: var(--gold-color);
    background-color: var(--ds-color-bg-surface-muted);
}

/* Collapsed primary navigation uses an inline accordion, not the desktop
   floating-card dropdown treatment. */
@media (max-width: 991.98px) {
    #top_header_menu ul.navbar-nav .header-nav-dropdown,
    #top_header_menu ul.navbar-nav .articles-nav-dropdown {
        position: static !important;
        inset: auto !important;
        float: none;
        grid-column: 1 / -1;
        width: 100%;
        min-width: 0;
        max-width: none;
        margin: 0;
        padding: 0 0 var(--ds-space-2) var(--ds-space-3);
        border: 0;
        border-radius: 0;
        background: var(--ds-color-bg-surface);
        box-shadow: none;
        transform: none;
    }

    #top_header_menu ul.navbar-nav .header-nav-dropdown.show,
    #top_header_menu ul.navbar-nav .articles-nav-dropdown.show {
        opacity: 1;
        visibility: visible;
        transform: none;
    }

    /* The desktop panel's 70vh cap would make a scroll box inside the
       scrolling menu panel; the panel itself scrolls instead. */
    #top_header_menu ul.navbar-nav .articles-nav-dropdown {
        max-height: none;
        overflow: visible;
    }

    /* Submenu hierarchy: each level hangs off a 1px guide line aligned under
       its parent's text; row dividers are inset to the text, so only
       top-level rows get full-width rules. */
    #top_header_menu ul.navbar-nav .header-nav-dropdown > li,
    #top_header_menu ul.navbar-nav .articles-nav-dropdown > li,
    #top_header_menu .articles-nav-group__flyout > li {
        width: 100%;
        border-left: 1px solid var(--ds-color-border-default);
    }

    #top_header_menu ul.navbar-nav .dropdown-menu > li + li > .dropdown-item,
    #top_header_menu ul.navbar-nav .dropdown-menu > li + li > .articles-nav-group__label,
    #top_header_menu .articles-nav-group__flyout > li + li > .dropdown-item {
        background-image: linear-gradient(to right, transparent var(--ds-space-4), var(--ds-color-border-default) var(--ds-space-4));
        background-repeat: no-repeat;
        background-size: 100% 1px;
    }

    /* Rows already carry their own top border; a divider row doubles it. */
    #top_header_menu ul.navbar-nav .articles-nav-dropdown > li:has(> .dropdown-divider) {
        display: none;
    }

    #top_header_menu ul.navbar-nav .header-nav-dropdown .dropdown-item,
    #top_header_menu ul.navbar-nav .articles-nav-dropdown .dropdown-item {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        min-height: var(--ds-space-12);
        padding: var(--ds-space-3) var(--ds-space-4);
        color: var(--ds-color-link);
        font-size: var(--ds-font-size-body-sm);
        font-weight: var(--ds-font-weight-regular);
        line-height: var(--ds-type-body-sm-line-height);
        text-align: left;
        white-space: normal;
    }

    #top_header_menu .header-nav-dropdown__toggle::after {
        transition: transform var(--ds-motion-fast) var(--ds-ease-standard);
    }

    #top_header_menu .header-nav-dropdown__toggle[aria-expanded="true"]::after {
        transform: rotate(180deg);
    }
}

/* Articles megamenu: one topic pane, contained under the header. */
#top_header_menu .ds-c-megamenu__shortcuts {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ds-space-gap-sm);
}
#top_header_menu .ds-c-megamenu__heading {
    display: none;
}
#top_header_menu .articles-nav-group__label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--ds-space-gap-sm);
    width: 100%;
    min-height: calc(var(--ds-space-10) + var(--ds-space-1));
    padding: var(--ds-space-3) var(--ds-space-4);
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--ds-color-link);
    font-family: var(--ds-font-family-body);
    font-size: var(--ds-font-size-sm);
    font-weight: var(--ds-font-weight-medium);
    line-height: var(--ds-line-height-normal);
    text-align: left;
    cursor: pointer;
}
#top_header_menu .articles-nav-group__label .bi {
    font-size: var(--ds-font-size-xs);
    transition: transform var(--ds-motion-fast) var(--ds-ease-standard);
}
#top_header_menu .articles-nav-group__flyout {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
}
#top_header_menu .articles-nav-group.is-open > .articles-nav-group__flyout {
    display: block;
}
#top_header_menu .articles-nav-group.is-open > .articles-nav-group__label {
    background: var(--ds-color-pill-category-bg);
    font-weight: var(--ds-font-weight-semibold);
}
#top_header_menu .articles-nav-group__label:focus-visible,
#top_header_menu ul.navbar-nav .ds-c-megamenu a:focus-visible {
    outline: var(--ds-state-focus-ring-width) solid var(--ds-state-focus-ring-color);
    outline-offset: calc(var(--ds-state-focus-ring-offset) * -1);
}
#top_header_menu ul.navbar-nav .ds-c-megamenu .dropdown-item {
    min-height: calc(var(--ds-space-10) + var(--ds-space-1));
    padding: var(--ds-space-3) var(--ds-space-4);
    font-size: var(--ds-font-size-sm);
    line-height: var(--ds-line-height-normal);
    white-space: normal;
}
#top_header_menu ul.navbar-nav .ds-c-megamenu .dropdown-item:hover,
#top_header_menu ul.navbar-nav .ds-c-megamenu .dropdown-item:focus-visible {
    color: var(--ds-color-link);
    background: var(--ds-color-bg-surface-muted);
    text-decoration: underline;
}
@media (min-width: 992px) {
    #top_header_menu .navbar {
        position: relative;
    }
    #top_header_menu ul.navbar-nav > li:has(> .ds-c-megamenu) {
        position: static;
    }
    #top_header_menu ul.navbar-nav > li > .articles-nav-dropdown.ds-c-megamenu {
        --ds-megamenu-topic-width: 38%;
        display: grid;
        grid-template-columns: var(--ds-megamenu-topic-width) minmax(0, 1fr);
        left: 50%;
        top: 100%;
        width: min(var(--ds-container-max-md), calc(100vw - var(--ds-container-padding-x) * 2));
        min-width: 0;
        max-height: calc(100dvh - var(--ds-space-20) - var(--ds-space-8));
        overflow-y: auto;
        margin: 0;
        padding: var(--ds-space-inset-lg);
        border: 0;
        border-radius: 0 0 var(--ds-radius-lg) var(--ds-radius-lg);
        background: var(--ds-color-bg-surface);
        box-shadow: var(--ds-shadow-lg);
        transform: translate(-50%, calc(var(--ds-space-2) * -1));
        transition: opacity var(--ds-motion-fast) var(--ds-ease-standard),
            transform var(--ds-motion-fast) var(--ds-ease-standard);
    }
    #top_header_menu ul.navbar-nav > li > .articles-nav-dropdown.ds-c-megamenu.show {
        transform: translate(-50%, 0);
    }
    #top_header_menu ul.navbar-nav .ds-c-megamenu > li {
        grid-column: 1;
    }
    #top_header_menu ul.navbar-nav .ds-c-megamenu > .ds-c-megamenu__shortcuts {
        grid-column: 1 / -1;
        justify-content: space-between;
        padding-bottom: var(--ds-space-3);
        margin-bottom: var(--ds-space-3);
        border-bottom: 1px solid var(--ds-color-border-default);
    }
    #top_header_menu .ds-c-megamenu__shortcuts > a {
        width: auto;
        font-weight: var(--ds-font-weight-semibold);
    }
    #top_header_menu .ds-c-megamenu .articles-nav-group {
        position: static;
    }
    #top_header_menu .ds-c-megamenu .articles-nav-group__label {
        border-radius: var(--ds-radius-sm);
    }
    #top_header_menu .ds-c-megamenu .articles-nav-group__flyout {
        position: absolute;
        top: calc(var(--ds-space-20) + var(--ds-space-1));
        left: calc(var(--ds-megamenu-topic-width) + var(--ds-space-4));
        right: var(--ds-space-inset-lg);
        padding-left: var(--ds-space-inset-lg);
        border-left: 1px solid var(--ds-color-border-default);
    }
    #top_header_menu .ds-c-megamenu .articles-nav-group.is-open > .articles-nav-group__flyout {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-content: start;
        gap: var(--ds-space-1) var(--ds-space-gap-sm);
    }
    #top_header_menu .ds-c-megamenu .ds-c-megamenu__heading {
        display: block;
        grid-column: 1 / -1;
        padding: var(--ds-space-2) var(--ds-space-4) var(--ds-space-4);
        color: var(--ds-color-text-heading);
        font-family: var(--ds-font-family-heading);
        font-size: var(--ds-heading-h4-size);
        font-weight: var(--ds-heading-h4-weight);
        line-height: var(--ds-heading-h4-line-height);
    }
}
@media (max-width: 991.98px) {
    #top_header_menu .ds-c-megamenu__shortcuts > a {
        flex: 1 1 auto;
    }
    #top_header_menu .articles-nav-group__label[aria-expanded="true"] .bi {
        transform: rotate(90deg);
    }
    #top_header_menu ul.navbar-nav .ds-c-megamenu .articles-nav-group__flyout .dropdown-item {
        padding-left: var(--ds-space-8);
    }
}
/* Flat megamenu (≥992px): every topic group is visible at once in columns,
   so a category is one click away instead of group → flyout → category.
   Group buttons are hidden here; each flyout's own heading labels the column.
   Below 992px the accordion above is unchanged. */
@media (min-width: 992px) {
    #top_header_menu ul.navbar-nav > li > .articles-nav-dropdown.ds-c-megamenu {
        display: block;
        width: min(var(--ds-container-max-lg), calc(100vw - var(--ds-container-padding-x) * 2));
        padding: var(--ds-space-inset-xl);
        columns: 4;
        column-gap: var(--ds-space-gap-xl);
    }
    #top_header_menu ul.navbar-nav > li > .articles-nav-dropdown.ds-c-megamenu:not(.show) {
        display: none;
    }
    #top_header_menu ul.navbar-nav .ds-c-megamenu > li {
        break-inside: avoid;
        margin-bottom: var(--ds-space-stack-lg);
    }
    /* The Articles label itself links to the archive and search lives in the
       header, so the shortcuts row is dropped here (kept on mobile, where the
       label only toggles the menu). */
    #top_header_menu ul.navbar-nav .ds-c-megamenu > .ds-c-megamenu__shortcuts {
        display: none;
    }
    #top_header_menu .ds-c-megamenu .articles-nav-group__label {
        display: none;
    }
    #top_header_menu .ds-c-megamenu .articles-nav-group__flyout,
    #top_header_menu .ds-c-megamenu .articles-nav-group.is-open > .articles-nav-group__flyout {
        position: static;
        display: block;
        padding: 0;
        border: 0;
    }
    #top_header_menu .ds-c-megamenu .ds-c-megamenu__heading {
        display: block;
        min-height: 0;
        padding: 0 0 var(--ds-space-2);
        color: var(--ds-color-brand-accent-deep);
        font-family: var(--ds-font-family-body);
        font-size: var(--ds-font-size-sm);
        font-weight: var(--ds-font-weight-semibold);
        letter-spacing: 0.06em;
        line-height: var(--ds-line-height-normal);
        text-transform: uppercase;
    }
    #top_header_menu ul.navbar-nav .ds-c-megamenu .articles-nav-group__flyout .dropdown-item {
        min-height: 0;
        padding: var(--ds-space-1) 0;
        background: transparent;
        color: var(--ds-color-text-strong);
    }
    #top_header_menu ul.navbar-nav .ds-c-megamenu .articles-nav-group__flyout .dropdown-item:hover,
    #top_header_menu ul.navbar-nav .ds-c-megamenu .articles-nav-group__flyout .dropdown-item:focus-visible,
    #top_header_menu ul.navbar-nav .ds-c-megamenu .dropdown-item[aria-current="page"] {
        background: transparent;
        color: var(--ds-color-link);
        text-decoration: underline;
    }
}
/* Megamenu surface (≥992px): warm parchment panel with a gold top rule and the
   site's faint geometric artwork (same asset as the footer/hero, opacity baked
   into the SVG), fading in from the right so the link columns stay clean. */
@media (min-width: 992px) {
    #top_header_menu ul.navbar-nav > li > .articles-nav-dropdown.ds-c-megamenu {
        border-top: 2px solid var(--ds-color-brand-accent);
        background-color: var(--ds-color-bg-surface-muted);
        background-image:
            linear-gradient(90deg, color-mix(in srgb, var(--ds-color-bg-surface-muted) 70%, transparent) 0%, transparent 70%),
            url('../images/Clip_path_group.svg');
        background-position: 0 0, right top;
        background-repeat: no-repeat;
        background-size: 100% 100%, auto 400px;
    }
    /* About / Courses dropdowns share the same surface, pattern scale and colours. */
    #top_header_menu ul.navbar-nav > li > .header-nav-dropdown {
        min-width: calc(var(--ds-space-20) * 3);
        padding: var(--ds-space-3) 0;
        border: 0;
        border-top: 2px solid var(--ds-color-brand-accent);
        border-radius: 0 0 var(--ds-radius-lg) var(--ds-radius-lg);
        background-color: var(--ds-color-bg-surface-muted);
        background-image:
            linear-gradient(90deg, color-mix(in srgb, var(--ds-color-bg-surface-muted) 70%, transparent) 0%, transparent 70%),
            url('../images/Clip_path_group.svg');
        background-position: 0 0, right top;
        background-repeat: no-repeat;
        background-size: 100% 100%, auto 400px;
    }
    #top_header_menu ul.navbar-nav > li > .header-nav-dropdown .dropdown-item {
        padding: var(--ds-space-2) var(--ds-space-5);
        background: transparent;
        color: var(--ds-color-text-heading);
        font-size: var(--ds-font-size-sm);
    }
    #top_header_menu ul.navbar-nav > li > .header-nav-dropdown .dropdown-item:hover,
    #top_header_menu ul.navbar-nav > li > .header-nav-dropdown .dropdown-item:focus-visible,
    #top_header_menu ul.navbar-nav > li > .header-nav-dropdown li.current-menu-item > .dropdown-item {
        background: transparent;
        color: var(--ds-color-pill-category-text);
        text-decoration: underline;
    }
    #top_header_menu .ds-c-megamenu .ds-c-megamenu__heading {
        margin-bottom: var(--ds-space-1);
        border-bottom: 1px solid var(--ds-color-pill-category-border);
        color: var(--ds-color-pill-category-text);
    }
    #top_header_menu ul.navbar-nav .ds-c-megamenu .articles-nav-group__flyout .dropdown-item {
        color: var(--ds-color-text-heading);
    }
    #top_header_menu ul.navbar-nav .ds-c-megamenu .articles-nav-group__flyout .dropdown-item:hover,
    #top_header_menu ul.navbar-nav .ds-c-megamenu .articles-nav-group__flyout .dropdown-item:focus-visible,
    #top_header_menu ul.navbar-nav .ds-c-megamenu .dropdown-item[aria-current="page"] {
        color: var(--ds-color-pill-category-text);
    }
}
@media (prefers-reduced-motion: reduce) {
    #top_header_menu ul.navbar-nav .ds-c-megamenu,
    #top_header_menu .articles-nav-group__label .bi {
        transition: none;
    }
}

/* Collapsed navigation panel (below 992px). The header is sticky, so an open
   menu taller than the viewport left its lower items (Q&A, Books, Courses,
   Support the Work) pinned off-screen with no way to scroll to them. The panel
   now scrolls itself, capped to the space under the header bar (measured in
   script.js as --akram-nav-panel-max-height), and the page behind is locked. */
@media (max-width: 991.98px) {
    #top_header_menu #primaryNavbar {
        padding-bottom: var(--ds-space-4);
    }

    #top_header_menu #primaryNavbar.show,
    #top_header_menu #primaryNavbar.collapsing {
        max-height: var(--akram-nav-panel-max-height, calc(100dvh - var(--ds-space-20)));
    }

    #top_header_menu #primaryNavbar.show {
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    body.has-nav-open {
        overflow: hidden;
    }

    #top_header_menu .header-actions {
        align-items: stretch;
    }

    #top_header_menu a.header-cta {
        width: 100%;
        max-width: none;
    }
}

/* Collapsed-menu row states (below 992px), quietest to strongest:
   - pressed: brief warm tint as tap feedback;
   - open: the expanded row lifts to white with its submenu, as one group;
   - current branch: gold bar on the top-level / group row leading to the page;
   - current page: gold bar, warm tint and semibold text.
   aria-current and .is-current-branch are set in script.js, since About,
   Consultation and the Articles categories aren't marked by WordPress. */
@media (max-width: 991.98px) {
    #top_header_menu #primaryNavbar a,
    #top_header_menu #primaryNavbar button {
        -webkit-tap-highlight-color: transparent;
    }

    #top_header_menu #primaryNavbar ul.navbar-nav a:active,
    #top_header_menu #primaryNavbar .articles-nav-group__label:active {
        background-color: var(--ds-color-pill-category-bg);
    }

    #top_header_menu #primaryNavbar ul.navbar-nav > li.dropdown:has(> .header-nav-dropdown__toggle.show) > a:not([aria-current="page"]) {
        background-color: var(--ds-color-bg-surface);
        font-weight: var(--ds-font-weight-semibold);
    }

    /* The toggle's base background is !important. */
    #top_header_menu #primaryNavbar ul.navbar-nav > li.dropdown > .header-nav-dropdown__toggle.show {
        background: var(--ds-color-bg-surface) !important;
    }

    #top_header_menu #primaryNavbar .articles-nav-group.is-open > .articles-nav-group__label {
        font-weight: var(--ds-font-weight-semibold);
    }

    #top_header_menu #primaryNavbar ul.navbar-nav > li.is-current-branch > a,
    #top_header_menu #primaryNavbar .articles-nav-group.is-current-branch > .articles-nav-group__label {
        font-weight: var(--ds-font-weight-semibold);
        box-shadow: inset 3px 0 0 var(--ds-color-brand-accent);
    }

    #top_header_menu #primaryNavbar ul.navbar-nav a[aria-current="page"] {
        color: var(--ds-color-link);
        font-weight: var(--ds-font-weight-semibold);
        background-color: var(--ds-color-pill-category-bg);
        box-shadow: inset 3px 0 0 var(--ds-color-brand-accent);
    }

    #top_header_menu #primaryNavbar ul.navbar-nav > li.dropdown > a[aria-current="page"] + .header-nav-dropdown__toggle {
        background: var(--ds-color-pill-category-bg) !important;
    }
}

/* Header icon buttons: 44px touch targets; focus ring for keyboard only
   (Bootstrap's :focus shadow drew a heavy dark box after every tap). */
#top_header_menu .header-mobile-actions > button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: calc(var(--ds-space-10) + var(--ds-space-1));
    min-height: calc(var(--ds-space-10) + var(--ds-space-1));
    padding: 0;
    border: 0;
    border-radius: var(--ds-radius-md);
    background: transparent;
    color: var(--ds-color-text-heading);
    font-size: var(--ds-font-size-lg);
    line-height: 1;
}

#top_header_menu .header-mobile-actions > button:focus {
    outline: none;
    box-shadow: none;
}

#top_header_menu .header-mobile-actions > button:focus-visible {
    outline: var(--ds-state-focus-ring-width) solid var(--ds-state-focus-ring-color);
    outline-offset: var(--ds-state-focus-ring-offset);
}

#top_header_menu .navbar-toggler__close,
#top_header_menu .navbar-toggler[aria-expanded="true"] .navbar-toggler__open {
    display: none;
}

#top_header_menu .navbar-toggler[aria-expanded="true"] .navbar-toggler__close {
    display: inline-block;
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 15px;
}

.language-dropdown {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px 15px;
    border: 1px solid var(--border-gray);
    border-radius: 5px;
    background-color: white;
    cursor: pointer;
    transition: var(--transition);
}

.language-dropdown:hover {
    border-color: var(--primary-color);
    background-color: var(--light-gray);
}

.language-dropdown i {
    color: var(--text-gray);
    font-size: 14px;
}

.language-dropdown span {
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 500;
}

.header-cta {
    min-height: calc(var(--ds-space-10) + var(--ds-space-1));
    background-color: var(--ds-color-brand-accent);
    color: var(--ds-color-text-on-accent);
    border: none;
    padding: var(--ds-space-3) var(--ds-space-5);
    border-radius: var(--ds-radius-md);
    font-weight: var(--ds-font-weight-semibold);
    font-size: var(--ds-font-size-body-sm);
    line-height: var(--ds-type-body-sm-line-height);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--ds-space-2);
    white-space: nowrap;
    text-decoration: none;
    transition: background-color var(--ds-motion-base) var(--ds-ease-standard),
        color var(--ds-motion-base) var(--ds-ease-standard),
        transform var(--ds-motion-base) var(--ds-ease-standard),
        box-shadow var(--ds-motion-base) var(--ds-ease-standard);
}

.question-title {
    font-size: 2.6rem;
    font-weight: 700;
    color: #0b2545;
    line-height: 1.3;
}

.question-icon {
    width: 56px;
    height: 56px;
    background-color: #c9a14a;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: #fff;
}

.question-card {
    background: #ffffff;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    padding: 30px;
}

.question-card p {
    font-size: 1.05rem;
    color: #444;
}

.meta-info {
    font-size: 0.9rem;
    color: #777;
}

.tag-btn {
    background-color: #0b2545;
    color: #fff;
    border-radius: 8px;
    padding: 10px 18px;
    font-size: 0.9rem;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.tag-btn:hover {
    background-color: #081d36;
    color: #fff;
}

.answer-author {
    padding-bottom: 30px;
    border-bottom: 1px solid #E5DDD1;
}

.answer-author h5 {
    color: #0b2545;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0px;
}

#course_wrapper h6 {
    font-weight: 600;
    font-size: 15.62px;
    line-height: 22.31px;
    letter-spacing: 0px;
}

#course_wrapper .flex-item p {
    color: #5A6C7D;
}

#course_wrapper .flex-item p span {
    color: var(--gold-color);
    font-weight: 600;
    font-size: 15.62px;
    line-height: 23.42px;
    letter-spacing: 0px;

}

#course_wrapper img {
    border-radius: 5px;
}

#course_wrapper .flex-item {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    align-items: center;
}

#course_wrapper p {
    font-weight: 400;
    margin: 0;
    color: #8B7355;
    font-size: 11.71px;
    line-height: 15.62px;
    letter-spacing: 0px;
}

#course_wrapper a {
    text-decoration: none;
    color: #002147;
}

#course_wrapper a.btn.btn-outline-dark {
    text-decoration: none;
    color: var(--gold-color);
    font-weight: 500;
    font-size: 13.66px;
    line-height: 19.52px;
    letter-spacing: 0px;
    text-align: center;
    width: 100%;
    border: unset;
}

#course_wrapper a.btn.btn-outline-dark:hover {
    background: var(--dark-blue);
}

.answer-author img {
    object-fit: cover;
    border: 2px solid #e5e5e5;
}

.header-cta:hover {
    background-color: var(--ds-color-brand-accent-deep);
    color: var(--ds-color-text-on-accent);
    transform: translateY(-1px);
    box-shadow: var(--ds-shadow-sm);
}

.header-cta:focus-visible {
    outline: var(--ds-state-focus-ring-width) solid var(--ds-state-focus-ring-color);
    outline-offset: var(--ds-state-focus-ring-offset);
}

section.faq-secton.register-page {
    background: #fff;
}

section.about_us_info {
    border-bottom: 1px solid #E5DDD1;
}

.question_page_info {
    padding: 50px 0;
}

section.about_us_info,
section.question_form,
section.about_us_major_data,
section.about_us_page_data {
    background-color: var(--light-gray);
    padding: 50px 0;
}

section.about_us_info h1,
.archive-header h1,
.question_page_info h1 {
    font-weight: 600;
    font-size: 48px;
    line-height: 57.6px;
    letter-spacing: -0.48px;
    text-align: center;

}

.before-you-ask-box {
    background-color: #FAF8F3;
    border: 1px solid #FAF8F3;
}

.before-you-ask .icon-wrap {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #f3e3c2;
    color: #c89b3c;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
}

.before-you-ask h3 {
    color: #0b2a4a;
}

.before-you-ask .btn-outline-primary {
    --bs-btn-color: #c89b3c;
    --bs-btn-border-color: #e4c98a;
    --bs-btn-hover-bg: #c89b3c;
    --bs-btn-hover-border-color: #c89b3c;
    --bs-btn-hover-color: #fff;
    border-radius: 12px;
}



.about_us_page_data p {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 32.4px;
    letter-spacing: 0px;
    color: #333333;

}

section.about_us_info .container-sm {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}

.social-icons {
    display: flex;
    align-items: center;
    gap: 10px;
}


.social-icons a {
    text-decoration: none;
    background: #FAF8F3;
    padding: 7px 10px;
    border-radius: 8px;
}

.social-icons a:hover {
    background: #c5a059;
}


.contact-section form p {
    margin: 0;
}

.contact-section form input,
.contact-section form textarea {
    background: var(--light-gray);
    border: 1px solid #E5DDD1;
}

.contact-information {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
    background: #002147;
    min-width: 414px;
    color: #fff;
    text-align: center;
    padding: 20px;
    border-radius: 29px;
    max-height: 619px;
}

.contact-information .contact-card {
    display: flex;
    padding: 21px;
    background: #fff;
    border-radius: 8px;
    color: #000;
    gap: 10px;
    margin-bottom: 20px;
    max-width: 375px;
}

.contact-information h2 {
    margin-bottom: 10px;
    text-align: left;
    color: var(--ds-color-text-on-primary);
}

input.wpcf7-form-control.wpcf7-submit.has-spinner.btn.btn-gold {
    width: 100%;
    border-radius: 8px;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner.btn.btn-gold ::before {
    content: "\f1d8";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 8px;
}

.contact-information .contact-card h5 {
    margin: 0;
    text-align: left;
}

.contact-information .contact-card p {
    margin: 0;
    text-align: left;
}

.contact-information .contact-card small {
    color: #8B7355;
}

section.contact-section .container-sm {
    max-width: 850px;
    margin: 0 auto;
    background-color: #fff;
    position: relative;
}


section.question_form .container-sm,
section.about_us_major_data .container-sm,
section.about_us_mission_data .container-sm,
section.faq-secton .container-sm {
    max-width: 900px;
    margin: 0 auto;
}

section.about_us_major_data .card {
    padding: 25px;
    border-radius: 8px;

}

.about_us_academic h5 {
    margin: 0;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: center;

}

.about_us_academic p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: center;

}

section.about_us_academic,
section.about_us_mission_data {
    background: #fff;
    padding: 50px 0;
    text-align: center;
}

.about_us_academic .card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.about_us_academic .card {
    max-width: 254px;
    margin: 0 auto;
    background-color: var(--light-gray);
}

.group_sign_image {
    max-height: 130px;
}

body:not(.home) div#stat-card-1 {
    background: transparent;
}

.quote {
    font-style: italic;
    color: var(--text-gray);
    border-left: 3px solid var(--gold-color);
    padding-left: 20px;
    margin-bottom: 25px;
    max-width: 520px;
    position: relative;
}

.quote:before {
    content: unset;
}

.designation {
    color: var(--deep-gold-color);
    font-size: var(--ds-font-size-sm);
    line-height: var(--ds-type-body-sm-line-height);
}

.badge-gold {
    background: var(--gold-color);
    text-decoration: none;
    color: var(--dark-blue);
    padding: var(--ds-space-3) var(--ds-space-6);
    border-radius: var(--ds-radius-pill);
    font-size: var(--ds-font-size-xs);
    font-weight: 500;

}

body:not(.home) .profile-footer a {
    background: var(--gold-color);
    text-decoration: none;
    color: var(--dark-blue);
    border-radius: var(--ds-radius-pill);
    padding: var(--ds-space-3) var(--ds-space-6);
    font-size: var(--ds-font-size-md);
    line-height: var(--ds-type-body-md-line-height);
    font-weight: 500;
}

.badge-gold:hover,
body:not(.home) .profile-footer a:hover {
    background-color: var(--deep-gold-color);
    color: var(--ds-color-text-on-primary);

}

.ds-c-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--ds-pill-gap);
    border: var(--ds-pill-border-width) solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-pill);
    height: var(--ds-pill-height-md);
    padding-inline: var(--ds-pill-padding-x-md);
    font-family: var(--ds-font-family-body);
    font-size: var(--ds-pill-font-size-md);
    line-height: 1;
    letter-spacing: var(--ds-type-overline-letter-spacing);
    font-weight: var(--ds-pill-font-weight);
    text-transform: uppercase;
    white-space: nowrap;
    text-decoration: none;
}

.ds-c-pill--sm {
    height: var(--ds-pill-height-sm);
    padding-inline: var(--ds-pill-padding-x-sm);
    font-size: var(--ds-pill-font-size-sm);
}

.ds-c-pill--lg {
    height: var(--ds-pill-height-lg);
    padding-inline: var(--ds-pill-padding-x-lg);
    font-size: var(--ds-pill-font-size-lg);
}

.ds-c-pill--category {
    background: var(--ds-color-pill-category-bg);
    border-color: var(--ds-color-pill-category-border);
    color: var(--ds-color-pill-category-text);
}

.ds-c-pill--tag {
    background: var(--ds-color-pill-tag-bg);
    border-color: var(--ds-color-pill-tag-border);
    color: var(--ds-color-pill-tag-text);
}

.ds-c-pill--info {
    background: var(--ds-color-bg-info-subtle);
    border-color: var(--ds-color-border-info);
    color: var(--ds-color-info);
}

.ds-c-pill.is-selected {
    background: var(--ds-color-brand-primary);
    border-color: var(--ds-color-brand-primary);
    color: var(--ds-color-text-on-primary);
}

.ds-c-pill:hover,
.ds-c-pill:focus-visible {
    text-decoration: underline;
}

.ds-c-pill:focus-visible,
.ds-c-pill.is-focus {
    outline: var(--ds-state-focus-ring-width) solid var(--ds-state-focus-ring-color);
    outline-offset: var(--ds-state-focus-ring-offset);
}

a.btn.btn-primary.btn-custom,
button.btn.btn-primary.btn-custom {
    --bs-btn-bg: var(--ds-color-brand-primary);
    --bs-btn-border-color: var(--ds-color-brand-primary);
    --bs-btn-color: var(--ds-color-text-on-primary);
    --bs-btn-hover-bg: var(--ds-color-brand-accent);
    --bs-btn-hover-border-color: var(--ds-color-brand-accent);
    --bs-btn-hover-color: var(--ds-color-text-on-primary);
    background-color: var(--ds-color-brand-primary);
    border: none;
    padding: var(--ds-space-4) var(--ds-space-8);
    border-radius: var(--ds-radius-pill);
    color: var(--ds-color-text-on-primary);
    font-weight: 500;
    transition: var(--transition);
}

.btn-custom:hover {
    background: var(--ds-color-brand-accent);
    /* transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); */
}

a.btn.btn-outline-primary.btn-outline-custom,
button.btn.btn-outline-primary.btn-outline-custom {
    --bs-btn-color: var(--ds-color-brand-primary);
    --bs-btn-border-color: var(--ds-color-brand-primary);
    --bs-btn-hover-color: var(--ds-color-brand-accent);
    --bs-btn-hover-border-color: var(--ds-color-brand-accent);
    --bs-btn-hover-bg: transparent;
    border-radius: var(--ds-radius-pill);
    padding: var(--ds-space-4) var(--ds-space-8);
    margin-left: var(--ds-space-4);
    border-color: var(--dark-blue);
    color: var(--dark-blue);
    background-color: transparent;
    transition: var(--transition);
}

a.btn.btn-outline-primary.btn-outline-custom:hover,
button.btn.btn-outline-primary.btn-outline-custom:hover {
    color: var(--ds-color-brand-accent);
    border: 1px solid var(--ds-color-brand-accent);
}

button.btn.btn-outline-primary.btn-outline-custom {
    background-color: var(--ds-color-bg-surface);
}

.image-card img {
    border-radius: 12px;
    max-width: 380px;
    box-shadow: var(--card-shadow);
}

section.contact-section,
.course-section {
    background-color: var(--light-gray);
    padding: 50px 0;
}

/* Profile Container Section */

body:not(.home) .profile-info h1 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--ds-color-text-on-primary);
}

p.onlybg {
    background: var(--ds-color-brand-accent);
    min-height: 3px;
    max-width: 100px;
    margin: 30px auto 0;
}

.about_us_info p {
    margin: 0 auto 20px;
    text-align: center;
}


body:not(.home) .profile-info .title {
    font-size: 1.3rem;
    color: var(--light-blue);
    margin-bottom: 20px;
}

body:not(.home) .profile-info .description p {
    color: #E5DDD1;
}

body:not(.home) .stats-container {
    display: flex;
    flex-wrap: wrap;
    padding: 0 30px 30px;
    gap: 10px;
}

body:not(.home) .stat-card {
    background-color: #142e49;
    border-radius: 10px;
    padding: 20px;
    flex: 1;
    min-width: 200px;
    text-align: left;
    border: 1px solid #5a5340;
}

body:not(.home) .stat-number :is(h3, h4) {
    font-family: 'EB Garamond', serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 120%;
    letter-spacing: 0px;
    color: var(--gold-color);
}

body:not(.home) .stat-card p {
    margin: 0;
}

body:not(.home) .stat-card p b {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    color: #fff;
}

body:not(.home) .stats-container p {
    color: #E5DDD1;
}

body:not(.home) .stat-card p small {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 18px;
    letter-spacing: 0px;

}

body:not(.home) .stat-label {
    font-size: 1rem;
    color: var(--light-blue);
}

.btn-biography {
    background-color: #4d94ff;
    color: white;
    border: none;
    padding: 12px 30px;
    font-size: 1.1rem;
    border-radius: 30px;
    cursor: pointer;
    transition: var(--transition);
}

.btn-biography:hover {
    background-color: #3a7bcc;
    color: white;
}

section.about_us_page_data header.entry-header.alignwide {
    display: none;
}

body:not(.home) .featured-articles .fa-header,
body:not(.home) .featured-qa .fa-header {
    padding-top: 60px;
    border-top: 1px solid #e5ddd1;
}

body:not(.home) .fa-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;

}

.fa-header::before,
.fa-meta:before {
    content: unset;
}

.wrapper-badge-category {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
    justify-content: flex-start;
}

.btn-gold,
a.header-cta {
    background: var(--gold-color);
    color: var(--ds-color-text-on-primary);
    padding: var(--ds-space-3) var(--ds-space-5);
    border-radius: var(--ds-radius-md);
    text-decoration: none;
    font-weight: 500;
    transition: var(--transition);
    text-decoration: none;
}

.btn-gold:hover,
.header-cta:hover {
    background-color: var(--deep-gold-color);
    color: var(--ds-color-text-on-primary);
    transform: translateY(-2px);
}

.fa-main {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: var(--card-bg);
    overflow: hidden;
    margin-bottom: 40px;
    border: 1px solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-md);
    box-shadow: var(--card-shadow);
    max-height: 413px;
}

.fa-main-image {
    position: relative;
}

.fa-main-image img {
     width: 100%;
    height: 100%;
}

.badge-featured {
    position: absolute;
    top: 4%;
    left: 4%;
    background: var(--gold-color);
    color: var(--ds-color-text-on-primary);
    padding: var(--ds-space-2) var(--ds-space-3);
    border-radius: var(--ds-radius-md);
    font-size: var(--ds-font-size-xs);
    font-weight: 600;
}

.fa-main .badge-featured {
    left: 5%;
    right: unset;
    top: 5%;
}
.badge-category{
     font-family: var(--ds-font-family-body);
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0;
    text-decoration: none;
    background: var(--dark-blue);
    color: var(--ds-color-text-on-primary);
    padding: var(--ds-space-2) var(--ds-space-3);
    border-radius: var(--ds-radius-sm);
    font-size: var(--ds-font-size-xs);
}

a.badge-dark.active {
    font-family: var(--ds-font-family-body);
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0;
    text-decoration: none;
    background: color-mix(in srgb, var(--ds-color-brand-accent) 12%, transparent);
    color: var(--gold-color);
    padding: var(--ds-space-2) var(--ds-space-3);
    border-radius: var(--ds-radius-sm);
    font-size: var(--ds-font-size-xs);
}

a.badge-dark {
    color: var(--ds-color-brand-accent-deep);
    font-weight: 600;
    font-weight: 600;
    text-decoration: none;
    transition: var(--transition);
    background: var(--ds-color-bg-surface-muted);
    padding: var(--ds-space-2) var(--ds-space-3);
    border-radius: var(--ds-radius-sm);
    font-size: var(--ds-font-size-xs);
    line-height: 16px;
}

a.badge-dark.active:hover {
    background-color: var(--gold-color);
}

a.badge-dark:hover {
    color: var(--dark-blue);

}

.fa-main-content {
    padding: 40px;
}

.fa-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px;
}

.fa-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.fa-card {
    background: var(--card-bg);
    border: 1px solid #E5DDD1;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: var(--card-shadow);
    transition: var(--transition);
     text-align: center;
}

.fa-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--hover-shadow);
}

.fa-card-image {
    position: relative;
}

.fa-card-image img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 8px 8px 0 0;
}

.fa-card-content {
    padding: 24px;
}

.read-link {
    color: var(--gold-color);
    text-decoration: none;
    font-weight: 500;
}

.read-link:hover {
    text-decoration: underline;
}


.qa-icon {
    background: var(--gold-color);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qa-featured {
    border: none;
    box-shadow: var(--card-shadow);
    border-radius: 10px;
    transition: var(--transition);
}

/* .qa-featured:hover {
    transform: translateY(-5px);
    box-shadow: var(--hover-shadow);
} */

.qa-title {
    font-family: "EB Garamond", serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 33.6px;
    letter-spacing: 0px;

}

.qa-featured blockquote {
    font-size: 14px;
}

.qa-title-sm {
    font-family: "EB Garamond", serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 25.2px;
    letter-spacing: 0px;

}

div#releted_post_wrapper {
    border: none;
}

#releted_post_wrapper li.widget.widget_block {
    display: none !important;
}

h3.majortitle {
    font-weight: 600;
    font-size: 24px;
    line-height: 33.6px;
    letter-spacing: 0px;

}

.qa-excerpt-sm {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 171%;
    letter-spacing: 0px;
    text-align: left;

    color: var(--text-gray);
}

body:not(.home) .qa-card {
    border: none;
    border-radius: 10px;

}

.sidebar_article img.card-img-placeholer {
    max-width: 90px;
    margin-right: 10px;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: '>';

}

.breadcrumb-wrapper li a {
    color: var(--ds-color-text-body);
    text-decoration: none;
}

body:not(.home) .book-card {
    border-radius: 18px;
    overflow: hidden;
    background: var(--card-bg);
    box-shadow: var(--card-shadow);
    border: none;
}

body:not(.home) .book-image {
    padding: 20px;
    border-radius: 18px;
    background: #fff;
    height: auto;
    width: 100%;
    object-fit: contain;
}

body:not(.home) .book-title {
    font-family: "EB Garamond", serif;
    font-size: 1.25rem;
    color: #1e293b;
    margin-bottom: 12px;
}

body:not(.home) .book-excerpt {
    color: #64748b;
    font-size: 0.95rem;
}

.learn-more-link {
    color: var(--gold-color);
    font-weight: 500;
    text-decoration: none;
}

.learn-more-link:hover {
    text-decoration: underline;
}

.icon-box {
    padding: 11px;
    background: #FAF8F3;
    max-width: 48px;
    max-height: 48px;
    display: flex;
    align-items: center;
    border-radius: 6px;
    margin-bottom: 20px;
    justify-content: center;
    font-size: 21px;
    color: #c5a059;
}

/* Courses Section */
.course-card {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #E5DDD1;
    padding: 25px;

}

.course-card:hover {
    /* transform: translateY(-5px);
    box-shadow: var(--hover-shadow); */
}

.course-card img {
    height: 200px;
    object-fit: cover;
}

.badge-custom {
    background-color: var(--dark-blue);
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.btn-outline-gold {
    background-color: transparent;
    color: var(--gold-color);
    border: 1px solid var(--gold-color);
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 500;
    transition: var(--transition);
}

.btn-outline-gold:hover {
    background-color: var(--gold-color);
    color: white;
}

.btn-primary-dark {
    background-color: var(--dark-blue);
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 500;
    transition: var(--transition);
}

.main-footer h5,
.main-footer .footer-widget__title {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    margin: 0 0 var(--ds-space-3, 0.75rem);

}

.btn-primary-dark:hover {
    background-color: #001533;
    transform: translateY(-2px);
}

.partner-box {
    background-color: #f8f9fa;
    padding: 30px;
    border-radius: 12px;
    border-left: 4px solid var(--gold-color);
}

section.question_form input {
    height: 63px;
    border-radius: var(--ds-radius-md);
    border: 2px solid var(--ds-color-border-default);
}

section.question_form textarea {
    border-radius: var(--ds-radius-md);
    border: 2px solid var(--ds-color-border-default);
}

.ds-form-shell {
    background: var(--ds-color-bg-surface);
    border: 1px solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-lg);
    padding: var(--ds-space-6);
}

.ds-c-field {
    display: grid;
    gap: var(--ds-space-2);
}

.ds-c-label {
    margin: 0;
    color: var(--ds-color-text-strong);
    font-family: var(--ds-font-family-body);
    font-size: var(--ds-font-size-body-lg);
    line-height: var(--ds-type-body-lg-line-height);
    font-weight: var(--ds-font-weight-semibold);
}

.ds-c-input,
.ds-c-textarea,
.ds-c-select {
    width: 100%;
    min-height: 44px;
    border: 1px solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-md);
    background: var(--ds-color-bg-surface);
    color: var(--ds-color-text-strong);
    font-family: var(--ds-font-family-body);
    font-size: var(--ds-font-size-body-md);
    line-height: var(--ds-type-body-md-line-height);
    transition: border-color var(--ds-motion-fast) var(--ds-ease-standard),
        box-shadow var(--ds-motion-fast) var(--ds-ease-standard),
        background-color var(--ds-motion-fast) var(--ds-ease-standard);
}

.ds-c-textarea {
    min-height: calc(var(--ds-space-1) * 36);
    resize: vertical;
}

.ds-c-input::placeholder,
.ds-c-textarea::placeholder,
.ds-c-select::placeholder {
    color: var(--ds-color-text-body);
    opacity: 1;
}

.ds-c-input:focus,
.ds-c-input:focus-visible,
.ds-c-textarea:focus,
.ds-c-textarea:focus-visible,
.ds-c-select:focus,
.ds-c-select:focus-visible {
    border-color: var(--ds-state-focus-ring-color);
    box-shadow: 0 0 0 1px var(--ds-state-focus-ring-color);
    outline: none;
}

.ds-c-field.is-error .ds-c-input,
.ds-c-field.is-error .ds-c-textarea,
.ds-c-field.is-error .ds-c-select {
    border-color: var(--ds-color-border-danger);
    background: var(--ds-color-bg-danger-subtle);
}

.ds-c-help {
    margin: 0;
    color: var(--ds-color-text-body);
    font-family: var(--ds-font-family-body);
    font-size: var(--ds-font-size-body-sm);
    line-height: var(--ds-type-body-sm-line-height);
}

.ds-c-help--error,
.ds-c-help--success,
.ds-c-help--warning {
    display: inline-flex;
    align-items: flex-start;
    gap: var(--ds-space-2);
}

.ds-c-help__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    min-width: 1rem;
    height: 1rem;
    margin-top: 0.15rem;
    border-radius: var(--ds-radius-pill);
    font-size: var(--ds-font-size-caption);
    font-weight: var(--ds-font-weight-bold);
    line-height: 1;
}

.ds-c-help--error {
    color: var(--ds-color-danger);
}

.ds-c-help--error .ds-c-help__icon {
    background: var(--ds-color-danger);
    color: var(--ds-color-text-on-primary);
}

.ds-c-help--success {
    color: var(--ds-color-success);
}

.ds-c-help--success .ds-c-help__icon {
    background: var(--ds-color-success);
    color: var(--ds-color-text-on-primary);
}

.ds-c-help--warning {
    color: var(--ds-color-warning);
}

.ds-c-help--warning .ds-c-help__icon {
    background: var(--ds-color-warning);
    color: var(--ds-color-text-on-primary);
}

.ds-c-alert {
    display: flex;
    align-items: flex-start;
    gap: var(--ds-space-3);
    padding: var(--ds-space-inset-md);
    border: 1px solid var(--ds-color-border-default);
    border-radius: var(--ds-radius-lg);
}

.ds-c-alert__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    min-width: 1.75rem;
    height: 1.75rem;
    border-radius: var(--ds-radius-pill);
    font-size: var(--ds-font-size-body-sm);
    font-weight: var(--ds-font-weight-bold);
    line-height: 1;
}

.ds-c-alert__body {
    display: grid;
    gap: var(--ds-space-1);
}

.ds-c-alert__title,
.ds-c-alert__message {
    margin: 0;
}

.ds-c-alert__title {
    color: var(--ds-color-text-strong);
    font-family: var(--ds-font-family-body);
    font-size: var(--ds-font-size-body-md);
    line-height: var(--ds-type-body-md-line-height);
    font-weight: var(--ds-font-weight-semibold);
}

.ds-c-alert__message {
    font-size: var(--ds-font-size-body-sm);
    line-height: var(--ds-type-body-sm-line-height);
}

.ds-c-alert--success {
    border-color: var(--ds-color-border-success);
    background: var(--ds-color-bg-success-subtle);
}

.ds-c-alert--success .ds-c-alert__icon {
    background: var(--ds-color-success);
    color: var(--ds-color-text-on-primary);
}

.ds-c-alert--danger {
    border-color: var(--ds-color-border-danger);
    background: var(--ds-color-bg-danger-subtle);
}

.ds-c-alert--danger .ds-c-alert__icon {
    background: var(--ds-color-danger);
    color: var(--ds-color-text-on-primary);
}

.ds-c-field .ds-c-input,
.ds-c-field .ds-c-select,
.ds-c-field .ds-c-textarea {
    border-color: var(--ds-color-border-default);
}

.ds-c-pagination {
    margin-top: var(--ds-space-8);
}

/* Footer Styles */
.main-footer {
    border-top: 1px solid var(--ds-color-brand-accent);
    background-color: var(--ds-color-brand-primary);
    background-image: url('../images/Clip_path_group.svg');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--ds-color-text-on-primary);
    padding: var(--ds-space-section-sm) 0 var(--ds-space-5);
}

.main-footer h2,
.main-footer h3,
.main-footer .footer-widget__title {
    font-family: "EB Garamond", serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 33.6px;
    letter-spacing: 0px;
    color: var(--ds-color-text-on-primary);

}

.main-footer .footer-columns > :not(:first-child) .footer-widget__title {
    color: var(--ds-color-brand-accent);
}

.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.footer-widget ul {
    list-style: none;
    padding: 0;
}

.newsletter_info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.newsletter_info p {
    font-family: var(--ds-font-family-heading);
    font-weight: 400;
    font-size: 18px;
    line-height: 29.25px;
    letter-spacing: 0px;
    color: var(--ds-color-text-body);
    text-align: center;

}

.email-input::placeholder {
    color: var(--ds-color-text-body);
    opacity: 1;
}

.related_articale_ct_wrapper small {
    color: var(--gold-color);
    margin-left: 5px;
}

.subscription-section {
    border-top: 1px solid var(--ds-color-border-default);
    text-align: center;
    padding: 80px 0;
    margin-bottom: 50px;
    background-color: var(--ds-color-bg-surface-muted);
}

.subscription-title {
    font-family: 'EB Garamond', serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 39.2px;
    letter-spacing: 0px;
    text-align: center;
    margin: 0;
}

.subscription-form {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    max-width: 500px;
    margin: 30px auto 0;
}

.email-input-wrapper {
    position: relative;
    flex: 1;
}

.email-input-wrapper i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--ds-color-text-muted);
}

.newsletter_info img {
    max-width: 48px;
}

.email-input {
    width: 100%;
    padding: 12px 15px 12px 45px;
    border: 1px solid var(--ds-color-border-default);
    background-color: var(--ds-color-bg-surface);
    color: var(--ds-color-brand-primary);
    border-radius: var(--ds-radius-sm);
    font-size: var(--ds-font-size-sm);
    transition: var(--transition);
}

.email-input:focus {
    outline: var(--ds-state-focus-ring-width) solid var(--ds-state-focus-ring-color);
    outline-offset: var(--ds-state-focus-ring-offset);
    border-color: var(--ds-color-brand-primary);
    background-color: var(--ds-color-bg-surface);
}

.email-input::placeholder {
    color: var(--ds-color-brand-primary);
}

.subscribe-btn {
    background-color: var(--gold-color);
    color: var(--ds-color-text-on-primary);
    border: none;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: var(--ds-font-size-sm);
    line-height: 20px;
    letter-spacing: 0px;
    text-align: center;
    padding: var(--ds-space-3) var(--ds-space-8);
    border-radius: var(--ds-radius-sm);
    font-weight: 600;
    cursor: pointer;
    transition: var(--transition);
    white-space: nowrap;
}

.subscribe-btn:hover {
    background-color: var(--deep-gold-color);
    color: var(--dark-blue);
    /* transform: translateY(-1px); */
}

.privacy-text {
    font-size: 12px;
    color: var(--gold-color);
    margin-top: 15px;
}

body:not(.home) .footer-columns {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 40px;
    margin-bottom: 30px;
}

body:not(.home) .footer-column h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--ds-color-text-on-primary);
}

body:not(.home) .footer-widget ul li a,
body:not(.home) .footer-widget,
body:not(.home) .footer-column p {
    color: var(--ds-color-text-on-primary);
}

body:not(.home) .footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

body:not(.home) .footer-links li,
body:not(.home) .footer-widget li {
    margin-bottom: 6px;
    min-height: 24px;
}

body:not(.home) .footer-links a,
body:not(.home) .footer-widget ul a {
    font-family: var(--ds-font-family-body);
    color: var(--ds-color-text-on-primary);
    text-decoration: none;
    font-size: 16px;
    transition: var(--transition);
    display: inline-block;
    font-weight: 400;
}

body:not(.home) .footer-links a:hover,
body:not(.home) .footer-widget ul a:hover {
    color: var(--ds-color-brand-accent);
    transform: translateX(3px);
}

body:not(.home) .footer-bottom {
    text-align: center;
    padding-top: var(--ds-space-5);
    border-top: 1px solid var(--ds-color-brand-accent);
    display: flex;
    align-items: center;
    justify-content: space-between;

}

body:not(.home) .footer-bottom-links {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

body:not(.home) .footer-bottom-links a {
    color: var(--ds-color-brand-accent);
    text-decoration: none;
    font-size: 14px;
    transition: var(--transition);
}

body:not(.home) .footer-bottom-links a:hover {
    color: var(--ds-color-link-hover);
}

body:not(.home) .copyright {
    font-size: var(--ds-font-size-sm);
    color: var(--ds-color-text-on-primary);
}