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

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

.hero_section {
    position: relative;
    width: 100%;
    min-height: 982px;
    background-image: url("../img/hero_orbit.png");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin-top: 98px;
    z-index: 1;

}


.hero_section::before {
    content: "";
    position: absolute;

    width: 792px;
    height: 792px;

    left: 50%;
    top: 50%;

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

    background-image: url("../img/orbit.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    pointer-events: none;
    z-index: 0;

    opacity: 0;

    animation:
        kf_12305_2653_opacity_0 2.1s linear forwards,
        kf_12305_2653_scale_0 2.1s linear forwards;
}


/* Keep your actual content above the orbit */
.hero_container {
    position: relative;
    z-index: 1;
}


@keyframes kf_12305_2653_opacity_0 {
    0% {
        animation-timing-function: ease;
        opacity: 0;
    }

    57.143% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}


@keyframes kf_12305_2653_scale_0 {
    0% {
        animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
        transform: translate(-50%, -50%) scale(0.9);
    }

    57.143% {
        transform: translate(-50%, -50%) scale(1);
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
    }
}



.hero_container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}


/* =========================
   EYEBROW
========================= */

.hero_eyebrow {
    color: var(--brand-gold-base, #D98C21);

    font-family: "Inter", sans-serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;

    margin-bottom: 16px;
}


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

.hero_title {
    margin: 0;

    color: #1A1814;
    text-align: center;

    font-family: "DM Serif Display", serif;
    font-size: 80px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;

    letter-spacing: -1.5px;
}

.hero_title span {
    color: #DB8E26;

    font-family: "DM Serif Display", serif;
    font-size: 80px;
    font-style: italic;
    font-weight: 400;
    line-height: 120%;
}


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

.hero_description {
    margin: 24px 0 40px;

    color: var(--brand-ink-72, rgba(26, 24, 20, 0.72));
    text-align: center;

    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 165%;

    max-width: 650px;
}


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

.hero_buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;

    width: 100%;
}

.hero_btn {
    min-height: 56px;

    padding: 16px 31px;

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

    border-radius: 999px;

    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;

    text-decoration: none;

    transition:
        transform 0.25s ease,
        background-color 0.25s ease,
        border-color 0.25s ease;
}


/* PRIMARY */

