/* =========================================================
   FUTURUM GLOBAL HEADER
   ========================================================= */

.site-header {
    background: #212A4B !important;
    padding: 18px 32px !important;
}

/* Main header row */
.site-header .header-inner {
    max-width: 100% !important;
    width: 100% !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;

    flex-wrap: nowrap !important;
}

/* Logo area */
.site-header .site-branding {
    flex: 0 0 auto !important;
    margin: 0 34px 0 0 !important;

    display: flex !important;
    align-items: center !important;
}

/* Logo size */
.site-header .site-logo img,
.site-header .custom-logo {
    width: 118px !important;
    max-width: 118px !important;
    height: auto !important;
    display: block !important;

    position: relative !important;
    top: 4px !important;
}

/* Navigation wrapper */
.site-header .site-navigation {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

/* Navigation row */
.site-header .site-navigation ul {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Menu items */
.site-header .site-navigation li {
    position: relative !important;
    list-style: none !important;

    margin: 0 !important;
    padding: 0 16px !important;

    flex: 0 0 auto !important;
}

/* Menu links */
.site-header .site-navigation a {
    color: #FFFFFF !important;

    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;

    white-space: nowrap !important;
    text-decoration: none !important;

    padding: 12px 0 !important;
}

/* Gold separators */
.site-header .site-navigation li:not(:last-child)::after {
    content: "";

    position: absolute;
    right: 0;
    top: 50%;

    transform: translateY(-50%);

    width: 1px;
    height: 30px;

    background: #F3B24B;
}

/* Hover */
.site-header .site-navigation a:hover {
    color: #F3B24B !important;
}

/* Active/current page */
.site-header .site-navigation .current-menu-item > a,
.site-header .site-navigation .current_page_item > a {
    color: #F3B24B !important;
}


/* =========================================================
   GET IN TOUCH HEADER BUTTON
   ========================================================= */

.site-header .site-navigation li:last-child {
    padding-left: 22px !important;
    padding-right: 0 !important;
}

/* No separator after CTA */
.site-header .site-navigation li:last-child::after {
    display: none !important;
}

/* CTA button */
.site-header .site-navigation li:last-child > a {
    background: #F3B24B !important;
    color: #212A4B !important;

    border: 2px solid #FFFFFF !important;
    border-radius: 22px !important;

    padding: 14px 30px !important;

    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    display: inline-block !important;
    white-space: nowrap !important;

    box-shadow: none !important;
}

/* CTA hover */
.site-header .site-navigation li:last-child > a:hover {
    background: #EFA93A !important;
    border-color: #FFFFFF !important;
    color: #212A4B !important;
}


/* =========================================================
   FOOTER
   ========================================================= */

/* Remove footer logo site-wide */
#site-footer .site-branding,
#site-footer .site-logo,
#site-footer .custom-logo-link,
#site-footer img.custom-logo {
    display: none !important;
}

/* Footer */
#site-footer {
    background: #FFFFFF !important;
    width: 100% !important;
}

/* Footer layout */
#site-footer .footer-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    width: 100% !important;
    max-width: 100% !important;

    padding: 20px 28px !important;

    box-sizing: border-box !important;
}

/* All rights reserved on far right */
#site-footer .copyright,
#site-footer .site-info {
    color: #111111 !important;

    margin-left: auto !important;
    margin-right: 0 !important;

    text-align: right !important;

    width: auto !important;
}


/* =========================================================
   HOMEPAGE HERO - CLEAN SLANTED IMAGE
   ========================================================= */

.hero-image-slant {
    position: relative !important;
    overflow: hidden !important;

    height: auto !important;
    min-height: 0 !important;
    align-self: stretch !important;

    clip-path: polygon(
        8% 0,
        100% 0,
        100% 100%,
        0 100%
    ) !important;

    margin-left: -65px !important;
    width: calc(100% + 65px) !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Disable old triangle overlay */
.hero-image-slant::before {
    display: none !important;
    content: none !important;
}


/* =========================================================
   HOMEPAGE HERO CTA BUTTONS
   ========================================================= */

/* Explore Our Courses */
a[href="/training/"],
a[href$="/training/"],
a[href*="/training/"].elementor-button,

/* Speak to a Specialist */
a[href="#popmake-111"] {
    background: #F3B24B !important;
    color: #212A4B !important;

    border: 2px solid #FFFFFF !important;
    border-radius: 24px !important;

    padding: 14px 28px !important;

    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    white-space: nowrap !important;

    box-shadow: none !important;
    text-decoration: none !important;
}

/* CTA hover */
a[href="/training/"]:hover,
a[href$="/training/"]:hover,
a[href*="/training/"].elementor-button:hover,
a[href="#popmake-111"]:hover {
    background: #EFA93A !important;
    color: #212A4B !important;
    border-color: #FFFFFF !important;
}


/* =========================================================
   FUTURUM GLOBAL SERVICE CARDS
   FUTURUM RISK-STYLE FULL IMAGE HOVER
   ========================================================= */

/*
Outer card container class:
fg-service-card

Inner overlay container class:
fg-service-overlay
*/

.fg-service-card {
    position: relative !important;
    overflow: hidden !important;

    padding: 0 !important;
    margin: 0 !important;

    min-width: 0 !important;

    background: #212A4B !important;
}

/* Make card image completely fill its space */
.fg-service-card img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    margin: 0 !important;
    padding: 0 !important;

    transition:
        transform 0.45s ease,
        filter 0.45s ease !important;
}


/* Full navy overlay */
.fg-service-overlay {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 100% !important;

    z-index: 10 !important;

    box-sizing: border-box !important;

    background: rgba(33, 42, 75, 0.94) !important;

    display: flex !important;
    flex-direction: column !important;

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

    gap: 12px !important;

    padding: 30px !important;
    margin: 0 !important;

    text-align: center !important;

    opacity: 0 !important;
    visibility: hidden !important;

    pointer-events: none !important;

    transition:
        opacity 0.35s ease,
        visibility 0.35s ease !important;
}


