/*
 * Site-wide UI font: "Raleway", sans-serif (Google Fonts in layouts/app.blade.php).
 * Legacy @font-face for /uploads/useanyfont/1303Raleway.* was removed (files missing).
 */
html,
body {
    min-height: 100%;
}

body {
    background-color: #f1f1e2;
    color: #555555;
    font-family: "Raleway", sans-serif;
}

.site-header {
    position: relative;
}

.body_wrap,
.page_wrap {
    /* Allow dropdown menus to render outside header */
    overflow-x: clip;
    overflow-y: visible;
}

/* Inner pages: sticky header needs ancestors without clip/hidden on the block axis */
body.laravel-inner-page .body_wrap,
body.laravel-inner-page .page_wrap {
    overflow-x: visible;
    overflow-y: visible;
}

.content_wrap {
    margin: 0 auto;
    width: min(1280px, calc(100% - 32px));
}

.laravel-header-logo-row,
.laravel-header-menu-row {
    background: rgba(19, 22, 43, 0.96);
}

.laravel-header-topbar {
    background: transparent;
    height: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10001;
}

.laravel-header-topbar__inner {
    display: flex;
    justify-content: flex-end;
    padding: 0;
}

.laravel-lang-switcher.icons {
    display: inline-flex;
    position: absolute;
    right: 16px;
    top: 10px;
}

.laravel-lang-switcher.icons a+a {
    margin-left: 0;
}

.laravel-header-logo {
    padding: 1.6em 0 1.2em;
    text-align: center;
}

/* Mobile toggle in logo row is mobile-only */
.laravel-header-mobile-toggle {
    display: none;
}

/* Match WP compact row item margins */
header .sc_layouts_row_type_compact .sc_layouts_item {
    margin-top: 0.3em !important;
    margin-bottom: 0.3em !important;
}

.laravel-header-menu-shell {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
}

.laravel-header-menu-spacer {
    flex: 1 1 0%;
    min-width: 1px;
}

.laravel-header-menu-shell .sc_layouts_menu {
    flex: 0 0 auto;
}

.laravel-header-actions {
    align-items: center;
    display: flex;
    flex: 1 1 0%;
    justify-content: flex-end;
    position: static;
    transform: none;
    z-index: 2;
}

.laravel-lang-switcher.icons a {
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 5px;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    padding: 0.7rem 0.9rem;
    white-space: nowrap;
    width: 80px;
    text-align: center;
    font-weight: 600;
    transition: all 0.3s ease;
}

.laravel-lang-switcher.icons a:hover,
.laravel-lang-switcher.icons a.active {
    background-color: rgba(255, 255, 255, 0.15);
    border-color: #ffffff;
}

.laravel-lang-switcher.icons a+a {
    margin-left: 0.5rem;
}

.laravel-header-search.search_wrap {
    margin: 0;
}

.laravel-header-search .search_form {
    display: block;
    position: relative;
}

.laravel-header-search .search_field {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 6px;
    color: #ffffff;
    font-size: 12px;
    height: 34px;
    line-height: 34px;
    padding: 0 2.2rem 0 0.85rem;
    /* space for icon on right */
    width: 130px;
}

.laravel-header-search .search_field::placeholder {
    color: rgba(255, 255, 255, 0.75);
}

.laravel-header-search .search_submit {
    background: transparent;
    border: 0;
    color: #ffffff;
    cursor: pointer;
    height: 34px;
    line-height: 34px;
    padding: 0 0.75rem;
    position: absolute;
    right: 0;
    top: 0;
}

@media (min-width: 1280px) {
    /* One row: main nav + search, vertically centered */
    .laravel-header-menu-shell {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        gap: 0.35rem;
    }

    .laravel-header-menu-shell .laravel-header-menu-spacer {
        flex: 1 1 0%;
        min-width: 0;
    }

    .laravel-header-menu-shell .sc_layouts_menu,
    .laravel-header-menu-shell #sc_layouts_menu_main {
        align-self: center;
        margin-top: 0;
        margin-bottom: 0;
    }

    .laravel-header-menu-shell .laravel-header-actions {
        align-self: center;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .sc_layouts_menu_nav.menu_main_nav {
        flex-wrap: nowrap;
        gap: 0.15rem;
        white-space: nowrap;
        margin-left: 3rem;
    }

    /* Match WP theme menu paddings */
    .top_panel_custom .sc_layouts_menu_nav>li>a,
    .top_panel_custom .sc_layouts_menu_nav>li.menu-item-has-children>a {
        padding: 0.25em 0.849em;
    }

    .sc_layouts_menu_nav.menu_main_nav>li>a {
        font-family: "Raleway", sans-serif;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0.02em;
        white-space: nowrap;
    }

    /* Active + hover like original (gold underline + gold text) */
    .sc_layouts_menu_nav.menu_main_nav>li>a:hover,
    .sc_layouts_menu_nav.menu_main_nav>li.current-menu-item>a,
    .sc_layouts_menu_nav.menu_main_nav>li.current-menu-ancestor>a {
        color: #b4a55c !important;
    }

    .sc_layouts_menu_nav.menu_main_nav>li.current-menu-item>a>span,
    .sc_layouts_menu_nav.menu_main_nav>li.current-menu-ancestor>a>span {
        border-bottom: 2px solid #b4a55c;
        padding-bottom: 2px;
    }

    /* Prevent long dropdown items from cutting */
    .sc_layouts_menu_nav>li ul.sub-menu {
        overflow: visible;
        width: max-content;
        min-width: 260px;
    }

    .sc_layouts_menu_nav>li ul.sub-menu a {
        white-space: nowrap;
    }

    /*
     * Nested flyouts: anchor to parent row; keep a stable min-width so the panel
     * does not collapse (avoid overflow-wrap:anywhere + min-width:0 → one letter per line).
     */
    .sc_layouts_menu_nav.menu_main_nav ul.sub-menu ul.sub-menu {
        left: calc(100% + 10px) !important;
        top: 0 !important;
        right: auto;
        margin: 0 !important;
        z-index: 10001;
        box-sizing: border-box;
        min-width: 15.5rem;
        width: max-content;
        max-width: min(22rem, 88vw);
        padding-left: 1em;
        padding-right: 1em;
    }

    .sc_layouts_menu_nav.menu_main_nav ul.sub-menu ul.sub-menu a {
        white-space: normal;
        overflow-wrap: break-word;
        word-break: normal;
        line-height: 1.45;
        text-align: center;
        display: block;
    }

    .sc_layouts_menu_nav.menu_main_nav ul.sub-menu ul.sub-menu.submenu_left {
        left: auto !important;
        right: calc(100% + 10px) !important;
    }

    /* Desktop dropdown panels: cream card + centered copy (match live / reference) */
    .laravel-header-menu-row .sc_layouts_menu_nav>li>ul.sub-menu {
        background-color: #fdfbf0;
        border-radius: 10px;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
        padding: 1.25em 0;
        text-align: center;
    }

    .laravel-header-menu-row .sc_layouts_menu_nav>li>ul.sub-menu::before {
        border-color: transparent transparent #fdfbf0 transparent;
        border-style: solid;
        border-width: 0 9px 9px 9px;
        content: "";
        height: 0;
        left: 10%;
        position: absolute;
        top: -9px;
        transform: translateX(-50%);
        width: 0;
    }

    .laravel-header-menu-row .sc_layouts_menu_nav>li ul.sub-menu li>a {
        color: #4b2c11 !important;
        text-align: center;
    }

    .laravel-header-menu-row .sc_layouts_menu_nav>li ul.sub-menu li>a:hover,
    .laravel-header-menu-row .sc_layouts_menu_nav>li ul.sub-menu li.sfHover>a {
        background-color: rgba(180, 165, 92, 0.35);
        color: #4b2c11 !important;
    }

    .laravel-header-menu-row .sc_layouts_menu_nav ul.sub-menu ul.sub-menu {
        background-color: #fdfbf0;
        border-radius: 10px;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
        padding: 1.15em 1em;
        min-width: 15.5rem;
        width: max-content;
        max-width: min(22rem, 88vw);
        box-sizing: border-box;
    }

    .laravel-header-menu-row .sc_layouts_menu_nav ul.sub-menu ul.sub-menu a {
        text-align: center !important;
        white-space: normal !important;
        overflow-wrap: break-word;
        word-break: normal;
        line-height: 1.45;
        display: block;
    }
}

/* Tablet + phone: drawer navigation (trx_addons hides .sc_layouts_menu_mobile_button above 767px) */
@media (max-width: 1279px) {

    /* Hide the nav row — links live in .menu_mobile drawer */
    .laravel-header-menu-row {
        display: none !important;
    }

    /* Transparent overlay header over masthead/hero — not a solid white bar */
    .laravel-header-logo-row,
    .laravel-header-logo-row.scheme_dark,
    body.home.header_position_over .laravel-header-logo-row,
    body.header_position_over .laravel-header-logo-row.scheme_dark,
    body.laravel-inner-page .laravel-header-logo-row,
    .site-header.header-scrolled .laravel-header-logo-row {
        background: #15110E !important;
    }

    /* After scroll on homepage only: compact dark bar */
    body.home .site-header.header-scrolled .laravel-header-logo-row {
        background: rgba(0, 0, 0, 0.9) !important;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08);
    }

    /* Float logo row + lang switcher over the banner band */
    body.laravel-inner-page .laravel-header-sticky-cluster,
    body.home .laravel-header-sticky-cluster {
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 15;
    }

    body.laravel-inner-page .laravel-header-topbar,
    body.home .laravel-header-topbar {
        display: block;
        height: auto;
        pointer-events: auto;
    }

    /* Masthead carries the banner image under the transparent header */
    body.laravel-inner-page .site-header.with_bg_image {
        background-color: transparent !important;
        background-image: none !important;
    }

    body.laravel-inner-page .site-header.with_bg_image .laravel-inner-masthead {
        background-color: #13162b;
        background-image: url(https://5thpillartakaful.com/assets/images/main-bannner-64d5d132c369d.webp) !important;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding-bottom: clamp(2.5rem, 6vw, 3.5rem);
        padding-top: clamp(4.75rem, 12vw, 6.5rem);
    }

    body.home.header_position_over .top_panel {
        background: none !important;
        position: absolute;
    }

    /* Hamburger left, logo centered */
    .laravel-header-logo-row .content_wrap {
        align-items: center;
        display: grid;
        gap: 0.5rem;
        grid-template-columns: 44px minmax(0, 1fr) 44px;
    }

    .laravel-header-logo-row .content_wrap::after {
        content: "";
        display: block;
        grid-column: 3;
        min-height: 1px;
        min-width: 44px;
    }

    .laravel-header-mobile-toggle.sc_layouts_menu_mobile_button,
    .laravel-header-logo-row .laravel-header-mobile-toggle {
        display: block !important;
        grid-column: 1;
        justify-self: start;
        min-height: 44px;
        min-width: 44px;
        opacity: 1 !important;
        position: relative;
        visibility: visible !important;
        z-index: 10001;
    }

    .laravel-header-mobile-toggle .sc_layouts_item_link {
        align-items: center;
        color: #b4a55c !important;
        cursor: pointer;
        display: inline-flex;
        height: 44px;
        justify-content: center;
        min-height: 44px;
        min-width: 44px;
        width: 44px;
    }

    .laravel-header-mobile-toggle .sc_layouts_item_icon,
    .laravel-header-mobile-toggle .sc_layouts_item_icon::before {
        color: #b4a55c !important;
        font-size: 1.65rem;
    }

    .laravel-header-menu-row .sc_layouts_menu_mobile_button {
        display: none !important;
    }

    .laravel-header-logo {
        flex: none;
        grid-column: 2;
        justify-self: center;
        max-width: 100%;
        overflow: visible;
        padding: 0.75em 0;
        text-align: center;
        width: 100%;
    }

    .laravel-header-logo .sc_layouts_logo {
        display: block !important;
        margin: 0 auto;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .laravel-header-logo .logo_image {
        display: block !important;
        height: auto;
        margin: 0 auto;
        max-height: 64px;
        max-width: min(200px, 52vw);
        opacity: 1 !important;
        visibility: visible !important;
        width: auto;
    }

    #sc_layouts_menu_main {
        display: none !important;
    }

    .laravel-header-actions {
        display: none !important;
    }

    .menu_mobile_lang.icons {
        display: inline-flex;
        gap: 0.5rem;
        margin-top: 1rem;
    }

    .menu_mobile_lang.icons a {
        border: 1px solid rgba(255, 255, 255, 0.7);
        border-radius: 3px;
        color: #ffffff;
        display: inline-block;
        font-size: 12px;
        line-height: 1;
        padding: 0.45rem 0.9rem;
        white-space: nowrap;
        text-align: center;
    }
}

/* Phones: hide top-right language strip (drawer still has EN / اردو) */
@media (max-width: 768px) {
    .laravel-header-topbar,
    body.laravel-inner-page .laravel-header-topbar,
    body.home .laravel-header-topbar {
        display: none !important;
    }
}

/* STEP 1: sticky / compact header behavior */
.site-header.header-scrolled {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000;
}

.site-header.header-scrolled .laravel-header-logo-row,
.site-header.header-scrolled .laravel-header-menu-row {
    background: rgba(19, 22, 43, 0.98);
}

.site-header.header-scrolled .laravel-header-topbar {
    background: transparent;
}

/* Homepage scroll: hide logo row and keep only the menu bar (desktop widths only — tablet uses drawer row) */
@media (min-width: 1280px) {
    .site-header.header-scrolled .laravel-header-logo-row {
        display: none;
    }

    .site-header.header-scrolled .laravel-header-menu-row {
        display: block;
        background: #000000 !important;
    }

    .site-header.header-scrolled .laravel-header-menu-row .content_wrap {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }

    /* Sticky header: hide search, show language buttons on right */
    .site-header.header-scrolled .laravel-header-actions {
        display: none !important;
    }

    .site-header.header-scrolled .laravel-header-topbar {
        display: block;
        height: auto;
        pointer-events: none;
        /* buttons re-enable below */
    }

    .site-header.header-scrolled .laravel-lang-switcher.icons {
        pointer-events: auto;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
    }
}

.site-header.header-scrolled .laravel-header-logo {
    padding: 0.9em 0 0.55em;
}

.site-header.header-scrolled .logo_image {
    height: auto;
    max-width: 205px;
    width: 100%;
}

.site-header.header-scrolled .laravel-header-menu-row {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

/* Inner pages use Blade masthead + gray subheader — hide duplicate title row in site header. */
body.laravel-inner-page .laravel-page-header-row {
    display: none !important;
}

/* Inner pages: only topbar+logo+nav stick; masthead lives inside <header> but scrolls away. */
body.laravel-inner-page .site-header {
    background-color: transparent;
    position: relative;
    z-index: 8000;
}

/* Non-home: no sticky wrapper — nav row uses theme .sc_layouts_row_fixed_on (position:fixed) on scroll like WordPress. */
body:not(.home) .laravel-header-sticky-cluster {
    background: transparent;
    position: relative;
    z-index: auto;
}

/* Same hero as header (WP top_panel); desktop only — tablet masthead paints its own banner */
@media (min-width: 1280px) {
    body.laravel-inner-page .site-header.with_bg_image .laravel-inner-masthead {
        background-color: transparent;
        background-image: none !important;
    }
}

/* Inner pages no longer use .header-scrolled on the site header; nav row uses .sc_layouts_row_fixed_on instead. */

.site-header.header-scrolled .laravel-header-search .search_field {
    width: 78px;
}

/* Ensure menu never wraps */
.sc_layouts_menu_nav.menu_main_nav {
    flex-wrap: nowrap;
}

.sc_layouts_menu_mobile_button {
    display: none;
}

.sc_layouts_menu_nav.menu_main_nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.sc_layouts_menu_nav>li.current-menu-item>a,
.sc_layouts_menu_nav>li.current-menu-ancestor>a,
.scheme_dark .sc_layouts_menu_nav>li.current-menu-ancestor>a {
    color: #b4a55c !important;
}

.shaha_inline_page_header {
    background-image: url("../../images/main-bannner-64d5d132c369d.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Non-home scrolled nav: match WP / homepage compact bar (theme .scheme_dark .sc_layouts_row_fixed_on is brown). */
@media (min-width: 1280px) {
    body:not(.home) .laravel-header-menu-row.sc_layouts_row_fixed_on {
        background: #000000 !important;
    }
}

.laravel-page-header-row {
    padding: 3rem 0 4rem;
}

.sc_layouts_title_caption {
    color: #ffffff;
    font-weight: 700;
}

.breadcrumbs,
.breadcrumbs a {
    color: #ffffff;
}

.breadcrumbs_delimiter::before {
    color: #b4a55c;
    content: "/";
    display: inline-block;
    margin: 0 0.55rem;
}

body.header_position_over .top_panel {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000;
}

.laravel-home-hero {
    /* Match WP hero tone: warm dark overlay (no blue cast) */
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0.42) 55%, rgba(0, 0, 0, 0.62) 100%),
        url("../../images/banners/Home-Banner-2.webp") center/cover no-repeat;
    min-height: 680px;
    padding: 15rem 0 8rem;
    position: relative;
}

/* Homepage hero slider (matches WP layout without WP content) */
.laravel-hero-slider {
    position: relative;
    width: 100%;
    height: 763px;
    min-height: 480px;
    overflow: hidden;
}

@media (max-width: 1024px) {
    .laravel-hero-slider {
        height: 620px;
    }
}

@media (max-width: 768px) {
    .laravel-hero-slider {
        height: 520px;
        min-height: 520px;
    }
}

.laravel-hero-slider__track {
    height: 100%;
    position: relative;
}

.laravel-hero-slide {
    position: absolute;
    inset: 0;
    background: var(--hero-bg) center/cover no-repeat;
    opacity: 0;
    transition: opacity 700ms ease;
}

.laravel-hero-slide.is-active {
    opacity: 1;
}

.laravel-hero-slide__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0.45) 55%, rgba(0, 0, 0, 0.62) 100%);
}

