/* =========================================================
   ZAHAB LEGAL INC.
   DESKTOP VERSION
   ========================================================= */


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

:root {
    --green: #0d4038;
    --green-dark: #07332d;
    --green-deep: #05251f;

    --gold: #c9a65e;
    --gold-light: #dfc78b;

    --cream: #f5f1e8;
    --cream-light: #fbf9f5;

    --white: #ffffff;

    --text: #263330;
    --muted: #66716e;
}


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

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;

    background: var(--cream-light);
    color: var(--text);

    font-family: 'DM Sans', Arial, sans-serif;
    line-height: 1.7;
}

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

a {
    color: inherit;
    text-decoration: none;
}

.zl-container {
    width: min(1180px, 90%);
    margin: 0 auto;
}

.zl-narrow {
    max-width: 980px;
}


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

.zl-header {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;

    z-index: 1000;

    background: transparent;
}

.zl-nav {
    min-height: 125px;

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

    padding-top: 14px;
}

.zl-menu {
    display: flex;
    align-items: center;

    gap: 42px;

    margin: 0;
    padding: 0;

    list-style: none;
}

.zl-menu a {
    color: white;

    font-size: 17px;
    font-weight: 500;

    letter-spacing: 0.2px;
}

.zl-menu a:hover {
    color: var(--gold-light);
}
.zl-menu {
    display: flex;
    gap: 42px;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.zl-menu li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    line-height: 1.1;
}

.zl-menu li a .fr {
    color: #ffffff;
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 4px;
}

.zl-menu li a .en {
    color: #d2ae62;
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
}

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

.zl-hero {
    position: relative;
    overflow: hidden;

    min-height: auto;
    height: auto;

    padding-top: 65px;
    padding-bottom: 35px;

    background-image: url('images/zahab-banner.png');
    background-size: cover !important;
        background-position: center 45% !important;
        background-repeat: no-repeat !important;
}


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

.zl-hero::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            to bottom,
            rgba(2, 18, 16, 0.18),
            rgba(2, 18, 16, 0.18)
        ),
        linear-gradient(
            to right,
            rgba(0, 0, 0, 0.20) 0%,
            rgba(0, 0, 0, 0.08) 45%,
            rgba(0, 0, 0, 0.18) 100%
        );
}


/* IMPORTANT:
   only the hero content becomes relative.
   DO NOT include .zl-header here.
*/

.zl-hero-inner {
    position: relative;
    z-index: 2;

    min-height: 800px;

    display: flex;
    align-items: center;

    padding-top: 92px;
}


/* =========================================================
   HERO LEFT CONTENT
   ========================================================= */

.zl-hero-copy {
    width: 620px;
    max-width: 63%;

    transform: translateY(38px);
}


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

.zl-hero-logo {
    display: block;

    width: 650px;
    max-width: 94%;

    margin: 0 0 -450px -140px;

    transform: translateY(-300px);
}


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

.zl-small-line {
    width: 320px;
    height: 1px;

    margin-bottom: 16px;

    background: var(--gold);
    position: relative;
    top: -100px;
     left: 10px;
    
}


/* =========================================================
   CABINET D'AVOCATS / LAW FIRM
   ========================================================= */

.zl-hero-type {
    margin: 0 0 14px;
      position: relative;
    top: -65px;
     left: 30px;

    color: var(--gold-light);

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

    letter-spacing: 2.8px;
    

    text-transform: uppercase;
}

.zl-hero-type span {
    margin: 0 10px;
}


/* =========================================================
   FRENCH HERO TAGLINE
   ========================================================= */

.zl-hero h1 {
    font-family: 'Manrope', sans-serif !important;

    font-size: 19px !important;
    font-weight: 300 !important;

    line-height: 1.15 !important;
    letter-spacing: -0.3px !important;
    text-transform: uppercase !important;

    color: #ffffff !important;
}

.zl-hero h1 span {
    color: #ffffff !important;
    font-family: 'Manrope', sans-serif !important;
}



/* =========================================================
   ENGLISH HERO TAGLINE
   ========================================================= */

.zl-hero-english {
    font-family: 'Manrope', sans-serif !important;

    font-size: 19px !important;
    font-weight: 500 !important;

    line-height: 1.4 !important;
    letter-spacing: 2.2px !important;

    text-transform: uppercase !important;

    color: var(--gold) !important;

    margin-top: 15px !important;
}

/* =========================================================
   SINCE 2008
   ========================================================= */

.zl-since {
    margin: 0 0 24px;

    color: var(--gold-light);

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

    letter-spacing: 2px;

    text-transform: uppercase;
}

.zl-since span {
    margin: 0 8px;
}

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

.zl-hero-actions {
    display: flex;
    align-items: center;

    gap: 16px;

    margin-top: 28px;
}

.zl-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 170px;
    height: 52px;

    padding: 0 24px;

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

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

    letter-spacing: 0.6px;

    text-transform: uppercase;

    box-sizing: border-box;
}

.zl-btn-gold {
    background: var(--gold);
    color: var(--green-deep);
}

.zl-btn-outline {
    background: transparent;
    color: white;

    border: 1px solid var(--gold);
}
.zl-hero-actions .zl-btn {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    text-align: center !important;
}

.zl-hero-actions .zl-btn .fr,
.zl-hero-actions .zl-btn .en {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    line-height: 1.1 !important;
}

.zl-hero-actions .zl-btn .fr {
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: .8px !important;
}