/* Show entire overlay when card hovered */
.fg-service-card:hover .fg-service-overlay {
    opacity: 1 !important;
    visibility: visible !important;

    pointer-events: auto !important;
}


/* Slight image movement underneath */
.fg-service-card:hover img {
    transform: scale(1.05) !important;
    filter: brightness(0.7) !important;
}


/* Overlay headings */
.fg-service-overlay h1,
.fg-service-overlay h2,
.fg-service-overlay h3,
.fg-service-overlay h4,
.fg-service-overlay h5,
.fg-service-overlay h6 {
    color: #FFFFFF !important;

    text-align: center !important;

    font-weight: 600 !important;

    margin: 0 0 10px 0 !important;
    padding: 0 !important;
}


/* Main service title */
.fg-service-overlay h2,
.fg-service-overlay h3 {
    font-size: 26px !important;
    line-height: 1.2 !important;
}


/* Paragraph */
.fg-service-overlay p {
    color: #FFFFFF !important;

    font-size: 14px !important;
    line-height: 1.55 !important;

    text-align: center !important;

    margin: 0 0 14px 0 !important;
    padding: 0 !important;

    max-width: 310px !important;
}


/* Learn More buttons */
.fg-service-overlay .elementor-button,
.fg-service-overlay a.elementor-button,
.fg-service-overlay a[role="button"] {
    background: #F3B24B !important;
    color: #212A4B !important;

    border: 2px solid #FFFFFF !important;
    border-radius: 22px !important;

    padding: 11px 22px !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;

    text-decoration: none !important;

    box-shadow: none !important;

    margin-top: 4px !important;

    transition:
        background 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease !important;
}


/* Service button hover */
.fg-service-overlay .elementor-button:hover,
.fg-service-overlay a.elementor-button:hover,
.fg-service-overlay a[role="button"]:hover {
    background: #FFFFFF !important;
    color: #212A4B !important;

    transform: translateY(-2px) !important;
}


/* Prevent hero Training selector from messing up service button */
.fg-service-overlay a[href="/training/"],
.fg-service-overlay a[href$="/training/"],
.fg-service-overlay a[href*="/training/"] {
    background: #F3B24B !important;
    color: #212A4B !important;

    border: 2px solid #FFFFFF !important;
    border-radius: 22px !important;

    padding: 11px 22px !important;

    font-size: 15px !important;

    width: auto !important;
}


/* Gold divider between service cards */
.fg-service-card {
    border-right: 1px solid #F3B24B !important;
}

.fg-service-card:last-child {
    border-right: none !important;
}


/* =========================================================
   SPEAK TO A SPECIALIST POPUP
   ========================================================= */

/* Keep popup inside viewport */
.pum-container {
    max-height: 88vh !important;
    overflow: hidden !important;
}

/* Scroll only popup content */
.pum-container .pum-content {
    max-height: calc(88vh - 70px) !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    padding-right: 10px !important;

    scrollbar-width: thin;
    overscroll-behavior: contain;
}