.laravel-hero-slide__dots {
    position: absolute;
    inset: 0;
    background: url("../../images/banners/1920-x-673.png") right center/auto 100% no-repeat;
    opacity: 0.55;
    pointer-events: none;
}

.laravel-hero-slide__fg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: min(520px, 42vw);
    height: min(420px, 55vh);
    background: var(--hero-fg, none) left bottom / contain no-repeat;
    pointer-events: none;
}

.laravel-hero-slide__content {
    position: relative;
    z-index: 2;
    display: grid;
    align-content: center;
    justify-items: center;
    text-align: center;
    height: 100%;
    padding: 5rem 0 8rem;
}

.laravel-hero-slide__subtitle {
    color: #b4a55c;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    margin-bottom: 0.9rem;
}

.laravel-hero-slide__title {
    color: #ffffff !important;
    width: 50%;
    font-family: Raleway, sans-serif;
    font-size: 320%;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.5;
    margin-bottom: 1.75rem;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    word-spacing: normal;
}

.laravel-hero-slide__cta .laravel-button-primary {
    min-width: 200px;
}

/* Hero slider — thin white chevrons (same language as News & Events arrows) */
.laravel-hero-arrow {
    align-items: center;
    background: transparent !important;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #ffffff;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    padding: 0;
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    width: 48px;
    z-index: 3;
}

.laravel-hero-arrow:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.85);
    outline-offset: 4px;
}

.laravel-hero-arrow--prev {
    left: clamp(12px, 3vw, 22px);
}

.laravel-hero-arrow--next {
    right: clamp(12px, 3vw, 22px);
}

.laravel-hero-arrow::before {
    border-color: #ffffff;
    border-style: solid;
    box-sizing: border-box;
    content: "";
    display: block;
    flex-shrink: 0;
    height: 18px;
    width: 18px;
}

.laravel-hero-arrow--prev::before {
    border-width: 0 0 1.5px 1.5px;
    transform: rotate(45deg);
}

.laravel-hero-arrow--next::before {
    border-width: 0 1.5px 1.5px 0;
    transform: rotate(-45deg);
}

.laravel-hero-arrow:hover::before {
    border-color: #b4a55c;
}

@media (max-width: 1024px) {
    .laravel-hero-slider {
        min-height: 620px;
    }

    .laravel-hero-slide__content {
        padding: 9rem 0 5rem;
    }
}

@media (max-width: 768px) {
    .laravel-hero-arrow {
        display: none;
    }
}

/* About welcome strip (after hero slider — WP shaha_welcome_to) */
.laravel-home-about-banner {
    background-color: #f5f3ee;
    background-image: var(--about-bg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 480px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.laravel-home-about-banner__overlay {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.78) 52%, rgba(255, 255, 255, 0.2) 100%);
    inset: 0;
    position: absolute;
}

.laravel-home-about-banner__grid {
    align-items: center;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 36rem) minmax(0, 1fr);
    padding: clamp(3.5rem, 8vw, 6rem) 0;
    position: relative;
    z-index: 2;
}

.laravel-home-about-banner__col--main {
    max-width: 36rem;
    text-align: left;
}

.laravel-home-about-banner__kicker {
    color: #b4a55c;
    font-family: Raleway, sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    line-height: 1;
    margin: 0 0 0.65rem;
    text-transform: uppercase;
}

.laravel-home-about-banner__title {
    color: #b4a55c;
    font-family: Raleway, sans-serif;
    font-size: 2.75rem;
    font-weight: 700;
    line-height: 1.12;
    margin: 0 0 1rem;
}

.laravel-home-about-banner__text {
    color: #333333;
    font-family: Raleway, sans-serif;
    font-size: 1rem;
    line-height: 1.75;
    margin: 0 0 1.5rem;
    text-align: left;
}

.laravel-home-about-banner__btn {
    background: #b4a55c !important;
    border-color: #b4a55c !important;
    border-radius: 6px;
    color: #ffffff !important;
    min-width: 180px;
}

@media (max-width: 767px) {
        
    .laravel-hero-slide__content {
        padding: 3rem 0 5rem;
    }
    
    .laravel-hero-slide__title {
        color: #FFFFFF !important;
        width: 100%;
        font-size: 280%;
    }
    
    .laravel-home-about-banner__grid {
        grid-template-columns: 1fr;
        padding: 3rem 0 3.5rem;
    }

    .laravel-home-about-banner__col--spacer {
        display: none;
    }
}

/* Mission & vision */
.laravel-section-title {
    color: #b4a55c;
    font-size: 3rem;
    line-height: 1.2;
    text-align: center;
    margin: 3.5rem 0 2.5rem;
}

.laravel-section-title--mission {
    font-family: Raleway, sans-serif;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 2rem;
}

.laravel-section-title--gold {
    color: #b4a55c;
}

.laravel-section-title--center {
    text-align: center;
}

.laravel-mission-vision {
    background: #ffffff;
    padding: 1rem 0 3rem;
}

.laravel-mission-vision__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3rem;
    align-items: start;
    text-align: center;
}

.laravel-mv-card__icon {
    margin: 0 auto 2rem;
    text-align: center;
}

.laravel-mv-card__icon img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.laravel-mv-card__icon--wide img {
    width: 173px;
}

.laravel-mv-card__title {
    color: #b4a55c;
    font-family: Raleway, sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0 0 2rem;
}

.laravel-mv-card__text {
    color: #000000;
    font-size: 0.95rem;
    line-height: 1.8;
    margin: 0 auto;
    max-width: 320px;
    text-align: center;
}

/* Value chain panel */
.laravel-value-chain {
    background: #ffffff;
    padding: 1rem 0 4rem;
}

.laravel-value-chain__panel {
    background: #ffffff;
    border-radius: 10px;
    padding: 1.5rem 0 0;
    text-align: center;
}

.laravel-value-chain__figure {
    margin: 0 0 1.5rem;
}

.laravel-value-chain__image-wrap {
    border: 1px solid #e0e0e0;
    display: inline-block;
    line-height: 0;
    max-width: 100%;
    vertical-align: top;
}

.laravel-value-chain__image {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}

.laravel-value-chain__actions {
    display: flex;
    justify-content: center;
}

.laravel-value-chain__btn {
    background: #b4a55c !important;
    border-color: #b4a55c !important;
    border-radius: 6px;
    color: #ffffff !important;
    min-width: 240px;
    margin-bottom: 0.5rem;
}

/* News & events carousel (home — 3-up slick-style slider) */
.laravel-section-title--news-events {
    color: #13162b;
    font-family: Raleway, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.laravel-news-events {
    background: #ffffff;
    padding: 1.5rem 0 4.5rem;
}

.laravel-news-carousel-row {
    align-items: stretch;
    display: grid;
    grid-template-columns: 1fr;
    min-width: 0;
    position: relative;
    width: 100%;
}

.laravel-news-viewport {
    min-width: 0;
    overflow: hidden;
    width: 100%;
}

.laravel-news-track {
    display: flex;
    gap: 2rem;
    margin: 0;
    padding: 0;
    transition: transform 500ms ease;
    will-change: transform;
}

.laravel-news-item {
    box-sizing: border-box;
    flex: 0 0 auto;
    min-width: 0;
}

.laravel-news-item__image-bg {
    overflow: hidden;
}

.laravel-news-item__image-link {
    display: block;
    line-height: 0;
}

.laravel-news-item__image-link img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    display: block;
}

.laravel-news-item__image-fallback {
    width: 100%;
    height: 320px;
    background: linear-gradient(135deg, rgba(180, 165, 92, 0.25), rgba(19, 22, 43, 0.12));
}

.laravel-news-item__body {
    padding-top: 0.75rem;
    text-align: left;
}

.laravel-news-item__categories {
    font-size: 12px;
    margin-bottom: 0.35rem;
}

.laravel-news-item__categories a {
    color: #b4a55c;
    text-decoration: none;
}

.laravel-news-item__categories a:hover {
    text-decoration: underline;
}

.laravel-news-item__title {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 0.5rem;
}

.laravel-news-item__title a {
    color: #13162b;
    text-decoration: none;
}

.laravel-news-item__title a:hover {
    color: #b4a55c;
}

.laravel-news-item__date {
    color: rgba(19, 22, 43, 0.65);
    font-size: 0.85rem;
    line-height: 1.5;
    margin-bottom: 1rem;
}

.laravel-news-item__btn {
    display: inline-block;
    border: 1px solid rgba(19, 22, 43, 0.35);
    border-radius: 3px;
    padding: 0.45rem 0.9rem;
    font-size: 12px;
    color: rgba(19, 22, 43, 0.85);
    text-decoration: none;
}

.laravel-news-item__btn:hover {
    border-color: #b4a55c;
    color: #b4a55c;
}

/* Thin white chevrons (Slick-style), no circle — border + rotate */
.laravel-news-arrow {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #ffffff;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    height: 48px;
    justify-content: center;
    padding: 0;
    position: absolute;
    top: 160px;
    transform: translateY(-50%);
    width: 48px;
    z-index: 3;
}

.laravel-news-arrow:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.85);
    outline-offset: 4px;
}

.laravel-news-arrow--prev {
    left: clamp(0.25rem, 2vw, 0.75rem);
}

.laravel-news-arrow--next {
    right: clamp(0.25rem, 2vw, 0.75rem);
}

.laravel-news-arrow::before {
    border-color: #ffffff;
    border-style: solid;
    box-sizing: border-box;
    content: "";
    display: block;
    flex-shrink: 0;
    height: 14px;
    width: 14px;
}

/* Thin strokes (~1.5px) like reference */
/* ‹ points left */
.laravel-news-arrow--prev::before {
    border-width: 0 0 1.5px 1.5px;
    transform: rotate(45deg);
}

/* › points right */
.laravel-news-arrow--next::before {
    border-width: 0 1.5px 1.5px 0;
    transform: rotate(-45deg);
}

.laravel-news-arrow:hover::before {
    border-color: #b4a55c;
}

@media (max-width: 1024px) {
    .laravel-mission-vision__grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
}

@media (max-width: 480px) {
    .laravel-news-arrow {
        height: 44px;
        top: 140px;
        width: 44px;
    }

    .laravel-news-arrow::before {
        height: 12px;
        width: 12px;
    }
}

.laravel-home-hero__content {
    color: #ffffff;
    max-width: 760px;
}

.laravel-home-hero__title {
    color: #ffffff;
    font-size: clamp(3rem, 6vw, 5rem);
    line-height: 1.08;
    margin-bottom: 0.5rem;
}

.laravel-home-hero__text {
    color: rgba(255, 255, 255, 0.88);
    font-size: 1.1rem;
    max-width: 620px;
}

.laravel-home-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 2rem;
}

.laravel-button-primary,
.laravel-button-secondary,
.laravel-button-outline {
    border-radius: 999px;
    min-width: 180px;
    text-align: center;
}

.laravel-button-primary {
    background-color: #b4a55c !important;
    border-color: #b4a55c !important;
    color: #ffffff !important;
}

.laravel-button-primary:hover {
    background-color: #9d8f49 !important;
    border-color: #9d8f49 !important;
}

.laravel-button-secondary {
    background-color: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    color: #ffffff !important;
}

.laravel-button-secondary:hover,
.laravel-button-outline:hover {
    border-color: #b4a55c !important;
    color: #b4a55c !important;
}

.laravel-button-outline {
    background-color: transparent !important;
    border: 1px solid rgba(180, 165, 92, 0.45) !important;
    color: #13162b !important;
}

.laravel-home-section {
    padding: 6rem 0;
}

.laravel-home-section--accent {
    background: linear-gradient(180deg, #fafaf2 0%, #ffffff 100%);
}

.laravel-home-section--cta {
    background-color: #13162b;
    position: relative;
}

.laravel-home-section--cta::before {
    background: linear-gradient(180deg, rgba(19, 22, 43, 0.86), rgba(19, 22, 43, 0.92)),
        url("../../images/banners/News-Letter.webp") center/cover no-repeat;
    content: "";
    inset: 0;
    position: absolute;
}

.laravel-home-section--cta .content_wrap {
    position: relative;
    z-index: 1;
}

.laravel-section-heading {
    margin: 0 auto 2.5rem;
    max-width: 780px;
    text-align: center;
}

.laravel-section-heading .sc_item_title.sc_title_title {
    font-size: 3rem;
    line-height: 1.2;
}

.laravel-section-heading .sc_item_subtitle {
    color: #b4a55c;
    letter-spacing: 0.25em;
    margin-bottom: 0.6rem;
    text-transform: uppercase;
}

.laravel-home-about-grid,
.laravel-cta-panel {
    align-items: center;
    display: grid;
    gap: 2.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.laravel-home-about-copy p,
.laravel-cta-panel__copy p {
    margin-bottom: 1.1rem;
}

.laravel-home-about-media img {
    border-radius: 1.25rem;
    box-shadow: 0 30px 60px rgba(19, 22, 43, 0.18);
    display: block;
    width: 100%;
}

.laravel-plan-grid,
.laravel-values-grid,
.laravel-news-grid,
.laravel-footer-grid {
    display: grid;
    gap: 1.75rem;
}

.laravel-plan-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.laravel-values-grid,
.laravel-news-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.laravel-plan-card,
.laravel-value-card,
.laravel-news-card {
    background-color: #ffffff;
    border-radius: 1.2rem;
    box-shadow: 0 18px 38px rgba(19, 22, 43, 0.08);
    overflow: hidden;
}

.laravel-plan-card img,
.laravel-news-card img {
    aspect-ratio: 16 / 10;
    display: block;
    object-fit: cover;
    width: 100%;
}

.laravel-plan-card__content,
.laravel-news-card__content,
.laravel-value-card {
    padding: 1.6rem;
}

.laravel-plan-card h3,
.laravel-news-card h3,
.laravel-value-card h3 {
    color: #13162b;
    font-size: 1.25rem;
    margin-bottom: 0.7rem;
}

.laravel-plan-card a,
.laravel-news-card a,
.laravel-page-content a,
.laravel-footer-bottom a,
.laravel-footer-grid a {
    color: #b4a55c;
}

.laravel-cta-panel {
    color: #ffffff;
}

.laravel-page-content {
    padding: 4rem 0 5rem;
}

.laravel-page-content p,
.laravel-page-content li {
    color: #555555;
    font-size: 1.05rem;
    line-height: 1.9;
}

.laravel-page-content h1,
.laravel-page-content h2,
.laravel-page-content h3,
.laravel-page-content h4,
.laravel-page-content h5,
.laravel-page-content h6 {
    color: #13162b;
    margin: 2rem 0 1rem;
}

.laravel-page-content img {
    border-radius: 0.75rem;
    box-shadow: 0 18px 36px rgba(19, 22, 43, 0.12);
    display: block;
    height: auto;
    margin: 2rem auto;
    max-width: 100%;
}

.laravel-page-content ul {
    padding-left: 1.35rem;
}

.laravel-footer-main {
    /* Match reference footer: dark brown/black tone (no blue gradient) */
    background: #0b0705;
    background-image: none !important;
    padding: 3.25rem 0 1.75rem;
    width: 100%;
}

.footer_wrap,
.footer_custom {
    background: #0b0705;
}

.laravel-footer-brand {
    margin-bottom: 2rem;
    text-align: center;
}

.laravel-footer-brand img {
    max-width: 230px;
}

.laravel-footer-grid {
    /* 4 equal columns (desktop) */
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 1.75rem;
    row-gap: 1.5rem;
    align-items: start;
}

.footer-widget {
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.80rem;
}

.footer-widget .widgettitle {
    color: rgba(255, 255, 255, 0.98);
    margin-bottom: 2.2rem;
    text-align: left;
}

.footer-widget ul.menu,
.footer-widget ul.menu li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-widget ul.menu li+li {
    margin-top: 0.45rem;
}

.laravel-footer-contact-item,
.laravel-footer-socials p {
    align-items: flex-start;
    display: flex;
    gap: 0.85rem;
    margin-bottom: 0.95rem;
}

.laravel-footer-contact-item img,
.laravel-footer-socials img,
.laravel-footer-badges img {
    flex: 0 0 auto;
}

.laravel-footer-hours {
    margin-top: 1.5rem;
}

.laravel-footer-socials a {
    align-self: center;
}

.laravel-footer-badges {
    display: grid;
    gap: 0.9rem;
}

.laravel-footer-fio img {
    display: block;
    height: auto;
    max-width: 100%;
}

.laravel-footer-fio-link {
    margin: 0.35rem 0 0.75rem;
    text-align: center;
}

.laravel-footer-fio-link a {
    color: #b4a55c !important;
    font-size: 0.95rem;
}

.laravel-footer-badges img {
    height: auto;
    max-width: 100%;
}

.laravel-footer-disclaimer {
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.78rem;
    line-height: 1.7;
    margin: 0;
}

.laravel-footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.88);
    text-align: center;
    margin-top: 2.5rem;
    padding-top: 1.5rem;
}

.laravel-footer-main a,
.laravel-footer-bottom a,
.footer-widget a {
    color: rgba(255, 255, 255, 0.92);
}

.laravel-footer-main a:hover,
.laravel-footer-bottom a:hover,
.footer-widget a:hover {
    color: #b4a55c;
}

.menu_mobile_overlay {
    background: rgba(19, 22, 43, 0.72);
    display: block !important;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    transition: opacity 0.25s ease, visibility 0.25s ease;
    visibility: hidden;
    z-index: 100000;
}