.hero_btn_primary {
    color: var(--brand-ink-base, #1A1814);

    background: #F3BD59;

    border: 1px solid #F3BD59;

    max-width: 267px;
}

.hero_btn_primary:hover {
    color: #FDFBF3;
    border-radius: 999px;
    background: var(--brand-ink-base, #1A1814);
}


/* SECONDARY */

.hero_btn_secondary {
    color: var(--brand-ink-base, #1A1814);

    background: transparent;

    border: 1px solid var(--base-03, #BDBDBD);

    max-width: 228px;
}

.hero_btn_secondary:hover {
    color: #FDFBF3;
    border-radius: 999px;
    background: var(--brand-ink-base, #1A1814);
}

.topleft {
    position: absolute;
    z-index: 2;
    bottom: -110px;
    left: -27px;
}

.toprgt {
    position: absolute;
    z-index: 2;
    bottom: -110px;
    right: -27px;
}

/* =========================================
   WHY US
========================================= */

.why_us_section {
    position: relative;
    width: 100%;
    background-image: url("../img/USPs.png");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 92px 0px 129px;
    margin-top: 0;
    z-index: 2;


}


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

.why_us_heading {
    text-align: center;
    padding-top: 0;
}

.why_us_eyebrow {
    color: var(--brand-gold-base, #D98C21);
    text-align: center;

    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 2.52px;

    margin-bottom: 16px;
}

.why_us_heading h2 {
    margin: 0;

    color: var(--brand-ink-base, #1A1814);
    text-align: center;

    font-family: "DM Serif Display", serif;
    font-size: 52px;
    font-style: normal;
    font-weight: 400;
    line-height: 122%;

    letter-spacing: -0.5px;
}

.why_us_heading h2 span {
    color: #DB8E26;

    font-family: "DM Serif Display", serif;
    font-size: 52px;
    font-style: italic;
    font-weight: 400;
    line-height: 122%;
}


/* =========================================
   FEATURES
========================================= */

.why_us_features {
    display: flex;
    width: 100%;
    margin-top: 48px;
    justify-content: center;
    gap: 80px;
}


/* =========================================
   FEATURE
========================================= */

.why_us_feature {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    text-align: center;
    padding: 0 24px;

}


.why_us_feature {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0px;
    max-width: 330px;
}

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

.why_us_icon {
    width: 120px;
    height: 120px;

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

    margin-bottom: 24px;
}

.why_us_icon img {
    display: block;

    object-fit: contain;
}


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

.why_us_feature h3 {
    margin: 0 0 8px;

    color: var(--brand-ink-base, #1A1814);
    text-align: center;

    font-family: "DM Serif Display", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}


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

.why_us_feature p {
    margin: 0;

    color: var(--base-02, #727272);
    text-align: center;

    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 165%;
}

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

.positioning_section {
    position: relative;
    width: 100%;
    background: #fff;
    overflow: hidden;
    padding: 128px 0px 0px;
}


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

.positioning_container {
    width: 100%;
    margin: 0 auto;
    gap: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
}


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

.positioning_image {
    width: 100%;
    max-width: 640px;
    height: 560px;
    overflow: hidden;
}

.positioning_image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


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

.positioning_content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    max-width: 704px;
}


/* EYEBROW */

.positioning_eyebrow {
    color: var(--brand-gold-base, #D98C21);
    font-family: "Inter";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 21px */
    letter-spacing: 2.52px;

    margin-bottom: 0px;
}


/* HEADING */

.positioning_content h2 {
    margin: 0 0px;
    color: var(--brand-ink-base, #1A1814);

    /* heading / h2 */
    font-family: "DM Serif Display";
    font-size: 52px;
    font-style: normal;
    font-weight: 400;
    line-height: 122%;
    /* 63.44px */
    line-height: 115%;
}

.positioning_content h2 span {
    color: #DB8E26;
    font-family: "DM Serif Display";
    font-size: 52px;
}


/* BODY */

.positioning_content p {
    color: var(--brand-ink-72, rgba(26, 24, 20, 0.72));
    font-family: "Inter";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 165%;
    /* 29.7px */
    margin-bottom: 0px;
}


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

.positioning_btn {
    display: inline-flex;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    background: var(--brand-gold-light, #EDBB60);

    color: #1A1814;

    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;

    text-decoration: none;

    transition: all 0.25s ease;
}

.positioning_btn:hover {
    border-radius: 999px;
    background: var(--brand-ink-base, #1A1814);
    color: #fff;
}


/* =========================================
   HEXAGON STRIP
========================================= */

.positioning_hexagons {
    width: 100%;

    margin-top: 128px;

    line-height: 0;

    pointer-events: none;
}

.positioning_hexagons img {
    display: block;

    width: 100%;
    height: auto;

    object-fit: cover;
}


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

.solutions_section {
    position: relative;
    width: 100%;
    overflow: hidden;

    background: #FDFBF3;

    padding: 128px 0px;
}

.solutions_container {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}


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

.solutions_header {
    display: flex;
    align-items: flex-end;

    width: 100%;

    margin-bottom: 72px;
}


/* LEFT */

.solutions_heading {
    width: 50%;
}

.solutions_eyebrow {
    color: var(--brand-gold-base, #D98C21);
    font-family: "Inter";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 21px */
    letter-spacing: 2.52px;

    margin-bottom: 24px;
}

.solutions_heading h2 {
    margin: 0;

    color: var(--brand-ink-base, #1A1814);

    font-family: "DM Serif Display", serif;
    font-size: 52px;
    font-style: normal;
    font-weight: 400;
    line-height: 122%;
}

.solutions_heading h2 span {
    color: #DB8E26;

    font-family: "DM Serif Display", serif;
    font-style: italic;
    font-weight: 400;
}


/* RIGHT */

.solutions_intro {
    width: 50%;

    display: flex;
    flex-direction: column;
    align-items: flex-end;

    text-align: right;
}

.solutions_intro p {
    max-width: 520px;

    margin: 0 0 24px;

    color: var(--brand-ink-72, rgba(26, 24, 20, 0.72));
    text-align: right;

    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 165%;
}

.solutions_all_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 32px;
    border-radius: 999px;
    background: #F3BD59;
    color: var(--brand-ink-base, #1A1814);
    font-family: "Inter";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 24px */
    text-decoration: none;
    transition: all 0.25s ease;
}

.solutions_all_btn:hover {
    border-radius: 999px;
    background: var(--brand-ink-base, #1A1814);
    color: #fff;
}


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

.solutions_cards {
    display: flex;
    align-items: flex-start;

    width: 100%;

    gap: 40px;
}

.solutions_column {
    flex: 1;

    display: flex;
    flex-direction: column;

    gap: 40px;
}


/* Middle column offset */

.solutions_column_middle {
    padding-top: 64px;
}


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

.solution_card {
    width: 100%;
    min-height: 180px;

    padding: 32px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;

    gap: 24px;

    border-radius: 20px;

    border: 1px solid var(--brand-border-hairline, #EAE0C8);

    background: var(--brand-cream-base, #FDFBF3);

    box-shadow:
        0 100px 80px 0 rgba(245, 192, 66, 0.07),
        0 64.815px 46.852px 0 rgba(0, 0, 0, 0.05),
        0 38.519px 25.481px 0 rgba(0, 0, 0, 0.04),
        0 20px 13px 0 rgba(0, 0, 0, 0.04),
        0 8.148px 6.519px 0 rgba(0, 0, 0, 0.03),
        0 1.852px 3.148px 0 rgba(0, 0, 0, 0.02);

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

.solution_card:hover {
    transform: translateY(-4px);

    box-shadow:
        0 100px 80px 0 rgba(245, 192, 66, 0.10),
        0 64.815px 46.852px 0 rgba(0, 0, 0, 0.06),
        0 38.519px 25.481px 0 rgba(0, 0, 0, 0.05),
        0 20px 13px 0 rgba(0, 0, 0, 0.04);
}


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

.solution_icon {
    width: 60px;
    height: 60px;

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

.solution_icon img {
    width: 60px;
    height: 60px;

    display: block;

    object-fit: contain;
}


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

.solution_card_content {
    width: 100%;
}

.solution_card h3 {
    margin: 0 0 8px;

    color: var(--brand-ink-base, #1A1814);

    font-family: "DM Serif Display", serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
}

.solution_card p {
    margin: 0 0 8px;

    color: var(--brand-ink-72, rgba(26, 24, 20, 0.72));

    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 158%;
}

.solution_card a {
    color: var(--brand-gold-base, #D98C21);

    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;

    text-decoration: none;
}

.solution_card a span {
    display: inline-block;

    transition: transform 0.25s ease;
}

.solution_card a:hover {
    color: #D98C21;
}

.solution_card a:hover span {
    transform: translateX(4px);
}

.video_section {
    width: 100%;
    padding: 0px;
}

.video_wrapper {
    position: relative;

    width: 100%;
    height: 550px;

    overflow: hidden;
}

.hero_video {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;
}

/* =========================================
   HOW IT WORKS SECTION
========================================= */

.how_it_works_section {
    width: 100%;
    background: #ffffff;
    padding: 128px 0px;
}


.how_it_works_header {
    width: 100%;
    max-width: 752px;

    margin: 0 auto 72px;

    text-align: center;
}

.how_it_works_eyebrow {
    color: var(--brand-gold-base, #D98C21);
    text-align: center;
    font-family: "Inter";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 21px */
    letter-spacing: 2.52px;
    margin-bottom: 24px;
}

.how_it_works_header h2 {
    margin: 0;

    color: #1A1814;

    font-family: "DM Serif Display", serif;
    font-size: 52px;
    font-weight: 400;
    line-height: 122%;
}

.how_it_works_header h2 span {
    color: #DB8E26;
    font-family: "DM Serif Display", serif;
    font-style: italic;
}

.how_it_works_header p {
    margin: 24px auto 0;

    color: rgba(26, 24, 20, 0.72);

    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 158%;
    max-width: 458px;
}


/* =========================================
   CARDS WRAPPER
========================================= */

.how_it_works_cards {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: stretch;
    gap: 24px;
}


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

.how_it_works_card {
    flex: 1 0 0;

    display: flex;
    flex-direction: column;
    align-items: flex-start;

    padding: 40px 32px;

    gap: 24px;

    align-self: stretch;

    border-radius: 20px;
    border: 1px solid #EAE0C8;

    background: #FDFBF3;
}


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

.how_it_works_icon {
    width: 55px;
    height: 55px;

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

    flex-shrink: 0;
}

.how_it_works_icon img {
    width: 55px;
    height: 55px;

    display: block;

    object-fit: contain;
}


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

.how_it_works_card h3 {
    margin: 0;

    color: #1A1814;

    font-family: "DM Serif Display", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}


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

.how_it_works_card p {
    margin: 0;

    color: rgba(26, 24, 20, 0.72);

    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 158%;
}

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

.cta_section {
    width: 100%;
    background: var(--brand-cream-base, #FDFBF3);
    padding: 120px 0px;
}


/* =========================================
   CONTAINER
========================================= */

.cta_container {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}


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

.cta_copy {
    width: 100%;

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

    text-align: center;
}


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

.cta_copy h2 {
    margin: 0;

    color: #1A1814;
    text-align: center;

    font-family: "DM Serif Display", serif;
    font-size: 52px;
    font-style: normal;
    font-weight: 400;
    line-height: 122%;
}

.cta_copy h2 span {
    color: #DB8E26;

    font-family: "DM Serif Display", serif;
    font-style: italic;
    font-weight: 400;
}


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

.cta_copy p {
    max-width: 547px;

    margin: 24px 0 0;

    color: rgba(26, 24, 20, 0.72);
    text-align: center;

    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 165%;
}


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

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

    gap: 16px;

    margin-top: 40px;
}


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

.cta_btn {
    display: inline-flex;

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

    min-height: 48px;

    padding: 16px 32px;

    border-radius: 999px;
    font-family: "Inter";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 24px */

    text-decoration: none;

    transition:
        transform 0.25s ease,
        background 0.25s ease,
        border-color 0.25s ease;
}


/* PRIMARY */

.cta_btn_primary {
    color: var(--brand-ink-base, #1A1814);
    border-radius: 999px;
    background: var(--brand-gold-light, #EDBB60);
}

.cta_btn_primary:hover {
    color: #fff;
    border-radius: 999px;
    background: var(--brand-ink-base, #1A1814);
}


/* SECONDARY */

.cta_btn_secondary {
    color: #1A1814;
    padding: 16px 32px;
    border-radius: 999px;
    border: 1px solid var(--base-03, #BDBDBD);
}

.cta_btn_secondary:hover {
    color: #fff;
    border-radius: 999px;
    background: var(--brand-ink-base, #1A1814);
}


/* ABOUT US */

.main_hero {
    position: relative;

    width: 100%;
    min-height: 950px;
    margin-top: 114px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-image: url("../img/about_top.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 0px;
}


.main_hero_overlay {
    position: absolute;

    inset: 0;

    /* background: rgba(0, 0, 0, 0.42); */

    z-index: 1;

    pointer-events: none;
}


/* =========================================
   DOTTED CIRCLE
========================================= */

.main_hero_orbit {
    position: absolute;

    width: 1008px;
    height: 1008px;

    left: 50%;
    top: 50%;

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

    background-image: url("../img/orbit_grey.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    z-index: 2;

    pointer-events: none;
}


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

.main_hero_content {
    position: relative;

    z-index: 3;

    width: 100%;
    max-width: 960px;

    margin: 0 auto;

    text-align: center;

    display: flex;
    flex-direction: column;
    align-items: center;
}


.main_hero_eyebrow {
    color: #EDBB60;
    text-align: center;
    font-family: "Inter";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 21px */
    letter-spacing: 2.52px;
    margin-bottom: 24px;
}


.main_hero_content h1 {
    margin: 0;
    color: #FDFBF3;
    text-align: center;
    font-family: "DM Serif Display";
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 72px */
}

.main_hero_content h1 span {
    color: #FDFBF3;
    font-family: "DM Serif Display";
    font-size: 60px;
    font-style: italic;
    font-weight: 400;
    line-height: 120%;
}


.main_hero_content p {
    max-width: 960px;
    margin: 24px 0 0;
    color: #FDFCF7;
    text-align: center;
    font-family: "Inter";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 165%;
    /* 29.7px */
}


.main_hero_btn {
    display: inline-flex;

    gap: 8px;

    margin-top: 24px;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    color: var(--brand-ink-base, #1A1814);
    font-family: "Inter";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 24px */
    text-decoration: none;
    border-radius: 999px;
    background: var(--brand-gold-light, #EDBB60);
    transition: all 0.25s ease;
}

.main_hero_btn span {
    transition: transform 0.25s ease;
}

.main_hero_btn:hover {
    border-radius: 999px;
    background: var(--brand-ink-base, #1A1814);
    color: var(--brand-cream-base, #FDFBF3);

}

.main_hero_btn:hover span {
    transform: translateX(4px);
}


/* =========================================
   HOW IT STARTED
========================================= */

.how_started_section {
    width: 100%;
    background: var(--base-white, #FFF);
    padding: 128px 0;
}


.how_started_container {
    width: 100%;
    margin: 0 auto;
}


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

.how_started_heading {
    border-left: 3px solid var(--brand-gold-base, #D98C21);

    padding-left: 40px;
}


.how_started_eyebrow {
    color: var(--brand-gold-base, #D98C21);
    font-family: "Inter";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 21px */
    letter-spacing: 2.52px;
    margin-bottom: 24px;
}


.how_started_heading h2 {
    margin: 0;

    color: var(--brand-ink-base, #1A1814);

    font-family: "DM Serif Display", serif;
    font-size: 52px;
    font-style: normal;
    font-weight: 400;
    line-height: 122%;
}


.how_started_heading h2 span {
    color: var(--brand-gold-base, #D98C21);
    font-family: "DM Serif Display";
    font-size: 52px;
    font-style: italic;
    font-weight: 400;
    line-height: 122%;
}

.how_started_content {
    display: flex;

    width: 100%;

    margin-top: 64px;

    gap: 96px;
}


.how_started_column {
    flex: 1 0 0;
}


.how_started_column p {
    margin: 0;
    color: var(--brand-ink-72, rgba(26, 24, 20, 0.72));
    font-family: "Inter";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 165%;
    /* 29.7px */
}


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

.specialists_section {
    position: relative;

    width: 100%;

    /*
      USE YOUR EXISTING FULL SECTION
      BACKGROUND IMAGE HERE
    */
    background-image: url("../img/specialists-bg.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

    padding: 128px 0;

    overflow: hidden;
}


/* =========================================
   CONTAINER
========================================= */

.specialists_container {
    width: 100%;
    margin: 0 auto;
}


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

.specialists_header {
    display: flex;
    align-items: flex-end;
    width: 100%;
    margin-bottom: 8px;
}


/* LEFT */

.specialists_heading {
    width: 60%;

    padding-right: 40px;
}

.specialists_eyebrow {
    color: var(--brand-gold-base, #D98C21);
    font-family: "Inter";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 21px */
    letter-spacing: 2.52px;

    margin-bottom: 24px;
}

.specialists_heading h2 {
    margin: 0;

    color: #1A1814;

    font-family: "DM Serif Display", serif;
    font-size: 52px;
    font-weight: 400;
    line-height: 122%;
}

.specialists_heading h2 span {
    color: #DB8E26;

    font-family: "DM Serif Display", serif;
    font-style: italic;
}


/* RIGHT */

.specialists_intro {
    width: 40%;
}

.specialists_intro p {
    margin: 0;
    color: var(--brand-ink-72, rgba(26, 24, 20, 0.72));
    font-family: "Inter";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 165%;
    /* 29.7px */
}


/* =========================================
   ROWS
========================================= */

.specialists_row {
    display: flex;
    align-items: center;
    gap: 64px;
    align-self: stretch;
    width: 100%;
    margin-top: 80px;
}



.specialists_row_reverse {
    flex-direction: row-reverse;
}


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

.specialists_image {
    width: 100%;
    overflow: hidden;
    max-width: 760px;
    height: 420px;
    box-shadow:
        0 100px 80px 0 rgba(245, 192, 66, 0.07),
        0 64.815px 46.852px 0 rgba(0, 0, 0, 0.05),
        0 38.519px 25.481px 0 rgba(0, 0, 0, 0.04),
        0 20px 13px 0 rgba(0, 0, 0, 0.04),
        0 8.148px 6.519px 0 rgba(0, 0, 0, 0.03),
        0 1.852px 3.148px 0 rgba(0, 0, 0, 0.02);
    border-radius: 16px;

    flex-shrink: 0;
}

.specialists_image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


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

.specialists_copy {
    width: 100%;

    min-height: 300px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 24px;

}


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

.specialists_icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.specialists_icon img {
    display: block;
    width: 60px;
    height: 60px;
    object-fit: contain;
}


/* =========================================
   COPY
========================================= */

.specialists_copy_text {
    width: 100%;
}

.specialists_copy h3 {
    margin: 0 0 8px;

    color: #1A1814;

    font-family: "DM Serif Display", serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 130%;
}

.specialists_copy p {
    margin: 0;
    color: var(--brand-ink-72, rgba(26, 24, 20, 0.72));
    font-family: "Inter";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 165%;
}

/* =========================================
   FAQ CTA SECTION
========================================= */

.faq_cta_section {
    width: 100%;
    padding: 128px 0;
background: var(--base-white, #FFF);
    overflow: hidden;
}


/* =========================================
   CONTAINER
========================================= */

.faq_cta_container {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 96px;
}


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

.faq_cta_content {
    flex: 1 0 0;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
}


/* EYEBROW */

.faq_cta_eyebrow {
    color: var(--brand-gold-base, #D98C21);
    font-family: "Inter";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 2.52px;
    margin-bottom: 32px;
}


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

.faq_cta_content h2 {
    margin: 0;
    color: var(--brand-ink-base, #1A1814);
    font-family: "DM Serif Display";
    font-size: 52px;
    font-style: normal;
    font-weight: 400;
    line-height: 122%;
    /* 63.44px */
}

.faq_cta_content h2 span {
    color: var(--brand-gold-base, #D98C21);
    font-family: "DM Serif Display";
    font-size: 52px;
    font-style: italic;
    font-weight: 400;
    line-height: 122%;
}


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

.faq_cta_content p {
    max-width: 650px;

    margin: 32px 0 0;
    color: var(--brand-ink-72, rgba(26, 24, 20, 0.72));
    font-family: "Inter";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 165%;
    /* 29.7px */
}


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

.faq_cta_buttons {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 32px;
}


.faq_btn {
    display: inline-flex;

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

    min-height: 48px;

    padding: 12px 24px;

    border-radius: 999px;

    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;

    text-decoration: none;

    transition: all 0.25s ease;
}


/* PRIMARY */

.faq_btn_primary {
    color: #1A1814;
    border-radius: 999px;
    background: var(--brand-gold-light, #EDBB60);
    color: var(--brand-ink-base, #1A1814);
    font-family: "Inter";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 24px */
}

.faq_btn_primary:hover {
    border-radius: 999px;
    background: var(--brand-ink-base, #1A1814);
    color: var(--brand-cream-base, #FDFBF3);
    font-family: "Inter";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 24px */
}


/* SECONDARY */

.faq_btn_secondary {
    display: flex;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    border: 1px solid var(--base-03, #BDBDBD);
    color: var(--brand-ink-base, #1A1814);
    font-family: "Inter";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 24px */
}

.faq_btn_secondary:hover {
    border-radius: 999px;
    background: var(--brand-ink-base, #1A1814);
    color: var(--brand-cream-base, #FDFBF3);
    font-family: "Inter";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 24px */

}


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

.faq_cta_image {
    display: flex;
    width: 640px;
    height: 560px;
    flex-direction: column;
    align-items: flex-start;
}

.faq_cta_image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;
}