/* Close button */
.pum-container .pum-close {
    position: absolute !important;

    top: 12px !important;
    right: 14px !important;

    z-index: 99999 !important;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;

    color: #212A4B !important;

    font-size: 28px !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    width: 34px !important;
    height: 34px !important;

    padding: 0 !important;
    margin: 0 !important;

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


/* =========================================================
   SPEAK TO A SPECIALIST POPUP FORM
   ========================================================= */

/* Form labels */
.pum-container .wpforms-field-label {
    color: #212A4B !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    margin-bottom: 8px !important;
}

/* Required asterisk */
.pum-container .wpforms-required-label {
    color: #E53935 !important;
}

/* Inputs */
.pum-container .wpforms-field input,
.pum-container .wpforms-field select,
.pum-container .wpforms-field textarea {
    background: #F3F6F9 !important;
    color: #212A4B !important;

    border: 1px solid #D7DEE7 !important;
    border-radius: 14px !important;

    min-height: 54px !important;

    padding: 12px 16px !important;

    font-size: 16px !important;

    box-shadow: none !important;
}

/* Focus */
.pum-container .wpforms-field input:focus,
.pum-container .wpforms-field select:focus,
.pum-container .wpforms-field textarea:focus {
    border-color: #212A4B !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Textarea */
.pum-container .wpforms-field textarea {
    min-height: 120px !important;
    resize: vertical !important;
}

/* Field spacing */
.pum-container .wpforms-field {
    margin-bottom: 20px !important;
}

/* First / Last sublabels */
.pum-container .wpforms-field-sublabel {
    color: #7A7A7A !important;
    font-size: 14px !important;
}

/* Privacy agreement */
.pum-container .wpforms-field-checkbox {
    margin-top: 8px !important;
}

/* Privacy agreement text */
.pum-container .wpforms-field-checkbox label {
    color: #39485D !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
}

/* Privacy link */
.pum-container .wpforms-field-checkbox a {
    color: #2F6FB3 !important;
    text-decoration: underline !important;
}

/* Submit */
.pum-container .wpforms-submit {
    background: #212A4B !important;
    color: #FFFFFF !important;

    border: none !important;
    border-radius: 24px !important;

    padding: 13px 28px !important;

    font-size: 16px !important;
    font-weight: 600 !important;

    box-shadow: none !important;

    min-height: auto !important;
    width: auto !important;
}

/* Submit hover */
.pum-container .wpforms-submit:hover {
    background: #F3B24B !important;
    color: #212A4B !important;
}

/* Remove default shadows */
.pum-container .wpforms-container input,
.pum-container .wpforms-container select,
.pum-container .wpforms-container textarea,
.pum-container .wpforms-container button {
    box-shadow: none !important;
}

/* Dropdown */
.pum-container .wpforms-field-select select {
    cursor: pointer !important;
}

/* Checkbox */
.pum-container input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    padding: 0 !important;
}

/* Form width */
.pum-container .wpforms-container {
    width: 100% !important;
    max-width: 100% !important;
}

/* Prevent excessive bottom gap */
.pum-container .wpforms-container .wpforms-field-container {
    margin-bottom: 0 !important;
}


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

@media (max-width: 1200px) {

    .site-header {
        padding: 14px 18px !important;
    }

    .site-header .site-logo img,
    .site-header .custom-logo {
        width: 92px !important;
        max-width: 92px !important;
        top: 2px !important;
    }

    .site-header .site-branding {
        margin-right: 16px !important;
    }

    .site-header .site-navigation li {
        padding: 0 10px !important;
    }

    .site-header .site-navigation a {
        font-size: 14px !important;
    }

    .site-header .site-navigation li:not(:last-child)::after {
        height: 24px;
    }

    /* Header CTA */
    .site-header .site-navigation li:last-child {
        padding-left: 14px !important;
        padding-right: 0 !important;
    }

    .site-header .site-navigation li:last-child > a {
        padding: 11px 18px !important;
        border-radius: 18px !important;
        font-size: 14px !important;
        border: 2px solid #FFFFFF !important;
        color: #212A4B !important;
    }

    /* Hero image */
    .hero-image-slant {
        clip-path: polygon(
            7% 0,
            100% 0,
            100% 100%,
            0 100%
        ) !important;

        margin-left: -45px !important;
        width: calc(100% + 45px) !important;

        height: auto !important;
        min-height: 0 !important;
        align-self: stretch !important;
    }

    /* Hero CTA */
    a[href="/training/"],
    a[href$="/training/"],
    a[href*="/training/"].elementor-button,
    a[href="#popmake-111"] {
        padding: 12px 22px !important;
        font-size: 15px !important;
        border-radius: 22px !important;
    }

    /* Service overlays */
    .fg-service-overlay {
        padding: 22px !important;
    }

    .fg-service-overlay h2,
    .fg-service-overlay h3 {
        font-size: 22px !important;
    }

    .fg-service-overlay p {
        font-size: 13px !important;
        line-height: 1.45 !important;
    }

    /* Popup form */
    .pum-container .wpforms-field-label {
        font-size: 16px !important;
    }

    .pum-container .wpforms-field input,
    .pum-container .wpforms-field select,
    .pum-container .wpforms-field textarea {
        font-size: 15px !important;
        min-height: 50px !important;
    }

    /* Footer */
    #site-footer .footer-inner {
        padding: 18px 20px !important;
    }
}


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

@media (max-width: 767px) {

    .site-header {
        padding: 14px 18px !important;
    }

    .site-header .header-inner {
        flex-wrap: wrap !important;
    }

    .site-header .site-logo img,
    .site-header .custom-logo {
        width: 96px !important;
        max-width: 96px !important;
        top: 0 !important;
    }

    .site-header .site-branding {
        margin-right: 0 !important;
    }

    /* Mobile menu */
    .site-header .site-navigation ul {
        flex-direction: column !important;
        align-items: flex-start !important;
        width: 100% !important;
    }

    .site-header .site-navigation li {
        width: 100% !important;
        padding: 8px 12px !important;
    }

    .site-header .site-navigation li::after {
        display: none !important;
    }

    .site-header .site-navigation a {
        font-size: 16px !important;
    }

    /* Header CTA */
    .site-header .site-navigation li:last-child {
        padding: 12px !important;
    }

    .site-header .site-navigation li:last-child > a {
        padding: 12px 18px !important;
        width: auto !important;

        border-radius: 18px !important;
        border: 2px solid #FFFFFF !important;

        color: #212A4B !important;
    }

    /* Hero image */
    .hero-image-slant {
        clip-path: none !important;

        margin-left: 0 !important;
        width: 100% !important;

        min-height: 340px !important;
        align-self: auto !important;
    }

    /* Hero CTAs */
    a[href="/training/"],
    a[href$="/training/"],
    a[href*="/training/"].elementor-button,
    a[href="#popmake-111"] {
        padding: 12px 18px !important;
        font-size: 14px !important;
        border-radius: 20px !important;
    }


    /* =====================================================
       SERVICE CARDS MOBILE
       No hover on phones, so overlay remains visible
       ===================================================== */

    .fg-service-overlay {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        justify-content: flex-end !important;
        align-items: flex-start !important;

        text-align: left !important;

        padding: 22px 18px !important;

        background:
            linear-gradient(
                to top,
                rgba(33, 42, 75, 0.97) 0%,
                rgba(33, 42, 75, 0.86) 55%,
                rgba(33, 42, 75, 0.15) 100%
            ) !important;
    }

    .fg-service-overlay h1,
    .fg-service-overlay h2,
    .fg-service-overlay h3,
    .fg-service-overlay h4,
    .fg-service-overlay h5,
    .fg-service-overlay h6,
    .fg-service-overlay p {
        text-align: left !important;
    }

    .fg-service-overlay h2,
    .fg-service-overlay h3 {
        font-size: 22px !important;
    }

    .fg-service-overlay p {
        font-size: 13px !important;
        line-height: 1.45 !important;

        max-width: 100% !important;
    }

    .fg-service-overlay .elementor-button,
    .fg-service-overlay a.elementor-button,
    .fg-service-overlay a[role="button"] {
        padding: 10px 18px !important;
        font-size: 14px !important;
    }


    /* Popup */
    .pum-container {
        width: 92% !important;
        max-width: 92% !important;

        max-height: 92vh !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

    .pum-container .pum-content {
        max-height: calc(92vh - 65px) !important;
        padding-right: 6px !important;
    }

    .pum-container .pum-close {
        top: 10px !important;
        right: 10px !important;

        font-size: 26px !important;
    }

    .pum-container .wpforms-field {
        margin-bottom: 16px !important;
    }

    .pum-container .wpforms-field-label {
        font-size: 16px !important;
    }

    .pum-container .wpforms-field input,
    .pum-container .wpforms-field select,
    .pum-container .wpforms-field textarea {
        font-size: 15px !important;
        min-height: 48px !important;
        border-radius: 12px !important;
        padding: 10px 14px !important;
    }

    .pum-container .wpforms-field textarea {
        min-height: 110px !important;
    }

    .pum-container .wpforms-field-checkbox label {
        font-size: 14px !important;
    }

    .pum-container .wpforms-submit {
        width: 100% !important;
        padding: 13px 20px !important;
        border-radius: 20px !important;
    }

    /* Footer */
    #site-footer .footer-inner {
        justify-content: flex-end !important;
        padding: 16px 18px !important;
    }

    #site-footer .copyright,
    #site-footer .site-info {
        text-align: right !important;
        margin-left: auto !important;
        margin-right: 0 !important;
    }
}


