:root {
    --af_header_size: 150px;
    --af_primary_header_size: 105px;
    --af_secondary_header_size: 45px;
    --af_header_fontsize: 20px;
    --btn-border-radius: 4px;
    --af_body_width: 85%;
    --af_max_body_width: 1140px;
}

/* Header Wrapper */
.af_header_wrapper {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    height: var(--af_header_size);
}

.af_header_spacer {
    width: 100%;
    height: var(--af_header_size);
}

.af_header_wrapper::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: var(--af_secondary_header_size);
    background-color: var(--dark);
    z-index: 2;
}

/* Header Menu Structure */
.af_header_wrapper .af_header_menu {
    display: flex;
    flex-direction: column;
    width: var(--af_body_width);
    max-width: var(--af_max_body_width);
    flex-wrap: nowrap;
    align-content: center;
    align-items: stretch;
    justify-content: space-between;
}

/* Primary Header */
.af_header_wrapper .af_header_menu .af_header_primary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    align-content: center;
    height: var(--af_primary_header_size);
    gap: 20px;
}

.af_header_wrapper .af_header_menu .af_header_primary .af_logo {
}

.af_header_wrapper .af_header_menu .af_header_primary img {
    height: 60px;
}

.af_header_wrapper .af_header_menu .af_header_primary .af_primary_menu {
    width: 100%;
}

.af_header_wrapper .af_header_menu .af_header_secondary .af_secondary_menu>ul, .af_header_wrapper .af_header_menu .af_header_primary .af_primary_menu>ul {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    gap: 17px;
    width: 100%;
    /* border: 1px solid red; */
    padding: 0px;
    justify-content: flex-end;
}

.af_header_wrapper .af_header_menu .af_header_primary .af_mobile_menu_btn {
}

/* Primary Menu */
.af_header_wrapper .af_header_menu .af_header_secondary .af_secondary_menu>ul li, .af_header_wrapper .af_header_menu .af_header_primary #menu-primary-menu.af_primary_menu_list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.af_header_wrapper .af_header_menu .af_header_secondary .af_secondary_menu>ul li a, .af_header_wrapper .af_header_menu .af_header_primary #menu-primary-menu.af_primary_menu_list .menu-item {
    list-style: none;
    margin: 0;
    padding: 0;
}

.af_header_wrapper .af_header_menu .af_header_secondary .af_secondary_menu>ul li a, .af_header_wrapper .af_header_menu .af_header_primary #menu-primary-menu.af_primary_menu_list a {
    font-family: var(--headerfont);
    font-size: var(--af_header_fontsize);
    font-weight: 600;
    text-decoration: none;
    color: var(--dark);
}

.af_header_wrapper .af_header_menu .af_header_secondary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    align-content: center;
    height: var(--af_secondary_header_size);
    z-index: 9;
}

.af_header_wrapper .af_header_menu .af_header_secondary .af_payoff {
    font-family: var(--headerfont);
    font-size: var(--af_header_fontsize);
    700: 700; color: #ffffff;
    font-weight: 700;
    font-size: 17px;
}

.af_header_wrapper .af_header_menu .af_header_secondary .af_secondary_menu>ul li a {
    color: #ffffff;
}

li.menu-item.af_cta_headerbtn>a {
    padding: 5px 15px;
    background-color: var(--primary);
    color: #ffffff !important;
    border-radius: 4px;
    text-decoration: none;
}

.af_mobile_menu_wrapper {
    display: none;
}

.af_mobile_menu_wrapper.active {
    display: none !important;
}

.af_mobile_menu_btn {
    display: none;
}

.af_logo, .af_logo>img {
    cursor: pointer;
    transition: transform 1s linear(0, 0.032 1.2%, 0.125 2.5%, 0.909 10.2%, 1.047 12.7%, 1.113 15.5%, 1.12 16.9%, 1.114 18.5%, 1.014 26.8%, 0.987 32.3%, 1.002 49%, 1);
}

.af_logo:hover>img {
    transform: scale(0.98);
}

.current-menu-item>a {
    color: var(--primary) !important;
    font-weight: 700;
}

.af_header_wrapper .af_header_menu .af_header_secondary .af_secondary_menu>ul li a:hover, #menu-af-secondary-menu>li.current-menu-item>a {
    color: var(--primary)!important;
    font-weight: 700;
}

/* hover states */
.af_header_wrapper .af_header_menu .af_header_primary #menu-primary-menu.af_primary_menu_list a:hover {
    color: var(--primary);
    transition: color 0.1s ease-in-out;
}