.menu_mobile_overlay.menu_mobile_overlay_opened {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

.menu_mobile {
    height: auto !important;
    left: auto !important;
    max-height: 100vh;
    max-width: min(360px, calc(100vw - 36px));
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateX(100%);
    transition: transform 0.25s ease, opacity 0.25s ease, visibility 0.25s ease;
    visibility: hidden;
    width: calc(100% - 36px);
    z-index: 100002;
}

.menu_mobile.menu_mobile_opened,
.menu_mobile.opened {
    height: 100% !important;
    max-height: 100vh;
    opacity: 1 !important;
    pointer-events: auto;
    transform: translateX(0) !important;
    visibility: visible !important;
}

body.menu_mobile_active {
    overflow: hidden;
}

body.menu_mobile_active .site-header {
    z-index: 9999;
}

.menu_mobile_inner {
    background: #13162b;
    height: 100%;
    min-height: 100vh;
    overflow-y: auto;
    padding: 2rem 1.35rem 2.5rem;
    position: relative;
    text-align: left;
}

.menu_mobile .menu_mobile_nav_area {
    height: auto;
    max-height: none;
    overflow: visible;
    padding-right: 0;
    position: static;
    top: auto;
    transform: none;
    width: 100%;
}

.menu_mobile_close {
    color: #ffffff;
    display: inline-block;
    font-size: 1.25rem;
    margin-bottom: 1.75rem;
}

.menu_mobile_nav_area ul {
    list-style: none;
    margin: 1.5rem 0 0;
    padding: 0;
}

.menu_mobile_nav_area li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.menu_mobile_nav_area a {
    color: #ffffff;
    display: block;
    padding: 0.95rem 0;
}

.menu_mobile_nav_area .sub-menu {
    display: none;
    margin-top: 0;
    padding-left: 1rem;
}

.menu_mobile_nav_area .menu-item-open>.sub-menu {
    display: block;
}

.menu_mobile_nav_area .current-menu-item>a,
.menu_mobile_nav_area .current-menu-ancestor>a {
    color: #b4a55c;
}

.trx_addons_scroll_to_top {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
}

.trx_addons_scroll_to_top.show {
    opacity: 1;
    pointer-events: auto;
}

@media (max-width: 1199px) {

    .laravel-plan-grid,
    .laravel-footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1279px) {
    .hide_on_mobile {
        display: none !important;
    }

    .sc_layouts_menu_mobile_button,
    .laravel-header-mobile-toggle.sc_layouts_menu_mobile_button {
        display: block !important;
    }

    .laravel-header-menu-shell {
        justify-content: flex-end;
    }

    .laravel-home-hero {
        min-height: 560px;
        padding-top: 7rem;
    }

    .laravel-home-about-grid,
    .laravel-cta-panel,
    .laravel-values-grid,
    .laravel-news-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .content_wrap {
        width: min(100%, calc(100% - 24px));
    }

    .laravel-home-section {
        padding: 4.5rem 0;
    }

    .laravel-home-hero {
        min-height: 520px;
        padding: 6rem 0 5rem;
    }

    .laravel-home-actions {
        flex-direction: column;
    }

    .laravel-plan-grid,
    .laravel-footer-grid {
        grid-template-columns: 1fr;
    }

    .laravel-footer-bottom {
        flex-direction: column;
        text-align: center;
    }

    .laravel-page-content {
        padding: 3rem 0 4rem;
    }
}

/* News & Events only: full-width wrappers (overrides theme .content_wrap / .content_container fixed widths) */
.page_content_wrap.laravel-structured-page:has(.laravel-news-board-section) .content_wrap,
.page_content_wrap.laravel-structured-page:has(.laravel-news-board-section) .content_container,
.page_content_wrap.laravel-structured-page:has(.laravel-news-single) .content_wrap,
.page_content_wrap.laravel-structured-page:has(.laravel-news-single) .content_container {
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    max-width: 100% !important;
    padding-left: 0;
    padding-right: 0;
    width: 100% !important;
}

.page_content_wrap.laravel-structured-page:has(.laravel-news-board-section) .content,
.page_content_wrap.laravel-structured-page:has(.laravel-news-single) .content {
    box-sizing: border-box;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.laravel-news-board-section {
    padding: 0 0 3rem;
}

/* News archive: 4×N checkerboard — two posts per row (T I T I), alternate rows (I T I T); square cells, no gap */
.laravel-news-board {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
}

.laravel-news-board__cell {
    aspect-ratio: 1 / 1;
    margin: 0;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    position: relative;
}

.laravel-news-board__cell--text {
    background: #ffffff;
}

.laravel-news-board__hit {
    align-items: center;
    box-sizing: border-box;
    color: inherit;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: clamp(0.5rem, 1.5vw, 1rem);
    text-align: center;
    text-decoration: none;
    width: 100%;
}

.laravel-news-board__hit:hover .laravel-news-board__title,
.laravel-news-board__hit:focus-visible .laravel-news-board__title {
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

.laravel-news-board__title {
    color: #b4a55c;
    font-family: "Raleway", sans-serif;
    font-size: clamp(0.95rem, 1.65vw, 1.35rem);
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 clamp(0.5rem, 1.2vw, 0.85rem);
}

.laravel-news-board__btn {
    background: #b4a55c;
    border-radius: 0.28rem;
    color: #ffffff !important;
    display: inline-block;
    font-family: "Raleway", sans-serif;
    font-size: clamp(0.68rem, 0.95vw, 0.82rem);
    font-weight: 600;
    letter-spacing: 0.03em;
    padding: 0.42rem 1rem;
    text-decoration: none;
}

.laravel-news-board__hit:hover .laravel-news-board__btn,
.laravel-news-board__hit:focus-visible .laravel-news-board__btn {
    filter: brightness(1.06);
}

.laravel-news-board__cell--image {
    background: #e8e4d8;
}

.laravel-news-board__hit--image {
    display: block;
    height: 100%;
    padding: 0;
}

.laravel-news-board__cell--image img {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: opacity 0.25s ease, transform 0.35s ease;
    width: 100%;
}

.laravel-news-board__hit--image:hover img,
.laravel-news-board__hit--image:focus-visible img {
    opacity: 0.93;
    transform: scale(1.02);
}

.laravel-news-board__image-fallback {
    background: linear-gradient(145deg, #dcd6c8, #c9c2b0);
    height: 100%;
    width: 100%;
}

.laravel-news-pagination-wrap {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    padding-left: clamp(1rem, 4vw, 1.5rem);
    padding-right: clamp(1rem, 4vw, 1.5rem);
}

.laravel-news-pagination__list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.laravel-news-pagination__btn {
    align-items: center;
    background: #d4b84a;
    border-radius: 0.4rem;
    box-sizing: border-box;
    color: #ffffff !important;
    display: inline-flex;
    font-size: 0.88rem;
    font-weight: 600;
    justify-content: center;
    min-height: 2.35rem;
    min-width: 2.35rem;
    padding: 0.35rem 0.5rem;
    text-decoration: none;
}

a.laravel-news-pagination__btn:hover,
a.laravel-news-pagination__btn:focus-visible {
    filter: brightness(1.06);
}

.laravel-news-pagination__item--active .laravel-news-pagination__btn {
    background: #8f8448;
    cursor: default;
}

.laravel-news-pagination__item--disabled .laravel-news-pagination__btn,
.laravel-news-pagination__item--ellipsis .laravel-news-pagination__btn {
    cursor: default;
    opacity: 0.85;
}

.laravel-news-pagination__item--ellipsis .laravel-news-pagination__btn {
    background: #d4b84a;
    letter-spacing: 0.05em;
}

/* News single: full-width band, image left / text right */
.laravel-news-single {
    box-sizing: border-box;
    margin: 0;
    padding: clamp(1rem, 3vw, 1.5rem) 0 clamp(2.5rem, 6vw, 4rem);
    width: 100%;
}

.laravel-news-single__layout {
    align-items: stretch;
    box-sizing: border-box;
    display: grid;
    gap: 0;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    margin: 0 auto;
    max-width: 60%;
    width: 100%;
}

.laravel-news-single__layout--text-only {
    grid-template-columns: minmax(0, min(42rem, 100%));
    justify-content: center;
    max-width: 100%;
}

.laravel-news-single__media {
    background: #e8e4d8;
    margin: 0;
    min-height: 580px;
    min-width: 0;
    overflow: hidden;
    position: relative;
}

.laravel-news-single__media img {
    border-radius: 0;
    display: block;
    height: auto;
    left: 0;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
}

.laravel-news-single__body--plain {
    align-self: stretch;
    background: #ffffff;
    box-sizing: border-box;
    color: #4a4f56;
    display: flex;
    flex-direction: column;
    font-family: "Raleway", sans-serif;
    font-size: clamp(0.9375rem, 1.6vw, 1.0625rem);
    justify-content: center;
    line-height: 1.65;
    max-width: 100%;
    min-width: 0;
    padding: clamp(1.25rem, 4vw, 2.5rem) clamp(1rem, 3vw, 2.5rem);
}

.laravel-news-single__layout--text-only .laravel-news-single__body--plain {
    background: transparent;
    justify-content: flex-start;
    padding-left: clamp(1rem, 4vw, 2.5rem);
    padding-right: clamp(1rem, 4vw, 2.5rem);
}

.laravel-news-single__body--plain p {
    margin: 0 0 1.1rem;
}

.laravel-news-single__body--plain p:last-child {
    margin-bottom: 0;
}

/* News single: stack image above body; archive checkerboard: 2 cols */
@media (max-width: 991px) {
    .laravel-news-single__layout:not(.laravel-news-single__layout--text-only) {
        grid-template-columns: 1fr;
    }

    .laravel-news-single__media {
        min-height: min(52vw, 280px);
    }

    .laravel-news-single__media img {
        height: 100%;
        min-height: min(52vw, 280px);
    }

    .laravel-news-single__body--plain {
        min-height: 0;
    }

    .laravel-news-board {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* -----------------------------
   Inner pages: masthead + gray subheader
------------------------------ */
.laravel-inner-masthead {
    background-color: #13162b;
    background-image: var(--laravel-inner-masthead-bg, none);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    padding: 6rem 0;
    position: relative;
}

.laravel-inner-masthead__overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.22) 0%, rgba(0, 0, 0, 0.46) 100%);
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 0;
}

.laravel-inner-masthead__inner {
    position: relative;
    text-align: center;
    z-index: 1;
}

.laravel-inner-masthead__title {
    color: #ffffff !important;
    font-family: "Raleway", sans-serif;
    font-size: clamp(2rem, 4.2vw, 3rem);
    font-weight: 800;
    letter-spacing: 0.02em;
    line-height: 1.12;
    margin: 0 0 0.65rem;
    text-align: center;
    text-shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
}

.laravel-inner-breadcrumbs {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-family: "Raleway", sans-serif;
    font-size: 0.95rem;
    font-weight: 500;
    gap: 0.35rem 0.5rem;
    justify-content: center;
    line-height: 1.5;
    margin: 0;
}

.laravel-inner-breadcrumbs__link {
    color: rgba(255, 255, 255, 0.72);
    text-decoration: none;
}

.laravel-inner-breadcrumbs__link:hover {
    color: #ffffff;
}

.laravel-inner-breadcrumbs__sep {
    color: rgba(255, 255, 255, 0.55);
    font-weight: 400;
}

.laravel-inner-breadcrumbs__current {
    color: #ffffff;
    font-weight: 700;
}

/* --------------------------------------------------------------------------
   College / academic inner-page theme (serif headlines, paper column, cream)
   -------------------------------------------------------------------------- */
body.laravel-college-theme.laravel-inner-page {
    --laravel-college-navy: #1a2d4a;
    --laravel-college-ink: #1e2933;
    --laravel-college-muted: #4a5568;
    --laravel-college-paper: #fffdf8;
    --laravel-college-cream: #f0ebe0;
    --laravel-college-accent: #a68b2d;
}

body.laravel-college-theme.laravel-inner-page .laravel-inner-masthead {
    border-bottom: 4px solid var(--laravel-college-accent);
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12);
}

body.laravel-college-theme.laravel-inner-page .laravel-inner-masthead__title {
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-shadow: 0 2px 24px rgba(0, 0, 0, 0.35);
}

body.laravel-college-theme.laravel-inner-page .laravel-inner-breadcrumbs {
    font-family: "Raleway", sans-serif;
    font-size: 0.9rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

body.laravel-college-theme.laravel-inner-page .laravel-inner-breadcrumbs__link,
body.laravel-college-theme.laravel-inner-page .laravel-inner-breadcrumbs__sep {
    color: rgba(255, 255, 255, 0.78);
}

body.laravel-college-theme.laravel-inner-page .laravel-inner-breadcrumbs__current {
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    letter-spacing: 0.06em;
}

/* Structured inner pages: full-width white band (no side “rails” or card border) */
.page_content_wrap.laravel-structured-page {
    background-color: #ffffff;
}

.page_content_wrap.laravel-structured-page .content {
    background: transparent;
    border: none;
    box-shadow: none;
}

/* CMS structured sections */
.laravel-cms-section {
    margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

.laravel-cms-section__heading {
    color: #b4a55c;
    font-family: "Raleway", sans-serif;
    font-size: clamp(1.35rem, 2.5vw, 1.75rem);
    font-weight: 700;
    margin: 0 0 0.75rem;
}

.laravel-cms-section__subheading {
    color: #4a5568;
    font-size: 1.05rem;
    margin: 0 0 0.75rem;
}

.laravel-cms-section__body {
    color: #4a5568;
    font-family: "Raleway", sans-serif;
    line-height: 1.75;
}

.laravel-cms-section__button {
    background: #b4a55c;
    border-radius: 4px;
    color: #ffffff;
    display: inline-block;
    font-weight: 600;
    padding: 0.65rem 1.25rem;
    text-decoration: none;
}

.laravel-cms-gallery {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}

.laravel-cms-gallery__item img {
    display: block;
    height: auto;
    width: 100%;
}

.laravel-cms-video__embed {
    aspect-ratio: 16 / 9;
    max-width: 100%;
}

.laravel-cms-video__embed iframe,
.laravel-cms-video__player {
    display: block;
    height: 100%;
    width: 100%;
}

.laravel-cms-table-wrap {
    overflow-x: auto;
}

.laravel-cms-table {
    border-collapse: collapse;
    min-width: 100%;
    width: 100%;
}

.laravel-cms-table th,
.laravel-cms-table td {
    border: 1px solid #d1d1d1;
    padding: 0.75rem;
    text-align: left;
}

.laravel-cms-table th {
    background: #b5a36a;
    color: #ffffff;
}

body.laravel-college-theme.laravel-inner-page .post_content.entry-content,
body.laravel-college-theme.laravel-inner-page .laravel-page-content {
    color: var(--laravel-college-ink);
    font-family: "Raleway", sans-serif;
    font-size: clamp(1rem, 1.15vw, 1.0625rem);
    line-height: 1.75;
}

body.laravel-college-theme.laravel-inner-page .post_content.entry-content p,
body.laravel-college-theme.laravel-inner-page .laravel-page-content p {
    color: var(--laravel-college-muted);
}

body.laravel-college-theme.laravel-inner-page .post_content.entry-content h1,
body.laravel-college-theme.laravel-inner-page .post_content.entry-content h2,
body.laravel-college-theme.laravel-inner-page .post_content.entry-content h3,
body.laravel-college-theme.laravel-inner-page .post_content.entry-content h4,
body.laravel-college-theme.laravel-inner-page .laravel-page-content h1,
body.laravel-college-theme.laravel-inner-page .laravel-page-content h2,
body.laravel-college-theme.laravel-inner-page .laravel-page-content h3,
body.laravel-college-theme.laravel-inner-page .laravel-page-content h4 {
    color: var(--laravel-college-navy);
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    line-height: 1.28;
}

body.laravel-college-theme.laravel-inner-page .laravel-section-title--gold {
    color: var(--laravel-college-navy);
    font-family: "Raleway", sans-serif;
    font-weight: 700;
}

body.laravel-college-theme.laravel-inner-page .laravel-section-title--gold::after {
    background: var(--laravel-college-accent);
    content: "";
    display: block;
    height: 3px;
    margin: 0.65rem 0 0;
    max-width: 3.5rem;
    width: 100%;
}

body.laravel-college-theme.laravel-inner-page .laravel-section-title--gold.laravel-section-title--center::after {
    margin-left: auto;
    margin-right: auto;
}

body.laravel-college-theme.laravel-inner-page .post_content.entry-content a,
body.laravel-college-theme.laravel-inner-page .laravel-page-content a {
    color: #1e4a7a;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: rgba(166, 139, 45, 0.45);
    text-underline-offset: 0.15em;
}

body.laravel-college-theme.laravel-inner-page .post_content.entry-content a:hover,
body.laravel-college-theme.laravel-inner-page .laravel-page-content a:hover {
    color: var(--laravel-college-accent);
}

body.laravel-college-theme.laravel-inner-page .laravel-news-single__body--plain {
    font-family: "Raleway", sans-serif;
}

/* Gray band (reference inner pages) */
.laravel-inner-subheader {
    background: linear-gradient(180deg, #8f8f8f 0%, #b0b0b0 45%, #c4c4c4 100%);
    padding: clamp(2rem, 4.5vw, 2.85rem) 0;
}

.laravel-inner-subheader__inner {
    text-align: center;
}

.laravel-inner-subheader__title {
    color: #b4a55c;
    font-family: "Raleway", sans-serif;
    font-size: clamp(1.35rem, 2.8vw, 1.85rem);
    font-weight: 800;
    letter-spacing: 0.03em;
    line-height: 1.25;
    margin: 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.22);
}

.laravel-static-placeholder {
    padding: 3.25rem 0 4rem;
}

.laravel-static-placeholder__text {
    margin: 1rem 0 0;
    line-height: 1.75;
    max-width: 70ch;
}

/* Sitemap (mirrors 5thpillartakaful.com/sitemap/ structure) */
.laravel-sitemap-article .post_content {
    padding: clamp(1rem, 2.2vw, 1.65rem) 0 clamp(1.35rem, 3vw, 2.25rem);
}

.laravel-sitemap {
    max-width: min(62rem, 100%);
    margin: 0 auto;
}

/* Two independent columns — avoids huge gaps when one section is much taller */
.laravel-sitemap__cols {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

@media (min-width: 768px) {
    .laravel-sitemap__cols {
        flex-direction: row;
        align-items: flex-start;
        gap: 1.25rem 1.75rem;
    }

    .laravel-sitemap__col-list {
        flex: 1 1 0;
        min-width: 0;
    }
}

.laravel-sitemap__col-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.laravel-sitemap__block {
    min-width: 0;
}

.laravel-sitemap__col-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.laravel-sitemap__col-list ul ul {
    margin-top: 0.2rem;
    padding-left: 0.85rem;
    border-left: 2px solid rgba(180, 165, 92, 0.3);
}

.laravel-sitemap__col-list li li {
    margin: 0.15rem 0;
    line-height: 1.45;
}

/* Tight stack for Home / Contact / Travel (single-line links) */
.laravel-sitemap__block--tight>ul>li {
    margin: 0.06rem 0;
    line-height: 1.35;
}

.laravel-sitemap__block--tight>ul>li:first-child {
    margin-top: 0;
}

.laravel-sitemap__block--tight>ul>li:last-child {
    margin-bottom: 0;
}

.laravel-sitemap__heading {
    display: block;
    margin: 0 0 0.3rem;
    padding: 0.32rem 0.7rem;
    background: #b4a55c;
    color: #fff;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.875rem;
    letter-spacing: 0.015em;
}

.laravel-sitemap__subheading {
    display: block;
    font-weight: 600;
    color: #3a3528;
    margin: 0.3rem 0 0.12rem;
    font-size: 0.875rem;
}

/* Parent label (left) + narrow submenu (right), wrap long PDF titles */
.laravel-sitemap__nest--cols {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

@media (min-width: 560px) {
    .laravel-sitemap__nest--cols {
        flex-direction: row;
        align-items: flex-start;
        gap: 0.35rem 0.65rem;
    }
}

.laravel-sitemap__nest--cols>.laravel-sitemap__subheading {
    flex: 0 0 auto;
    margin: 0;
    line-height: 1.35;
    max-width: 16rem;
}

@media (min-width: 560px) {
    .laravel-sitemap__nest--cols>.laravel-sitemap__subheading {
        max-width: 9.85rem;
    }
}

.laravel-sitemap__nest-list {
    flex: 1 1 auto;
    min-width: min(10rem, 100%);
    max-width: min(17rem, 100%);
    margin-top: 0 !important;
    padding-left: 0.6rem !important;
    border-left: 2px solid rgba(180, 165, 92, 0.3) !important;
}

@media (max-width: 559px) {
    .laravel-sitemap__nest-list {
        max-width: 100%;
    }
}

.laravel-sitemap__nest-list>li {
    margin: 0.08rem 0;
}

.laravel-sitemap a {
    color: #333;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

.laravel-sitemap a:hover,
.laravel-sitemap a:focus {
    color: #b4a55c;
}

.laravel-sitemap a[aria-current="page"] {
    font-weight: 700;
    color: #b4a55c;
    text-decoration: none;
}

.laravel-sitemap__nest-list a {
    display: inline-block;
    max-width: 100%;
    overflow-wrap: break-word;
    word-break: normal;
    line-height: 1.45;
}

/* About Us (WP Visual Composer layout — Blade only, no WP HTML) */
.laravel-about-wp-intro {
    padding: clamp(1.75rem, 3.5vw, 2.75rem) 0 clamp(1.25rem, 3vw, 2rem);
}

.laravel-about-wp-intro__row {
    display: grid;
    gap: 15px;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}

.laravel-about-wp-intro__col {
    box-sizing: border-box;
    min-width: 0;
}

.laravel-about-wp-intro__col--aside {
    min-height: 1px;
}

.laravel-about-wp-intro__text {
    color: #555555;
    font-size: 1rem;
    line-height: 1.85;
    margin: 0 0 1rem;
}

.laravel-about-wp-intro__list {
    color: #555555;
    font-size: 1rem;
    line-height: 1.75;
    margin: 0;
    padding-left: 1.25rem;
}

.laravel-about-wp-intro__list li {
    margin-bottom: 0.35rem;
}

.laravel-about-wp-intro__list li:last-child {
    margin-bottom: 0;
}

/* Full-bleed bands (tertiary — outside inner .content max-width) */
.laravel-about-wp-band {
    padding: clamp(2.25rem, 4.5vw, 3.75rem) 0;
}

.laravel-about-wp-band--sponsors {
    background: #ebe8df;
}

.laravel-about-wp-band--retakaful {
    background: #ebe8df;
}

.laravel-about-wp-band--value-chain {
    background: #f7f7f5;
    padding-top: clamp(2.5rem, 5vw, 4rem);
    padding-bottom: clamp(2.5rem, 5vw, 4rem);
}

.laravel-about-wp-band__h2 {
    color: #b4a55c;
    font-family: "Raleway", sans-serif;
    font-size: clamp(1.45rem, 2.6vw, 2rem);
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 1rem;
}

.laravel-about-wp-band__h2--left {
    text-align: left;
}

.laravel-about-wp-prose-dark {
    color: #000000;
    font-size: 1rem;
    line-height: 1.8;
    margin: 0 0 1rem;
}

.laravel-about-wp-prose-dark:last-child {
    margin-bottom: 0;
}

.laravel-about-wp-value-title {
    color: #b4a55c;
    font-family: "Raleway", sans-serif;
    font-size: clamp(1.45rem, 2.6vw, 2rem);
    font-weight: 700;
    font-style: normal;
    line-height: 1.25;
    margin: 0 auto clamp(1.35rem, 3vw, 2rem);
    max-width: 56rem;
    text-align: center;
}

.laravel-about-wp-value-figure {
    margin: 0;
    padding: 0;
    width: 100%;
}

.laravel-about-wp-value-frame {
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    line-height: 0;
    margin: 0 auto;
    max-width: 100%;
}

.laravel-about-wp-value-img {
    display: block;
    height: auto;
    width: 100%;
}

.laravel-about-wp-retakaful-row {
    display: grid;
    gap: 15px;
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
}

.laravel-about-wp-retakaful-row__main,
.laravel-about-wp-retakaful-row__aside {
    box-sizing: border-box;
    min-width: 0;
}

.laravel-about-wp-retakaful-row__aside {
    min-height: 1px;
}

@media (max-width: 767px) {

    .laravel-about-wp-intro__row,
    .laravel-about-wp-retakaful-row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .laravel-inner-masthead {
        padding: 2.25rem 0 2rem;
    }
}

/* Vision & Mission — navy band, cream cards, nested copy box (reference layout) */
.laravel-vm-page {
    margin: 0;
}

.laravel-vm-page .laravel-vm-outer {
    margin: 0;
    padding: clamp(2.5rem, 5vw, 4rem) clamp(1.25rem, 3.5vw, 2.25rem);
    width: 100%;
}

.laravel-vm-page .laravel-vm-outer .vc_column-inner,
.laravel-vm-page .laravel-vm-inner .vc_column-inner {
    padding-top: 0;
}

.laravel-vm-page .laravel-vm-inner {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -14px;
}

.laravel-vm-page .laravel-vm-inner>.wpb_column {
    box-sizing: border-box;
    display: flex;
    flex: 1 1 50%;
    max-width: 50%;
    min-width: 0;
    padding: 0 14px;
}

.laravel-vm-page .laravel-vm-inner>.wpb_column>.vc_column-inner {
    display: flex;
    flex: 1 1 auto;
    width: 100%;
}

.laravel-vm-page .laravel-vm-inner>.wpb_column>.vc_column-inner>.wpb_wrapper {
    background: #f9f7f2;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.18);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100%;
    padding: clamp(2rem, 4vw, 2.75rem) clamp(1.35rem, 3vw, 2rem) clamp(1.75rem, 3vw, 2.25rem);
}

.laravel-vm-page .sc_icons.sc_align_center {
    text-align: center;
}

.laravel-vm-page .sc_icons_item {
    margin: 0;
}

.laravel-vm-page .sc_icons_image {
    display: inline-block;
    line-height: 0;
    margin: 0 auto;
}

.laravel-vm-page .sc_icons_image img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 124px;
    width: 100%;
}

.laravel-vm-page .sc_icons_item_title {
    color: #b4a55c !important;
    font-family: "Raleway", sans-serif !important;
    font-size: 1.5rem !important;
    font-weight: bold !important;
    letter-spacing: 0em !important;
    line-height: 1.3 !important;
    margin: 1.1rem 0 0 !important;
    text-align: center !important;
}

.laravel-vm-page .sc_icons_item_title span {
    color: inherit;
}

.laravel-vm-page .laravel-vm-spacer {
    flex-shrink: 0;
}

.laravel-vm-page .laravel-vm-desc {
    margin-top: auto;
}

.laravel-vm-page .laravel-vm-desc .wpb_text_column {
    margin-bottom: 0;
}

.laravel-vm-page .laravel-vm-body {
    color: #000000;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.85;
    margin: 0;
    text-align: center;
}

.laravel-vm-page .vc_empty_space.height_small {
    line-height: 0;
}

@media (max-width: 767px) {
    .laravel-vm-page .laravel-vm-inner>.wpb_column {
        flex: 1 1 100%;
        max-width: 100%;
    }

    .laravel-vm-page .laravel-vm-inner>.wpb_column+.wpb_column {
        margin-top: 1.5rem;
    }
}

/* Management team — sc_team_short + trx_addons 4-column grid (Blade only) */
.laravel-team-page {
    margin: 0;
    padding: 80px 0px;
}

.laravel-team-page .sc_team_columns_wrap.trx_addons_columns_wrap {
    display: flex;
    flex-wrap: wrap;
}

.laravel-team-page .sc_team_columns_wrap.trx_addons_columns_wrap>.trx_addons_column-1_4 {
    box-sizing: border-box;
    flex: 0 0 25%;
    max-width: 25%;
    min-width: 0;
}

.laravel-team-page .sc_team_item_thumb img {
    display: block;
    height: auto;
    width: 100%;
}

.laravel-team-page .post_featured.sc_team_item_thumb {
    overflow: hidden;
}

@media (max-width: 1023px) {
    .laravel-team-page .sc_team_columns_wrap.trx_addons_columns_wrap>.trx_addons_column-1_4 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 575px) {
    .laravel-team-page .sc_team_columns_wrap.trx_addons_columns_wrap>.trx_addons_column-1_4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* Corporate Information — VC row classes from WPBakery export */
.vc_custom_1685704820936 {
    padding-bottom: 3em !important;
    padding-top: 3em !important;
}

/* Information block row — class kept for parity with live site */
.vc_custom_1695127517890 {
    margin-bottom: 0;
}

/* Corporate Information — typography + inner rows */
.laravel-corp-info-page {
    margin: 0;
}

.laravel-corp-info-page .vc_custom_heading {
    margin-bottom: 1.25rem;
}

.laravel-corp-info-page__inner-row {
    display: flex;
    flex-wrap: wrap;
}

.laravel-corp-info-page__inner-row>.wpb_column {
    box-sizing: border-box;
}

.laravel-corp-info-page__inner-row>.vc_col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.laravel-corp-info-page__regulators p+p {
    margin-top: 1.25em;
}

.laravel-corp-info-page .wpb_text_column .wpb_wrapper>p {
    margin-bottom: 0;
}

.laravel-corp-info-page .wpb_text_column .wpb_wrapper>p+p {
    margin-top: 0.5em;
}

.laravel-corp-info-page a {
    text-decoration: underline;
}

.laravel-corp-info-page a:hover,
.laravel-corp-info-page a:focus {
    text-decoration: none;
}

@media (max-width: 767px) {
    .laravel-corp-info-page__inner-row>.vc_col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .laravel-corp-info-page__inner-row>.wpb_column+.wpb_column {
        margin-top: 0.75rem;
    }
}

/* Privacy Policy — WPBakery-style block spacing */
.laravel-privacy-policy-page {
    margin: 0;
    padding-bottom: 80px;
    padding-top: 80px;
}

.laravel-privacy-policy-page .wpb_wrapper>.vc_custom_heading:first-child {
    margin-bottom: 1.25rem;
}

.laravel-privacy-policy-page .wpb_wrapper>h4.vc_custom_heading {
    margin-bottom: 0.65rem;
    margin-top: 1.35rem;
}

.laravel-privacy-policy-page .wpb_wrapper>h4.vc_custom_heading+.wpb_text_column {
    margin-bottom: 0;
}

.laravel-privacy-policy-page .wpb_text_column .wpb_wrapper>p {
    margin-bottom: 0.65em;
}

.laravel-privacy-policy-page .wpb_text_column .wpb_wrapper>p:last-child {
    margin-bottom: 0;
}

.laravel-privacy-policy-page .wpb_text_column ul {
    margin-bottom: 0;
    margin-top: 0.35em;
    padding-left: 1.25em;
}

.laravel-privacy-policy-page .wpb_text_column ul ul {
    margin-top: 0.25em;
}

.laravel-privacy-policy-page .vc_custom_heading {
    color: #b4a55c !important;
    font-family: 'Raleway', sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
}

.laravel-privacy-policy-page h2.vc_custom_heading {
    font-size: 30px;
    line-height: 1.25;
}

.laravel-privacy-policy-page h4.vc_custom_heading {
    font-size: 17px;
    line-height: 1.35;
}

.laravel-privacy-policy-page .wpb_text_column,
.laravel-privacy-policy-page .wpb_text_column p,
.laravel-privacy-policy-page .wpb_text_column span,
.laravel-privacy-policy-page .wpb_text_column li {
    color: #9d9087 !important;
    font-family: 'Raleway', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
}

.laravel-privacy-policy-page .wpb_text_column strong {
    color: #7f736b !important;
    font-weight: 700 !important;
}

.laravel-privacy-policy-page .wpb_text_column ul {
    color: #9d9087 !important;
}

/* Board of Directors — spacing under masthead / above footer */
.laravel-board-directors-page {
    margin: 0;
    padding-bottom: clamp(2.75rem, 7vw, 5.5rem);
    padding-top: clamp(2rem, 5vw, 3.75rem);
}

/* WPBakery accordion (vc_tta); bodies toggled via laravel-bridge.js */
.laravel-board-directors-page .vc_tta-accordion .vc_tta-panel:not(.vc_active) .vc_tta-panel-body {
    display: none !important;
}

.laravel-board-directors-page .vc_tta.vc_tta-accordion.vc_general {
    background: #ffffff;
    border: 1px solid rgba(26, 30, 53, 0.12);
    border-radius: 10px;
    box-shadow: 0 4px 24px rgba(26, 30, 53, 0.07);
    overflow: hidden;
}

.laravel-board-directors-page .vc_tta-panels {
    border-radius: 10px;
}

.laravel-board-directors-page .wpb-js-composer .vc_tta.vc_tta-accordion.vc_general .vc_tta-panel {
    border-top: 1px solid rgba(26, 30, 53, 0.08);
    margin-top: 0 !important;
    padding: 0 !important;
}

.laravel-board-directors-page .wpb-js-composer .vc_tta.vc_tta-accordion.vc_general .vc_tta-panel:first-child {
    border-top: none;
}

.laravel-board-directors-page .vc_tta-panel-heading {
    margin: 0 !important;
}

.laravel-board-directors-page .vc_tta-panel-title {
    margin: 0 !important;
}

/* + / − on the RIGHT; flat cream rows (reference: 5thpillartakaful.com board-of-directors) */
.laravel-board-directors-page .vc_tta-panel-heading .vc_tta-panel-title>a {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    justify-content: space-between;
    padding: 1.05rem 1.35rem !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease, color 0.2s ease;
}

body.laravel-college-theme.laravel-inner-page .laravel-board-directors-page .post_content.entry-content .vc_tta-panel-heading .vc_tta-panel-title>a {
    color: #b4a55c !important;
    font-weight: 600;
    text-decoration: none !important;
    text-decoration-color: transparent !important;
}

.laravel-board-directors-page .vc_tta-panel-heading .vc_tta-panel-title>a:hover,
.laravel-board-directors-page .vc_tta-panel-heading .vc_tta-panel-title>a:focus {
    background-color: rgba(180, 165, 92, 0.1);
    outline: none;
}

.laravel-board-directors-page .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title>a {
    background-color: #fafaf2;
}

.laravel-board-directors-page .vc_tta-panel-heading .vc_tta-panel-title>a .vc_tta-controls-icon {
    flex-shrink: 0;
    height: 24px;
    margin: 0 !important;
    order: 2;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 24px;
}

.laravel-board-directors-page .wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-plus::before,
.laravel-board-directors-page .wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-minus::before {
    border: 0;
    border-top: 2px solid #b4a55c;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
}

.laravel-board-directors-page .wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-plus::after {
    border: 0;
    border-left: 2px solid #b4a55c;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 12px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 0;
}

.laravel-board-directors-page .wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-minus::after {
    display: none;
}

.laravel-board-directors-page .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-title-text {
    color: #b4a55c;
    flex: 1;
    line-height: 1.35;
    order: 1;
    text-align: left;
    text-decoration: none;
}

.laravel-board-directors-page .vc_tta-panel-body {
    background: #fafaf2;
    border-top: 1px solid rgba(26, 30, 53, 0.06);
}

.laravel-board-directors-page .wpb-js-composer .vc_tta.vc_tta-accordion.vc_general .vc_tta-panel .vc_tta-panel-body {
    padding: 1rem 1.35rem 1.35rem !important;
}

.laravel-board-directors-page .vc_tta-panel-body .wpb_text_column.wpb_content_element {
    padding-left: 0 !important;
}

.laravel-board-directors-page .vc_tta-panel-body .wpb_text_column p,
.laravel-board-directors-page .laravel-board-directors-page__bio {
    color: #9d9087;
    font-family: "Raleway", sans-serif;
    font-size: 1rem;
    line-height: 1.65;
}

body.laravel-college-theme.laravel-inner-page .laravel-board-directors-page .vc_tta-panel-body .wpb_text_column p,
body.laravel-college-theme.laravel-inner-page .laravel-board-directors-page .laravel-board-directors-page__bio {
    color: #9d9087 !important;
}

@media (max-width: 767px) {
    .laravel-board-directors-page .vc_tta-panel-body .wpb_text_column.wpb_content_element {
        padding-left: 0 !important;
    }

    .laravel-board-directors-page .vc_tta-panel-heading .vc_tta-panel-title>a {
        padding: 0.9rem 1rem !important;
    }
}

/* Board Committees — centered gold headings, cream member boxes, fixed right CTAs */
.laravel-board-committees-page .post_content.entry-content {
    padding-bottom: clamp(2rem, 5vw, 3.5rem);
    padding-top: 0.25rem;
}

.laravel-board-committees-page .laravel-bc {
    margin: 0;
}

.laravel-board-committees-page .laravel-bc-stack {
    margin-left: auto;
    margin-right: auto;
    max-width: 52rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 80px;
    padding-bottom: 80px;
}

.laravel-board-committees-page .laravel-bc-block+.laravel-bc-block {
    margin-top: clamp(2rem, 4vw, 2.75rem);
}

.laravel-board-committees-page .laravel-bc-block__title {
    color: #b4a55c;
    font-family: "Raleway", sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 0.85rem;
    text-align: center;
}

.laravel-board-committees-page .laravel-bc-block__box {
    background-color: #fafaf2;
    border-radius: 4px;
    padding: 1.25rem 1.5rem 1.35rem 1.65rem;
}

.laravel-board-committees-page .laravel-bc-block__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.laravel-board-committees-page .laravel-bc-block__list li {
    color: #9d9087;
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.65;
    text-align: left;
}

.laravel-board-committees-page .laravel-bc-block__list li+li {
    margin-top: 0.3rem;
}

/* Floating half-pill CTAs (Font Awesome icons; language switch stays in site header only) */
.laravel-board-committees-page .laravel-bc-float {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 940;
}

.laravel-board-committees-page .laravel-bc-float__btn {
    align-items: center;
    background: #b5a362;
    border-radius: 999px 0 0 999px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.16);
    color: #ffffff;
    display: inline-flex;
    gap: 0.65rem;
    max-width: min(290px, 78vw);
    padding: 0.65rem 1rem 0.65rem 0.9rem;
    text-decoration: none;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.laravel-board-committees-page .laravel-bc-float__btn:hover,
.laravel-board-committees-page .laravel-bc-float__btn:focus {
    background: #a89456;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.18);
    color: #ffffff;
    outline: none;
    transform: translateX(-2px);
}

.laravel-board-committees-page .laravel-bc-float__icon {
    align-items: center;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 1rem;
    height: 30px;
    justify-content: center;
    width: 28px;
}

.laravel-board-committees-page .laravel-bc-float__text {
    font-size: 0.92rem;
    font-weight: 600;
    line-height: 1.25;
    text-align: left;
}

@media (max-width: 767px) {
    .laravel-board-committees-page .laravel-bc-float {
        bottom: 5.5rem;
        gap: 0.55rem;
        top: auto;
        transform: none;
    }

    .laravel-board-committees-page .laravel-bc-float__btn {
        max-width: min(260px, 82vw);
        padding: 0.55rem 0.85rem 0.55rem 0.8rem;
    }

    .laravel-board-committees-page .laravel-bc-block__box {
        padding: 1.1rem 1.15rem 1.2rem 1.2rem;
    }
}

/* External Auditors (WP export: single 18px line) */
.laravel-external-auditors-page .post_content.entry-content {
    padding-bottom: 10rem;
    padding-top: 10rem;
}

.laravel-external-auditors-page__body {
    color: #9d9087;
    font-size: 18px;
    line-height: 1.65;
    margin: 0 auto;
    max-width: 52rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* Legal Advisor (WP export: single 18px line) */
.laravel-legal-advisor-page .post_content.entry-content {
    padding-bottom: 10rem;
    padding-top: 10rem;
}

.laravel-legal-advisor-page__body {
    color: #9d9087;
    font-size: 18px;
    line-height: 1.65;
    margin: 0 auto;
    max-width: 52rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* Contact Details for Investors — main copy + sidebar CTAs (5thpillartakaful.com/contact-details-for-investors/) */
.laravel-investors-contact-page .post_content.entry-content {
    padding-bottom: clamp(3rem, 7vw, 5rem);
    padding-top: clamp(1.25rem, 3.5vw, 2.25rem);
}

.laravel-investors-contact {
    align-items: start;
    box-sizing: border-box;
    column-gap: clamp(2rem, 5vw, 3.5rem);
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 300px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1170px;
    padding-left: 1rem;
    padding-right: 1rem;
    row-gap: 2rem;
}

.laravel-investors-contact__body {
    color: #231f20;
    font-family: "Raleway", sans-serif;
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.75;
}

.laravel-investors-contact__para {
    margin: 0 0 1rem;
}

.laravel-investors-contact__para:last-child {
    margin-bottom: 0;
}

.laravel-investors-contact__para strong {
    color: #1a1512;
    display: inline;
    font-weight: 700;
    margin-right: 0.35em;
}

.laravel-investors-contact__para a {
    color: #8b6914;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.12em;
}

.laravel-investors-contact__para a:hover,
.laravel-investors-contact__para a:focus {
    color: #6b4f10;
}

.laravel-investors-contact__para--address {
    max-width: 40rem;
}

.laravel-investors-contact__aside {
    position: sticky;
    top: 1.25rem;
}

.laravel-investors-contact__cta-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.laravel-investors-contact__cta-list li+li {
    margin-top: 0.65rem;
}

.laravel-investors-contact__cta {
    background: #fdfbf0;
    border: 1px solid rgba(180, 165, 92, 0.55);
    border-radius: 6px;
    box-sizing: border-box;
    color: #4b2c11 !important;
    display: block;
    font-family: "Raleway", sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.35;
    padding: 0.85rem 1rem;
    text-align: center;
    text-decoration: none !important;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.laravel-investors-contact__cta:hover,
.laravel-investors-contact__cta:focus {
    background: rgba(180, 165, 92, 0.22);
    border-color: #b4a55c;
    color: #2a1909 !important;
}

@media (max-width: 900px) {
    .laravel-investors-contact {
        grid-template-columns: 1fr;
    }

    .laravel-investors-contact__aside {
        position: static;
        max-width: 24rem;
    }
}

/* Complaints in Respect of Takaful Membership — cream panel, gold headings, EN | UR */
.laravel-complaints-takaful-page .post_content.entry-content {
    padding-bottom: clamp(4.5rem, 10vw, 7rem);
    padding-top: clamp(2.75rem, 6.5vw, 4.25rem);
}

.laravel-complaints-takaful-page .laravel-complaints-takaful {
    background: #fdfaf3;
    border: 1px solid rgba(166, 137, 69, 0.22);
    border-radius: 14px;
    box-shadow: 0 4px 28px rgba(45, 35, 20, 0.07);
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1170px;
    padding: clamp(2.35rem, 5vw, 3.5rem) clamp(1.35rem, 3.5vw, 2.5rem);
    width: 100%;
}

.laravel-complaints-takaful__intro-full {
    color: #5a5856;
    font-family: "Raleway", sans-serif;
    font-size: 1.0625rem;
    line-height: 1.78;
    margin: 0 0 clamp(2.25rem, 4.5vw, 3.25rem);
    max-width: none;
}

.laravel-complaints-takaful__bilingual {
    display: flex;
    flex-direction: column;
    gap: clamp(2.25rem, 4.5vw, 3.35rem);
}

.laravel-complaints-takaful__row {
    align-items: stretch;
    box-sizing: border-box;
    display: grid;
    gap: clamp(1.75rem, 4vw, 3.25rem);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.laravel-complaints-takaful__col {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
}

.laravel-complaints-takaful__col--en {
    text-align: left;
}

.laravel-complaints-takaful__col--ur {
    /* Nastaliq stack: local Jameel Noori (Windows) then web Noto Nastaliq Urdu */
    font-family: "Jameel Noori Nastaleeq", "Noto Nastaliq Urdu", "Urdu Typesetting", "Nafees Nastaleeq urdu", "Geeza Pro", serif;
    font-size: 1.1rem;
    line-height: 2;
    text-align: right;
}

.laravel-complaints-takaful__lead {
    color: #333333;
    font-family: "Raleway", sans-serif;
    font-size: 1.0625rem;
    line-height: 1.78;
    margin: 0;
    max-width: none;
}

.laravel-complaints-takaful__col--ur .laravel-complaints-takaful__lead {
    font-family: inherit;
    line-height: 2;
}

.laravel-complaints-takaful__col--ur .laravel-complaints-takaful__lead--muted {
    color: #777777;
}

.laravel-complaints-takaful__lead--muted {
    color: #5a5856;
}

.laravel-complaints-takaful__company {
    background: #fdfbf0;
    border: 1px solid rgba(180, 165, 92, 0.45);
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    margin: 0 0 1.75rem;
    max-width: 52rem;
    padding: 1.25rem 1.35rem;
}

.laravel-complaints-takaful__company--bilingual {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    margin: 0;
    max-width: none;
    padding: 0;
}

.laravel-complaints-takaful__line {
    color: #333333;
    font-family: "Raleway", sans-serif;
    font-size: 1.02rem;
    line-height: 1.68;
    margin: 0 0 0.7rem;
}

.laravel-complaints-takaful__col--ur .laravel-complaints-takaful__line {
    color: #555555;
    font-family: inherit;
    font-size: 1.08rem;
    line-height: 2;
}

.laravel-complaints-takaful__line:last-child {
    margin-bottom: 0;
}

.laravel-complaints-takaful__line strong {
    color: #a68945;
    font-weight: 700;
    margin-left: 0.15em;
    margin-right: 0.35em;
}

.laravel-complaints-takaful__col--ur .laravel-complaints-takaful__line strong {
    color: #b89e67;
    margin-left: 0.35em;
    margin-right: 0.15em;
}

.laravel-complaints-takaful__line a {
    color: #8a6f35;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 0.12em;
}

.laravel-complaints-takaful__line a:hover,
.laravel-complaints-takaful__line a:focus {
    color: #6b5428;
}

.laravel-complaints-takaful__card {
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(166, 137, 69, 0.28);
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(45, 35, 20, 0.05);
    box-sizing: border-box;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    padding: 1.2rem 1.4rem 1.35rem;
    width: 100%;
}

.laravel-complaints-takaful__card-title {
    color: #a68945;
    font-family: "Raleway", sans-serif;
    font-size: clamp(1.05rem, 1.9vw, 1.2rem);
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.38;
    margin: 0 0 0.7rem;
}

.laravel-complaints-takaful__col--ur .laravel-complaints-takaful__card-title {
    color: #b89e67;
    font-family: inherit;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.7;
    margin-bottom: clamp(1rem, 2.4vw, 1.45rem);
    margin-top: 20px;
}

.laravel-complaints-takaful__card-intro {
    color: #333333;
    font-size: 1rem;
    line-height: 1.68;
    margin: 0 0 0.65rem;
}

.laravel-complaints-takaful__col--ur .laravel-complaints-takaful__card-intro {
    color: #888888;
    line-height: 2;
}

.laravel-complaints-takaful__card-body {
    color: #333333;
    font-size: 1rem;
    line-height: 1.68;
    margin: 0 0 0.5rem;
}

.laravel-complaints-takaful__col--ur .laravel-complaints-takaful__card-body {
    color: #888888;
    line-height: 2;
}

.laravel-complaints-takaful__card-meta {
    color: #333333;
    font-size: 0.98rem;
    line-height: 1.58;
    margin: 0.35rem 0 0;
}

.laravel-complaints-takaful__card-meta strong {
    color: #a68945;
    font-weight: 700;
}

.laravel-complaints-takaful__col--ur .laravel-complaints-takaful__card-meta {
    color: #888888;
    line-height: 2;
}

.laravel-complaints-takaful__card-meta a {
    color: #8a6f35;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 0.12em;
}

.laravel-complaints-takaful__card-meta a:hover,
.laravel-complaints-takaful__card-meta a:focus {
    color: #6b5428;
}

.laravel-complaints-takaful__note {
    color: #454545;
    font-size: 0.95rem;
    line-height: 1.58;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: auto;
    padding-top: 0.75rem;
}

.laravel-complaints-takaful__col--ur .laravel-complaints-takaful__note {
    color: #888888;
    font-family: inherit;
    line-height: 2;
}

.laravel-complaints-takaful__logos {
    border-top: 1px solid rgba(166, 137, 69, 0.28);
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.25rem;
    margin-top: clamp(1.25rem, 3vw, 2rem);
    max-width: none;
    padding-top: clamp(1.35rem, 3vw, 2rem);
}

@media (max-width: 900px) {
    .laravel-complaints-takaful__row {
        gap: 1.75rem;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .laravel-complaints-takaful-page .laravel-complaints-takaful {
        border-radius: 10px;
        padding: 1.5rem 1rem;
    }
}

.laravel-complaints-takaful__logo-link {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(166, 137, 69, 0.35);
    border-radius: 8px;
    color: #4b2c11 !important;
    font-family: "Raleway", sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    padding: 0.55rem 0.95rem;
    text-decoration: none !important;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.laravel-complaints-takaful__logo-link:hover,
.laravel-complaints-takaful__logo-link:focus {
    background: rgba(166, 137, 69, 0.12);
    border-color: #a68945;
}

/* Contact — match live 5thpillartakaful.com/contact/ (Raleway, theme gold, WP-style tabs) */
.laravel-contact-page .post_content.entry-content {
    padding-bottom: clamp(3rem, 7vw, 5rem);
    padding-top: clamp(1.25rem, 3.5vw, 2.25rem);
}

.laravel-contact-page .visually-hidden {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.laravel-contact__alert {
    border-radius: 6px;
    margin-bottom: 1.25rem;
    padding: 0.85rem 1.1rem;
}

.laravel-contact__alert--success {
    background: rgba(180, 165, 92, 0.15);
    border: 1px solid rgba(180, 165, 92, 0.45);
    color: #3d3828;
}

.laravel-contact__alert--error {
    background: rgba(180, 60, 60, 0.08);
    border: 1px solid rgba(180, 60, 60, 0.35);
    color: #5c2a2a;
}

.laravel-contact__error-list {
    margin: 0;
    padding-left: 1.2rem;
}

.laravel-contact__grid {
    align-items: start;
    column-gap: clamp(2.5rem, 6vw, 4.5rem);
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    margin-left: auto;
    margin-right: auto;
    max-width: 1170px;
    row-gap: clamp(2.5rem, 5vw, 3.25rem);
}

.laravel-contact__col--form {
    padding-right: clamp(0.25rem, 1.5vw, 0.75rem);
}

.laravel-contact__col--info {
    padding-left: clamp(0.25rem, 1.5vw, 0.75rem);
}

.laravel-contact__heading {
    color: #b4a55c !important;
    font-family: "Raleway", sans-serif !important;
    font-size: clamp(1.75rem, 2.8vw, 2.125rem);
    font-weight: 700 !important;
    letter-spacing: 0.02em;
    line-height: 1.22;
    margin: 0 0 0.85rem;
}

.laravel-contact__lead {
    color: #9d9087;
    font-family: "Raleway", sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.55;
    margin: 0 0 2rem;
}

.laravel-contact__tabs {
    margin-top: 0.15rem;
}

.laravel-contact__tablist {
    border-bottom: 2px solid #b4a55c;
    display: flex;
    gap: 0;
    margin-bottom: 1.5rem;
}

.laravel-contact__tab {
    background: #ebe8e2;
    border: none;
    color: #8a8278;
    cursor: pointer;
    flex: 1;
    font-family: "Raleway", sans-serif;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.3;
    margin: 0;
    padding: 0.7rem 1rem 0.85rem;
    text-align: center;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.laravel-contact__tab.is-active {
    background: #ffffff;
    color: #2c2825;
    font-weight: 700;
}

.laravel-contact__tab-panel {
    margin-top: 0;
}

.laravel-contact__form {
    display: flex;
    flex-direction: column;
    gap: 1.05rem;
}

.laravel-contact__field input,
.laravel-contact__field textarea {
    background: #faf8f4;
    border: 1px solid #b4a55c;
    border-radius: 6px;
    box-sizing: border-box;
    color: #231f20;
    font-family: "Raleway", sans-serif;
    font-size: 0.9375rem;
    line-height: 1.45;
    padding: 0.8rem 1rem;
    width: 100%;
}

.laravel-contact__field textarea {
    margin-top: 0.1rem;
    min-height: 158px;
    resize: vertical;
}

.laravel-contact__field input::placeholder,
.laravel-contact__field textarea::placeholder {
    color: #b0a89e;
    opacity: 1;
}

.laravel-contact__field input:focus,
.laravel-contact__field textarea:focus {
    background: #fffefb;
    border-color: #9a8b4e;
    outline: 2px solid rgba(180, 165, 92, 0.28);
    outline-offset: 1px;
}

.laravel-contact__recaptcha {
    margin-bottom: 0.15rem;
    margin-top: 0.35rem;
}

.laravel-contact__submit {
    align-self: flex-start;
    background: #b4a55c !important;
    border: none !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    color: #ffffff !important;
    cursor: pointer;
    font-family: "Raleway", sans-serif !important;
    font-size: 0.9375rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em;
    margin-top: 0.5rem !important;
    padding: 0.78rem 2.4rem !important;
    text-transform: none !important;
}

.laravel-contact__submit:hover,
.laravel-contact__submit:focus {
    background: #a08f4c !important;
    color: #ffffff !important;
}

.laravel-contact__col--info .laravel-contact__heading {
    margin-bottom: 1.35rem;
}

.laravel-contact__offices {
    column-gap: clamp(1.25rem, 3vw, 2rem);
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 0;
    row-gap: 1rem;
}

.laravel-contact__office-title {
    color: #b4a55c;
    font-family: "Raleway", sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 1.35;
    margin: 0 0 0.65rem;
    text-transform: none;
}

.laravel-contact__office-text {
    color: #9d9087;
    font-family: "Raleway", sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.55;
    margin: 0 0 1rem;
}

.laravel-contact__office-meta {
    color: #b4a55c;
    font-family: "Raleway", sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.65;
    margin: 0;
}

.laravel-contact__office-meta a {
    color: #b4a55c;
    font-weight: 600;
    text-decoration: none;
}

.laravel-contact__office-meta a:hover {
    color: #9a8b4e;
    text-decoration: underline;
}

.laravel-contact__map {
    border-radius: 4px;
    line-height: 0;
    margin-top: 1.75rem;
    overflow: hidden;
}

.laravel-contact__map iframe {
    display: block;
    height: 450px;
    width: 100%;
}

@media (max-width: 991px) {
    .laravel-contact__grid {
        grid-template-columns: 1fr;
    }

    .laravel-contact__col--form,
    .laravel-contact__col--info {
        padding-left: 0;
        padding-right: 0;
    }

    .laravel-contact__offices {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .laravel-contact__map iframe {
        height: 300px;
    }

    .laravel-contact__lead {
        margin-bottom: 1.5rem;
    }
}

/* Contact — override college inner-page defaults (match live contact typography) */
body.laravel-college-theme.laravel-inner-page .laravel-contact-page .post_content.entry-content,
body.laravel-college-theme.laravel-inner-page .laravel-contact-page .laravel-contact__lead,
body.laravel-college-theme.laravel-inner-page .laravel-contact-page .laravel-contact__office-text,
body.laravel-college-theme.laravel-inner-page .laravel-contact-page .laravel-contact__office-meta,
body.laravel-college-theme.laravel-inner-page .laravel-contact-page .laravel-contact__field input,
body.laravel-college-theme.laravel-inner-page .laravel-contact-page .laravel-contact__field textarea,
body.laravel-college-theme.laravel-inner-page .laravel-contact-page .laravel-contact__tab {
    font-family: "Raleway", sans-serif !important;
}

body.laravel-college-theme.laravel-inner-page .laravel-contact-page .post_content.entry-content h2.laravel-contact__heading,
body.laravel-college-theme.laravel-inner-page .laravel-contact-page .post_content.entry-content h3.laravel-contact__office-title {
    color: #b4a55c !important;
    font-family: "Raleway", sans-serif !important;
    font-weight: 700 !important;
}

body.laravel-college-theme.laravel-inner-page .laravel-contact-page .post_content.entry-content a {
    color: #9d9087 !important;
    font-weight: 400 !important;
    text-decoration: none !important;
}

body.laravel-college-theme.laravel-inner-page .laravel-contact-page .laravel-contact__office-meta a {
    color: #9d9087 !important;
}

body.laravel-college-theme.laravel-inner-page .laravel-contact-page .laravel-contact__office-meta a:hover,
body.laravel-college-theme.laravel-inner-page .laravel-contact-page .laravel-contact__office-meta a:focus {
    color: #b4a55c !important;
}

/* Memberships — IAP certificate CTA (matches 5thpillartakaful.com/memberships/) */
.laravel-memberships-page .post_content.entry-content {
    padding-bottom: clamp(3rem, 8vw, 5.5rem);
    padding-top: clamp(1.5rem, 4vw, 2.75rem);
}

.laravel-memberships-cert {
    margin-left: auto;
    margin-right: auto;
    max-width: 42rem;
    text-align: center;
}

.laravel-memberships-cert__title {
    color: #b4a55c !important;
    font-family: "Raleway", sans-serif !important;
    font-size: clamp(1.65rem, 3.2vw, 2.125rem);
    font-weight: 700 !important;
    letter-spacing: 0.02em;
    line-height: 1.25;
    margin: 0 0 1.65rem;
}

.laravel-memberships-cert__btn {
    background: #b5a661 !important;
    border: none !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    color: #ffffff !important;
    display: inline-block;
    font-family: "Raleway", sans-serif !important;
    font-size: 0.9375rem !important;
    font-weight: 600 !important;
    padding: 0.78rem 2.25rem !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.laravel-memberships-cert__btn:hover,
.laravel-memberships-cert__btn:focus {
    background: #a08f4c !important;
    color: #ffffff !important;
}

body.laravel-college-theme.laravel-inner-page .laravel-memberships-page .post_content.entry-content h2.laravel-memberships-cert__title {
    color: #b4a55c !important;
    font-family: "Raleway", sans-serif !important;
    font-weight: 700 !important;
}

/* Management Committees — WPBakery-style rows (matches live export; no Synite / WP Rocket / FA in body) */
.laravel-mgmt-committees-page {
    margin: 0;
    padding-bottom: clamp(2.5rem, 6vw, 4.5rem);
    padding-top: clamp(1.5rem, 4vw, 2.75rem);
}

.laravel-mgmt-committees-page .vc_custom_1695206224682,
.laravel-mgmt-committees-page .vc_custom_1727784402891,
.laravel-mgmt-committees-page .vc_custom_1695206432746 {
    background-color: #fafaf2 !important;
    padding-bottom: 2em !important;
    padding-left: 2em !important;
    padding-right: 1.5em !important;
    padding-top: 2em !important;
}

.laravel-mgmt-committees-page .vc_custom_heading {
    margin-bottom: 0.4rem;
    margin-top: 1.65rem;
}

.laravel-mgmt-committees-page .vc_row:first-child .wpb_text_column .wpb_wrapper>p {
    margin-bottom: 0;
}

.laravel-mgmt-committees-page .wpb_text_column.vc_custom_1695206224682 .wpb_wrapper>p,
.laravel-mgmt-committees-page .wpb_text_column.vc_custom_1727784402891 .wpb_wrapper>p,
.laravel-mgmt-committees-page .wpb_text_column.vc_custom_1695206432746 .wpb_wrapper>p {
    line-height: 1.65;
    margin-bottom: 0;
}

@media (max-width: 767px) {

    .laravel-mgmt-committees-page .vc_custom_1695206224682,
    .laravel-mgmt-committees-page .vc_custom_1727784402891,
    .laravel-mgmt-committees-page .vc_custom_1695206432746 {
        padding-left: 1.15em !important;
        padding-right: 1.1em !important;
    }
}

/* Shariah Advisor — 8/4 row + full-bleed band (no WP inline negative margins) */
.laravel-shariah-advisor-page {
    margin: 0;
}

.laravel-shariah-advisor-page .laravel-shariah-advisor__band.vc_custom_1691736900646.vc_row-has-fill {
    background-color: #fafaf2;
    box-sizing: border-box;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: clamp(2rem, 5vw, 3.5rem);
    padding-top: clamp(1.75rem, 4vw, 3rem);
}

.laravel-shariah-advisor-page .laravel-shariah-advisor__band {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    max-width: 100vw;
    padding-left: max(1rem, calc(50vw - 50%));
    padding-right: max(1rem, calc(50vw - 50%));
    position: relative;
    width: 100vw;
}

.laravel-shariah-advisor-page .laravel-shariah-advisor__band>.wpb_column {
    box-sizing: border-box;
}

.laravel-shariah-advisor-page .laravel-shariah-advisor__band .wpb_text_column .wpb_wrapper>p {
    margin-bottom: 0;
}

.laravel-shariah-advisor-page .laravel-shariah-advisor__band .wpb_text_column .wpb_wrapper>p+p {
    margin-top: 1em;
}

@media (max-width: 767px) {
    .laravel-shariah-advisor-page .laravel-shariah-advisor__band .vc_col-sm-8 {
        width: 100%;
    }

    .laravel-shariah-advisor-page .laravel-shariah-advisor__band .vc_col-sm-4 {
        display: none;
    }
}

/* Pattern of Shareholding — centered table (gold header, body per live page) */
.laravel-pattern-shareholding-page {
    margin: 0;
    padding-bottom: clamp(2.5rem, 6vw, 4.5rem);
    padding-top: clamp(1.75rem, 4vw, 2.75rem);
}

.laravel-pattern-shareholding-page .laravel-shareholding-table-wrap {
    margin: 0 auto;
    max-width: 920px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.laravel-pattern-shareholding-page .laravel-shareholding-table {
    border-collapse: collapse;
    font-family: "Raleway", sans-serif;
    min-width: 100%;
    width: 100%;
}

.laravel-pattern-shareholding-page .laravel-shareholding-table th,
.laravel-pattern-shareholding-page .laravel-shareholding-table td {
    border: 1px solid rgba(26, 30, 53, 0.15);
    box-sizing: border-box;
    padding: 0.85rem 1.15rem;
    text-align: center;
    vertical-align: middle;
}

.laravel-pattern-shareholding-page .laravel-shareholding-table thead th {
    background-color: #b4a55c;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.laravel-pattern-shareholding-page .laravel-shareholding-table tbody td {
    background-color: #ffffff;
    color: #9b8a44;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.45;
}

@media (max-width: 575px) {

    .laravel-pattern-shareholding-page .laravel-shareholding-table th,
    .laravel-pattern-shareholding-page .laravel-shareholding-table td {
        font-size: 0.9rem;
        padding: 0.65rem 0.75rem;
    }
}

/* Financial Statements + Accounts of Unit Linked Funds (same table UI) */
.laravel-financial-statements-page {
    margin: 0;
    padding-bottom: clamp(2.5rem, 6vw, 4.5rem);
    padding-top: clamp(1.5rem, 4vw, 2.75rem);
}

.laravel-financial-statements-page .post_content.entry-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 920px;
    padding-left: clamp(1rem, 3vw, 1.25rem);
    padding-right: clamp(1rem, 3vw, 1.25rem);
}

.laravel-financial-statements__heading {
    color: #b4a55c;
    font-family: "Raleway", sans-serif;
    font-size: clamp(1.35rem, 2.4vw, 1.65rem);
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.3;
    margin: 0 0 1.35rem;
    text-align: center;
}

.laravel-financial-statements__table-wrap {
    border: 1px solid #c4c4c4;
    border-radius: 6px;
    margin: 0 auto;
    max-width: 920px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.laravel-financial-statements__table {
    border-collapse: collapse;
    font-family: "Raleway", sans-serif;
    min-width: 100%;
    width: 100%;
}

.laravel-financial-statements__table th,
.laravel-financial-statements__table td {
    border: 1px solid #d8d8d8;
    box-sizing: border-box;
    padding: 0.95rem 1.25rem;
    text-align: center;
    vertical-align: middle;
}

.laravel-financial-statements__table thead th {
    background-color: #b4a55c;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.laravel-financial-statements__table tbody tr:nth-child(odd) td {
    background-color: #ffffff;
}

.laravel-financial-statements__table tbody tr:nth-child(even) td {
    background-color: #f5f5f5;
}

.laravel-financial-statements__table tbody td:first-child {
    color: #b4a55c;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.45;
}

.laravel-financial-statements__table tbody td:nth-child(2) {
    font-size: 1rem;
    line-height: 1.45;
}

.laravel-financial-statements__link {
    background-color: #b4a55c;
    border-radius: 5px;
    box-sizing: border-box;
    color: #ffffff !important;
    display: inline-block;
    font-weight: 600;
    line-height: 1.35;
    padding: 0.5rem 1.5rem;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.laravel-financial-statements__link:hover,
.laravel-financial-statements__link:focus {
    background-color: #9a8b4e;
    color: #ffffff !important;
    text-decoration: none;
}

@media (max-width: 575px) {

    .laravel-financial-statements__table th,
    .laravel-financial-statements__table td {
        font-size: 0.9rem;
        padding: 0.7rem 0.85rem;
    }

    .laravel-financial-statements__link {
        padding: 0.45rem 1.15rem;
    }
}

/* Forms — two columns, gold headings, PDF lists, native accordion bars */
.laravel-forms-page {
    margin: 0;
    padding-bottom: clamp(2.75rem, 7vw, 5.5rem);
    padding-top: clamp(2rem, 5vw, 3.75rem);
}

.laravel-forms-page__row {
    margin-left: -15px;
    margin-right: -15px;
}

.laravel-forms-page__row::after {
    clear: both;
    content: "";
    display: table;
}

.laravel-forms-page__row>.vc_col-sm-6 {
    box-sizing: border-box;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
}

.laravel-forms-page__title {
    color: #b4a55c !important;
    font-family: "Raleway", sans-serif !important;
    font-size: clamp(1.35rem, 2.2vw, 1.65rem);
    font-weight: 600 !important;
    line-height: 1.25;
    margin: 0 0 1rem;
}

.laravel-forms-page__claim-label {
    color: #4a4f56;
    font-family: "Raleway", sans-serif !important;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 0.65rem;
}

.laravel-forms-page__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.laravel-forms-page__list>li {
    font-family: "Raleway", sans-serif !important;
    margin: 0 0 0.5rem;
    padding-left: 1.1rem;
    position: relative;
}

.laravel-forms-page__list>li::before {
    background: #b4a55c;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: 0.55em;
    width: 6px;
}

.laravel-forms-page__list a {
    color: #a89455 !important;
    font-family: "Raleway", sans-serif !important;
    font-size: 0.9375rem;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.15s ease;
}

.laravel-forms-page__list a:hover,
.laravel-forms-page__list a:focus {
    color: #8a7a44;
    text-decoration: underline;
}

.laravel-forms-accordion {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    margin-top: 0.35rem;
}

.laravel-forms-accordion__item {
    border: 1px solid rgba(26, 30, 53, 0.1);
    border-radius: 4px;
    overflow: hidden;
}

.laravel-forms-accordion__summary {
    background: #b4a55c;
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    font-family: "Raleway", sans-serif !important;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.35;
    list-style: none;
    margin: 0;
    padding: 0.95rem 2.6rem 0.95rem 1.1rem;
    position: relative;
    user-select: none;
}

.laravel-forms-accordion__summary::-webkit-details-marker {
    display: none;
}

.laravel-forms-accordion__summary::after {
    color: #ffffff;
    content: "›";
    font-size: 1.35rem;
    line-height: 1;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.2s ease;
}

.laravel-forms-accordion__item[open]>.laravel-forms-accordion__summary::after {
    transform: translateY(-50%) rotate(90deg);
}

.laravel-forms-accordion__body {
    background: #ffffff;
    padding: 1rem 1.1rem 1.15rem;
}

.laravel-forms-page__list--in-accordion>li {
    margin-bottom: 0.45rem;
}

@media (max-width: 767px) {
    .laravel-forms-page__row>.vc_col-sm-6 {
        float: none;
        width: 100%;
    }

    .laravel-forms-page__row>.vc_col-sm-6+.vc_col-sm-6 {
        margin-top: 2rem;
    }
}

/* Forms — override college inner-page defaults (gold headings, Raleway links) */
body.laravel-college-theme.laravel-inner-page .laravel-forms-page.post_item_single .post_content.entry-content,
body.laravel-college-theme.laravel-inner-page .laravel-forms-page .laravel-forms-page__claim-label,
body.laravel-college-theme.laravel-inner-page .laravel-forms-page .laravel-forms-accordion__body {
    font-family: "Raleway", sans-serif !important;
}

body.laravel-college-theme.laravel-inner-page .laravel-forms-page .post_content.entry-content h2.laravel-forms-page__title {
    color: #b4a55c !important;
    font-family: "Raleway", sans-serif !important;
    font-weight: 600 !important;
}

body.laravel-college-theme.laravel-inner-page .laravel-forms-page .post_content.entry-content a {
    color: #a89455 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

body.laravel-college-theme.laravel-inner-page .laravel-forms-page .post_content.entry-content a:hover,
body.laravel-college-theme.laravel-inner-page .laravel-forms-page .post_content.entry-content a:focus {
    color: #8a7a44 !important;
    text-decoration: underline !important;
}

/* Online complaint form — wide layout, white page, gold labels (live reference) */
.page_content_wrap.laravel-structured-page:has(.laravel-online-complaint-page),
.page_content_wrap.laravel-structured-page:has(.laravel-online-complaint-page) .content_wrap,
.page_content_wrap.laravel-structured-page:has(.laravel-online-complaint-page) .content {
    background-color: #ffffff !important;
}

.laravel-online-complaint-page .post_content.entry-content {
    background: transparent;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: min(60rem, 100%);
    padding-bottom: clamp(3rem, 7vw, 5rem);
    padding-left: clamp(1.25rem, 5vw, 2.5rem);
    padding-right: clamp(1.25rem, 5vw, 2.5rem);
    padding-top: clamp(1.25rem, 3.5vw, 2.25rem);
    width: 100%;
}

.laravel-online-complaint__form {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    max-width: 100%;
}

.laravel-online-complaint__field {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    max-width: 100%;
}

.laravel-online-complaint__label,
.laravel-online-complaint__label--block {
    color: #b4a55c;
    display: block;
    font-family: "Raleway", sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1.35;
    margin: 0;
}

.laravel-online-complaint__req {
    color: #c43e3e;
    font-weight: 700;
    text-decoration: none;
}

.laravel-online-complaint__name-row {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0.75rem;
    max-width: 100%;
}

@media (max-width: 575px) {
    .laravel-online-complaint__name-row {
        flex-wrap: wrap;
    }
}

.laravel-online-complaint__select {
    background: #faf8f4;
    border: 1px solid #b4a55c;
    border-radius: 6px;
    box-sizing: border-box;
    color: #231f20;
    cursor: pointer;
    flex: 0 0 auto;
    font-family: "Raleway", sans-serif;
    font-size: 0.9375rem;
    line-height: 1.45;
    min-height: 3.05rem;
    min-width: 6.25rem;
    padding: 0.85rem 0.75rem 0.85rem 1rem;
}

.laravel-online-complaint__input,
.laravel-online-complaint__textarea {
    background: #faf8f4;
    border: 1px solid #b4a55c;
    border-radius: 6px;
    box-sizing: border-box;
    color: #231f20;
    display: block;
    font-family: "Raleway", sans-serif;
    font-size: 0.9375rem;
    line-height: 1.45;
    margin: 0;
    max-width: 100%;
    min-height: 3.05rem;
    padding: 0.85rem 1rem;
    width: 100%;
}

.laravel-online-complaint__input--grow {
    flex: 1 1 auto;
    min-height: 3.05rem;
    min-width: 0;
    width: auto;
}

.laravel-online-complaint__textarea {
    min-height: 11.5rem;
    padding-top: 0.9rem;
    resize: vertical;
}

.laravel-online-complaint__input::placeholder,
.laravel-online-complaint__textarea::placeholder {
    color: #b0a89e;
    opacity: 1;
}

.laravel-online-complaint__input:focus,
.laravel-online-complaint__textarea:focus,
.laravel-online-complaint__select:focus {
    background: #fffefb;
    border-color: #9a8b4e;
    outline: 2px solid rgba(180, 165, 92, 0.28);
    outline-offset: 1px;
}

.laravel-online-complaint__file {
    font-family: "Raleway", sans-serif;
    font-size: 0.9rem;
    max-width: 100%;
    padding: 0.35rem 0;
    width: 100%;
}

.laravel-online-complaint__recaptcha {
    margin-top: 0.15rem;
}

.laravel-online-complaint__submit {
    align-self: flex-start;
    background: #b4a55c !important;
    border: none !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    color: #ffffff !important;
    cursor: pointer;
    font-family: "Raleway", sans-serif !important;
    font-size: 0.9375rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em;
    margin-top: 0.35rem !important;
    padding: 0.78rem 2.5rem !important;
    text-transform: none !important;
}

.laravel-online-complaint__submit:hover,
.laravel-online-complaint__submit:focus {
    background: #a08f4c !important;
    color: #ffffff !important;
}

.laravel-online-complaint__sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

/* SECP SDMS — logo, disclaimer, View More (live secp-sdms) */
.laravel-secp-sdms-page .post_content.entry-content {
    padding-bottom: clamp(2.75rem, 6vw, 4.5rem);
    padding-top: clamp(1rem, 3vw, 2rem);
}

.laravel-secp-sdms {
    margin-left: auto;
    margin-right: auto;
    max-width: 52rem;
    text-align: center;
}

.laravel-secp-sdms__logo-link {
    display: inline-block;
    line-height: 0;
    text-decoration: none;
}

.laravel-secp-sdms__logo-link:focus {
    outline: 2px solid rgba(180, 165, 92, 0.55);
    outline-offset: 4px;
}

.laravel-secp-sdms__logo {
    height: auto;
    max-width: 100%;
    width: min(419px, 100%);
}

.laravel-secp-sdms__disclaimer {
    color: #4a4f56;
    font-family: "Raleway", sans-serif;
    font-size: clamp(0.9375rem, 1.6vw, 1.0625rem);
    line-height: 1.65;
    margin: clamp(1.75rem, 4vw, 2.5rem) auto 0;
    max-width: 48rem;
    text-align: left;
}

.laravel-secp-sdms__disclaimer strong {
    color: #3a3f45;
    font-weight: 700;
}

.laravel-secp-sdms__cta-wrap {
    margin: clamp(1.75rem, 3.5vw, 2.25rem) 0 0;
}

.laravel-secp-sdms__cta {
    background: #b4a55c !important;
    border: none !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    color: #ffffff !important;
    display: inline-block;
    font-family: "Raleway", sans-serif !important;
    font-size: 0.9375rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.03em;
    padding: 0.78rem 2.25rem !important;
    text-decoration: none !important;
    text-transform: none !important;
}

.laravel-secp-sdms__cta:hover,
.laravel-secp-sdms__cta:focus {
    background: #a08f4c !important;
    color: #ffffff !important;
}

/* Daily fund prices + year archives (live daily-fund-prices / fund-price-archive-*) */
.laravel-fund-daily-page {
    padding-bottom: clamp(2rem, 5vw, 3.5rem);
    padding-top: clamp(1rem, 3vw, 2rem);
}

.laravel-fund-daily-page__unit-heading,
.laravel-fund-archive__unit-heading {
    color: #b5a36a;
    font-family: "Raleway", sans-serif;
    font-size: clamp(1.25rem, 2.5vw, 1.5rem);
    font-weight: 700;
    margin: 0 0 1.25rem;
    text-align: left;
}

.laravel-fund-daily-snapshot__empty {
    color: #4a4f56;
    font-family: "Raleway", sans-serif;
    margin: 0 0 1.5rem;
}

.laravel-fund-daily-table-wrap {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
}

/* Daily Fund Prices page — full grid, gold thead #B5A36A (reference) */
.laravel-fund-daily-snapshot__table-wrap {
    -webkit-overflow-scrolling: touch;
    background: #ffffff;
    border: 1px solid #d1d1d1;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    overflow-x: auto;
}

.laravel-fund-daily-table {
    --laravel-fund-gold: #b5a36a;
    --laravel-fund-grid: #d1d1d1;
    background: #ffffff;
    border: 1px solid var(--laravel-fund-grid);
    border-collapse: collapse;
    border-spacing: 0;
    font-family: "Raleway", sans-serif;
    min-width: 100%;
    width: 100%;
}

.laravel-fund-daily-table th,
.laravel-fund-daily-table td {
    border: 1px solid var(--laravel-fund-grid);
    padding: 0.8rem 0.75rem;
    text-align: center;
    vertical-align: middle;
}

.laravel-fund-daily-table thead th {
    background: var(--laravel-fund-gold);
    color: #ffffff;
    font-weight: 700;
}

.laravel-fund-daily-table__banner th {
    font-size: clamp(0.9375rem, 1.8vw, 1.0625rem);
    font-weight: 700;
    padding: 0.75rem 0.85rem;
}

.laravel-fund-daily-table__banner--date th {
    font-weight: 600;
}

.laravel-fund-daily-table__cols--main th {
    font-size: clamp(0.8125rem, 1.5vw, 0.9375rem);
}

.laravel-fund-daily-table__col-fund {
    min-width: 12rem;
}

.laravel-fund-daily-table__cols--pkr th {
    font-size: clamp(0.75rem, 1.35vw, 0.875rem);
    font-weight: 700;
    padding: 0.5rem 0.65rem;
}

.laravel-fund-daily-table tbody th[scope="row"] {
    font-weight: 700;
    max-width: 14rem;
    padding-left: 0.9rem;
    text-align: left;
}

.laravel-fund-daily-table tbody td:nth-child(2),
.laravel-fund-daily-table tbody td:nth-child(3) {
    text-align: center;
}

.laravel-fund-daily-table tbody th,
.laravel-fund-daily-table tbody td,
.laravel-fund-daily-table tfoot td {
    background: #ffffff;
    color: var(--laravel-fund-gold);
    font-weight: 700;
}

.laravel-fund-daily-table__footnote td {
    color: var(--laravel-fund-gold);
    font-size: clamp(0.8125rem, 1.4vw, 0.9375rem);
    font-style: italic;
    font-weight: 600;
    padding: 0.85rem 0.75rem;
    text-align: center;
}

.laravel-fund-archive-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    justify-content: center;
    margin-top: clamp(1.25rem, 3vw, 1.75rem);
}

.laravel-fund-archive-nav__btn {
    background: #b5a362;
    border-radius: 9px;
    color: #ffffff !important;
    display: inline-block;
    font-family: "Raleway", sans-serif;
    font-size: clamp(0.8125rem, 1.5vw, 0.9375rem);
    font-weight: 600;
    line-height: 1.35;
    padding: 0.65rem 1rem;
    text-align: center;
    text-decoration: none !important;
    transition: background 0.15s ease;
}

.laravel-fund-archive-nav__btn:hover,
.laravel-fund-archive-nav__btn:focus {
    background: #a08f4c;
    color: #ffffff !important;
}

/* Archive accordion — gold bars flush, no gaps between rows */
.laravel-fund-archive {
    padding-bottom: clamp(2rem, 5vw, 3.5rem);
    padding-top: clamp(1rem, 3vw, 2rem);
}

.laravel-fund-archive__accordion {
    border: 2px solid #a89458;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 0;
    max-width: 100%;
    overflow: hidden;
}

.laravel-fund-acc {
    background: #ffffff;
    border: none;
    margin: 0;
}

.laravel-fund-acc__summary {
    align-items: center;
    background: #b5a362;
    border-radius: 0;
    color: #ffffff;
    cursor: pointer;
    display: flex;
    font-family: "Raleway", sans-serif;
    font-size: clamp(0.9375rem, 1.8vw, 1.0625rem);
    font-weight: 600;
    gap: 0.75rem;
    justify-content: space-between;
    list-style: none;
    padding: 0.85rem 1.1rem 0.85rem 1.15rem;
    position: relative;
    text-align: left;
}

.laravel-fund-acc__summary::-webkit-details-marker {
    display: none;
}

.laravel-fund-acc__label {
    flex: 1;
    line-height: 1.35;
    min-width: 0;
    padding-right: 0.5rem;
}

.laravel-fund-acc__chevron {
    align-items: center;
    background: rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    color: #ffffff;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 0.95rem;
    height: 2rem;
    justify-content: center;
    line-height: 1;
    transition: background 0.2s ease, transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    width: 2rem;
}

.laravel-fund-acc__chevron i {
    display: block;
    margin-top: 1px;
}

.laravel-fund-acc__summary:hover .laravel-fund-acc__chevron {
    background: rgba(255, 255, 255, 0.24);
}

.laravel-fund-acc[open] .laravel-fund-acc__chevron {
    transform: rotate(180deg);
}

.laravel-fund-acc__panel {
    background: #ffffff;
    margin: 0;
    padding: 0.75rem 0 1.25rem;
}

.laravel-fund-archive__empty {
    color: #4a4f56;
    font-family: "Raleway", sans-serif;
}

/* Archive month table (7 cols) — simple modern: full #d1d1d1 grid, gold thead, centered */
.laravel-fund-price-table-wrap {
    -webkit-overflow-scrolling: touch;
    background: #ffffff;
    border: 1px solid #d1d1d1;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    overflow-x: auto;
}

.laravel-fund-price-table {
    --laravel-fund-gold: #b5a36a;
    --laravel-fund-grid: #d1d1d1;
    background: #ffffff;
    border: 1px solid var(--laravel-fund-grid);
    border-collapse: collapse;
    border-spacing: 0;
    font-family: "Raleway", sans-serif;
    min-width: 640px;
    width: 100%;
}

.laravel-fund-price-table th,
.laravel-fund-price-table td {
    border: 1px solid var(--laravel-fund-grid);
    padding: 0.75rem 0.65rem;
    text-align: center;
    vertical-align: middle;
}

.laravel-fund-price-table thead th {
    background: var(--laravel-fund-gold);
    color: #ffffff;
    font-weight: 700;
}

.laravel-fund-price-table thead .laravel-fund-price-table__col1 {
    min-width: 11rem;
}

.laravel-fund-price-table thead tr:first-child .laravel-fund-price-table__col1 {
    font-weight: 600;
}

.laravel-fund-price-table thead .laravel-fund-price-table__fund {
    font-size: clamp(0.8125rem, 1.4vw, 0.9375rem);
}

.laravel-fund-price-table thead .laravel-fund-price-table__sub {
    font-size: clamp(0.75rem, 1.3vw, 0.875rem);
    font-weight: 600;
}

.laravel-fund-price-table thead .laravel-fund-price-table__bidoffer {
    font-size: clamp(0.75rem, 1.2vw, 0.8125rem);
}

.laravel-fund-price-table tbody th,
.laravel-fund-price-table tbody td {
    background: #ffffff;
    color: var(--laravel-fund-gold);
    font-weight: 700;
}

.laravel-fund-price-table tbody th.laravel-fund-price-table__date {
    line-height: 1.35;
}

@media (max-width: 767px) {
    .laravel-fund-archive-nav {
        flex-direction: column;
    }

    .laravel-fund-archive-nav__btn {
        width: 100%;
    }
}

/* Hajj Savings Plan + brochure lead modal */
.page_content_wrap.laravel-structured-page:has(.laravel-hajj-page),
.page_content_wrap.laravel-structured-page:has(.laravel-hajj-page) .content_wrap,
.page_content_wrap.laravel-structured-page:has(.laravel-hajj-page) .content {
    background-color: #ffffff !important;
}

/* Group Life Takaful: full-width shell so Banner-5 bands span the viewport */
.page_content_wrap.laravel-structured-page:has(.laravel-group-life-page) .content_wrap,
.page_content_wrap.laravel-structured-page:has(.laravel-group-life-page) .content_container {
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    max-width: 100% !important;
    padding-left: 0;
    padding-right: 0;
    width: 100% !important;
}

.page_content_wrap.laravel-structured-page:has(.laravel-group-life-page) .content {
    box-sizing: border-box;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.laravel-hajj-page .post_content.entry-content {
    box-sizing: border-box;
    max-width: 100%;
    padding: 6rem 0px;
}

/* Product pages (Hajj / Umrah / Regular / Group): match live WP vc_custom_heading h2 */
.laravel-hajj-section-title {
    color: #b4a55c;
    font-family: "Raleway", sans-serif;
    font-size: clamp(1.5rem, 4vw, 2.375rem);
    font-style: normal;
    font-weight: 700 !important;
    letter-spacing: normal;
    line-height: 1.1111;
    margin-bottom: 0.76em;
    margin-top: 1.0444em;
    text-align: left;
    text-decoration: none;
    text-transform: none;
}

.laravel-hajj-hero-intro .laravel-hajj-section-title:first-of-type {
    margin-top: 0;
}

.laravel-hajj-lead,
.laravel-hajj-block p {
    color: #555555;
    font-size: 1rem;
    line-height: 1.8;
    margin: 0 0 1rem;
}

.laravel-hajj-hero-intro {
    margin-bottom: 2.25rem;
}

.laravel-product-feature-list {
    color: #555555;
    font-size: 1rem;
    line-height: 1.8;
    margin: 0 0 1rem;
    padding-left: 1.25rem;
}

.laravel-product-feature-list li {
    margin: 0.35rem 0;
}

.laravel-hajj-block {
    border-top: 1px solid rgba(180, 165, 92, 0.35);
    margin-top: 2rem;
    padding-top: 2rem;
}

.laravel-hajj-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    margin: 1.5rem 0 1.25rem;
}

.laravel-hajj-btn {
    background: #b4a55c;
    border: 2px solid #b4a55c;
    border-radius: 6px;
    color: #ffffff !important;
    cursor: pointer;
    display: inline-block;
    font-family: "Raleway", sans-serif;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.35;
    padding: 0.65rem 1.35rem;
    text-align: center;
    text-decoration: none !important;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.laravel-hajj-btn:hover,
.laravel-hajj-btn:focus {
    background: #9d8f4a;
    border-color: #9d8f4a;
    color: #ffffff !important;
}

.laravel-hajj-btn--outline {
    background: #ffffff;
    color: #4b2c11 !important;
}

.laravel-hajj-btn--outline:hover,
.laravel-hajj-btn--outline:focus {
    background: rgba(180, 165, 92, 0.15);
    color: #4b2c11 !important;
}

.laravel-hajj-bank-partner {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.25rem;
}

.laravel-hajj-bank-note__label {
    color: #666666;
    display: block;
    font-size: 0.8125rem;
    margin: 0;
}

.laravel-hajj-bank-partner__logo {
    line-height: 0;
    max-width: min(16rem, 88vw);
}

.laravel-hajj-bank-partner__logo img {
    display: block;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    width: auto;
}

.laravel-hajj-bank-partner--center {
    align-items: center;
    text-align: center;
}

.laravel-hajj-bank-partner--center .laravel-hajj-bank-note__label {
    width: 100%;
}

.laravel-hajj-bank-partner--spaced {
    margin-top: 1.35rem;
}

.laravel-hajj-bank-partner__logo--wide {
    margin-left: auto;
    margin-right: auto;
    max-width: min(20rem, 92vw);
}

.laravel-hajj-av {
    border-top: 1px solid rgba(180, 165, 92, 0.35);
    margin-top: 2rem;
    padding-top: 2rem;
}

.laravel-hajj-video {
    aspect-ratio: 16 / 9;
    background: #111111;
    border-radius: 10px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12);
    margin: 0 auto;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.laravel-hajj-video iframe {
    border: 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.laravel-hajj-av__caption {
    color: #666666;
    font-size: 0.875rem;
    line-height: 1.5;
    margin: 0.85rem 0 0;
    text-align: center;
}

.laravel-hajj-av__caption a {
    color: #b4a55c;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.laravel-hajj-av__caption a:hover {
    color: #9d8f4a;
}

/* Product pages (Hajj / Umrah / Regular / Group): match structured inner-page typography */
body.laravel-college-theme.laravel-inner-page .laravel-hajj-page .post_content.entry-content {
    font-family: "Raleway", sans-serif;
}

/* Keep product h2 gold / 38px — do not apply college navy + underline bar */
body.laravel-college-theme.laravel-inner-page .laravel-hajj-page .laravel-hajj-section-title {
    color: #b4a55c !important;
    font-family: "Raleway", sans-serif !important;
    font-size: clamp(1.5rem, 4vw, 2.375rem) !important;
    font-weight: 700 !important;
    line-height: 1.1111 !important;
    margin-bottom: 0.76em !important;
    margin-top: 1.0444em !important;
}

body.laravel-college-theme.laravel-inner-page .laravel-hajj-hero-intro .laravel-hajj-section-title:first-of-type {
    margin-top: 0 !important;
}

body.laravel-college-theme.laravel-inner-page .laravel-hajj-section-title::after {
    content: none !important;
    display: none !important;
}

body.laravel-college-theme.laravel-inner-page .laravel-hajj-lead,
body.laravel-college-theme.laravel-inner-page .laravel-hajj-block p,
body.laravel-college-theme.laravel-inner-page .laravel-product-feature-list {
    color: var(--laravel-college-muted);
    font-family: "Raleway", sans-serif;
}

body.laravel-college-theme.laravel-inner-page .laravel-hajj-block p strong,
body.laravel-college-theme.laravel-inner-page .laravel-hajj-lead strong {
    color: var(--laravel-college-navy);
    font-weight: 700;
}

body.laravel-college-theme.laravel-inner-page .laravel-hajj-bank-note__label {
    color: var(--laravel-college-muted);
}

body.laravel-college-theme.laravel-inner-page .laravel-hajj-block,
body.laravel-college-theme.laravel-inner-page .laravel-hajj-av {
    border-top-color: rgba(166, 139, 45, 0.35);
}

body.laravel-college-theme.laravel-inner-page .laravel-hajj-av__caption {
    color: var(--laravel-college-muted);
    font-family: "Raleway", sans-serif;
}

body.laravel-college-theme.laravel-inner-page .laravel-hajj-av__caption a {
    color: #1e4a7a;
    font-weight: 600;
}

body.laravel-college-theme.laravel-inner-page .laravel-hajj-av__caption a:hover {
    color: var(--laravel-college-accent);
}

body.laravel-college-theme.laravel-inner-page .laravel-hajj-btn {
    font-family: "Raleway", sans-serif;
    font-weight: 600;
}

/* Modal */
.laravel-brochure-modal {
    display: none;
    inset: 0;
    position: fixed;
    z-index: 100050;
}

.laravel-brochure-modal.is-open {
    display: block;
}

body:has(.laravel-brochure-modal.is-open) {
    overflow: hidden;
}

.laravel-brochure-modal__backdrop {
    background: rgba(15, 18, 28, 0.55);
    inset: 0;
    position: fixed;
}

.laravel-brochure-modal__panel {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    font-family: "Raleway", sans-serif;
    left: 50%;
    max-height: min(92vh, 900px);
    max-width: min(36rem, calc(100vw - 2rem));
    overflow: auto;
    padding: clamp(1.25rem, 3vw, 2rem);
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.laravel-brochure-modal__close {
    background: transparent;
    border: 0;
    color: #666666;
    cursor: pointer;
    font-size: 1.75rem;
    line-height: 1;
    padding: 0.25rem 0.5rem;
    position: absolute;
    right: 0.35rem;
    top: 0.35rem;
}

.laravel-brochure-modal__close:hover {
    color: #b4a55c;
}

.laravel-brochure-modal__title {
    color: #b4a55c;
    font-family: "Raleway", sans-serif;
    font-size: clamp(1.15rem, 2.2vw, 1.4rem);
    font-weight: 600;
    line-height: 1.35;
    margin: 0 2rem 1.25rem 0;
    text-align: center;
}

.laravel-brochure-modal__alert {
    background: rgba(196, 62, 62, 0.08);
    border: 1px solid rgba(196, 62, 62, 0.35);
    border-radius: 6px;
    margin-bottom: 1rem;
    padding: 0.65rem 0.85rem;
}

.laravel-brochure-modal__errors {
    color: #8b2b2b;
    font-size: 0.875rem;
    margin: 0;
    padding-left: 1.1rem;
}

.laravel-brochure-form__grid {
    display: grid;
    gap: 0.85rem 1rem;
    grid-template-columns: 1fr 1fr;
}

@media (max-width: 639px) {
    .laravel-brochure-form__grid {
        grid-template-columns: 1fr;
    }
}

.laravel-brochure-form__field {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin: 0;
    min-width: 0;
}

.laravel-brochure-form__label {
    color: #4b2c11;
    font-size: 0.8125rem;
    font-weight: 600;
}

.laravel-brochure-form__field input[type="text"],
.laravel-brochure-form__field input[type="email"],
.laravel-brochure-form__field input[type="tel"],
.laravel-brochure-form__field select {
    border: 1px solid #b4a55c;
    border-radius: 6px;
    box-sizing: border-box;
    color: #333333;
    font-size: 0.9375rem;
    padding: 0.55rem 0.65rem;
    width: 100%;
}

.laravel-brochure-form__field input::placeholder {
    color: #aaaaaa;
}

.laravel-brochure-form__select-wrap {
    position: relative;
}

.laravel-brochure-form__select-wrap select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234b2c11' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-position: right 0.65rem center;
    background-repeat: no-repeat;
    padding-right: 2rem;
}

.laravel-brochure-form__recaptcha {
    margin-top: 1rem;
}

.laravel-brochure-form__recaptcha .g-recaptcha {
    display: flex;
    justify-content: center;
}

.laravel-brochure-form__submit {
    margin-top: 1.25rem;
}

.laravel-brochure-form__btn {
    background: #b4a55c;
    border: 0;
    border-radius: 6px;
    color: #ffffff;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    min-width: 8rem;
    padding: 0.65rem 1.5rem;
}

.laravel-brochure-form__btn:hover {
    background: #9d8f4a;
}

/* Urdu / RTL Overrides */
[dir="rtl"] .laravel-header-topbar__inner {
    justify-content: flex-end;
}

[dir="rtl"] .laravel-lang-switcher.icons {
    right: 16px;
    left: auto;
}

[dir="rtl"] .laravel-lang-switcher.icons a+a {
    margin-left: 0.5rem;
    margin-right: 0;
}

[dir="rtl"] .laravel-header-actions {
    justify-content: flex-start;
}

[dir="rtl"] .laravel-header-search .search_field {
    padding: 0 0.85rem 0 2.2rem;
}

[dir="rtl"] .laravel-header-search .search_submit {
    right: auto;
    left: 0;
}

/* Footer RTL Order: Badges (Right) -> Social -> Contact -> Links (Left) */
[dir="rtl"] .laravel-footer-grid {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    gap: 30px;
}

[dir="rtl"] .laravel-footer-grid .footer-widget {
    flex: 1;
    min-width: 200px;
    text-align: right;
}

[dir="rtl"] .widgettitle {
    text-align: right;
}


[dir="rtl"] .laravel-footer-contact-item {
    display: flex;
    flex-direction: row;
    text-align: right;
    margin-bottom: 15px;
    align-items: center;
}

[dir="rtl"] .laravel-footer-contact-item img {
    margin-left: 15px;
    margin-right: 0;
}

[dir="rtl"] .laravel-footer-socials p {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    margin-bottom: 10px;
}

[dir="rtl"] .laravel-footer-socials img {
    margin-left: 10px;
    margin-right: 0;
}


[dir="rtl"] .laravel-footer-hours p {
    text-align: right !important;
}

[dir="rtl"] .laravel-footer-disclaimer {
    text-align: right;
    line-height: 1.8;
    font-size: 14px;
}

[dir="rtl"] .laravel-inner-masthead__title {
    text-align: right;
}

[dir="rtl"] .laravel-inner-breadcrumbs {
    justify-content: flex-start;
}

[dir="rtl"] .laravel-inner-breadcrumbs__sep {
    transform: rotate(180deg);
}


@media (max-width: 1262px) {
    .widget .widgettitle {
        font-size: 22px;
        line-height: 20px;
    }
}

[dir="rtl"] .sc_layouts_menu_nav.menu_main_nav {
    display: flex !important;
    justify-content: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}


[dir="rtl"] .sc_layouts_menu_nav.menu_main_nav>li {
    float: none;
    display: inline-block;
    position: relative;
    text-align: right;
}

[dir="rtl"] .sc_layouts_menu_nav.menu_main_nav ul.sub-menu {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-70%) !important;
}

[dir="rtl"] .laravel-header-menu-row .sc_layouts_menu_nav>li>ul.sub-menu::before {
    left: 50% !important;
    transform: translateX(-50%) !important;
}

[dir="rtl"] .sc_layouts_menu_nav.menu_main_nav ul.sub-menu ul.sub-menu {
    left: auto !important;
    right: 100% !important;
    top: 0 !important;
    transform: none !important;
}


/* Google Translate (Urdu locale only — widget injected by laravel-google-translate.js) */
html[lang="ur"] .goog-te-banner-frame.skiptranslate,
html[lang="ur"] .goog-te-gadget-icon,
html[lang="ur"] .goog-logo-link,
html[lang="ur"] #goog-gt-tt,
html[lang="ur"] .goog-te-balloon-frame,
html[lang="ur"] .goog-tooltip,
html[lang="ur"] .goog-tooltip:hover {
    display: none !important;
}

html[lang="ur"] body {
    top: 0 !important;
}

html[lang="ur"] .goog-text-highlight {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Urdu site: primary typeface (replaces inline @if in layouts/app) */
html[lang="ur"] body,
html[lang="ur"] body h1,
html[lang="ur"] body h2,
html[lang="ur"] body h3,
html[lang="ur"] body h4,
html[lang="ur"] body h5,
html[lang="ur"] body h6,
html[lang="ur"] body p,
html[lang="ur"] body a,
html[lang="ur"] body span,
html[lang="ur"] body li,
html[lang="ur"] body button,
html[lang="ur"] body input {
    font-family: 'Noto Sans Urdu', sans-serif !important;
}

html[lang="ur"] #google_translate_element {
    display: none !important;
}

/* Footer: business hours (was inline) */
.laravel-footer-hours__title {
    font-size: 1.4rem;
}

.laravel-footer-hours__text {
    color: #b4a55c;
    font-size: 14px;
    text-align: inherit;
}

/* Management Committees (was inline) */
.laravel-mgmt-committees-page .laravel-mgmt-committees-page__lead {
    font-size: 18px;
}

.laravel-mgmt-committees-page h3.vc_custom_heading {
    color: #b4a55c;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 700;
    text-align: center;
}

.laravel-mgmt-committees-page .laravel-mgmt-committees-page__role {
    color: #9d9087;
    font-size: large;
}

/* Board of Directors bios */
.laravel-board-directors-page .laravel-board-directors-page__bio {
    text-align: justify;
}

/* Governance inner pages — gold headings, gray body (overrides college-theme navy/muted) */
body.laravel-college-theme.laravel-inner-page .laravel-board-committees-page .laravel-bc-block__title {
    color: #b4a55c !important;
}

body.laravel-college-theme.laravel-inner-page .laravel-board-committees-page .laravel-bc-block__list li {
    color: #9d9087 !important;
    font-weight: 600;
}

body.laravel-college-theme.laravel-inner-page .laravel-mgmt-committees-page h3.vc_custom_heading {
    color: #b4a55c !important;
}

body.laravel-college-theme.laravel-inner-page .laravel-mgmt-committees-page .laravel-mgmt-committees-page__lead,
body.laravel-college-theme.laravel-inner-page .laravel-mgmt-committees-page .laravel-mgmt-committees-page__lead strong,
body.laravel-college-theme.laravel-inner-page .laravel-mgmt-committees-page .laravel-mgmt-committees-page__role,
body.laravel-college-theme.laravel-inner-page .laravel-mgmt-committees-page .wpb_text_column .wpb_wrapper > p {
    color: #9d9087 !important;
}

body.laravel-college-theme.laravel-inner-page .laravel-external-auditors-page__body,
body.laravel-college-theme.laravel-inner-page .laravel-legal-advisor-page__body {
    color: #9d9087 !important;
}

/* Corporate Information (EN + Urdu via body.ur-mode from page body_class) */
body.laravel-college-theme.laravel-inner-page .laravel-corp-info-page .post_content.entry-content h2.laravel-corp-info-page__h2.vc_custom_heading {
    color: #b4a55c !important;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 700;
    text-align: left;
}

body.ur-mode .laravel-corp-info-page .laravel-corp-info-page__h2.vc_custom_heading {
    font-family: 'Noto Sans Urdu', sans-serif;
    text-align: right;
}

.laravel-corp-info-page .laravel-corp-info-page__cell-text {
    color: #9d9087;
    font-family: 'Raleway', sans-serif;
    font-size: 14pt;
}

body.ur-mode .laravel-corp-info-page .laravel-corp-info-page__cell-text {
    font-family: 'Noto Sans Urdu', sans-serif;
}

.laravel-corp-info-page .laravel-corp-info-page__spacer.vc_empty_space.height_small {
    height: 32px;
}

.laravel-corp-info-page .laravel-corp-info-page__regulators span {
    color: #9d9087;
    font-size: 14pt;
}

body.laravel-college-theme.laravel-inner-page .laravel-corp-info-page .post_content.entry-content a {
    color: #b4a55c !important;
    font-weight: inherit;
}

body.laravel-college-theme.laravel-inner-page .laravel-corp-info-page .post_content.entry-content a:hover,
body.laravel-college-theme.laravel-inner-page .laravel-corp-info-page .post_content.entry-content a:focus {
    color: #b4a55c !important;
}

.laravel-contact__map iframe {
    border: 0;
}

html[lang="ur"] .laravel-mgmt-committees-page h3.vc_custom_heading {
    font-family: 'Noto Sans Urdu', sans-serif;
}

[dir="rtl"] .sc_layouts_menu_nav>li ul.sub-menu {
    text-align: center;
}

[dir="rtl"] .laravel-header-menu-shell {
    justify-content: center !important;
}

/* Account deletion request — centered card form (live delete-my-account) */
.page_content_wrap.laravel-structured-page:has(.laravel-account-deletion-page),
.page_content_wrap.laravel-structured-page:has(.laravel-account-deletion-page) .content_wrap,
.page_content_wrap.laravel-structured-page:has(.laravel-account-deletion-page) .content {
    background-color: #ffffff !important;
}

.laravel-account-deletion-page .post_content.entry-content {
    background: transparent;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: min(60rem, 100%);
    padding-bottom: clamp(3rem, 7vw, 5rem);
    padding-left: clamp(1.25rem, 5vw, 2.5rem);
    padding-right: clamp(1.25rem, 5vw, 2.5rem);
    padding-top: clamp(1.5rem, 4vw, 2.75rem);
    width: 100%;
}

.laravel-account-deletion__intro {
    margin-bottom: clamp(1.5rem, 4vw, 2.5rem);
    text-align: center;
}

.laravel-account-deletion__title {
    color: #b4a55c;
    font-family: "Raleway", sans-serif;
    font-size: clamp(1.65rem, 3.5vw, 2.25rem);
    font-weight: 700;
    margin: 0 0 0.65rem;
}

.laravel-account-deletion__subtitle {
    color: #b4a55c;
    font-family: "Raleway", sans-serif;
    font-size: clamp(1.05rem, 2vw, 1.25rem);
    font-weight: 700;
    margin: 0;
}

.laravel-account-deletion__card {
    background: #ffffff;
    border: 1px solid #e7e2d4;
    border-radius: 16px;
    box-shadow: 0 18px 40px rgba(35, 31, 32, 0.08);
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 41rem;
    padding: clamp(1.5rem, 4vw, 2.75rem);
}

.laravel-account-deletion__form {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
    max-width: 100%;
}

.laravel-account-deletion__field {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    max-width: 100%;
}

.laravel-account-deletion__label {
    color: #6b6760;
    display: block;
    font-family: "Raleway", sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.35;
    margin: 0;
}

.laravel-account-deletion__req {
    color: #c43e3e;
    font-weight: 700;
    text-decoration: none;
}

.laravel-account-deletion__input,
.laravel-account-deletion__textarea {
    background: #faf8f1;
    border: 1px solid #d9cfa9;
    border-radius: 6px;
    box-sizing: border-box;
    color: #231f20;
    display: block;
    font-family: "Raleway", sans-serif;
    font-size: 0.9375rem;
    line-height: 1.45;
    margin: 0;
    max-width: 100%;
    min-height: 2.85rem;
    padding: 0.7rem 0.85rem;
    width: 100%;
}

.laravel-account-deletion__textarea {
    min-height: 10.5rem;
    resize: vertical;
}

.laravel-account-deletion__input:focus,
.laravel-account-deletion__textarea:focus {
    background: #fffefb;
    border-color: #b4a55c;
    outline: 2px solid rgba(180, 165, 92, 0.25);
    outline-offset: 1px;
}

.laravel-account-deletion__recaptcha {
    margin-top: 0.15rem;
}

.laravel-account-deletion__submit {
    background: #b4a55c !important;
    border: none !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    color: #ffffff !important;
    cursor: pointer;
    display: block;
    font-family: "Raleway", sans-serif !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em;
    margin-top: 0.6rem !important;
    padding: 0.95rem 1.5rem !important;
    text-transform: none !important;
    width: 100%;
}

.laravel-account-deletion__submit:hover,
.laravel-account-deletion__submit:focus {
    background: #a08f4c !important;
    color: #ffffff !important;
}

.laravel-complaints-takaful__bilingual,
.laravel-complaints-takaful__bilingual * {
    color: #d40000 !important;
}

.laravel-footer-appstores {
    display: flex;
    flex-direction: column;
    gap:6px;
}

.laravel-footer-appstore {
    display: inline-block;
    line-height: 0;
    transition: opacity 0.2s ease, transform 0.2s ease;
    width: 180px;
    max-width: 100%;
}

.laravel-footer-appstore img {
    display: block;
    max-width: 100%;
    height:55px;
}

.laravel-footer-appstore:hover,
.laravel-footer-appstore:focus {
    opacity: 0.85;
    transform: translateY(-1px);
}