/* =========================================================
   HOW WE WORK ICONS
   Make full SVG artwork visible on navy background
   ========================================================= */

/* Target all three supplied How We Work SVGs */
img[src*="9.0-Icon-1-Built-Around-You.svg"],
img[src*="9.0-Icon-2-Delivered-Your-Way.svg"],
img[src*="9.0-Icon-3-Clear-Fixed-Fees.svg"] {
    display: block !important;
    width: 90px !important;
    height: 90px !important;
    max-width: 90px !important;
    max-height: 90px !important;
    object-fit: contain !important;
    object-position: center !important;
    margin-left: auto !important;
    margin-right: auto !important;

    filter:
        brightness(0)
        saturate(100%)
        invert(78%)
        sepia(62%)
        saturate(787%)
        hue-rotate(334deg)
        brightness(101%)
        contrast(91%) !important;
}

/* Keep icon wrapper centred */
.elementor-icon-box-icon:has(img[src*="9.0-Icon-1-Built-Around-You.svg"]),
.elementor-icon-box-icon:has(img[src*="9.0-Icon-2-Delivered-Your-Way.svg"]),
.elementor-icon-box-icon:has(img[src*="9.0-Icon-3-Clear-Fixed-Fees.svg"]) {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 auto 20px auto !important;
}

@media (max-width: 1024px) {
    img[src*="9.0-Icon-1-Built-Around-You.svg"],
    img[src*="9.0-Icon-2-Delivered-Your-Way.svg"],
    img[src*="9.0-Icon-3-Clear-Fixed-Fees.svg"] {
        width: 82px !important;
        height: 82px !important;
        max-width: 82px !important;
        max-height: 82px !important;
    }
}

@media (max-width: 767px) {
    img[src*="9.0-Icon-1-Built-Around-You.svg"],
    img[src*="9.0-Icon-2-Delivered-Your-Way.svg"],
    img[src*="9.0-Icon-3-Clear-Fixed-Fees.svg"] {
        width: 72px !important;
        height: 72px !important;
        max-width: 72px !important;
        max-height: 72px !important;
    }
}


/* =========================================================
   TRAINING PAGE HERO
   Match homepage hero proportions while keeping slanted image
   ========================================================= */

/* Left navy content area */
.training-hero-content {
    width: 62% !important;
    flex: 0 0 62% !important;
    max-width: 62% !important;
    min-width: 0 !important;
}

/* Right image area */
.training-hero-image {
    width: 38% !important;
    flex: 0 0 38% !important;
    max-width: 38% !important;
    min-width: 0 !important;
}

/* Keep the image container stretched to the full hero height */
.training-hero-image.hero-image-slant {
    align-self: stretch !important;
    height: auto !important;
    min-height: 0 !important;
}

/* Make sure any image inside fills the image side */
.training-hero-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}