.zl-hero-actions .zl-btn .en {
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 1.8px !important;
    text-transform: uppercase !important;
}
.zl-btn-gold .fr,
.zl-btn-gold .en {
    color: var(--green-dark) !important;
}

.zl-btn-secondary .fr {
    color: white !important;
}

.zl-btn-secondary .en {
    color: var(--gold) !important;
}


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

.zl-city-detail {
    position: absolute;

    right: 10px;
    bottom: 325px;

    width: 390px;

    text-align: right;
}

.zl-city-line {
    width: 78px;
    height: 1px;

    margin: 0 0 14px auto;

    background: var(--gold);
}

.zl-city-detail p {
    margin: 0;

    color: var(--gold-light);

    font-size: 17px;
    font-weight: 500;

    letter-spacing: 3px;

    text-transform: uppercase;
}

.zl-city-detail span {
    margin: 0 8px;
}


/* =========================================================
   INTRO - COHESIVE WITH "NOS CHAMPS DE PRATIQUE"
   ========================================================= */

.zl-intro {
    padding: 76px 0 82px;
    background: #fbf9f5;
    text-align: center;
}

.zl-intro .zl-narrow {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 0 35px;
}


/* ZAHAB LEGAL INC. */

.zl-intro .zl-section-kicker {
    margin: 0 0 22px;

    color: #d2ae62;

    font-family: 'Manrope', sans-serif;
    font-size: 20px;
    font-weight: 500;

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


/* FRENCH TITLE */

.zl-intro h2 {
    font-family: 'Manrope', sans-serif !important;;
    font-size: 29px;
    font-weight: 300;
    line-height: 1.12;
    letter-spacing: -0.6px;
}


/* FRENCH BODY */

.zl-intro-main {
    font-family: 'DM Sans', sans-serif !important;;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.75;
}


/* ENGLISH TITLE */

.zl-intro-title-en {
    font-family: 'Manrope', sans-serif !important;;
    font-size: 22px;
    color: #d2ae62;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: 2.4px;
    text-transform: uppercase;
}


/* ENGLISH BODY */

.zl-intro-english {
    font-family: 'DM Sans', sans-serif !important;;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.75;
}

/* =========================================================
   GENERAL SECTION KICKER
   ========================================================= */

.zl-section-kicker {
    margin: 0 0 15px;

    color: var(--gold);

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

    letter-spacing: 3px;

    text-align: center;

    text-transform: uppercase;
}


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

.zl-services {
    padding: 90px 0 95px;

    background: white;
}

.zl-section-heading {
    margin-bottom: 55px;

    text-align: center;
}

.zl-section-heading .zl-section-kicker {
    margin: 0 0 6px;

    color: var(--green-dark);

    font-family: 'Manrope', sans-serif;

    font-size: 20px;
    font-weight: 500;

    letter-spacing: 2.5px;

    text-transform: uppercase;
}
.zl-section-heading h2 {
    margin: 0 0 14px;

    color: var(--green-dark);

    font-family: 'Manrope', Arial, sans-serif;

    font-size: 36px;
    font-weight: 300;

    line-height: 1.08;

    letter-spacing: -1px;
}

.zl-section-subtitle {
    margin: 0;

    color: #7a736a;

    font-family: 'Manrope', sans-serif;
    color: var(--gold);

    font-size: 22px;
    font-weight: 400;

    letter-spacing: 3px;

    text-transform: uppercase;
}


/* =========================================================
   SERVICE CARDS
   ========================================================= */

.zl-services-grid {
    display: grid;

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

    gap: 16px;
}

.zl-service-card {
    min-height: 345px;

    padding: 32px 23px;

    background: var(--green-dark);

    color: white;

    border-top: 2px solid var(--gold);
}

.zl-service-number {
    display: block;

    margin-bottom: 22px;

    color: var(--gold);

    font-size: 35px;
}

.zl-service-card h3 {
    margin: 0;

    color: white;

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

    line-height: 1.15;
}

.zl-service-en {
    margin: 10px 0 17px;

    color: var(--gold-light);

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

    line-height: 1.3;

    text-transform: uppercase;
}

.zl-service-fr-desc {
    margin: 0;

    color: #ffffff;

    font-size: 14px;

    line-height: 1.5;
}

.zl-service-divider {
    display: block;

    width: 46px;
    height: 1px;

    margin: 18px 0;

    background: #d2ae62;
}

.zl-service-description-en {
    margin: 0;

    color: #d8c59a;

    font-size: 14px;

    line-height: 1.5;
}


/* Support for cards still using the old paragraph markup */

.zl-service-card p:last-child {
    font-size: 14px;

    line-height: 1.5;
}


/* =========================================================
   ABOUT
   ========================================================= */

.zl-about {
    padding: 95px 0;

    background: #073b33;
}

.zl-about-refined {
    width: 100%;
    max-width: 980px;

    margin: 0 auto;

    padding-left: 30px;
    padding-right: 30px;

    box-sizing: border-box;

    text-align: center;
}

.zl-about-fr,
.zl-about-en {
    width: 100%;
    max-width: 840px;

    margin: 0 auto;
}


/* =========================================================
   ABOUT SMALL TITLES
   ========================================================= */

.zl-about-kicker {
    margin: 0 0 18px;

    font-family: 'Manrope', sans-serif;

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

    letter-spacing: 3px;

    text-transform: uppercase;
}

.zl-about-fr .zl-about-kicker {
    color: #d2ae62;
}

.zl-about-en .zl-about-kicker {
    color: #ffffff;
}


/* =========================================================
   ABOUT MAIN TITLES
   ========================================================= */

.zl-about h2 {
    width: 100%;
    max-width: 800px;

    margin: 0 auto 26px;

    font-family: 'Cormorant Garamond', Georgia, serif;

    font-size: 38px;
    font-weight: 500;

    line-height: 1.12;

    letter-spacing: 0.2px;

    white-space: normal;
}

.zl-about-fr h2 {
    color: #ffffff;
}

.zl-about-en h2 {
    color: #d2ae62;
}


/* =========================================================
   ABOUT BODY
   ========================================================= */

.zl-about-fr p,
.zl-about-en p {
    width: 100%;
    max-width: 820px;

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

    font-family: 'Manrope', sans-serif;

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

    line-height: 1.8;
}

.zl-about-fr p {
    color: #ffffff;
}

.zl-about-en p {
    color: #d2ae62;
}


/* =========================================================
   ABOUT GOLD DIVIDER
   ========================================================= */

.zl-about-divider {
    display: block;

    width: 90px;
    height: 1px;

    margin: 42px auto;

    background: #d2ae62;
}


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

.zl-contact {
    padding: 110px 0;

    background: var(--cream);
}

.zl-contact-grid {
    display: grid;

    grid-template-columns: 1.1fr .9fr;

    gap: 70px;
}

.zl-contact-kicker {
    text-align: left;
}

.zl-contact h2 {
    margin: 0 0 35px;

    color: var(--green-dark);

    font-size: 60px;
    font-weight: 400;

    line-height: 1.1;
}

.zl-contact-item {
    margin-top: 27px;
}

.zl-contact-item strong {
    display: block;
    color: #d2ae62 !important;
    margin-bottom: 8px;
}
}
    display: block;

    margin-bottom: 4px;

    font-size: 14px;
}