@media only screen and (max-width : 1400px) {
    .af_header_wrapper .af_header_menu {
        width: 100%;
        padding: 5px 20px;
    }
}

@media only screen and (max-width : 980px) {
    .af_header_wrapper .af_header_menu .af_header_primary img {
        height: 50px;
    }

    :root {
        --af_header_fontsize: 16px;
        --af_header_size: 110px;
        --af_primary_header_size: 70px;
        --af_secondary_header_size: 40px;
    }
}

@media only screen and (max-width : 850px) {
    :root {
        --af_header_fontsize: 16px;
        --af_header_size: 70px;
        --af_primary_header_size: 60px;
        --af_secondary_header_size: 0px;
    }

    .af_header_wrapper .af_header_menu .af_header_secondary {
        display: none !important;
    }

    .af_logo {
        margin-top: 5px;
    }

    .af_secondary_menu_list, .af_secondary_menu, .af_primary_menu {
        display: none;
    }

    .af_header_wrapper .af_header_menu .af_header_primary img {
        height: 40px;
    }

    .af_mobile_menu_wrapper {
        display: none;
    }

    /* mobile menu styles */
    .af_mobile_menu_wrapper {
        position: fixed;
        top: var(--af_header_size);
        left: 0;
        width: 100%;
        height: calc(100% - var(--af_header_size));
        background-color: var(--bg);
        z-index: 9998;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .af_mobile_menu {
        width: 80%;
    }

    .af_mobile_menu_list {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .af_mobile_menu_list {
        width: 100%;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        list-style: none;
    }

    .af_mobile_menu_list li {
        list-style: none;
    }

    .af_mobile_menu_list .current_page_item {
        font-weight: 700;
    }

    .af_mobile_menu_list a {
        color: var(--dark);
        text-decoration: none;
        font-weight: 700;
        font-family: var(--headerfont);
        font-size: 30px;
    }

    .af_mobile_menu_list .current_page_item a {
        color: var(--secondary);
        text-decoration: none;
    }

    .af_mobile_menu_wrapper::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 300px;
        height: 300px;
        background-image: url("/wp-content/plugins/af-frontend/blobs/kwartblob-1.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top center;
        z-index: -1;
        animation: floatTopLeft 10s ease-in-out infinite;
    }

    .af_mobile_menu_wrapper::before {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        width: 300px;
        height: 300px;
        background-image: url("/wp-content/plugins/af-frontend/blobs/halfblob-1.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom right;
        z-index: -1;
        animation: floatBottomRight 10s ease-in-out infinite;
    }

    @keyframes floatTopLeft {
        0%, 100% {
            transform: translate(0, 0);
        }

        50% {
            transform: translate(-15px, 0px);
        }
    }

    @keyframes floatBottomRight {
        0%, 100% {
            transform: translate(0, 0);
        }

        50% {
            transform: translate(0px, -15px);
        }
    }

    .af_mobile_menu_btn {
        width: 45px;
        height: 35px;
    }

    .af_mobile_menu_btn>button {
        width: 45px;
        height: 35px;
        position: relative;
        background-color: var(--secondary);
        border: none;
        cursor: pointer;
        background-image: url('data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2052.3%20(67297)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3Ejollycons-%5Bcategory%5D%2Ficons%2Fsvg%2Ficon-ui-1-menu%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cg%20id%3D%22icons%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icons---export%22%20transform%3D%22translate(-60.000000%2C%20-58.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22row-1%22%20transform%3D%22translate(60.000000%2C%2058.000000)%22%20fill%3D%22%23000000%22%20fill-rule%3D%22nonzero%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon---1%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M3.99388373%2C20%20C3.4449769%2C20%203%2C19.5522847%203%2C19%20C3%2C18.4477153%203.4449769%2C18%203.99388373%2C18%20L20.0061163%2C18%20C20.5550231%2C18%2021%2C18.4477153%2021%2C19%20C21%2C19.5522847%2020.5550231%2C20%2020.0061163%2C20%20L3.99388373%2C20%20Z%20M3.99388373%2C13%20C3.4449769%2C13%203%2C12.5522847%203%2C12%20C3%2C11.4477153%203.4449769%2C11%203.99388373%2C11%20L20.0061163%2C11%20C20.5550231%2C11%2021%2C11.4477153%2021%2C12%20C21%2C12.5522847%2020.5550231%2C13%2020.0061163%2C13%20L3.99388373%2C13%20Z%20M3.99388373%2C6%20C3.4449769%2C6%203%2C5.55228475%203%2C5%20C3%2C4.44771525%203.4449769%2C4%203.99388373%2C4%20L20.0061163%2C4%20C20.5550231%2C4%2021%2C4.44771525%2021%2C5%20C21%2C5.55228475%2020.5550231%2C6%2020.0061163%2C6%20L3.99388373%2C6%20Z%22%20id%3D%22menu%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22slices%22%20transform%3D%22translate(60.000000%2C%2058.000000)%22%3E%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 4px;
    }

    .af_mobile_menu_wrapper.active {
        display: flex !important;
    }

    .af_mobile_menu_btn {
        display: block;
    }
}

.af_mobile_menu_wrapper, .animate__animated {
    animation-timing-function: linear(0, 0.008 1.1%, 0.034 2.3%, 0.134 4.9%, 0.264 7.3%, 0.683 14.3%, 0.797 16.5%, 0.89 18.6%, 0.967 20.7%, 1.027 22.8%, 1.073 25%, 1.104 27.3%, 1.123 30.6%, 1.119 34.3%, 1.018 49.5%, 0.988 58.6%, 0.985 65.2%, 1 84.5%, 1) !important;
    animation-duration: .8s !important;
}

.af_mobile_menu_wrapper.innactive::before {
    transform: translateY(100%) translateX(-100%);
    transition: transform 0.5s ease-in-out;
}

.af_mobile_menu_wrapper.innactive::after {
    transform: translateY(-100%) translateX(100%);
    transition: transform 0.5s ease-in-out;
}

.af_mobile_menu_wrapper.active::before {
    transform: translateY(0) translateX(0);
    transition: transform 0.5s ease-in-out;
}

.af_mobile_menu_wrapper.active::after {
    transform: translateY(0) translateX(0);
    transition: transform 0.5s ease-in-out;
}

button.af_toggle_menu.active {
    background-color: var(--dark);
    background-image: url('data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2052.3%20(67297)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3Ejollycons-%5Bcategory%5D%2Ficons%2Fsvg%2Ficon-ui-1-close%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cg%20id%3D%22icons%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icons---export%22%20transform%3D%22translate(-124.000000%2C%20-58.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22row-1%22%20transform%3D%22translate(60.000000%2C%2058.000000)%22%20fill%3D%22%23000000%22%20fill-rule%3D%22nonzero%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon---2%22%20transform%3D%22translate(64.000000%2C%200.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M12%2C13.4142136%20L4.70710678%2C20.7071068%20C4.31658249%2C21.0976311%203.68341751%2C21.0976311%203.29289322%2C20.7071068%20C2.90236893%2C20.3165825%202.90236893%2C19.6834175%203.29289322%2C19.2928932%20L10.5857864%2C12%20L3.29289322%2C4.70710678%20C2.90236893%2C4.31658249%202.90236893%2C3.68341751%203.29289322%2C3.29289322%20C3.68341751%2C2.90236893%204.31658249%2C2.90236893%204.70710678%2C3.29289322%20L12%2C10.5857864%20L19.2928932%2C3.29289322%20C19.6834175%2C2.90236893%2020.3165825%2C2.90236893%2020.7071068%2C3.29289322%20C21.0976311%2C3.68341751%2021.0976311%2C4.31658249%2020.7071068%2C4.70710678%20L13.4142136%2C12%20L20.7071068%2C19.2928932%20C21.0976311%2C19.6834175%2021.0976311%2C20.3165825%2020.7071068%2C20.7071068%20C20.3165825%2C21.0976311%2019.6834175%2C21.0976311%2019.2928932%2C20.7071068%20L12%2C13.4142136%20Z%22%20id%3D%22close%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22slices%22%20transform%3D%22translate(60.000000%2C%2058.000000)%22%3E%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
}

/* ==========================================================================
    AF HERO COMPONENT
    ========================================================================== */
/* Wrapper - CSS Grid Layout */
.af_hero_wrapper {
    display: flex;
    /* grid-template-columns: 1fr; */
    gap: 2rem;
    align-items: stretch;
    min-height: 480px;
    padding: 0;
    background-color: var(--secondary);
    position: relative;
    overflow: hidden;
    flex-direction: row;
    align-content: center;
    flex-wrap: nowrap;
    justify-content: center;
}

/* ==========================================================================
    CONTENT WRAPPER
    ========================================================================== */
.af_hero_content_wrapper {
    display: grid;
    /* grid-template-columns: 1fr 1fr!important; */
    gap: 0rem;
    align-items: end;
    width: var(--af_body_width);
    position: relative;
    z-index: 2;
    max-width: var(--af_max_body_width);
    height: 100%;
    /* border: 1px solid red; */
    grid-template-rows: 100%;
}

/* Column size variations */
.af_hero_wrapper.af_col_af_hero_img_small .af_hero_content_wrapper {
    grid-template-columns: 1.2fr 0.8fr;
}

.af_hero_wrapper.af_col_af_hero_img_medium .af_hero_content_wrapper {
    grid-template-columns: 1fr 350px;
}

.af_hero_wrapper.af_col_af_hero_img_large .af_hero_content_wrapper {
    grid-template-columns: 410px auto;
}

/* No image - full width text */
.af_hero_wrapper.af_hero_no_image .af_hero_content_wrapper {
    grid-template-columns: 1fr;
}

/* ==========================================================================
    TEXT SECTION
    ========================================================================== */
.af_hero_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start!important;
    z-index: 2;
    padding: 6rem 0;
    gap: 5px;
}

.af_hero_text_fullwidth {
    max-width: 100%;
    margin: 0;
    text-align: center;
    align-items: center;
}

.af_hero_text .af_moduleheader {
    color: var(--primary);
    margin: 0 0 0.5rem 0;
}

.af_hero_text .af_header {
    color: #fff;
    margin: 0 0 1.5rem 0;
}

.af_hero_text .af_subheader {
    color: #fff;
    margin: 0 0 1rem 0;
}

.af_hero_content {
    color: #fff;
    margin-bottom: 1.5rem;
}

.af_hero_content p {
    margin: 0 0 1rem 0;
}

/* ==========================================================================
    CTA BUTTONS
    ========================================================================== */
.af_hero_cta_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    /* margin-top: 1rem; */
    flex-direction: row;
    align-content: center;
    align-items: center;
}

.af_btn, .af_hero_cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 13px;
    font-family: var(--headerfont);
    font-size: 24px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.af_btn.af_btn_primary, .af_hero_cta.ta_primary {
    background-color: var(--primary);
    color: #fff;
}

.af_btn.af_btn_primary:hover, .af_hero_cta.ta_primary:hover {
    background-color: var(--primary-dark);
}

.af_btn.af_btn_secondary, .af_hero_cta.ta_secondary {
    background-color: transparent;
    background-color: #fff;
    /* border: 2px solid #fff; */
    color: var(--secondary);
}

.af_btn.af_btn_secondary:hover, .af_hero_cta.ta_secondary:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.af_hero_cta.ta_outline {
    background-color: transparent;
    color: var(--primary);
    border: 2px solid var(--primary);
}

.af_hero_cta.ta_outline:hover {
    background-color: var(--primary);
    color: #fff;
}

/* ==========================================================================
    IMAGE SECTION
    ========================================================================== */
.af_hero_img {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 300px;
    z-index: 2;
    height: 100%;
    align-content: center;
    flex-direction: column;
}

/* Size classes */
.af_hero_img.af_hero_img_small {
    min-height: 280px;
}

.af_hero_img.af_hero_img_medium {
    min-height: 350px;
}

.af_hero_img.af_hero_img_large {
    /* min-height: 450px; */
}

/* Vertical alignment behavior */
.af_hero_img.af_hero_align_center, .af_hero_content_wrapper:has(.af_hero_align_center) {
    align-items: center;
}

.af_hero_content_wrapper:has(.af_hero_align_center) .af_hero_img {
    align-items: center;
}

/* Background image layer */
.af_hero_img_background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

/* Single image display */
.af_hero_img_single {
    position: relative;
    z-index: 2;
}

.af_hero_img_single img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* ==========================================================================
    SLIDER (Slick)
    ========================================================================== */
.af_hero_slider {
    width: 100%;
}

.af_hero_slide {
    padding: 0 0.5rem;
}

.af_hero_slide img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* ==========================================================================
    TILT.JS EFFECT
    ========================================================================== */
.af_hero_tilt {
    position: relative;
    transform-style: preserve-3d;
    width: 100%;
}

.af_hero_tilt_layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.af_hero_tilt_layer:first-child {
    position: relative;
}

.af_hero_tilt_layer img {
    max-width: 100%;
    height: auto;
    display: block;
}

.af_hero_img.af_hero_img_large.af_hero_niks {
    width: 114%;
}

/* ==========================================================================
    RESPONSIVE - TABLET
    ========================================================================== */
@media screen and (max-width: 1224px) {
    .af_hero_wrapper {
        padding: 0px 2.5rem;
        min-height: 350px;
    }

    .af_hero_content_wrapper {
        display: flex;
        flex-direction: row;
        gap: 2rem;
    }

    .af_hero_wrapper.af_col_af_hero_img_small .af_hero_content_wrapper, .af_hero_wrapper.af_col_af_hero_img_medium .af_hero_content_wrapper, .af_hero_wrapper.af_col_af_hero_img_large .af_hero_content_wrapper {
        display: flex;
        flex-direction: row;
    }

    .af_hero_text {
        flex: 1;
        min-width: 0;
    }

    .af_hero_img {
        flex: 0 0 45%;
    }

    .af_hero_text .af_header {
        font-size: 72px !important;
    }

    .af_hero_text .af_subheader {
        font-size: 48px !important;
    }

    .af_hero_text .af_moduleheader {
        font-size: 26px !important;
    }
}

/* ==========================================================================
    RESPONSIVE - MOBILE LANDSCAPE
    ========================================================================== */
@media screen and (max-width: 868px) {
    .af_hero_wrapper {
        gap: 1.5rem;
        padding: 0;
        min-height: auto;
    }

    .af_hero_content_wrapper {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }

    .af_hero_wrapper.af_col_af_hero_img_small .af_hero_content_wrapper, .af_hero_wrapper.af_col_af_hero_img_medium .af_hero_content_wrapper, .af_hero_wrapper.af_col_af_hero_img_large .af_hero_content_wrapper {
        display: flex;
        flex-direction: column;
    }

    .af_hero_text {
        order: 1;
        text-align: center;
        padding: 1.5rem 0;
        flex: 1;
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center!important;
        flex-wrap: nowrap;
    }

    .af_hero_img {
        order: 2;
        min-height: 100px;
        flex: 0 0 auto;
        width: 100%!important;
    }

    .af_hero_img_background {
        left: 0;
        right: 0;
    }

    .af_hero_text .af_header {
        font-size: 56px !important;
    }

    .af_hero_text .af_subheader {
        font-size: 40px !important;
    }

    .af_hero_text .af_moduleheader {
        font-size: 24px !important;
    }

    .af_hero_cta_wrapper {
        justify-content: center;
    }

    .af_hero_text > * {
        text-align: center!important;
    }

    .af_hero_img_single {
        display: flex;
        justify-content: center;
        padding-bottom: 0;
    }

    .af_hero_img_single > img {
        width: auto;
        height: auto;
    }
}

/* ==========================================================================
    RESPONSIVE - MOBILE PORTRAIT
    ========================================================================== */
@media screen and (max-width: 480px) {
    .af_hero_wrapper {
        padding: 0px 20px;
        gap: 0;
    }

    .af_hero_content_wrapper {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .af_hero_text {
        padding: 1rem 0;
    }

    .af_hero_text .af_header {
        font-size: 42px !important;
    }

    .af_hero_text .af_subheader {
        font-size: 32px !important;
    }

    .af_hero_text .af_moduleheader {
        font-size: 20px !important;
    }

    .af_hero_cta {
        padding: 0.75rem 1.5rem;
        font-size: 18px;
    }

    .af_hero_cta_wrapper {
        flex-direction: column;
        width: 100%;
    }

    .af_hero_img {
        min-height: 200px;
    }

    .af_hero_img.af_hero_img_small, .af_hero_img.af_hero_img_medium, .af_hero_img.af_hero_img_large {
        min-height: 200px;
    }
}

a.af_hero_cta.ta_white {
    background-color: white;
    color: var(--secondary-darker);
}

a.af_hero_cta.ta_white:hover {
    background-color: #f0f0f0;
    color: var(--secondary-darker);
}

.af_hero_content_fullwidth {
    width: 100%;
}

.af_hero_content_fullwidth > p {
    max-width: 800px;
}

/* footer badges */
.af_footer_badges {
    position: absolute;
    left: 0px;
    bottom: -120px;
    width: 300px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 10px;
}

.af_footer_badges a {
    float : left;
    display: block;
    width: auto;
    height: auto;
}

.af_footer_badges a img {
    width: 100%;
    max-height: 100px;
}

@media screen and (max-width: 768px) {
    .af_footer_badges {
        position: relative;
        bottom: 0px;
        width: 100%;
        height: auto;
        margin-top: 20px;
    }

    .af_footer_badges a img {
        max-height: 60px;
    }
}

.af_text_link:hover > * {
    opacity: 0.8;
}