/* Request a Training Proposal CTA */
a[href="#training-enquiry"] {
    background: #F3B24B !important;
    color: #212A4B !important;
    border: 2px solid #FFFFFF !important;
    border-radius: 24px !important;
    padding: 14px 28px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

a[href="#training-enquiry"]:hover {
    background: #EFA93A !important;
    color: #212A4B !important;
    border-color: #FFFFFF !important;
}

/* TRAINING HERO - TABLET */
@media (max-width: 1024px) {
    .training-hero-content {
        width: 58% !important;
        flex: 0 0 58% !important;
        max-width: 58% !important;
    }

    .training-hero-image {
        width: 42% !important;
        flex: 0 0 42% !important;
        max-width: 42% !important;
    }

    a[href="#training-enquiry"] {
        padding: 12px 22px !important;
        font-size: 15px !important;
        border-radius: 22px !important;
    }
}

/* TRAINING HERO - MOBILE */
@media (max-width: 767px) {
    .training-hero-content,
    .training-hero-image {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .training-hero-image {
        min-height: 340px !important;
    }

    a[href="#training-enquiry"] {
        padding: 12px 18px !important;
        font-size: 14px !important;
        border-radius: 20px !important;
    }
}

/* Training hero: remove right-side white gap */
.training-hero-image {
    margin-right: 0 !important;
}

.training-hero-content,
.training-hero-image {
    box-sizing: border-box !important;
}

/* Make the overall training hero span edge-to-edge */
.training-hero-content,
.training-hero-image {
    min-height: 100% !important;
}

/* If Elementor parent is boxed, force the parent row full-width */
.training-hero-content {
    margin-left: 0 !important;
}

.training-hero-image {
    margin-left: -65px !important;
    width: calc(38% + 65px) !important;
    max-width: calc(38% + 65px) !important;
    flex-basis: calc(38% + 65px) !important;
}


.trainer-last-center {
    width: 48% !important;
    max-width: 650px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    grid-column: 1 / -1 !important;
    justify-self: center !important;
}


/* =========================================================
   TRAINER CARDS - CONSISTENT HEIGHTS
   ========================================================= */

.trainer-card {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Trainer photo */
.trainer-card .elementor-widget-image img {
    width: 100% !important;
    height: 420px !important;
    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
}

/* Name/title panel */
.trainer-card > .e-con,
.trainer-card > .elementor-element.e-con {
    width: 100% !important;
}

/* Keep the bio bar at the bottom */
.trainer-card .elementor-widget-n-accordion,
.trainer-card .elementor-widget-accordion {
    margin-top: auto !important;
}

/* Tablet */
@media (max-width: 1024px) {
    .trainer-card .elementor-widget-image img {
        height: 360px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .trainer-card .elementor-widget-image img {
        height: 380px !important;
    }
}


/* =========================================================
   ABOUT HERO BUTTON
   ========================================================= */

.fg-about-hero-button {
    width: fit-content !important;
    max-width: fit-content !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    align-self: center !important;
}

.fg-about-hero-button a,
.fg-about-hero-button .elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: fit-content !important;

    padding: 14px 28px !important;

    background: #F3B24B !important;
    color: #212A4B !important;

    border: 2px solid #FFFFFF !important;
    border-radius: 24px !important;

    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;
    box-shadow: none !important;
}

.fg-about-hero-button a:hover,
.fg-about-hero-button .elementor-button:hover {
    background: #EFA93A !important;
    color: #212A4B !important;
}


/* =========================================================
   ABOUT PAGE POPUP CTA
   ========================================================= */

.fg-popup-cta {
    width: fit-content !important;
    max-width: fit-content !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.fg-popup-cta a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 14px 28px !important;

    background: #F3B24B !important;
    color: #212A4B !important;

    border: 2px solid #FFFFFF !important;
    border-radius: 30px !important;

    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;
    box-shadow: none !important;

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

/* KEEP BUTTON APPEARANCE IN EVERY STATE */
.fg-popup-cta a:visited,
.fg-popup-cta a:focus,
.fg-popup-cta a:active {
    background: #F3B24B !important;
    color: #212A4B !important;
    border-color: #FFFFFF !important;
    text-decoration: none !important;
    outline: none !important;
}

/* HOVER */
.fg-popup-cta a:hover {
    background: #EFA93A !important;
    color: #212A4B !important;
    border-color: #FFFFFF !important;
    text-decoration: none !important;
    transform: translateY(-1px);
}


.team-last-center {
    grid-column: 1 / -1 !important;
    width: calc(50% - 18px) !important;
    justify-self: center !important;
}

@media (max-width: 767px) {
    .team-last-center {
        width: 100% !important;
        grid-column: 1 / -1 !important;
    }
}
/* =========================================================
   FUTURUM GLOBAL - NEWS CARDS
   ========================================================= */

.fg-news-posts article,
.fg-news-posts .uael-post-wrapper,
.fg-news-posts .uael-post__bg-wrap {
    overflow: hidden;

    background: #212A4B !important;

    border: 2px solid #F3B24B !important;
    border-radius: 18px !important;

    box-shadow: 0 10px 26px rgba(24, 32, 58, 0.10);

    box-sizing: border-box;

    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease;
}


/* CARD HOVER */

.fg-news-posts article:hover,
.fg-news-posts .uael-post-wrapper:hover,
.fg-news-posts .uael-post__bg-wrap:hover {
    transform: translateY(-3px);

    box-shadow: 0 16px 32px rgba(24, 32, 58, 0.16);
}


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

.fg-news-posts img {
    display: block;

    width: 100% !important;
    height: 300px !important;

    object-fit: cover;

    border-radius: 0 !important;
}


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

.fg-news-posts .uael-post__content-wrap,
.fg-news-posts .uael-post__content,
.fg-news-posts .uael-post-content {
    padding: 34px 32px 28px !important;

    background: #212A4B !important;
}


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

.fg-news-posts h2,
.fg-news-posts h3,
.fg-news-posts .uael-post__title,
.fg-news-posts .uael-post__title a {
    margin-top: 0 !important;

    color: #FFFFFF !important;

    font-size: 30px !important;
    line-height: 1.18 !important;

    font-weight: 600 !important;

    text-decoration: none !important;
}


/* =========================================================
   META
   ========================================================= */

.fg-news-posts .uael-post__meta-data,
.fg-news-posts .uael-post__meta-data *,
.fg-news-posts .uael-post-meta,
.fg-news-posts .uael-post-meta * {
    color: rgba(255, 255, 255, 0.88) !important;

    font-size: 14px !important;
    line-height: 1.4 !important;
}


/* =========================================================
   EXCERPT
   ========================================================= */

.fg-news-posts .uael-post__excerpt,
.fg-news-posts .uael-post__excerpt p,
.fg-news-posts .uael-post-excerpt,
.fg-news-posts .uael-post-excerpt p {
    color: rgba(255, 255, 255, 0.78) !important;

    font-size: 15px !important;
    line-height: 1.6 !important;
}


/* =========================================================
   READ MORE
   ========================================================= */

.fg-news-posts .uael-post__read-more,
.fg-news-posts .uael-post__read-more a,
.fg-news-posts .uael-post-read-more,
.fg-news-posts .uael-post-read-more a {
    color: #F3B24B !important;

    font-size: 15px !important;
    line-height: 1.2 !important;

    font-weight: 600 !important;

    text-transform: uppercase;

    text-decoration: none !important;
}


.fg-news-posts .uael-post__read-more a:hover,
.fg-news-posts .uael-post-read-more a:hover {
    color: #FFFFFF !important;
}


/* =========================================================
   REMOVE DEFAULT GREY CARD BACKGROUND
   ========================================================= */

.fg-news-posts .uael-post__inner-wrap,
.fg-news-posts .uael-post-grid__inner {
    background: transparent !important;
}


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

@media (max-width: 1024px) {

    .fg-news-posts img {
        height: 250px !important;
    }

    .fg-news-posts h2,
    .fg-news-posts h3,
    .fg-news-posts .uael-post__title,
    .fg-news-posts .uael-post__title a {
        font-size: 25px !important;
    }

}


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

@media (max-width: 767px) {

    .fg-news-posts img {
        height: 230px !important;
    }

    .fg-news-posts .uael-post__content-wrap,
    .fg-news-posts .uael-post__content,
    .fg-news-posts .uael-post-content {
        padding: 26px 22px 24px !important;
    }

    .fg-news-posts h2,
    .fg-news-posts h3,
    .fg-news-posts .uael-post__title,
    .fg-news-posts .uael-post__title a {
        font-size: 23px !important;
    }

}
/* =========================================================
   FUTURUM GLOBAL HEADER DROPDOWN
   Investigations & Intelligence
   ========================================================= */


/* ---------------------------------------------------------
   PARENT MENU ITEM
--------------------------------------------------------- */

.site-header .site-navigation .menu-item-has-children {
    position: relative !important;
}


/* ---------------------------------------------------------
   DROPDOWN CONTAINER
--------------------------------------------------------- */

.site-header .site-navigation .menu-item-has-children > .sub-menu {
    display: none !important;

    position: absolute !important;

    top: 100% !important;
    left: 0 !important;
    right: auto !important;

    width: 340px !important;
    min-width: 340px !important;
    max-width: 340px !important;

    margin: 0 !important;
    padding: 8px 0 !important;

    background: #212A4B !important;

    border: 1px solid rgba(243,178,75,0.45) !important;
    border-radius: 0 0 10px 10px !important;

    box-shadow: 0 14px 30px rgba(0,0,0,0.20) !important;

    z-index: 99999 !important;

    overflow: hidden !important;

    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;

    gap: 0 !important;
}


/* SHOW DROPDOWN */

.site-header .site-navigation .menu-item-has-children:hover > .sub-menu,
.site-header .site-navigation .menu-item-has-children:focus-within > .sub-menu {
    display: flex !important;
}


/* ---------------------------------------------------------
   SUBMENU ITEMS
--------------------------------------------------------- */

.site-header .site-navigation .sub-menu > li,
.site-header .site-navigation .sub-menu .menu-item {
    display: block !important;

    position: relative !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    flex: none !important;

    list-style: none !important;
}


/* REMOVE TOP-LEVEL GOLD SEPARATORS FROM SUBMENU */

.site-header .site-navigation .sub-menu > li::after,
.site-header .site-navigation .sub-menu .menu-item::after {
    display: none !important;

    content: none !important;
}


/* ---------------------------------------------------------
   SUBMENU LINKS
--------------------------------------------------------- */

.site-header .site-navigation .sub-menu > li > a,
.site-header .site-navigation .sub-menu .menu-item > a {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 14px 20px !important;

    background: transparent !important;

    color: #FFFFFF !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;

    text-align: left !important;
    text-decoration: none !important;

    white-space: normal !important;

    transform: none !important;

    box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   IMPORTANT:
   STOP "LAST MENU ITEM = GET IN TOUCH BUTTON"
   FROM AFFECTING LAST SUBMENU ITEM
--------------------------------------------------------- */

.site-header .site-navigation .sub-menu > li:last-child {
    padding: 0 !important;
}


.site-header .site-navigation .sub-menu > li:last-child > a,
.site-header .site-navigation .sub-menu .menu-item:last-child > a {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 14px 20px !important;

    background: transparent !important;

    color: #FFFFFF !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;

    text-align: left !important;

    white-space: normal !important;

    transform: none !important;
}


/* ---------------------------------------------------------
   HOVER
--------------------------------------------------------- */

.site-header .site-navigation .sub-menu > li > a:hover,
.site-header .site-navigation .sub-menu .menu-item > a:hover,
.site-header .site-navigation .sub-menu > li:last-child > a:hover,
.site-header .site-navigation .sub-menu .menu-item:last-child > a:hover {
    background: #F3B24B !important;

    color: #212A4B !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    transform: none !important;
}


/* ---------------------------------------------------------
   CURRENT / ACTIVE SUBMENU PAGE
--------------------------------------------------------- */

.site-header .site-navigation .sub-menu .current-menu-item > a,
.site-header .site-navigation .sub-menu .current_page_item > a {
    background: #F3B24B !important;

    color: #212A4B !important;
}


/* ---------------------------------------------------------
   REMOVE ANY EXTRA PSEUDO-ELEMENTS
--------------------------------------------------------- */

.site-header .site-navigation .sub-menu a::before,
.site-header .site-navigation .sub-menu a::after {
    display: none !important;

    content: none !important;
}


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

@media (max-width: 1200px) and (min-width: 768px) {

    .site-header .site-navigation .menu-item-has-children > .sub-menu {
        width: 300px !important;
        min-width: 300px !important;
        max-width: 300px !important;
    }


    .site-header .site-navigation .sub-menu > li > a,
    .site-header .site-navigation .sub-menu .menu-item > a,
    .site-header .site-navigation .sub-menu > li:last-child > a,
    .site-header .site-navigation .sub-menu .menu-item:last-child > a {
        padding: 12px 16px !important;

        font-size: 14px !important;
    }

}


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

@media (max-width: 767px) {

    .site-header .site-navigation .menu-item-has-children > .sub-menu {
        position: static !important;

        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        margin: 8px 0 0 !important;
        padding: 4px 0 !important;

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

        border: 0 !important;
        border-left: 2px solid #F3B24B !important;

        border-radius: 0 !important;

        box-shadow: none !important;

        overflow: visible !important;
    }


    .site-header .site-navigation .sub-menu > li,
    .site-header .site-navigation .sub-menu .menu-item {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .site-header .site-navigation .sub-menu > li > a,
    .site-header .site-navigation .sub-menu .menu-item > a,
    .site-header .site-navigation .sub-menu > li:last-child > a,
    .site-header .site-navigation .sub-menu .menu-item:last-child > a {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 11px 16px !important;

        background: transparent !important;

        color: #FFFFFF !important;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: none !important;

        font-size: 15px !important;
        line-height: 1.4 !important;

        text-align: left !important;
    }


    .site-header .site-navigation .sub-menu > li > a:hover,
    .site-header .site-navigation .sub-menu .menu-item > a:hover,
    .site-header .site-navigation .sub-menu > li:last-child > a:hover,
    .site-header .site-navigation .sub-menu .menu-item:last-child > a:hover {
        background: #F3B24B !important;

        color: #212A4B !important;
    }

}
/* =========================================================
   INVESTIGATIONS & INTELLIGENCE
   FINAL ARROW CLEANUP
   ========================================================= */


/* Parent item */
.site-header .site-navigation .menu-item-has-children {
    position: relative !important;

    /* normal spacing before separator */
    padding-right: 18px !important;
}


/* Parent link */
.site-header .site-navigation .menu-item-has-children > a {
    display: inline-flex !important;
    align-items: center !important;

    gap: 8px !important;

    position: relative !important;

    padding-right: 0 !important;

    white-space: nowrap !important;
}


/* =========================================================
   REMOVE ALL ORIGINAL / PLUGIN ARROWS
   ========================================================= */

.site-header .site-navigation .menu-item-has-children > a::before {
    content: none !important;
    display: none !important;
}


.site-header .site-navigation .menu-item-has-children > a .sub-arrow,
.site-header .site-navigation .menu-item-has-children > a .dropdown-menu-toggle,
.site-header .site-navigation .menu-item-has-children > a .menu-toggle,
.site-header .site-navigation .menu-item-has-children > a .caret,
.site-header .site-navigation .menu-item-has-children > a .arrow,
.site-header .site-navigation .menu-item-has-children > a .dropdown-toggle,
.site-header .site-navigation .menu-item-has-children > a svg,
.site-header .site-navigation .menu-item-has-children > a i {
    display: none !important;

    width: 0 !important;
    height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 0 !important;
    visibility: hidden !important;

    border: 0 !important;
}


/* =========================================================
   ONLY OUR GOLD ARROW
   ========================================================= */

.site-header .site-navigation .menu-item-has-children > a::after {
    content: "" !important;

    display: inline-block !important;

    position: static !important;

    width: 7px !important;
    height: 7px !important;

    margin: -4px 0 0 0 !important;

    border: 0 !important;
    border-right: 2px solid #F3B24B !important;
    border-bottom: 2px solid #F3B24B !important;

    background: transparent !important;

    transform: rotate(45deg) !important;

    flex: 0 0 auto !important;
}


/* Keep gold arrow gold on hover/focus */
.site-header .site-navigation .menu-item-has-children:hover > a::after,
.site-header .site-navigation .menu-item-has-children:focus-within > a::after {
    border-right-color: #F3B24B !important;
    border-bottom-color: #F3B24B !important;
}


/* =========================================================
   IMPORTANT:
   REMOVE ANY EXTRA ARROW ON THE LI ITSELF
   ========================================================= */

.site-header .site-navigation .menu-item-has-children::before {
    content: none !important;
    display: none !important;
}

/* Remove extra dropdown indicator only */
.site-header .site-navigation .menu-item-has-children > .sub-arrow,
.site-header .site-navigation .menu-item-has-children > .dropdown-menu-toggle,
.site-header .site-navigation .menu-item-has-children > .dropdown-toggle,
.site-header .site-navigation .menu-item-has-children > .menu-toggle {
    display: none !important;
}

/* Hide Hello Elementor dropdown glyph on Investigations & Intelligence only.
   Keep the existing gold separator and custom gold arrow unchanged. */
.site-header .site-navigation ul.menu li#menu-item-22::after {
    content: "" !important;
    font-size: 0 !important;
}

/* Futurum Global – Training enquiry form background fix */
body.page-id-549 #wpforms-588 {
    background-image: none !important;
}

/* =========================================================
   FUTURUM GLOBAL FOOTER - CONTACT DETAILS ONLY
   Existing footer elements and styles are left untouched.
   Note: CSS-generated text is display-only, not clickable.
   ========================================================= */
@media (min-width: 1101px) {
    .fg-global-footer {
        position: relative;
    }

    .fg-global-footer .fg-footer-links::before,
    .fg-global-footer .fg-footer-links::after {
        position: absolute;
        top: 0;
        color: #FFFFFF;
        font-size: 14px;
        line-height: 1.5;
        font-weight: 400;
        white-space: nowrap;
        pointer-events: none;
    }

    .fg-global-footer .fg-footer-links::before {
        content: "☎ Telephone: +44 (0)20 3488 3205";
        left: 24px;
    }

    .fg-global-footer .fg-footer-links::after {
        content: "✉ Email: enquiries@futurumglobal.com";
        right: 24px;
    }

    .fg-global-footer .fg-footer-links {
        position: relative;
    }
}

@media (max-width: 1100px) {
    .fg-global-footer .fg-footer-links::before,
    .fg-global-footer .fg-footer-links::after {
        display: block;
        width: 100%;
        color: #FFFFFF;
        font-size: 14px;
        line-height: 1.5;
        font-weight: 400;
        text-align: center;
        pointer-events: none;
    }

    .fg-global-footer .fg-footer-links::before {
        content:"☎ Telephone: +44 (0)20 3488 3205";
        margin-bottom: 10px;
    }

    .fg-global-footer .fg-footer-links::after {
        content: "✉ Email: enquiries@futurumglobal.com";
        margin-top: 10px;
        overflow-wrap: anywhere;
    }
}


/* =========================================================
   FUTURUM GLOBAL - DESKTOP NAVIGATION DISTRIBUTION
   Header only. Preserve existing logo, hero, footer and CTA.
   ========================================================= */
@media (min-width: 1201px) {
    .site-header {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .site-header .site-branding {
        margin-right: 18px !important;
    }

    .site-header .site-navigation > ul:not(.sub-menu),
    .site-header .site-navigation > div > ul:not(.sub-menu) {
        width: 100% !important;
        justify-content: space-between !important;
    }

    .site-header .site-navigation > ul:not(.sub-menu) > li,
    .site-header .site-navigation > div > ul:not(.sub-menu) > li {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .site-header .site-navigation > ul:not(.sub-menu) > li > a,
    .site-header .site-navigation > div > ul:not(.sub-menu) > li > a {
        font-size: 15px !important;
    }

    .site-header .site-navigation > ul:not(.sub-menu) > li:last-child,
    .site-header .site-navigation > div > ul:not(.sub-menu) > li:last-child {
        padding-left: 12px !important;
        padding-right: 0 !important;
    }

    .site-header .site-navigation > ul:not(.sub-menu) > li:last-child > a,
    .site-header .site-navigation > div > ul:not(.sub-menu) > li:last-child > a {
        padding: 12px 20px !important;
        font-size: 15px !important;
    }
}

/* Fit a full menu at narrower desktop widths without affecting mobile. */
@media (min-width: 1201px) and (max-width: 1450px) {
    .site-header .site-branding {
        margin-right: 10px !important;
    }
    .site-header .site-navigation > ul:not(.sub-menu) > li,
    .site-header .site-navigation > div > ul:not(.sub-menu) > li {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }
    .site-header .site-navigation > ul:not(.sub-menu) > li > a,
    .site-header .site-navigation > div > ul:not(.sub-menu) > li > a {
        font-size: 13px !important;
    }
    .site-header .site-navigation > ul:not(.sub-menu) > li:last-child > a,
    .site-header .site-navigation > div > ul:not(.sub-menu) > li:last-child > a {
        font-size: 13px !important;
        padding: 11px 14px !important;
    }
}


/* =========================================================
   FUTURUM GLOBAL - DESKTOP HEADER LAYOUT (FINAL)
   Header only, desktop only (1201px+). Tablet, mobile,
   dropdown panel, hero, footer etc. are not touched.
   Logo left | menu stretches to fill the space, extra space
   shared equally around every gold divider | Get in Touch
   button at far right.
   ========================================================= */

@media (min-width: 1201px) {

    /* Header side spacing scales with screen width */
    .site-header {
        padding-left: clamp(20px, 2.2vw, 44px) !important;
        padding-right: clamp(20px, 2.2vw, 44px) !important;
    }

    /* One row, everything vertically centred */
    .site-header .header-inner {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    /* Logo: pinned left, vertically centred */
    .site-header .site-branding {
        flex: 0 0 auto !important;
        margin: 0 clamp(16px, 2vw, 40px) 0 0 !important;
        align-self: center !important;
    }

    .site-header .site-logo img,
    .site-header .custom-logo {
        top: 0 !important;
    }

    /* Navigation takes ALL remaining space between logo and edge */
    .site-header .site-navigation {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        display: flex !important;
    }

    .site-header .site-navigation > div {
        flex: 1 1 auto !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    /* Menu row stretches full width */
    .site-header .site-navigation > ul:not(.sub-menu),
    .site-header .site-navigation > div > ul:not(.sub-menu) {
        width: 100% !important;
        flex: 1 1 auto !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 0 !important;
    }

    /* Menu items grow equally, text centred, so the space on
       both sides of every divider stays equal */
    .site-header .site-navigation > ul:not(.sub-menu) > li:not(:last-child),
    .site-header .site-navigation > div > ul:not(.sub-menu) > li:not(:last-child) {
        flex: 1 1 auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding-left: clamp(6px, 0.5vw, 12px) !important;
        padding-right: clamp(6px, 0.5vw, 12px) !important;
    }

    /* Larger menu text, scales with screen width */
    .site-header .site-navigation > ul:not(.sub-menu) > li > a,
    .site-header .site-navigation > div > ul:not(.sub-menu) > li > a {
        font-size: clamp(14px, calc((100vw - 1200px) * 0.0155 + 14px), 23.5px) !important;
    }

    /* Gold dividers: taller, centred, scale with screen width */
    .site-header .site-navigation > ul:not(.sub-menu) > li:not(:last-child)::after,
    .site-header .site-navigation > div > ul:not(.sub-menu) > li:not(:last-child)::after {
        right: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 1.5px !important;
        height: clamp(24px, 1.7vw, 34px) !important;
    }

    /* Get in Touch: does not stretch, sits at far right */
    .site-header .site-navigation > ul:not(.sub-menu) > li:last-child,
    .site-header .site-navigation > div > ul:not(.sub-menu) > li:last-child {
        flex: 0 0 auto !important;
        display: flex !important;
        align-items: center !important;
        padding-left: clamp(16px, 1.6vw, 32px) !important;
        padding-right: 0 !important;
    }

    .site-header .site-navigation > ul:not(.sub-menu) > li:last-child > a,
    .site-header .site-navigation > div > ul:not(.sub-menu) > li:last-child > a {
        font-size: clamp(14px, calc((100vw - 1200px) * 0.013 + 14px), 22px) !important;
        padding: clamp(11px, 0.85vw, 16px) clamp(18px, 2vw, 38px) !important;
        border-radius: 24px !important;
    }
}