.zl-contact-item a {
    color: var(--green-dark);

    font-size: 22px;
}

.zl-contact-item p {
    margin: 0;

    font-size: 18px;

    line-height: 1.8;
}

.zl-locations {
    margin-top: 30px;

    color: var(--gold);

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

    letter-spacing: 2px;

    text-transform: uppercase;
}


/* =========================================================
   NEW INQUIRY
   ========================================================= */

.zl-inquiry {
    padding: 48px;

    background: var(--green-dark);

    color: white;
}

.zl-inquiry-small {
    margin: 0;

   color: #d2ae62 !important;

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

    letter-spacing: 2px;

    text-transform: uppercase;
}

.zl-inquiry h3 {
    margin: 4px 0 24px;

    color: white;

    font-size: 20px;
    font-weight: 400;
}

.zl-inquiry p {
    color: #dde4e1;

    font-size: 16px;

    line-height: 1.8;
}

.zl-inquiry-actions {
    display: flex;
    flex-wrap: wrap;

    gap: 12px;

    margin-top: 28px;
}


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

.zl-footer {
    padding: 36px 0;

    background: var(--green-deep);

    border-top: 1px solid rgba(201, 166, 94, .35);
}

.zl-footer-inner {
    display: flex;

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

    gap: 30px;
}

.zl-footer-logo {
    width: 190px;

    height: auto;
}

.zl-footer-copy {
    color: #aeb9b5;

    font-size: 12px;

    text-align: right;
}

.zl-footer-copy p {
    margin: 3px 0;
}
.zl-contact-kicker {
    margin: 0 0 10px;
    color: #d2ae62 !important;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.zl-contact-kicker-en {
    margin: 0 0 42px;
    color: #fffff !important;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.zl-contact-item {
    margin-bottom: 32px;
}

.zl-contact-item strong {
    display: block;
    margin-bottom: 8px;
    color: #d2ae62 !important;
    font-size: 16px;
    font-weight: 600;
}

.zl-contact-item a,
.zl-contact-item p {
    margin: 0;
    font-size: 16px;
    line-height: 1.55;
}
.zl-inquiry {
    padding: 48px 52px;
}

.zl-inquiry p {
    max-width: 520px;
}

.zl-inquiry-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    margin-top: 28px;
}

.zl-inquiry-actions .zl-btn {
    width: 220px;
    min-height: 52px;

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

    box-sizing: border-box;
}

/* =========================================================
   DESKTOP / SMALL LAPTOP ADJUSTMENT
   ========================================================= */

@media (min-width: 769px) and (max-width: 1050px) {

    .zl-menu {
        gap: 28px;
    }

    .zl-menu a {
        font-size: 15px;
    }

    .zl-hero-copy {
        width: 590px;
        max-width: 68%;
    }

    .zl-city-detail {
        width: 340px;
    }

    .zl-city-detail p {
        font-size: 13px;

        letter-spacing: 2px;
    }

    .zl-services-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .zl-service-card:last-child {
        grid-column: 1 / -1;
    }
}
/* LOCATIONS - DEFAULT / MOBILE */
.zl-locations {
    visibility: visible !important;
}

/* HIDE DUPLICATE ONLY ON DESKTOP, BUT KEEP ITS SPACE */
@media (min-width: 769px) {
    .zl-locations {
        visibility: hidden !important;
    }
    @media (max-width: 768px) {
    .zl-locations {
        visibility: visible !important;
    }
}.zl-founder {
    margin-top: 70px;
    padding: 70px 60px;
    background: var(--green-dark);
    text-align: center;
}

.zl-founder-kicker {
    margin: 0 0 16px;
    color: var(--gold);
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.zl-founder-name {
    margin: 0;
    color: #ffffff;
    font-family: 'Manrope', sans-serif;
    font-size: 38px;
    font-weight: 300;
    line-height: 1.1;
}

.zl-founder-divider {
    width: 70px;
    height: 1px;
    margin: 28px auto 34px;
    background: var(--gold);
}

.zl-founder-bio {
    max-width: 900px;
    margin: 0 auto;
}

.zl-founder-fr {
    color: #ffffff;
}

.zl-founder-en {
    margin-top: 34px;
    color: var(--gold);
}

.zl-founder-fr p,
.zl-founder-en p {
    margin: 0 0 20px;
    font-family: 'DM Sans', sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.75;
}

.zl-founder-fr p:last-child,
.zl-founder-en p:last-child {
    margin-bottom: 0;
}
}

/* FORCE IT BACK ON MOBILE */



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

@media (max-width: 768px) {
    @media (max-width: 768px) {

    .zl-intro-title-en {
        color: #d2ae62 !important;

        font-family: 'Manrope', sans-serif !important;

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

        line-height: 1.35 !important;

        letter-spacing: 2px !important;

        text-transform: uppercase !important;

        text-align: center !important;

        margin: 6px 0 24px 0 !important;
        
        white-space: normal !important;
    }

}

    /* =====================================================
       GENERAL
       ===================================================== */

    .zl-container {
        width: 100%;
        max-width: 100%;
        padding-left: 24px;
        padding-right: 24px;
        box-sizing: border-box;
    }


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

    .zl-header {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 20;
    }

    .zl-nav {
        min-height: auto;
        padding-top: 22px;
        padding-bottom: 0;

        display: flex;
        justify-content: center;
    }

    .zl-menu {
        display: flex;
        justify-content: center;
        align-items: center;

        gap: 18px;
        flex-wrap: nowrap;

        margin: 0;
        padding: 0;
    }

    .zl-menu a {
        font-size: 14px;
        white-space: nowrap;
    }


 /* =========================================================
   ZAHAB LEGAL - MOBILE HERO ONLY
   ========================================================= */

@media (max-width: 768px) {

    /* HEADER / BILINGUAL NAV */

    .zl-header {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 1000 !important;
        background: transparent !important;
    }

    .zl-nav {
        min-height: 0 !important;
        padding: 24px 18px 0 !important;

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

    .zl-menu {
        width: 100% !important;

        display: flex !important;
        justify-content: space-between !important;
        align-items: flex-start !important;

        gap: 8px !important;

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

    .zl-menu li {
        flex: 1 1 0 !important;
        text-align: center !important;
    }

    .zl-menu li a {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;

        white-space: nowrap !important;
    }

    .zl-menu li a .fr {
        color: #ffffff !important;

        font-family: 'Manrope', sans-serif !important;

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

        line-height: 1.1 !important;

        margin: 0 0 5px !important;
    }

    .zl-menu li a .en {
        color: var(--gold) !important;

        font-family: 'Manrope', sans-serif !important;

        font-size: 9px !important;
        font-weight: 500 !important;

        line-height: 1.1 !important;

        letter-spacing: 1.5px !important;

        text-transform: uppercase !important;
    }


    /* HERO BACKGROUND */

    .zl-hero {
        position: relative !important;
        .zl-hero {
    position: relative;
}

.zl-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 55, 45, 0.28);
    z-index: 0;
    pointer-events: none;
}

.zl-hero-inner {
    position: relative;
    z-index: 1;
}

        min-height: 0 !important;
        height: auto !important;

        padding: 0 0 80px 0 !important;

        overflow: hidden !important;

        background-image:
            url('images/zahab-mobile-banner-extended.png') !important;

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

    .zl-hero::before {
        content: "" !important;

        position: absolute !important;
        inset: 0 !important;

        z-index: 1 !important;

        background:
            linear-gradient(
                to bottom,
                rgba(4,47,40,.20) 0%,
                rgba(4,47,40,.28) 40%,
                rgba(4,47,40,.48) 72%,
                rgba(4,47,40,.70) 100%
            ) !important;

        pointer-events: none !important;
    }


    /* HERO CONTENT */

    .zl-hero-inner {
        position: relative !important;
        z-index: 2 !important;

        min-height: 0 !important;
        height: auto !important;

        display: block !important;

        padding: 135px 24px 0 !important;
    }

    .zl-hero-copy {
        position: static !important;

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

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

        transform: none !important;

        text-align: center !important;
    }


  /* LOGO */

.zl-hero-logo {
    display: block !important;

    width: 490px !important;
    max-width: none !important;
    height: auto !important;

    margin: 30px auto -20px !important;

    transform: translate(-85px, -200px) !important;
}


    /* GOLD LINE */

    .zl-small-line {
        position: static !important;

        width: 250px !important;
        height: 1px !important;

        margin: 0 auto 20px !important;

        background: var(--gold) !important;

        top: auto !important;
        transform: translate(10px, -327px) !important;
    }


    /* CABINET D'AVOCATS / LAW FIRM */

    .zl-hero-type {
        position: static !important;

        margin: 0 0 22px !important;

       color: var(--gold-light); !important;

        font-family: 'Manrope', sans-serif !important;

        font-size: 11px !important;
        font-weight: 500 !important;

        line-height: 1.4 !important;

        letter-spacing: 2.1px !important;

        text-transform: uppercase !important;

        top: auto !important;
        transform: translate(8px, -307px) !important;
    }


    /* FRENCH SLOGAN */

    .zl-hero h1 {
        position: static !important;

        margin: 0 0 12px !important;

        color: #ffffff !important;

        font-family: 'Manrope', sans-serif !important;

        font-size: 12px !important;
        font-weight: 300 !important;

        line-height: 1.2 !important;

        letter-spacing: -0.2px !important;
        text-transform: uppercase !important;

        top: auto !important;
        transform: translate(6px, -265px) !important;
    }

    .zl-hero h1 span {
        color: #ffffff !important;
        font-weight: 300 !important;
    }


    /* ENGLISH SLOGAN */

    .zl-hero-english {
        position: static !important;

        margin: 0 0 20px !important;

        color: var(--gold) !important;

        font-family: 'Manrope', sans-serif !important;

        font-size: 12px !important;
        font-weight: 500 !important;

        line-height: 1.4 !important;

        letter-spacing: 1.2px !important;

        text-transform: uppercase !important;

        top: auto !important;
        transform: translate(6px, -270px) !important;
    }


    /* SINCE 2008 */

    .zl-since {
        position: static !important;

        margin: 0 0 30px !important;

        color: var(--white); !important;

        font-family: 'Manrope', sans-serif !important;

        font-size: 14px !important;
        font-weight: 500 !important;

        line-height: 1.4 !important;

        letter-spacing: 1.8px !important;

        text-transform: uppercase !important;

        top: auto !important;
        transform: translate(6px, -400px) !important;
    }

    .zl-since span {
        margin: 0 7px !important;
    }


    /* BUTTONS */

    .zl-hero-actions {
        position: static !important;

        width: 100% !important;

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

        gap: 12px !important;

        margin: 0 !important;

        top: auto !important;
        transform: translate(0px, -220px) !important;
    }

    .zl-hero-actions .zl-btn {
        width: 100% !important;

        min-width: 0 !important;
        height: 50px !important;

        padding: 0 20px !important;

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

        font-family: 'Manrope', sans-serif !important;

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

        letter-spacing: .5px !important;
    }


    /* DESKTOP-ONLY CITY LABEL */

    .zl-city-detail {
        display: none !important;
    }
}

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

    .zl-intro {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .zl-narrow {
        width: 100%;
        max-width: 100%;

        padding-left: 28px;
        padding-right: 28px;
    }

    .zl-section-kicker {
        font-size: 15px;
        margin-bottom: 22px;
    }

    .zl-intro h2 {
        font-size: 38px;
        line-height: 1.08;

        margin-bottom: 26px;
    }

    .zl-intro-main {
        font-size: 17px;
        line-height: 1.6;

        margin-bottom: 26px;
    }

    .zl-intro-english {
        font-size: 16px;
        line-height: 1.6;
    }


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

    .zl-services {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .zl-services-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .zl-service-card {
        padding: 28px 24px;
    }


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

    .zl-about {
        background: #073b33;

        padding-top: 60px;
        padding-bottom: 60px;
    }

    .zl-about-refined {
        width: 100%;
        max-width: 100%;

        margin: 0 auto;

        padding-left: 24px;
        padding-right: 24px;

        box-sizing: border-box;

        text-align: center;
    }

    .zl-about-fr,
    .zl-about-en {
        width: 100%;
        max-width: 100%;

        margin: 0 auto;
    }


    /* ABOUT SMALL TITLES */

    .zl-about-kicker {
        margin: 0 0 14px 0;

        font-family: 'Manrope', sans-serif;
        font-size: 12px !important;
        font-weight: 500;

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

    .zl-about-fr .zl-about-kicker {
        color: #d2ae62 !important;
    }

    .zl-about-en .zl-about-kicker {
        color: #ffffff !important;
    }


    /* ABOUT MAIN TITLES */

    .zl-about h2 {
        width: 100%;
        max-width: 100%;

        margin: 0 0 20px 0 !important;

        font-family: 'Cormorant Garamond', Georgia, serif !important;

        font-size: 31px !important;
        font-weight: 500 !important;
        line-height: 1.1 !important;

        letter-spacing: 0.1px;

        white-space: normal !important;
    }

    .zl-about-fr h2 {
        color: #ffffff !important;
    }

    .zl-about-en h2 {
        color: #d2ae62 !important;
    }


    /* ABOUT BODY TEXT */

    .zl-about-fr p,
    .zl-about-en p {
        width: 100%;
        max-width: 100%;

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

        font-family: 'Manrope', sans-serif !important;

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

        line-height: 1.7 !important;
    }

    .zl-about-fr p {
        color: #ffffff !important;
    }

    .zl-about-en p {
        color: #d2ae62 !important;
    }


    /* GOLD DIVIDER */

    .zl-about-divider {
        display: block !important;

        width: 70px !important;
        height: 1px !important;

        margin: 32px auto !important;

        background: #d2ae62 !important;
    }


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

    .zl-contact {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .zl-contact-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }


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

    .zl-footer {
        padding-top: 50px;
        padding-bottom: 35px;
    }

    .zl-footer-inner {
        display: flex;
        flex-direction: column;

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

        gap: 22px;

        text-align: center;
    }

    .zl-footer-logo {
        width: 260px;
        max-width: 75%;

        margin: 0;
    }

    .zl-footer-copy {
        text-align: center;
    }

    .zl-footer-copy p {
        margin: 6px 0;
        line-height: 1.5;
    }
@media (max-width: 768px) {

    .zl-small-line,
    .zl-hero-type,
    .zl-hero h1,
    .zl-hero-english,
    .zl-since {
        position: relative !important;
        top: -60px !important;
    }

.zl-hero-actions {
    margin-top: -100px !important;
     transform: translateY(-100px) !important;

}
/* =========================================================
   FINAL MOBILE TYPOGRAPHY FIX
   ========================================================= */

@media (max-width: 768px) {

    /* HERO */

    .zl-hero h1 {
        font-size: 17px !important;
        line-height: 1.08 !important;
    }

    .zl-hero-english {
        font-size: 17px !important;
        line-height: 1.2 !important;
         margin-top: 18px !important;
    }

    .zl-hero-type {
        font-size: 12px !important;
        letter-spacing: 2px !important;
    }

    .zl-since {
        font-size: 12px !important;
        letter-spacing: 2px !important;
    }


    /* INTRO */

    .zl-intro h2 {
        font-size: 32px !important;
        line-height: 1.08 !important;
    }

    .zl-intro-main {
        font-size: 16px !important;
        line-height: 1.6 !important;
    }

    .zl-intro-english {
        font-size: 15px !important;
        line-height: 1.6 !important;
    }


    /* ABOUT */

    .zl-about h2 {
        font-size: 28px !important;
        line-height: 1.1 !important;
    }

    .zl-about-fr p,
    .zl-about-en p {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }


    /* CONTACT */

    .zl-contact h2 {
        font-size: 38px !important;
        line-height: 1.05 !important;
        margin-bottom: 36px !important;
    }

    .zl-contact-item strong {
    color: #d2ae62 !important;
}
        font-size: 15px !important;
    }

    .zl-contact-item a,
    .zl-contact-item p {
        font-size: 18px !important;
        line-height: 1.5 !important;
    }

    .zl-locations {
        display: block !important;
        font-size: 14px !important;
        letter-spacing: 2px !important;
        
    }


    /* CONTACT / INQUIRY BOX */

    .zl-inquiry h3 {
        font-size: 30px !important;
    }

    .zl-inquiry p {
        font-size: 18px !important;
        line-height: 1.6 !important;
    }


    /* BUTTONS */

    .zl-btn {
        font-size: 12px !important;
        /* =====================================================
   INTRO - MOBILE
   ===================================================== */

.zl-intro .zl-section-kicker {
    font-family: 'Manrope', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    color: #d2ae62 !important;
    margin-bottom: 18px !important;
}

.zl-intro h2 {
    font-size: 32px !important;
    line-height: 1.08 !important;
}

.zl-intro-main {
    font-size: 17px !important;
    line-height: 1.6 !important;
    color: #222222 !important;
}

.zl-intro .zl-intro-english {
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #d2ae62 !important;
}
    }

}/* =========================================================
   SERVICES - TEXT REFINEMENT
   ========================================================= */

.zl-service-card h3 {
    font-size: 18px !important;
    line-height: 1.15 !important;
}

.zl-service-en {
    font-size: 15px !important;
    line-height: 1.3 !important;
}

    margin-bottom: 16px;

    color: #d2ae62;

    font-weight: 600;
    text-transform: uppercase;
}

.zl-service-fr-desc {
    font-size: 14px !important;
    line-height: 1.6 !important;

    margin: 0 0 16px 0 !important;

    color: #ffffff;
}

.zl-service-divider {
    width: 42px;
    height: 1px;

    margin: 16px 0;

    background: #d2ae62;
}

.zl-service-description-en {
    font-size: 14px !important;
    line-height: 1.55 !important;

    margin: 0 !important;

    color: #d9d9d9;
}
/* =========================================================
   SERVICES - FINAL TEXT STYLING
   ========================================================= */

.zl-service-divider {
    display: block !important;
    width: 46px !important;
    height: 1px !important;
    margin: 18px 0 !important;
    background-color: #d2ae62 !important;
}

.zl-service-fr-desc {
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin-bottom: 0 !important;
}

.zl-service-description-en {
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin-top: 0 !important;
    color: #d8c59a !important;
}

.zl-service-card h3 {
    font-size: 18px !important;
    line-height: 1.15 !important;
}

.zl-service-en {
    font-size: 15px !important;
    line-height: 1.3 !important;
}
/* =========================================================
   SERVICES SECTION HEADING - FINAL
   ========================================================= */

.zl-intro .zl-section-kicker {
    font-family: 'Manrope', sans-serif !important;
    font-size: 26px !important;
    font-weight: 500 !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    color: #d2ae62 !important;
    margin-bottom: 18px !important;
}

.zl-section-heading h2 {
    font-size: 38px !important;
    line-height: 1.1 !important;
    font-weight: 400 !important;
    margin: 0 0 10px 0 !important;
}

.zl-section-heading .zl-section-subtitle {
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
    letter-spacing: 2px !important;
    color: #d2ae62 !important;
    margin: 0 !important;
}
.zl-intro .zl-intro-english {
    font-size: 17px !important;
    line-height: 1.7 !important;
    color: #d2ae62 !important;
}
/* =========================================================
   FINAL MOBILE INTRO OVERRIDE
   ========================================================= */

@media (max-width: 768px) {

    .zl-intro .zl-section-kicker {
        font-family: 'Manrope', sans-serif !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        letter-spacing: 2.5px !important;
        text-transform: uppercase !important;
        color: #d2ae62 !important;
        margin-bottom: 18px !important;
    }

    .zl-intro h2 {
        font-size: 32px !important;
        line-height: 1.08 !important;
    }

    .zl-intro p.zl-intro-main {
        font-size: 17px !important;
        line-height: 1.6 !important;
        color: #222222 !important;
    }

    .zl-intro p.zl-intro-english {
        font-size: 17px !important;
        line-height: 1.6 !important;
        color: #d2ae62 !important;
    }
    /* =========================================================
   MOBILE - PREVENT HORIZONTAL WHITE STRIP
   ========================================================= */

@media (max-width: 768px) {

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

    main,
    .zl-header,
    .zl-hero,
    .zl-intro,
    .zl-services,
    .zl-about,
    .zl-contact,
    .zl-footer {
        max-width: 100%;
        overflow-x: hidden;
    }
    
/* FOOTER LOGO CENTERING */

.zl-footer-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.zl-footer-logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/* MOBILE FOOTER - COMPACT */

@media (max-width: 768px) {

    .zl-footer {
        padding-top: 45px !important;
        padding-bottom: 35px !important;
        min-height: 0 !important;
        height: auto !important;
    }

    .zl-footer-inner {
        min-height: 0 !important;
        height: auto !important;

        display: flex;
        flex-direction: column;

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

        gap: 22px !important;

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

    .zl-footer-logo {
        width: 260px !important;
        max-width: 72% !important;
        margin: 0 auto !important;
    }

    .zl-footer-copy {
        margin: 0 !important;
        padding: 0 !important;
        text-align: center;
    }

    .zl-footer-copy p {
        margin: 5px 0 !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
    }
}
/* =========================================================
   FINAL MOBILE FOOTER FIX
   ========================================================= */

@media (max-width: 768px) {

    .zl-footer {
        min-height: 0 !important;
        height: auto !important;

        padding: 35px 0 25px 0 !important;
        margin: 0 !important;
    }

    .zl-footer .zl-container {
        min-height: 0 !important;
        height: auto !important;

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

    .zl-footer-inner {
        min-height: 0 !important;
        height: auto !important;

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

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

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

        gap: 16px !important;
    }

    .zl-footer-logo {
        display: block !important;

        width: 220px !important;
        max-width: 70% !important;

        height: auto !important;

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

        transform: none !important;
    }

    .zl-footer-copy {
        margin: 0 !important;
        padding: 0 !important;

        text-align: center !important;
    }

    .zl-footer-copy p {
        margin: 4px 0 !important;
        padding: 0 !important;

        font-size: 13px !important;
        line-height: 1.4 !important;
    }
/* =========================================================
   MOBILE FOOTER - FORCE COMPACT HEIGHT
   ========================================================= */

@media (max-width: 768px) {

    .zl-footer,
    .zl-footer .zl-container,
    .zl-footer-inner {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    .zl-footer {
        padding: 30px 0 25px 0 !important;
        margin: 0 !important;
    }

    .zl-footer .zl-container {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin: 0 auto !important;
    }

    .zl-footer-inner {
        display: flex !important;
        flex-direction: column !important;

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

        gap: 14px !important;

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

    .zl-footer-logo {
        display: block !important;

        width: 210px !important;
        max-width: 70% !important;

        height: auto !important;
        min-height: 0 !important;

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

        transform: none !important;
    }

    .zl-footer-copy {
        width: 100% !important;

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

        text-align: center !important;
    }

    .zl-footer-copy p {
        margin: 3px 0 !important;
        padding: 0 !important;

        font-size: 13px !important;
        line-height: 1.4 !important;
    }
}/* =========================================================
   FINAL MOBILE CONTACT + FOOTER SPACING
   ========================================================= */

@media (max-width: 768px) {

    /* REMOVE LARGE CREAM GAP ABOVE FOOTER */

    .zl-contact {
        padding-bottom: 30px !important;
        margin-bottom: 0 !important;
    }

    .zl-contact-grid {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }


    /* COMPACT FOOTER */

    .zl-footer {
        height: auto !important;
        min-height: 0 !important;

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

    .zl-footer .zl-container,
    .zl-footer-inner {
        height: auto !important;
        min-height: 0 !important;

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

    .zl-footer-inner {
        display: flex !important;
        flex-direction: column !important;

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

        gap: 18px !important;
    }

    .zl-footer-logo {
        width: 230px !important;
        max-width: 70% !important;

        height: auto !important;

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

        transform: none !important;
    }

    .zl-footer-copy {
        margin: 0 !important;
        padding: 0 !important;

        text-align: center !important;
    }

    .zl-footer-copy p {
        margin: 4px 0 !important;

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

}
/* =========================================================
   MOBILE FOOTER - FINAL TIGHT VERSION
   ========================================================= */

@media (max-width: 768px) {

    .zl-footer {
        padding: 20px 0 18px 0 !important;
        min-height: 0 !important;
        height: auto !important;
    }

    .zl-footer .zl-container,
    .zl-footer-inner {
        min-height: 0 !important;
        height: auto !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .zl-footer-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
    }

    .zl-footer-logo {
        width: 200px !important;
        max-width: 65% !important;
        height: auto !important;
        margin: 0 auto !important;
        padding: 0 !important;
        transform: none !important;
    }

    .zl-footer-copy {
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
    }

    .zl-footer-copy p {
        margin: 2px 0 !important;
        padding: 0 !important;
        font-size: 12px !important;
        line-height: 1.35 !important;
    }
}/* MOBILE FOOTER LOGO - REMOVE TRANSPARENT SPACE */

@media (max-width: 768px) {

    .zl-footer {
        padding: 15px 0 18px 0 !important;
    }

    .zl-footer-logo {
        display: block !important;

        width: 280px !important;
        max-width: none !important;
        height: auto !important;

        margin: -65px auto -60px auto !important;

        transform: none !important;
    }

    .zl-footer-inner {
        gap: 8px !important;
    }

    .zl-footer-copy p {
        margin: 2px 0 !important;
    }
@media (max-width: 768px) {
    .zl-inquiry h3 {
        font-size: 24px !important;
        line-height: 1.1 !important;
        margin-bottom: 20px !important;
    }
@media (max-width: 768px) {

    .zl-contact {
        padding-bottom: 35px !important;
    }

    .zl-footer {
        padding-top: 5px !important;
        padding-bottom: 12px !important;
    }

    .zl-footer-inner {
        gap: 2px !important;
    }

    .zl-footer-logo {
        width: 185px !important;
        max-width: 60% !important;
        margin: -15px auto -45px auto !important;
    }

    .zl-footer-copy p {
        margin: 1px 0 !important;
    }
@media (max-width: 768px) {

    @media (max-width: 768px) {
    .zl-hero {
        background-image: url('images/zahab-mobile-banner-extended.png') !important;
        background-size: 120% auto !important;
        background-position: center 5% !important;
        background-repeat: no-repeat !important;
    }
}

    .zl-hero::before {
        content: "";

        position: absolute;
        inset: 0;

        background: linear-gradient(
            to bottom,
            rgba(4, 47, 40, 0.35) 0%,
            rgba(4, 47, 40, 0.48) 35%,
            rgba(4, 47, 40, 0.62) 70%,
            rgba(4, 47, 40, 0.78) 100%
        );

        z-index: 1;
        pointer-events: none;
    }

    .zl-hero-inner {
        position: relative;
        z-index: 2;
    }
}
@media (max-width: 768px) {

.zl-hero .zl-hero-actions {
    position: relative !important;
    top: 0 !important;
    transform: none !important;
    margin-top: -280px !important;
}
@media (max-width: 768px) {

    .zl-hero .zl-locations {
        display: block !important;
        position: relative !important;

        width: 100% !important;

        margin: 0 auto !important;

        color: var(--white) !important;

        font-family: 'Manrope', sans-serif !important;
        font-size: 13px !important;
        font-weight: 500 !important;

        line-height: 1.4 !important;
        letter-spacing: 1.8px !important;

        text-align: center !important;
        text-transform: uppercase !important;

        transform: translate(2px, -310px) !important;

        z-index: 5 !important;
    }
    @media (max-width: 768px) {

    .zl-intro h2 {
        font-size: 27px !important;
        line-height: 1.18 !important;
        font-weight: 300 !important;
        letter-spacing: -0.3px !important;
        margin-bottom: 24px !important;
        text-align: center !important;
    }
@media (max-width: 768px) {

    .zl-intro .zl-section-kicker {
        font-size: 18px !important;
        letter-spacing: 2.8px !important;
        margin-bottom: 20px !important;
    }

    .zl-intro-title-en {
        font-size: 18px !important;
        line-height: 1.35 !important;
        letter-spacing: 2px !important;
        margin: 8px 0 22px !important;
    }

@media (max-width: 768px) {

    .zl-contact-heading {
        text-align: left !important;
        margin-bottom: 38px !important;
    }

    .zl-contact-kicker {
        margin: 0 0 6px !important;
        color: var(--gold) !important;
        font-family: 'Manrope', sans-serif !important;
        font-size: 20px !important;
        font-weight: 500 !important;
        letter-spacing: 2.4px !important;
        text-transform: uppercase !important;
    }

    .zl-contact-kicker-en {
        margin: 0 !important;
        color: var(--green-dark) !important;
        font-family: 'Manrope', sans-serif !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        letter-spacing: 2px !important;
        text-transform: uppercase !important;
        @media (max-width: 768px) {

    .zl-contact-heading {
        text-align: left !important;
    }

    .zl-contact-kicker,
    .zl-contact-kicker-en {
        text-align: left !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
@media (max-width: 768px) {

    .zl-founder {
        margin-top: 50px;
        padding: 52px 28px;
        background: var(--green-dark) !important;
    }

    .zl-founder-kicker {
        font-size: 12px;
        letter-spacing: 2.4px;
        color: var(--gold) !important;
    }

    .zl-founder-name {
        font-size: 30px;
        color: #ffffff !important;
    }

    .zl-founder-divider {
        margin: 24px auto 30px;
        background: var(--gold) !important;
    }

    .zl-founder-fr,
    .zl-founder-fr p {
        color: #ffffff !important;
    }

    .zl-founder-en {
        margin-top: 30px;
        color: var(--gold) !important;
    }

    .zl-founder-en p {
        color: var(--gold) !important;
    }

    .zl-founder-fr p,
    .zl-founder-en p {
        font-size: 16px;
        line-height: 1.7;
    }
}