:root {
    /* ================================
       HOS BIOTECH — PRIMARY COLORS
    ================================= */

    --color-primary: #241542;
    --color-primary-dark: #171020;
    --color-primary-light: #3a285b;

    /* ================================
       GOLD / CHAMPAGNE
    ================================= */

    --color-gold: #b28a4a;
    --color-gold-light: #c9aa72;
    --color-gold-dark: #8c682f;
    --color-champagne: #d8c29b;

    /* ================================
       BACKGROUND COLORS
    ================================= */

    --color-bg: #eee6df;
    --color-bg-light: #f7f2ed;
    --color-bg-soft: #e4d7ce;
    --color-bg-dark: #d1c2b8;
    --color-white: #ffffff;

    /* ================================
       TEXT COLORS
    ================================= */

    --color-text: #171716;
    --color-text-dark: #0f0f0d;
    --color-text-medium: #4e4742;
    --color-text-light: #756c66;
    --color-text-muted: #928780;

    /* ================================
       GREEN — PRODUCT / NATURE
    ================================= */

    --color-green: #142a25;
    --color-green-light: #29463d;
    --color-green-dark: #0d1d19;

    /* ================================
       PURPLE ACCENT
    ================================= */

    --color-purple: #32205a;
    --color-purple-light: #5a467c;
    --color-purple-soft: #e5ddf0;

    /* ================================
       BORDER / DIVIDER
    ================================= */

    --color-border: #cfc2b8;
    --color-border-light: #ddd3cb;
    --color-border-dark: #afa096;

    /* ================================
       GRADIENTS
    ================================= */

    --gradient-hero: linear-gradient(135deg, #f7f2ed 0%, #eee6df 55%, #d8cfc8 100%);

    --gradient-gold: linear-gradient(135deg, #8c682f 0%, #c9aa72 50%, #a77d3c 100%);

    --gradient-dark: linear-gradient(135deg, #171020 0%, #241542 100%);

    --gradient-green: linear-gradient(135deg, #0d1d19 0%, #29463d 100%);

    /* ================================
       SHADOWS
    ================================= */

    --shadow-soft: 0 1rem 3rem rgba(36, 21, 66, 0.08);

    --shadow-card: 0 1.5rem 4rem rgba(23, 16, 32, 0.12);

    --shadow-dark: 0 1rem 3rem rgba(15, 15, 13, 0.2);

    --shadow-gold: 0 0.75rem 2rem rgba(178, 138, 74, 0.18);

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

    --overlay-dark: rgba(15, 15, 13, 0.55);

    --overlay-purple: rgba(36, 21, 66, 0.75);

    --overlay-light: rgba(247, 242, 237, 0.8);
}

/* =========================================
   RESET
========================================= */
section {
    padding: 4rem 0rem;
}

a {
    text-decoration: none !important;
}

.hosBioHeader,
.hosBioHeader *,
.hosBioMobileMenu,
.hosBioMobileMenu * {
    box-sizing: border-box;
}

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

.hosBioHeader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 400;

    width: 100%;

    background: transparent;

    transition:
        background var(--hos-transition),
        box-shadow var(--hos-transition),
        backdrop-filter var(--hos-transition);

    isolation: isolate;
}

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

.hosBioHeader.is-scrolled {
    background: white;
    padding-bottom: 0.2rem;
    backdrop-filter: blur(1rem);
    -webkit-backdrop-filter: blur(1rem);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

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

.hosBioHeader__container {
    min-height: var(--hos-header-height);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
}

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

.hosBioHeader__logo img {
    width: 250px;
}

.hosBioHeader__tagline {
    position: absolute;

    left: 0;
    top: 2.05rem;

    font-family: "Inter", sans-serif;

    font-size: 0.46rem;
    font-weight: 600;

    letter-spacing: 0.09rem;

    color: var(--hos-text);

    white-space: nowrap;
}

/* =========================================
   DESKTOP NAVIGATION
========================================= */

.hosBioHeader__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
}

.hosBioHeader__link {
    position: relative;

    display: inline-flex;
    align-items: center;

    padding: 1.3rem 0;

    color: black;

    text-decoration: none;

    font-family: "Inter", sans-serif;

    font-size: 0.8rem;
    font-weight: 600;

    letter-spacing: 0.035rem;

    transition: color var(--hos-transition);
}

.hosBioHeader__link::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0.3rem;

    width: 100%;
    height: 0.08rem;

    background: var(--hos-gold);

    transform: scaleX(0);
    transform-origin: right;

    transition: transform var(--hos-transition);
}

.hosBioHeader__link:hover {
    color: var(--hos-gold-dark, #8c682f);
}

.hosBioHeader__link:hover::after {
    transform: scaleX(1);

    transform-origin: left;
}

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

.hosBioHeader__cta {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    background: var(--color-gold);
    padding: 0.75rem 0.9rem;
    border: 1px solid white;
    border-radius: 0.35rem;
    text-decoration: none;
    color: var(--color-white);
    font-family: "Inter", sans-serif;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.04rem;
}

.hosBioHeader__ctaArrow {
    color: white;
    font-size: 1rem;
}

.hosBioHeader__cta:hover {
    background: var(--color-gold);

    color: var(--color-white);

    border-color: var(--hos-primary);

    transform: translateY(-0.1rem);
}

.hosBioHeader__cta:hover .hosBioHeader__ctaArrow {
    color: var(--hos-gold-light);
}

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

.hosBioHeader__toggle {
    display: none;
    margin-left: auto;
    border: 1px solid var(--hos-border);

    border-radius: 50%;

    background: none;

    cursor: pointer;

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

    flex-direction: column;

    gap: 0.3rem;

    transition:
        background var(--hos-transition),
        transform var(--hos-transition);
}

.hosBioHeader__toggle span {
    width: 1.1rem;
    height: 0.08rem;

    background: var(--hos-primary);

    transition:
        transform var(--hos-transition),
        opacity var(--hos-transition);
}

.hosBioHeader__toggle:hover {
    background: var(--hos-bg-light);
}

/* =========================================
   TOGGLE ACTIVE
========================================= */

.hosBioHeader.menu-open .hosBioHeader__toggle {
    background: var(--hos-primary);

    transform: rotate(90deg);
}

.hosBioHeader.menu-open .hosBioHeader__toggle span {
    background: var(--hos-white);
}

.hosBioHeader.menu-open .hosBioHeader__toggle span:nth-child(1) {
    transform: translateY(0.38rem) rotate(45deg);
}

.hosBioHeader.menu-open .hosBioHeader__toggle span:nth-child(2) {
    opacity: 0;
}

.hosBioHeader.menu-open .hosBioHeader__toggle span:nth-child(3) {
    transform: translateY(-0.38rem) rotate(-45deg);
}

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

.hosBioMobileMenu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: RGB(250, 243, 236);
    backdrop-filter: blur(1rem);
    -webkit-backdrop-filter: blur(1rem);

    border-top: 1px solid var(--hos-border);

    visibility: hidden;
    opacity: 0;

    transform: translateY(-1.5rem);

    transition:
        opacity var(--hos-transition),
        transform var(--hos-transition),
        visibility var(--hos-transition);
}

.hosBioHeader.menu-open .hosBioMobileMenu {
    visibility: visible;

    opacity: 1;

    transform: translateY(0);
}

.hosBioMobileMenu__inner {
    padding: 0.4rem 1rem;
}

.hosBioMobileMenu__nav {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.hosBioMobileMenu__link {
    display: flex;
    align-items: center;

    gap: 1rem;

    padding: 1rem 0;

    border-bottom: 1px solid var(--hos-border);

    text-decoration: none;

    color: var(--hos-text);

    font-family: "Inter", sans-serif;

    font-size: 0.8rem;
    font-weight: 600;

    letter-spacing: 0.04rem;

    transform: translateY(1rem);

    opacity: 0;

    transition:
        color var(--hos-transition),
        opacity 0.4s ease,
        transform 0.4s ease;
}

.hosBioHeader.menu-open .hosBioMobileMenu__link {
    opacity: 1;

    transform: translateY(0);
}

.hosBioHeader.menu-open .hosBioMobileMenu__link:nth-child(1) {
    transition-delay: 0.05s;
}

.hosBioHeader.menu-open .hosBioMobileMenu__link:nth-child(2) {
    transition-delay: 0.1s;
}

.hosBioHeader.menu-open .hosBioMobileMenu__link:nth-child(3) {
    transition-delay: 0.15s;
}

.hosBioHeader.menu-open .hosBioMobileMenu__link:nth-child(4) {
    transition-delay: 0.2s;
}

.hosBioHeader.menu-open .hosBioMobileMenu__link:nth-child(5) {
    transition-delay: 0.25s;
}

.hosBioMobileMenu__link > span {
    min-width: 1.5rem;

    color: var(--hos-gold);

    font-size: 0.55rem;

    letter-spacing: 0.03rem;
}

.hosBioMobileMenu__link:hover {
    color: var(--hos-gold);
}

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

.hosBioMobileMenu__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-top: 1.5rem;

    padding: 1rem 1.1rem;

    background: var(--hos-primary);

    color: var(--hos-white);

    text-decoration: none;

    font-family: "Inter", sans-serif;

    font-size: 0.7rem;
    font-weight: 600;

    letter-spacing: 0.05rem;

    opacity: 0;

    transform: translateY(1rem);

    transition:
        opacity 0.4s ease 0.3s,
        transform 0.4s ease 0.3s,
        background var(--hos-transition);
}

.hosBioHeader.menu-open .hosBioMobileMenu__cta {
    opacity: 1;

    transform: translateY(0);
}

.hosBioMobileMenu__cta:hover {
    background: var(--hos-primary-dark);
}

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

@media (max-width: 70rem) {
    .hosBioHeader__nav {
        gap: 1.2rem;

        margin-right: 1.25rem;
    }

    .hosBioHeader__cta {
        min-width: 7.8rem;
    }
}

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

@media (max-width: 55rem) {
    :root {
        --hos-header-height: 5rem;
    }

    .hosBioHeader__container {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .hosBioHeader__tagline {
        top: 1.7rem;

        font-size: 0.37rem;

        letter-spacing: 0.06rem;
    }

    .hosBioHeader__nav,
    .hosBioHeader__cta {
        display: none;
    }

    .hosBioHeader__link {
        font-size: 1rem;
    }

    .hosBioHeader__toggle {
        display: flex;
    }
}

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

@media (max-width: 25rem) {
    .hosBioHeader__tagline {
        font-size: 0.32rem;
    }

    .hosBioHeader__toggle {
        width: 2.7rem;
        height: 2.7rem;
    }
}

/* =========================================
   REDUCED MOTION
========================================= */

@media (prefers-reduced-motion: reduce) {
    .hosBioHeader *,
    .hosBioMobileMenu * {
        transition: none !important;
        animation: none !important;
    }
}

.top_bg {
    background-image: url(../images/top_bg.jpg);
    background-position: center;
    background-size: cover;
}

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

.hosBioHero__container {
    position: relative;

    z-index: 2;

    width: 100%;
}

/* =========================================
   ROW
========================================= */

.hosBioHero__row {
    min-height: calc(100vh - 8rem);

    min-height: calc(100svh - 8rem);
}

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

.hosBioHero__content {
    position: relative;

    z-index: 5;

    padding-top: 4rem;

    opacity: 0;

    transform: translateY(2rem);

    animation: hosBioHeroContentReveal 1s 0.2s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

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

.hosBioHero__eyebrow {
    display: flex;

    align-items: center;

    gap: 0.7rem;

    margin-bottom: 1.4rem;

    color: var(--color-purple);

    font-family: "Inter", sans-serif;

    font-size: 0.7rem;

    font-weight: 600;

    line-height: 1.4;

    letter-spacing: 0.07rem;

    text-transform: uppercase;
}

.hosBioHero__eyebrowLine {
    display: block;

    width: 1.8rem;

    height: 0.06rem;

    background: var(--color-gold);

    transform-origin: left;

    animation: hosBioHeroLineReveal 1s 0.8s ease both;
}

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

.hosBioHero__title {
    display: flex;

    flex-direction: column;

    margin: 0;

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

    font-size: 4rem;

    font-weight: 400;

    line-height: 0.88;

    letter-spacing: -0.08rem;

    text-transform: uppercase;
}

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

.hosBioHero__titleBlack {
    display: block;

    color: var(--color-text-dark);

    animation: hosBioHeroTitleReveal 0.9s 0.35s cubic-bezier(0.22, 1, 0.36, 1) both;
}

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

.hosBioHero__titleGold {
    display: block;

    color: var(--color-gold-dark);

    animation: hosBioHeroTitleReveal 0.9s 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.hosBioHero__titleGold:nth-child(3) {
    animation-delay: 0.65s;
}

/* =========================================
   DIVIDER
========================================= */

.hosBioHero__divider {
    display: flex;

    align-items: center;

    width: 8rem;

    margin-top: 2.2rem;

    margin-bottom: 1.7rem;

    opacity: 0;

    animation: hosBioHeroFadeUp 0.8s 0.9s ease forwards;
}

.hosBioHero__dividerLine {
    display: block;

    width: 7rem;

    height: 0.06rem;

    background: var(--color-gold);
}

.hosBioHero__dividerDot {
    display: block;

    width: 0.3rem;

    height: 0.3rem;

    margin-left: -0.1rem;

    border-radius: 50%;

    background: var(--color-gold);

    box-shadow: 0 0 0.7rem rgba(178, 138, 74, 0.4);
}

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

.hosBioHero__description {
    margin: 0;

    color: black;

    font-family: "Inter", sans-serif;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.75;

    letter-spacing: 0.005rem;

    opacity: 0;

    animation: hosBioHeroFadeUp 0.8s 1s ease forwards;
}

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

.hosBioHero__button {
    position: relative;

    display: inline-flex;

    align-items: center;

    justify-content: space-between;

    min-width: 13.2rem;

    margin-top: 2rem;

    padding: 0.95rem 1.1rem;

    overflow: hidden;

    border: 0.06rem solid var(--color-primary);

    background: var(--color-primary);

    color: var(--color-white);

    text-decoration: none;

    font-family: "Inter", sans-serif;

    font-size: 0.65rem;

    font-weight: 600;

    line-height: 1;

    letter-spacing: 0.055rem;

    opacity: 0;

    transform: translateY(1rem);

    animation: hosBioHeroButtonReveal 0.8s 1.1s cubic-bezier(0.22, 1, 0.36, 1) forwards;

    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease,
        background 0.4s ease;
}

/* =========================================
   BUTTON ANIMATED LAYER
========================================= */

.hosBioHero__button::before {
    content: "";

    position: absolute;

    inset: 0;

    background: var(--gradient-gold);

    transform: translateX(-102%);

    transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

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

.hosBioHero__button > span:first-child {
    position: relative;

    z-index: 2;

    transition: transform 0.4s ease;
}

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

.hosBioHero__buttonArrow {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-left: 1.2rem;

    color: var(--color-white);

    font-size: 1rem;

    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

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

.hosBioHero__button:hover {
    color: var(--color-white);

    transform: translateY(-0.15rem);

    box-shadow: var(--shadow-gold);
}

.hosBioHero__button:hover::before {
    transform: translateX(0);
}

.hosBioHero__button:hover .hosBioHero__buttonArrow {
    transform: translateX(0.3rem);
}

.hosBioHero__button:hover > span:first-child {
    transform: translateX(0.08rem);
}

/* =========================================
   RIGHT VISUAL
========================================= */

.hosBioHero__visual {
    position: relative;

    min-height: 38rem;

    width: 100%;
}

/* =========================================
   ARCHITECTURAL SHAPE
========================================= */

.hosBioHero__visualShape {
    position: absolute;

    top: 50%;

    right: -10%;

    width: 42rem;

    height: 42rem;

    transform: translateY(-48%);

    border-radius: 50% 50% 0 0;

    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(216, 194, 155, 0.08));

    box-shadow:
        inset 0.08rem 0 0 rgba(255, 255, 255, 0.8),
        -2rem 0 5rem rgba(178, 138, 74, 0.08);

    opacity: 0;

    animation: hosBioHeroShapeReveal 1.4s 0.2s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

/* =========================================
   VISUAL GLOW
========================================= */

.hosBioHero__glow {
    position: absolute;

    top: 45%;

    right: 5%;

    width: 25rem;

    height: 25rem;

    border-radius: 50%;

    background: radial-gradient(circle, rgba(201, 170, 114, 0.22) 0%, rgba(201, 170, 114, 0.08) 35%, transparent 70%);

    filter: blur(1rem);

    transform: translateY(-50%);

    animation: hosBioHeroGlow 6s ease-in-out infinite;
}

/* =========================================
   BOTTOM GLOW
========================================= */

.hosBioHero__bottomGlow {
    position: absolute;

    left: 30%;

    bottom: -12rem;

    width: 40rem;

    height: 20rem;

    border-radius: 50%;

    background: radial-gradient(ellipse, rgba(50, 32, 90, 0.14), transparent 70%);

    filter: blur(2rem);

    z-index: -1;

    pointer-events: none;
}

/* =========================================
   KEYFRAMES
========================================= */

@keyframes hosBioHeroContentReveal {
    from {
        opacity: 0;

        transform: translateY(2rem);
    }

    to {
        opacity: 1;

        transform: translateY(0);
    }
}

@keyframes hosBioHeroTitleReveal {
    from {
        opacity: 0;

        transform: translateY(2.5rem);
    }

    to {
        opacity: 1;

        transform: translateY(0);
    }
}

@keyframes hosBioHeroFadeUp {
    from {
        opacity: 0;

        transform: translateY(1rem);
    }

    to {
        opacity: 1;

        transform: translateY(0);
    }
}

@keyframes hosBioHeroButtonReveal {
    from {
        opacity: 0;

        transform: translateY(1rem);
    }

    to {
        opacity: 1;

        transform: translateY(0);
    }
}

@keyframes hosBioHeroShapeReveal {
    from {
        opacity: 0;

        transform: translateY(-48%) translateX(5rem);
    }

    to {
        opacity: 1;

        transform: translateY(-48%) translateX(0);
    }
}

@keyframes hosBioHeroLineReveal {
    from {
        transform: scaleX(0);
    }

    to {
        transform: scaleX(1);
    }
}

@keyframes hosBioHeroGlow {
    0%,
    100% {
        transform: translateY(-50%) scale(1);

        opacity: 0.7;
    }

    50% {
        transform: translateY(-50%) scale(1.08);

        opacity: 1;
    }
}

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

@media (max-width: 75rem) {
    .hosBioHero__visualShape {
        width: 34rem;

        height: 34rem;

        right: -25%;
    }

    .hosBioHero__glow {
        right: -5%;

        width: 22rem;

        height: 22rem;
    }
}

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

@media (max-width: 62rem) {
    #hosBioHero {
        margin-top: 3rem !important;
    }

    .hosBioHero__row {
        min-height: auto;
    }

    .hosBioHero__visual {
        min-height: 28rem;

        margin-top: 1rem;
    }

    .hosBioHero__visualShape {
        top: 50%;

        right: 5%;

        width: 28rem;

        height: 28rem;
    }

    .hosBioHero__glow {
        right: 10%;
    }
}

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

@media (max-width: 48rem) {
    .hosBioHero__eyebrow {
        margin-bottom: 1.2rem;

        letter-spacing: 0.055rem;
    }

    .hosBioHero__eyebrowLine {
        width: 1.3rem;
    }

    .hosBioHero__divider {
        margin-top: 1.7rem;

        margin-bottom: 1.4rem;
    }

    .hosBioHero__button {
        min-width: 12rem;

        margin-top: 1.6rem;

        padding: 0.9rem 1rem;

        font-size: 0.6rem;
    }

    .hosBioHero__visual {
        min-height: 22rem;

        margin-top: 0;
    }

    .hosBioHero__visualShape {
        top: 45%;

        right: -12%;

        width: 25rem;

        height: 25rem;
    }

    .hosBioHero__glow {
        top: 45%;

        right: 0;

        width: 18rem;

        height: 18rem;
    }

    .hosBioHero__bottomGlow {
        left: 10%;

        bottom: -8rem;

        width: 25rem;

        height: 15rem;
    }
    .hosBioHero__title {
        font-size: 2.5rem !important;
    }
    .hosBioHero__content {
        padding-top: 0rem !important;
    }
}

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

@media (max-width: 30rem) {
    .hosBioHero__visual {
        min-height: 18rem;
    }

    .hosBioHero__visualShape {
        width: 20rem;

        height: 20rem;

        right: -20%;
    }

    .hosBioHero__glow {
        width: 15rem;

        height: 15rem;
    }
}

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

.hosSkinBrand__image {
    width: 100%;
}

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

.hosSkinBrand__heading {
    position: absolute;
    top: 5%;
    left: 0%;
    right: 0%;
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0;
    transform: translateY(-1rem);
    animation: hosSkinHeadingReveal 0.9s 0.15s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

/* =========================================
   BRAND NAME
========================================= */

.hosSkinBrand__name {
    margin: 0;

    color: var(--color-primary);

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

    font-size: clamp(1.5rem, 2.5vw, 2.1rem);

    font-weight: 600;

    line-height: 1;

    letter-spacing: -0.02rem;

    text-transform: uppercase;
}

.hosSkinBrand__name sup {
    position: relative;

    top: -0.45rem;

    margin-left: 0.1rem;

    font-family: "Inter", sans-serif;

    font-size: 0.45rem;

    font-weight: 500;

    letter-spacing: 0;
}

/* =========================================
   CATEGORY
========================================= */

.hosSkinBrand__category {
    margin: 0.45rem 0 0;

    color: var(--color-text-dark);

    font-family: "Inter", sans-serif;

    font-size: 0.56rem;

    font-weight: 500;

    line-height: 1.5;

    letter-spacing: 0.055rem;

    text-transform: uppercase;
}

/* =========================================
   DIAMOND
========================================= */

.hosSkinBrand__diamond {
    display: block;

    width: 0.42rem;

    height: 0.42rem;

    margin-top: 0.8rem;

    background: var(--color-primary);

    transform: rotate(45deg);

    transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

/* =========================================
   HOVER DIAMOND
========================================= */

.hosSkinBrand:hover .hosSkinBrand__diamond {
    transform: rotate(225deg) scale(1.15);
}

/* =========================================
   BOTTOM CTA
========================================= */

.hosSkinBrand__link {
    position: absolute;
    bottom: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    width: 100%;
    color: var(--color-primary);
    text-decoration: none;
    font-family: "Inter", sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.055rem;
    transition:
        color 0.4s ease,
        background 0.4s ease;
}

/* =========================================
   CTA TEXT
========================================= */

.hosSkinBrand__link span {
    position: relative;

    z-index: 2;

    transition: transform 0.4s ease;
}

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

.hosSkinBrand__link i {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--color-gold);

    font-size: 1rem;

    line-height: 1;

    transition:
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        color 0.4s ease;
}

.hosSkinBrand__link:hover span {
    transform: translateX(0.1rem);
}

.hosSkinBrand__link:hover i {
    color: var(--color-gold-light);

    transform: translateX(0.35rem);
}

/* =========================================
   REVEAL ANIMATION
========================================= */

@keyframes hosSkinHeadingReveal {
    from {
        opacity: 0;

        transform: translateY(-1rem);
    }

    to {
        opacity: 1;

        transform: translateY(0);
    }
}

/* =========================================
   REDUCED MOTION
========================================= */

@media (prefers-reduced-motion: reduce) {
    .hosSkinBrand *,
    .hosSkinBrand::before,
    .hosSkinBrand::after {
        animation: none !important;

        transition: none !important;
    }
}

.hosBioBrandIntro {
    position: relative;

    width: 100%;
    background: var(--color-bg-light);

    overflow: hidden;

    box-sizing: border-box;
}

.hosBioBrandIntro .container {
    width: 100%;

    max-width: 100rem;

    margin: 0 auto;

    padding-left: 1rem;
    padding-right: 1rem;
}

.hosBioBrandIntro__content {
    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

    box-sizing: border-box;
}

.hosBioBrandIntro__eyebrow {
    display: block;

    margin: 0 0 0.4rem;

    color: var(--color-gold-dark);

    font-family: "Inter", sans-serif;

    font-size: 0.9rem;

    font-weight: 600;

    line-height: 1.4;

    letter-spacing: 0.24rem;

    text-transform: uppercase;

    white-space: nowrap;
}

.hosBioBrandIntro__title {
    display: block;

    width: 100%;

    margin: 0;

    padding: 0;

    color: var(--color-text-dark);

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

    font-size: 2.15rem;

    font-weight: 500;

    line-height: 1;

    letter-spacing: 0.02rem;

    text-align: center;

    text-transform: uppercase;
}

.hosBioBrandIntro__divider {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 6rem;

    height: 0.5rem;

    margin-top: 0.7rem;

    gap: 0.35rem;
}

.hosBioBrandIntro__dividerLine {
    display: block;

    width: 2.2rem;

    height: 0.04rem;

    flex: 0 0 2.2rem;

    background: var(--color-gold);
}

.hosBioBrandIntro__dividerDot {
    display: block;

    width: 0.25rem;

    height: 0.25rem;

    flex: 0 0 0.25rem;

    background: var(--color-gold);

    transform: rotate(45deg);
}

.hosBioBrandIntro__title {
    transition: color 0.3s ease;
}

.hosBioBrandIntro:hover .hosBioBrandIntro__title {
    color: var(--color-text-dark);
}

@media (max-width: 62rem) {
    .hosBioBrandIntro__title {
        font-size: 1.95rem;
    }
}

@media (max-width: 48rem) {
    .hosBioBrandIntro .container {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .hosBioBrandIntro__title {
        font-size: 1.7rem;

        line-height: 1.05;

        letter-spacing: 0.01rem;
    }

    .hosBioBrandIntro__divider {
        width: 5.5rem;

        margin-top: 0.65rem;
    }

    .hosBioBrandIntro__dividerLine {
        width: 2rem;

        flex-basis: 2rem;
    }
}

@media (max-width: 30rem) {
    .hosBioBrandIntro__title {
        font-size: 1.5rem;

        line-height: 1.05;
    }

    .hosBioBrandIntro__divider {
        width: 5rem;

        margin-top: 0.55rem;
    }

    .hosBioBrandIntro__dividerLine {
        width: 1.8rem;

        flex-basis: 1.8rem;
    }
}

@media (max-width: 22rem) {
    .hosBioBrandIntro__title {
        font-size: 1.35rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hosBioBrandIntro__title {
        transition: none;
    }
}

.hosBioApproach::after {
    content: "";

    position: absolute;

    top: 0;
    right: 0;
    bottom: 0;

    width: 24%;

    background:
        linear-gradient(90deg, var(--color-bg-light) 0%, rgba(247, 242, 237, 0.35) 25%, rgba(247, 242, 237, 0) 100%),
        url("../images/approach-bg.jpg");

    background-repeat: no-repeat;

    background-position:
        center,
        center right;

    background-size: cover, cover;

    opacity: 0.7;

    z-index: -1;

    pointer-events: none;
}

.hosBioApproach .container-fluid {
    position: relative;

    width: 100%;

    max-width: 100rem;

    margin: 0 auto;

    padding: 0 0.5rem;
}

.hosBioApproach__heading {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    margin-bottom: 2rem;

    gap: 0.8rem;
}

.hosBioApproach__line {
    display: block;

    flex: 1;

    max-width: 18rem;

    height: 0.04rem;

    background: var(--color-gold);
}

.hosBioApproach__title {
    flex: 0 0 auto;

    margin: 0;

    color: var(--color-text-dark);

    font-family: "Inter", sans-serif;

    font-size: 1rem;

    font-weight: 600;

    line-height: 1;

    letter-spacing: 0.1rem;

    text-align: center;

    text-transform: uppercase;
}

.hosBioApproach__row {
    position: relative;

    z-index: 2;
}

.hosBioApproach__item {
    position: relative;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: flex-start;

    text-align: center;
}

.hosBioApproach__row > div:not(:last-child) .hosBioApproach__item::after {
    content: "";

    position: absolute;

    top: 0.1rem;

    right: 0;

    width: 0.04rem;

    height: 5.8rem;

    background: var(--color-border);
}

.hosBioApproach__icon {
    width: 2.7rem;

    height: 2.7rem;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 0.55rem;

    color: var(--color-primary);

    font-size: 2rem;

    line-height: 1;

    transition:
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        color 0.3s ease;
}

.hosBioApproach__item:hover .hosBioApproach__icon {
    color: var(--color-gold-dark);

    transform: translateY(-0.2rem) scale(1.05);
}

.hosBioApproach__itemTitle {
    margin: 0;

    color: var(--color-text-dark);

    font-family: "Inter", sans-serif;

    font-size: 1.1rem;

    font-weight: 600;

    line-height: 1.3;

    letter-spacing: 0.025rem;

    text-transform: uppercase;
}

.APPROACH {
    background-image: url(../images/APPROACH_bg.jpg);
    background-position: center;
    background-size: cover;
}

.hosBioApproach__text {
    margin: 0.4rem 0 0;

    color: var(--color-text-medium);

    font-family: "Inter", sans-serif;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.45;

    letter-spacing: 0.005rem;
}

@media (max-width: 62rem) {
    .hosBioApproach {
        padding: 1.3rem 1.2rem 1.4rem;
    }

    .hosBioApproach::after {
        width: 22%;
    }

    .hosBioApproach__heading {
        margin-bottom: 1rem;
    }

    .hosBioApproach__line {
        max-width: 12rem;
    }

    .hosBioApproach__row > div:nth-child(2) .hosBioApproach__item::after {
        display: none;
    }
}

@media (max-width: 48rem) {
    .hosBioApproach {
        padding: 1.5rem 0.8rem 1.7rem;
    }

    .hosBioApproach::after {
        width: 45%;

        opacity: 0.3;
    }

    .hosBioApproach .container-fluid {
        padding: 0 0.3rem;
    }

    .hosBioApproach__heading {
        gap: 0.5rem;

        margin-bottom: 1.2rem;
    }

    .hosBioApproach__line {
        max-width: 6rem;

        .hosBioApproach__row > div:nth-child(odd) .hosBioApproach__item::after {
            display: none;
        }

        .hosBioApproach__row > div:nth-child(even) .hosBioApproach__item::after {
            display: none;
        }

        .hosBioApproach__icon {
            width: 2.5rem;

            height: 2.5rem;

            font-size: 1.8rem;

            margin-bottom: 0.5rem;
        }
    }
    .partner {
        background-image: url(../images/our-brands-phone-bg.jpg) !important;
        display: inline-block !important;
        height: 100vh !important;
    }
    .hosBioApproach__row > div:not(:last-child) .hosBioApproach__item::after {
        background: transparent !important;
    }
    .hosBioApproach__item {
        display: inline-block;
        margin-bottom: 1.2rem;
        width: 100%;
        text-align: left;
        background: var(--color-bg);
        border: 0.08rem solid var(--color-border-light);
        padding: 1.1rem;
    }
    .hosBioApproach__text {
        margin-bottom: 1.2rem;
    }

    @media (max-width: 30rem) {
        .hosBioApproach {
            padding: 1.3rem 0.6rem 1.5rem;
        }

        .hosBioApproach__heading {
            gap: 0.4rem;

            margin-bottom: 2rem;
        }

        .hosBioApproach__line {
            max-width: 3.5rem;
        }

        .hosBioApproach__icon {
            width: 2.3rem;

            height: 2.3rem;

            font-size: 1.65rem;
        }
    }

    @media (max-width: 22rem) {
        .hosBioApproach__line {
            max-width: 2.5rem;
        }
    }
}

.hosBioFooter {
    position: relative;

    width: 100%;

    overflow: hidden;

    background: var(--color-primary-dark);

    color: var(--color-white);

    box-sizing: border-box;
}

.hosBioFooter__container {
    width: 100%;

    max-width: 100rem;

    margin: 0 auto;

    padding: 2.8rem 2.5rem 1.4rem;
}

.hosBioFooter__row {
    align-items: stretch;

    margin: 0 -0.7rem;
}

.hosBioFooter__brand {
    height: 100%;

    padding: 0.1rem 1.2rem 1rem 0;
}

.hosBioFooter__logo {
    display: inline-flex;

    align-items: center;

    gap: 0.35rem;

    margin: 0;

    color: var(--color-white);

    font-family: "Inter", sans-serif;

    font-size: 1.5rem;

    font-weight: 500;

    line-height: 1;

    letter-spacing: -0.04rem;

    text-decoration: none;
}

.hosBioFooter__logoHos {
    color: var(--color-white);
}

.hosBioFooter__logoBio {
    color: var(--color-gold-light);

    font-weight: 500;
}

.hosBioFooter__tagline {
    margin: 0.6rem 0 1.8rem;

    color: rgba(255, 255, 255, 0.7);

    font-family: "Inter", sans-serif;

    font-size: 0.8rem;

    font-weight: 500;

    line-height: 1.45;

    letter-spacing: 0.04rem;

    text-transform: uppercase;
}

.hosBioFooter__social {
    display: flex;

    align-items: center;

    gap: 1rem;
}

.hosBioFooter__social a {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 1.65rem;

    height: 1.65rem;

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

    font-size: 1.1rem;

    text-decoration: none;

    transition:
        color 0.3s ease,
        transform 0.3s ease;
}

.hosBioFooter__social a:hover {
    color: var(--color-white);

    transform: translateY(-0.2rem);
}

.hosBioFooter__column {
    position: relative;

    height: 100%;

    padding: 0.1rem 1.2rem;

    border-left: 0.04rem solid rgba(255, 255, 255, 0.2);
}

.hosBioFooter__heading {
    margin: 0 0 0.85rem;

    color: var(--color-white);

    font-family: "Inter", sans-serif;

    font-size: 1rem;

    font-weight: 600;

    line-height: 1.3;

    letter-spacing: 0.04rem;

    text-transform: uppercase;
}

.hosBioFooter__links {
    display: flex;

    flex-direction: column;

    gap: 0.55rem;

    margin: 0;

    padding: 0;

    list-style: none;
}

.hosBioFooter__links li {
    margin: 0;

    padding: 0;
}

.hosBioFooter__links a {
    display: inline-block;

    color: rgba(255, 255, 255, 0.66);

    font-family: "Inter", sans-serif;

    font-size: 0.8rem;

    font-weight: 400;

    line-height: 1.35;

    text-decoration: none;

    transition:
        color 0.3s ease,
        transform 0.3s ease;
}

.hosBioFooter__links a:hover {
    color: var(--color-gold-light);

    transform: translateX(0.15rem);
}

.hosBioFooter__links sup {
    position: relative;

    top: -0.25rem;

    font-size: 0.35rem;
}

.hosBioFooter__contact {
    display: flex;

    flex-direction: column;

    gap: 0.6rem;
}

.hosBioFooter__contact a {
    display: flex;

    align-items: flex-start;

    gap: 0.55rem;

    color: rgba(255, 255, 255, 0.68);

    font-family: "Inter", sans-serif;

    font-size: 0.8rem;

    font-weight: 400;

    line-height: 1.35;

    text-decoration: none;

    transition: color 0.3s ease;
}

.hosBioFooter__contact a:hover {
    color: var(--color-white);
}

.hosBioFooter__contact i {
    flex: 0 0 auto;

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

    font-size: 0.8rem;

    line-height: 1;
}

.hosBioFooter__newsletterText {
    max-width: 13rem;

    margin: 0 0 1rem;

    color: rgba(255, 255, 255, 0.65);

    font-family: "Inter", sans-serif;

    font-size: 0.8rem;

    font-weight: 400;

    line-height: 1.55;
}

.hosBioFooter__form {
    display: flex;

    align-items: stretch;

    width: 100%;

    max-width: 14rem;

    min-height: 2.5rem;

    overflow: hidden;

    background: var(--color-white);

    border: 0.04rem solid var(--color-border);

    box-sizing: border-box;
}

.hosBioFooter__input {
    width: 100%;

    min-width: 0;

    padding: 0.55rem 0.7rem;

    border: 0;

    outline: none;

    background: var(--color-white);

    color: var(--color-text-dark);

    font-family: "Inter", sans-serif;

    font-size: 0.8rem;

    line-height: 1.2;
}

.hosBioFooter__input::placeholder {
    color: var(--color-text-muted);

    opacity: 1;
}

.hosBioFooter__submit {
    flex: 0 0 2.7rem;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 0;

    background: var(--color-purple);

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

    font-size: 1rem;

    cursor: pointer;

    transition:
        background 0.3s ease,
        color 0.3s ease;
}

.hosBioFooter__submit:hover {
    background: var(--color-gold-dark);

    color: var(--color-white);
}

.hosBioFooter__bottom {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 2rem;

    margin-top: 1.8rem;

    padding-top: 1.1rem;

    border-top: 0.04rem solid rgba(255, 255, 255, 0.12);
}

.hosBioFooter__copyright {
    margin: 0;

    color: rgba(255, 255, 255, 0.48);

    font-family: "Inter", sans-serif;

    font-size: 0.8rem;

    font-weight: 400;

    line-height: 1.4;
}

.hosBioFooter__legal {
    display: flex;

    align-items: center;

    gap: 2rem;
}

.hosBioFooter__legal a {
    color: rgba(255, 255, 255, 0.55);

    font-family: "Inter", sans-serif;

    font-size: 0.8rem;

    font-weight: 400;

    line-height: 1.4;

    text-decoration: none;

    transition: color 0.3s ease;
}

.hosBioFooter__legal a:hover {
    color: var(--color-gold-light);
}

@media (min-width: 90rem) {
    .hosBioFooter__container {
        padding: 3.2rem 3.5rem 1.6rem;
    }

    .hosBioFooter__logo {
        font-size: 1.65rem;
    }
}

@media (max-width: 62rem) {
    .hosBioFooter__container {
        padding: 2.5rem 1.5rem 1.3rem;
    }

    .hosBioFooter__brand {
        padding-right: 1rem;

        margin-bottom: 2rem;
    }

    .hosBioFooter__column {
        min-height: 8rem;

        margin-bottom: 1.8rem;
    }

    .hosBioFooter__row > div:nth-child(4) .hosBioFooter__column {
        border-left: 0;
    }

    .hosBioFooter__newsletter {
        margin-bottom: 0;
    }
}

@media (max-width: 48rem) {
    .hosBioFooter__container {
        padding: 2.5rem 1.2rem 1.3rem;
    }

    .hosBioFooter__row {
        margin: 0;
    }

    .hosBioFooter__brand {
        padding: 0 0 2rem;

        margin-bottom: 0;
    }

    .hosBioFooter__logo {
        font-size: 1.55rem;
    }

    .hosBioFooter__social {
        gap: 0.8rem;
    }

    .hosBioFooter__column {
        min-height: auto;

        margin-bottom: 0;

        padding: 1.5rem 0;

        border-top: 0.04rem solid rgba(255, 255, 255, 0.13);

        border-left: 0;
    }

    .hosBioFooter__contact {
        gap: 0.7rem;
    }

    .hosBioFooter__form {
        max-width: 100%;

        min-height: 2.7rem;
    }

    .hosBioFooter__input {
        font-size: 0.6rem;
    }

    .hosBioFooter__submit {
        flex-basis: 3rem;
    }

    .hosBioFooter__bottom {
        flex-direction: column;

        align-items: flex-start;

        gap: 1rem;

        margin-top: 0.5rem;

        padding-top: 1.3rem;
    }

    .hosBioFooter__legal {
        width: 100%;

        justify-content: space-between;

        gap: 1rem;
    }
}

@media (max-width: 30rem) {
    .hosBioFooter__container {
        padding: 2.2rem 1rem 1.2rem;
    }

    .hosBioFooter__logo {
        font-size: 1.4rem;
    }

    .hosBioFooter__copyright {
        display: flex;
        justify-content: center;
        text-align: center !important;
    }
}

.what-we-do {
    background-image: url(../images/what-we-do-bg.jpg);
    background-position: center;
    background-size: cover;
    height: 100vh;
    display: flex;
    align-items: center;
}

.hosBioWhatWeDo__content {
    margin-top: 4.5rem;
}

.hosBioWhatWeDo {
    position: relative;

    width: 100%;

    min-height: 42rem;

    overflow: hidden;

    background: var(--color-bg-light);

    box-sizing: border-box;
}

.hosBioWhatWeDo .container-fluid {
    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;
}

.hosBioWhatWeDo__row {
    min-height: 42rem;

    margin: 0;
}

.hosBioWhatWeDo__meta {
    display: flex;

    align-items: center;

    gap: 0.7rem;

    margin-bottom: 1.7rem;
}

.hosBioWhatWeDo__number {
    color: var(--color-text-medium);

    font-family: "Inter", sans-serif;

    font-size: 0.7rem;

    font-weight: 500;

    line-height: 1;

    letter-spacing: 0.02rem;
}

.hosBioWhatWeDo__metaLine {
    display: block;

    width: 1.5rem;

    height: 0.04rem;

    background: var(--color-border-dark);
}

.hosBioWhatWeDo__label {
    color: var(--color-text-dark);

    font-family: "Inter", sans-serif;

    font-size: 0.65rem;

    font-weight: 600;

    line-height: 1;

    letter-spacing: 0.08rem;

    text-transform: uppercase;
}

.hosBioWhatWeDo__title {
    margin: 0;

    color: var(--color-text-dark);

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

    font-size: 4rem;

    font-weight: 500;

    line-height: 4.5rem;

    letter-spacing: -0.08rem;
}

.hosBioWhatWeDo__title span {
    color: var(--color-gold-dark);
}

.hosBioWhatWeDo__description {
    margin: 1.8rem 0 0;

    color: var(--color-text-medium);

    font-family: "Inter", sans-serif;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.7;

    letter-spacing: 0.005rem;
}

.hosBioWhatWeDo__divider {
    display: flex;

    align-items: center;

    width: 3.2rem;

    margin-top: 1.7rem;
}

.hosBioWhatWeDo__divider span {
    display: block;

    width: 100%;

    height: 0.08rem;

    background: var(--color-gold);

    position: relative;
}

.hosBioWhatWeDo__divider span::after {
    content: "";

    position: absolute;

    top: 50%;

    right: -0.2rem;

    width: 0.3rem;

    height: 0.3rem;

    background: var(--color-gold);

    transform: translateY(-50%) rotate(45deg);
}

.hosBioWhatWeDo__points {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 1rem;

    margin-top: 1.8rem;
}

.hosBioWhatWeDo__points span {
    position: relative;

    color: var(--color-text-medium);

    font-family: "Inter", sans-serif;

    font-size: 1rem;

    font-weight: 500;

    line-height: 1.4;

    white-space: nowrap;
}

.hosBioWhatWeDo__points span:not(:last-child)::after {
    content: "";

    position: absolute;

    top: 50%;

    right: -0.55rem;

    width: 0.18rem;

    height: 0.18rem;

    border-radius: 50%;

    background: var(--color-gold);
}

.hosBioWhatWeDo__visual {
    position: relative;

    width: 100%;

    height: 42rem;

    overflow: hidden;

    background: var(--color-bg-soft);
}

.hosHeroRangeProduct {
    padding: 1.25rem 1.5rem;
    background: var(--color-bg);
    border: 0.08rem solid var(--color-border-light);
}

.hosBioWhatWeDo__image {
    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

    transform: scale(1.01);

    transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}

.hosBioWhatWeDo__visual:hover .hosBioWhatWeDo__image {
    transform: scale(1.04);
}

.hosBioWhatWeDo__visual::after {
    content: "";

    position: absolute;

    inset: 0;

    background: linear-gradient(90deg, rgba(247, 242, 237, 0.12), transparent 35%);

    pointer-events: none;
}

@media (min-width: 90rem) {
    .hosBioWhatWeDo__visual,
    .hosBioWhatWeDo__row {
        min-height: 45rem;

        height: 45rem;
    }
}

@media (max-width: 62rem) {
    .hosBioWhatWeDo {
        min-height: auto;
    }

    .hosBioWhatWeDo__row {
        min-height: auto;
    }

    .hosBioWhatWeDo__visual {
        height: 32rem;
    }
}

@media (max-width: 48rem) {
    .hosBioWhatWeDo__meta {
        margin-bottom: 1.3rem;

        gap: 0.55rem;
    }

    .hosBioWhatWeDo__number {
        font-size: 0.65rem;
    }

    .hosBioWhatWeDo__label {
        font-size: 0.58rem;

        letter-spacing: 0.06rem;
    }

    .hosBioWhatWeDo__title {
        font-size: 2.1rem;

        line-height: 1.2;

        letter-spacing: -0.06rem;
    }

    .hosBioWhatWeDo__divider {
        margin-top: 1.5rem;
    }

    .hosBioWhatWeDo__visual {
        height: 27rem;
    }
}

@media (max-width: 30rem) {
    .hosBioWhatWeDo__points span:not(:last-child)::after {
        display: none;
    }

    .hosBioWhatWeDo__content {
        margin-top: 3.5rem;
    }

    .hosBioWhatWeDo__visual {
        height: 23rem;
    }
}

@media (max-width: 22rem) {
    .hosBioWhatWeDo__visual {
        height: 20rem;
    }
}

.hosBioProcess {
    position: relative;

    width: 100%;

    overflow: hidden;

    background: var(--color-bg-light);

    box-sizing: border-box;
}

.hosBioProcess .container-fluid {
    width: 100%;

    max-width: 100rem;

    margin: 0 auto;

    padding: 0 1rem;
}

.hosBioProcess__header {
    width: 100%;

    margin-bottom: 2rem;
}

.hosBioProcess__headingWrap {
    display: flex;

    flex-direction: column;

    align-items: flex-start;
}

.hosBioProcess__heading {
    margin: 0;

    color: var(--color-text-dark);

    font-family: "Inter", sans-serif;

    font-size: 0.85rem;

    font-weight: 600;

    line-height: 1.4;

    letter-spacing: 0.08rem;

    text-transform: uppercase;
}

.hosBioProcess__headingLine {
    display: block;

    width: 3.2rem;

    height: 0.08rem;

    margin-top: 0.75rem;

    background: var(--color-gold);

    position: relative;
}

.hosBioProcess__headingLine::after {
    content: "";

    position: absolute;

    top: 50%;

    right: -0.2rem;

    width: 0.25rem;

    height: 0.25rem;

    background: var(--color-gold);

    transform: translateY(-50%) rotate(45deg);
}

.hosBioProcess__row {
    width: 100%;

    margin: 0;
}

.hosBioProcess__item {
    position: relative;

    min-height: 10rem;

    padding: 0.5rem 2rem 1rem;

    border-right: 0.04rem solid var(--color-border-light);

    box-sizing: border-box;

    transition:
        background 0.4s ease,
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.hosBioProcess__item:hover {
    background: rgba(255, 255, 255, 0.3);

    transform: translateY(-0.15rem);
}

/* Last item */
.hosBioProcess__row > div:last-child .hosBioProcess__item {
    border-right: 0;
}

.hosBioProcess__top {
    position: relative;

    display: flex;

    align-items: flex-start;

    min-height: 4.2rem;
}

.hosBioProcess__number {
    color: rgba(178, 138, 74, 0.18);

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

    font-size: 3.2rem;

    font-weight: 400;

    line-height: 0.85;

    letter-spacing: -0.05rem;
}

.hosBioProcess__icon {
    position: absolute;

    left: 3.6rem;

    top: 0.05rem;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 2.8rem;

    height: 2.8rem;

    color: var(--color-gold-dark);

    font-size: 2.3rem;

    line-height: 1;

    transition:
        transform 0.4s ease,
        color 0.3s ease;
}

.hosBioProcess__item:hover .hosBioProcess__icon {
    color: var(--color-primary);

    transform: translateY(-0.2rem) scale(1.05);
}

.hosBioProcess__content {
    max-width: 13rem;

    margin-top: 0.8rem;

    margin-left: 3.6rem;
}

.hosBioProcess__title {
    margin: 0 0 0.65rem;

    color: var(--color-text-dark);

    font-family: "Inter", sans-serif;

    font-size: 1rem;

    font-weight: 700;

    line-height: 1.3;

    letter-spacing: 0.02rem;

    text-transform: uppercase;
}

.hosBioProcess__text {
    margin: 0;

    color: var(--color-text-medium);

    font-family: "Inter", sans-serif;

    font-size: 0.9rem;

    font-weight: 400;

    line-height: 1.65;

    letter-spacing: 0.005rem;
}

.hosBioProcess__arrow {
    position: absolute;

    top: 5.3rem;

    right: -0.7rem;

    z-index: 5;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 1.4rem;

    height: 1.4rem;

    color: var(--color-gold-dark);

    background: var(--color-bg-light);

    font-size: 1.25rem;

    line-height: 1;

    transition: transform 0.4s ease;
}

.hosBioProcess__item:hover .hosBioProcess__arrow {
    transform: translateX(0.2rem);
}

/* Hide arrow on last item */
.hosBioProcess__row > div:last-child .hosBioProcess__arrow {
    display: none;
}

@media (min-width: 90rem) {
    .hosBioProcess {
        padding: 3rem 3rem 3.5rem;
    }

    .hosBioProcess__heading {
        font-size: 0.9rem;
    }

    .hosBioProcess__item {
        min-height: 16rem;

        padding-left: 2.5rem;

        padding-right: 2.5rem;
    }

    .hosBioProcess__number {
        font-size: 3.5rem;
    }

    .hosBioProcess__icon {
        left: 4rem;

        font-size: 2.5rem;
    }

    .hosBioProcess__content {
        margin-left: 4rem;

        max-width: 15rem;
    }
}

@media (max-width: 62rem) {
    .hosBioProcess {
        padding: 2.5rem 1.5rem 3rem;
    }

    .hosBioProcess .container-fluid {
        padding: 0;
    }

    .hosBioProcess__item {
        min-height: 16rem;

        padding: 0.5rem 2rem 2rem;
    }

    /* Remove right border from 2nd item */
    .hosBioProcess__row > div:nth-child(2) .hosBioProcess__item {
        border-right: 0;
    }

    /* Add bottom border */
    .hosBioProcess__row > div:nth-child(1) .hosBioProcess__item,
    .hosBioProcess__row > div:nth-child(2) .hosBioProcess__item {
        border-bottom: 0.04rem solid var(--color-border-light);
    }

    .hosBioProcess__arrow {
        display: none;
    }
}

@media (max-width: 48rem) {
    .hosBioProcess {
        padding: 2.8rem 1.2rem 3rem;
    }

    .hosBioProcess__header {
        margin-bottom: 2rem;
    }

    .hosBioProcess__heading {
        font-size: 0.78rem;

        letter-spacing: 0.06rem;

        line-height: 1.5;
    }

    .hosBioProcess__headingLine {
        width: 3rem;

        margin-top: 0.65rem;
    }

    .hosBioProcess__item {
        min-height: auto;

        padding: 1.7rem 0.5rem 2rem;

        border-right: 0;

        border-bottom: 0.04rem solid var(--color-border-light);
    }

    .hosBioProcess__row > div:last-child .hosBioProcess__item {
        border-bottom: 0;
    }

    .hosBioProcess__top {
        min-height: 4.5rem;
    }

    .hosBioProcess__number {
        font-size: 3.5rem;
    }

    .hosBioProcess__icon {
        left: 4rem;

        width: 3rem;

        height: 3rem;

        font-size: 2.4rem;
    }

    .hosBioProcess__content {
        max-width: 100%;

        margin-top: 0.8rem;

        margin-left: 4rem;
    }

    .hosBioProcess__arrow {
        display: none;
    }
}

@media (max-width: 30rem) {
    .hosBioProcess {
        padding: 2.5rem 1rem 2.8rem;
    }

    .hosBioProcess__heading {
        font-size: 0.72rem;

        letter-spacing: 0.045rem;
    }

    .hosBioProcess__item {
        padding: 1.5rem 0.3rem 1.8rem;
    }

    .hosBioProcess__number {
        font-size: 3.2rem;
    }

    .hosBioProcess__icon {
        left: 3.7rem;

        font-size: 2.2rem;
    }

    .hosBioProcess__content {
        margin-left: 3.7rem;
    }
}

@media (max-width: 22rem) {
    .hosBioProcess__heading {
        font-size: 0.68rem;
    }

    .hosBioProcess__number {
        font-size: 3rem;
    }

    .hosBioProcess__icon {
        left: 3.5rem;

        font-size: 2rem;
    }

    .hosBioProcess__content {
        margin-left: 3.5rem;
    }
}

.hosBioFormulation {
    position: relative;

    width: 100%;

    overflow: hidden;

    background: var(--color-bg-light);

    box-sizing: border-box;
}

.hosBioFormulation .container-fluid {
    width: 100%;

    max-width: 100rem;

    margin: 0 auto;

    padding: 0 1rem;
}

.hosBioFormulation__header {
    width: 100%;

    margin-bottom: 1.7rem;
}

.hosBioFormulation__heading {
    margin: 0;

    color: var(--color-text-dark);

    font-family: "Inter", sans-serif;

    font-size: 0.85rem;

    font-weight: 700;

    line-height: 1.4;

    letter-spacing: 0.08rem;

    text-transform: uppercase;
}

.hosBioFormulation__row {
    width: 100%;

    margin: 0;
}

.hosBioFormulation__item {
    position: relative;

    min-height: 12rem;

    padding: 0.5rem 2rem 0.8rem;

    border-right: 0.04rem solid var(--color-border);

    box-sizing: border-box;

    transition: background 0.35s ease;
}

/* Last item */

.hosBioFormulation__row > div:last-child .hosBioFormulation__item {
    border-right: 0;
}

/* Hover */

.hosBioFormulation__item:hover {
    background: rgba(255, 255, 255, 0.28);
}

.hosBioFormulation__top {
    display: flex;

    align-items: flex-start;

    gap: 1.1rem;
}

.hosBioFormulation__icon {
    flex: 0 0 auto;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 3.2rem;

    height: 3.2rem;

    margin-top: 0.05rem;

    border: 0.08rem solid var(--color-champagne);

    border-radius: 50%;

    color: var(--color-gold-dark);

    font-size: 1.7rem;

    line-height: 1;

    box-sizing: border-box;

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

.hosBioFormulation__item:hover .hosBioFormulation__icon {
    background: rgba(216, 194, 155, 0.14);

    transform: translateY(-0.15rem);
}

.hosBioFormulation__content {
    flex: 1;

    min-width: 0;
}

.hosBioFormulation__title {
    margin: 0 0 0.45rem;

    color: var(--color-text-dark);

    font-family: "Inter", sans-serif;

    font-size: 1rem;

    font-weight: 700;

    line-height: 1.35;

    letter-spacing: 0.015rem;

    text-transform: uppercase;
}

.hosBioFormulation__title sup {
    position: relative;

    top: -0.2rem;

    font-size: 0.4rem;
}

.hosBioFormulation__text {
    margin: 0;

    color: var(--color-text-medium);

    font-family: "Inter", sans-serif;

    font-size: 0.9rem;

    font-weight: 400;

    line-height: 1.55;
}

.hosBioFormulation__ksmBadge {
    display: flex;

    align-items: center;

    gap: 0.7rem;

    margin: 1.2rem 0 0 4.3rem;
}

.hosBioFormulation__ksmSymbol {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 1.8rem;

    height: 1.8rem;

    flex: 0 0 1.8rem;

    border-radius: 50%;

    background: var(--color-primary);

    color: var(--color-white);

    font-family: "Inter", sans-serif;

    font-size: 0.85rem;

    font-weight: 700;
}

.hosBioFormulation__ksmSymbol span {
    transform: rotate(-10deg);
}

.hosBioFormulation__ksmText {
    display: flex;

    flex-direction: column;

    gap: 0.08rem;
}

.hosBioFormulation__ksmText strong {
    color: var(--color-text-dark);

    font-family: "Inter", sans-serif;

    font-size: 0.65rem;

    font-weight: 700;

    line-height: 1.2;
}

.hosBioFormulation__ksmText > span {
    color: var(--color-text-dark);

    font-family: "Inter", sans-serif;

    font-size: 0.58rem;

    font-weight: 600;

    line-height: 1.2;
}

.hosBioFormulation__ksmText small {
    margin-top: 0.2rem;

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

    font-family: "Inter", sans-serif;

    font-size: 0.38rem;

    font-weight: 600;

    line-height: 1.2;

    letter-spacing: 0.04rem;
}

.hosBioFormulation__iconBadge {
    flex-direction: column;

    gap: 0;

    font-family: "Inter", sans-serif;
}

.hosBioFormulation__iconBadge span {
    font-size: 0.9rem;

    font-weight: 600;

    line-height: 1;
}

.hosBioFormulation__iconBadge small {
    margin-top: 0.1rem;

    font-size: 0.55rem;

    font-weight: 500;

    line-height: 1;
}

.hosBioFormulation__bottomInfo {
    display: flex;

    flex-direction: column;

    margin: 1.2rem 0 0 4.3rem;
}

.hosBioFormulation__bottomInfo strong {
    color: var(--color-text-dark);

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

    font-size: 1.8rem;

    font-weight: 500;

    line-height: 1;
}

.hosBioFormulation__bottomInfo span {
    margin-top: 0.35rem;

    color: var(--color-text-dark);

    font-family: "Inter", sans-serif;

    font-size: 0.52rem;

    font-weight: 600;

    line-height: 1.3;

    letter-spacing: 0.025rem;

    text-transform: uppercase;
}

.hosBioFormulation__miniFeatures {
    display: flex;

    align-items: flex-start;

    gap: 1.5rem;

    margin: 1.4rem 0 0 4.3rem;
}

.hosBioFormulation__miniItem {
    display: flex;

    align-items: flex-start;

    gap: 0.55rem;
}

.hosBioFormulation__miniItem i {
    flex: 0 0 auto;

    color: var(--color-text-dark);

    font-size: 1.25rem;

    line-height: 1;
}

.hosBioFormulation__miniItem span {
    color: var(--color-text-dark);

    font-family: "Inter", sans-serif;

    font-size: 0.5rem;

    font-weight: 600;

    line-height: 1.45;

    text-transform: uppercase;
}

@media (min-width: 90rem) {
    .hosBioFormulation {
        padding: 2.5rem 3rem 2.7rem;
    }

    .hosBioFormulation__heading {
        font-size: 0.92rem;
    }

    .hosBioFormulation__item {
        min-height: 13rem;

        padding: 0.6rem 2.5rem 1rem;
    }

    .hosBioFormulation__icon {
        width: 3.4rem;

        height: 3.4rem;

        font-size: 1.8rem;
    }
}

@media (max-width: 62rem) {
    .hosBioFormulation {
        padding: 2rem 1.5rem 2.5rem;
    }

    .hosBioFormulation__item {
        min-height: 13rem;

        padding: 0.7rem 1.7rem 1.5rem;
    }

    /* Second column ends row */

    .hosBioFormulation__row > div:nth-child(2) .hosBioFormulation__item {
        border-right: 0;
    }

    /* Bottom borders */

    .hosBioFormulation__row > div:nth-child(1) .hosBioFormulation__item,
    .hosBioFormulation__row > div:nth-child(2) .hosBioFormulation__item {
        border-bottom: 0.04rem solid var(--color-border);
    }

    .hosBioFormulation__ksmBadge,
    .hosBioFormulation__bottomInfo,
    .hosBioFormulation__miniFeatures {
        margin-left: 4.3rem;
    }
}

@media (max-width: 48rem) {
    .hosBioFormulation {
        padding: 2.5rem 1.2rem 2.8rem;
    }

    .hosBioFormulation .container-fluid {
        padding: 0 0.4rem;
    }

    .hosBioFormulation__header {
        margin-bottom: 1rem;
    }

    .hosBioFormulation__heading {
        font-size: 0.8rem;

        line-height: 1.5;

        letter-spacing: 0.055rem;
    }

    .hosBioFormulation__item {
        min-height: auto;

        padding: 2rem 0.4rem 2.2rem;

        border-right: 0;

        border-bottom: 0.04rem solid var(--color-border);
    }

    .hosBioFormulation__row > div:last-child .hosBioFormulation__item {
        border-bottom: 0;
    }

    .hosBioFormulation__top {
        gap: 1.2rem;
    }

    .hosBioFormulation__icon {
        width: 3.6rem;

        height: 3.6rem;

        flex-basis: 3.6rem;

        font-size: 1.9rem;
    }

    .hosBioFormulation__ksmBadge {
        margin: 1.4rem 0 0 4.8rem;
    }

    .hosBioFormulation__bottomInfo {
        margin: 1.4rem 0 0 4.8rem;
    }

    .hosBioFormulation__bottomInfo strong {
        font-size: 2rem;
    }

    .hosBioFormulation__bottomInfo span {
        font-size: 0.58rem;
    }

    .hosBioFormulation__miniFeatures {
        margin: 1.5rem 0 0 4.8rem;

        gap: 2rem;
    }

    .hosBioFormulation__miniItem i {
        font-size: 1.45rem;
    }

    .hosBioFormulation__miniItem span {
        font-size: 0.55rem;

        line-height: 1.5;
    }

    .hosBioFormulation__ksmText strong {
        font-size: 0.7rem;
    }

    .hosBioFormulation__ksmText > span {
        font-size: 0.62rem;
    }

    .hosBioFormulation__ksmText small {
        font-size: 0.4rem;
    }
}

@media (max-width: 30rem) {
    .hosBioFormulation {
        padding: 2.2rem 1rem 2.5rem;
    }

    .hosBioFormulation__heading {
        font-size: 0.74rem;

        letter-spacing: 0.04rem;
    }

    .hosBioFormulation__item {
        padding: 1.8rem 0.2rem 2rem;
    }

    .hosBioFormulation__top {
        gap: 1rem;
    }

    .hosBioFormulation__icon {
        width: 3.3rem;

        height: 3.3rem;

        flex-basis: 3.3rem;

        font-size: 1.7rem;
    }

    .hosBioFormulation__ksmBadge,
    .hosBioFormulation__bottomInfo,
    .hosBioFormulation__miniFeatures {
        margin-left: 4.3rem;
    }

    .hosBioFormulation__bottomInfo strong {
        font-size: 1.8rem;
    }

    .hosBioFormulation__bottomInfo span {
        font-size: 0.54rem;
    }

    .hosBioFormulation__miniItem span {
        font-size: 0.52rem;
    }
}

@media (max-width: 22rem) {
    .hosBioFormulation__heading {
        font-size: 0.68rem;
    }

    .hosBioFormulation__icon {
        width: 3rem;

        height: 3rem;

        flex-basis: 3rem;
    }

    .hosBioFormulation__ksmBadge,
    .hosBioFormulation__bottomInfo,
    .hosBioFormulation__miniFeatures {
        margin-left: 4rem;
    }
}

.hosBioFormat .container-fluid {
    width: 100%;

    max-width: 100rem;

    margin: 0 auto;

    padding: 0 1rem;
}

.hosBioFormat__header {
    display: flex;

    flex-direction: column;

    align-items: flex-start;

    margin-bottom: 1.2rem;
}

.hosBioFormat__heading {
    margin: 0;

    color: var(--color-text-dark);

    font-family: "Inter", sans-serif;

    font-size: 0.85rem;

    font-weight: 700;

    line-height: 1.4;

    letter-spacing: 0.07rem;

    text-transform: uppercase;
}

.hosBioFormat__line {
    display: block;

    width: 3.1rem;

    height: 0.08rem;

    margin-top: 0.65rem;

    background: var(--color-gold);

    position: relative;
}

.hosBioFormat__line::after {
    content: "";

    position: absolute;

    right: -0.2rem;

    top: 50%;

    width: 0.25rem;

    height: 0.25rem;

    background: var(--color-gold);

    transform: translateY(-50%) rotate(45deg);
}

.hosBioFormat__row {
    width: 100%;

    margin: 0;
}

.hosBioFormat__card_1 {
    background-image: url(../images/HONEY_STICK.jpg);
    width: 100%;
    height: 250px;
    border-radius: 10px;
    background-position: center;
    background-size: cover;
}

.hosBioFormat__card_2 {
    background-image: url(../images/CAPSULE_CREAM.jpg);
    width: 100%;
    height: 250px;
    border-radius: 10px;
    background-position: center;
    background-size: cover;
}

.hosBioFormat__card_3 {
    background-image: url(../images/CAN.jpg);
    width: 100%;
    height: 250px;
    border-radius: 10px;
    background-position: center;
    background-size: cover;
}

.hosBioFormat__content {
    position: relative;

    z-index: 3;

    width: 52%;

    padding: 1.4rem 1.3rem;
}

.hosBioFormat__title {
    margin: 0 0 0.5rem;

    color: var(--color-text-dark);

    font-family: "Inter", sans-serif;

    font-size: 1rem;

    font-weight: 700;

    line-height: 1.3;

    letter-spacing: 0.015rem;

    text-transform: uppercase;
}

.hosBioFormat__description {
    max-width: 12rem;

    margin: 0;

    color: var(--color-text-medium);

    font-family: "Inter", sans-serif;

    font-size: 0.9rem;

    font-weight: 400;

    line-height: 1.55;
}

.hosBioFormat__list {
    display: flex;

    flex-direction: column;

    gap: 0.55rem;

    margin: 1.25rem 0 0;

    padding: 0;

    list-style: none;
}

.hosBioFormat__list li {
    display: flex;

    align-items: center;

    gap: 0.45rem;

    color: var(--color-text-medium);

    font-family: "Inter", sans-serif;

    font-size: 0.9rem;

    font-weight: 400;

    line-height: 1.35;
}

.hosBioFormat__list li i {
    flex: 0 0 auto;

    color: var(--color-gold-dark);

    font-size: 0.8rem;

    line-height: 1;
}

.hosBioFormat__visual {
    position: absolute;

    right: 0;

    bottom: 0;

    z-index: 2;

    width: 62%;

    height: 100%;

    pointer-events: none;
}

.hosBioFormat__image {
    display: block;

    width: 100%;

    height: 100%;

    object-fit: contain;

    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.hosBioFormat__card:hover .hosBioFormat__image {
    transform: scale(1.06) translateY(-0.2rem);
}

.hosBioFormat__visual--honey {
    width: 64%;

    right: -0.8rem;

    bottom: -0.5rem;
}

.hosBioFormat__visual--cream {
    width: 63%;

    right: -0.4rem;

    bottom: -0.3rem;
}

.hosBioFormat__visual--can {
    width: 45%;

    right: 1rem;

    bottom: -0.4rem;
}

@media (min-width: 90rem) {
    .hosBioFormat {
        padding: 2.8rem 3rem 3.4rem;
    }

    .hosBioFormat__heading {
        font-size: 0.92rem;
    }

    .hosBioFormat__card {
        min-height: 17rem;
    }

    .hosBioFormat__content {
        padding: 1.6rem 1.7rem;
    }

    .hosBioFormat__visual--honey {
        width: 65%;
    }

    .hosBioFormat__visual--cream {
        width: 64%;
    }

    .hosBioFormat__visual--can {
        width: 47%;

        right: 1.5rem;
    }
}

@media (max-width: 62rem) {
    .hosBioFormat {
        padding: 2.3rem 1.5rem 3rem;
    }

    .hosBioFormat .container-fluid {
        padding: 0;
    }

    .hosBioFormat__card {
        min-height: 17rem;
    }

    .hosBioFormat__content {
        width: 55%;

        padding: 1.5rem 1.4rem;
    }

    .hosBioFormat__visual {
        width: 62%;
    }

    /* Remove border on second item */

    .hosBioFormat__row > div:nth-child(2) .hosBioFormat__card {
        border-right: 0;
    }

    /* Bottom borders */

    .hosBioFormat__row > div:nth-child(1) .hosBioFormat__card,
    .hosBioFormat__row > div:nth-child(2) .hosBioFormat__card {
        border-bottom: 0.04rem solid var(--color-border-light);
    }
}

@media (max-width: 48rem) {
    .hosBioFormat {
        padding: 2.8rem 1.2rem 3rem;
    }

    .hosBioFormat__heading {
        font-size: 0.82rem;

        line-height: 1.5;

        letter-spacing: 0.05rem;
    }

    .hosBioFormat__header {
        margin-bottom: 1.4rem;
    }

    .hosBioFormat__card {
        min-height: 20rem;

        margin-bottom: 1rem;

        border: 0.04rem solid var(--color-border-light) !important;
    }

    .hosBioFormat__row > div:last-child .hosBioFormat__card {
        margin-bottom: 0;
    }

    .hosBioFormat__content {
        width: 58%;

        padding: 1.8rem 1.5rem;
    }

    .hosBioFormat__list {
        gap: 0.7rem;

        margin-top: 1.5rem;
    }

    .hosBioFormat__list li i {
        font-size: 0.9rem;
    }

    .hosBioFormat__visual {
        width: 65%;

        right: -1rem;
    }

    .hosBioFormat__visual--honey {
        width: 68%;

        right: -1.2rem;
    }

    .hosBioFormat__visual--cream {
        width: 67%;

        right: -0.7rem;
    }

    .hosBioFormat__visual--can {
        width: 49%;

        right: 1rem;
    }
}

@media (max-width: 30rem) {
    .hosBioFormat {
        padding: 2.5rem 1rem 2.7rem;
    }

    .hosBioFormat__heading {
        font-size: 0.76rem;

        letter-spacing: 0.035rem;
    }

    .hosBioFormat__card {
        min-height: 19rem;
    }

    .hosBioFormat__content {
        width: 61%;

        padding: 1.6rem 1.2rem;
    }

    .hosBioFormat__list {
        gap: 0.6rem;

        margin-top: 1.3rem;
    }

    .hosBioFormat__visual--honey {
        width: 67%;

        right: -1.2rem;
    }

    .hosBioFormat__visual--cream {
        width: 66%;

        right: -0.7rem;
    }

    .hosBioFormat__visual--can {
        width: 48%;

        right: 0.8rem;
    }
}

@media (max-width: 22rem) {
    .hosBioFormat__heading {
        font-size: 0.7rem;
    }

    .hosBioFormat__card {
        min-height: 18rem;
    }

    .hosBioFormat__content {
        width: 63%;

        padding: 1.4rem 1rem;
    }
}

.hosBioChannel {
    background-image: url(../images/FACTORY_BG.jpg);
    background-position: center;
    background-size: cover;
}

.hosBioChannel__row {
    width: 100%;

    min-height: 16rem;

    margin: 0;
}

.hosBioChannel__header {
    display: flex;

    flex-direction: column;

    align-items: flex-start;

    margin-bottom: 1.2rem;
}

.hosBioChannel__heading {
    margin: 0;

    color: var(--color-text-dark);

    font-family: "Inter", sans-serif;

    font-size: 0.85rem;

    font-weight: 700;

    line-height: 1.4;

    letter-spacing: 0.07rem;

    text-transform: uppercase;
}

.hosBioChannel__line {
    position: relative;

    display: block;

    width: 3rem;

    height: 0.08rem;

    margin-top: 0.6rem;

    background: var(--color-gold);
}

.hosBioChannel__line::after {
    content: "";

    position: absolute;

    top: 50%;

    right: -0.2rem;

    width: 0.25rem;

    height: 0.25rem;

    background: var(--color-gold);

    transform: translateY(-50%) rotate(45deg);
}

.hosBioChannel__features {
    width: 100%;

    margin: 0;
}

.hosBioChannel__item {
    display: flex;

    align-items: flex-start;

    padding: 1rem;

    border-right: 0.04rem solid var(--color-border);

    box-sizing: border-box;

    transition:
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        background 0.4s ease;
}

/* Remove last border */

.hosBioChannel__features > div:last-child .hosBioChannel__item {
    border-right: 0;
}

.hosBioChannel__icon {
    flex: 0 0 auto;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 3.3rem;

    height: 3.3rem;

    margin-right: 1rem;

    border: 0.08rem solid var(--color-champagne);

    border-radius: 50%;

    color: var(--color-gold-dark);

    font-size: 1.65rem;

    line-height: 1;

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

/* Icon hover */

.hosBioChannel__item:hover .hosBioChannel__icon {
    background: rgba(216, 194, 155, 0.14);

    transform: translateY(-0.2rem) scale(1.04);
}

.hosBioChannel__details {
    flex: 1;

    min-width: 0;
}

.hosBioChannel__title {
    margin: 0 0 0.45rem;

    color: var(--color-text-dark);

    font-family: "Inter", sans-serif;

    font-size: 1rem;

    font-weight: 700;

    line-height: 1.35;

    letter-spacing: 0.015rem;

    text-transform: uppercase;
}

.hosBioChannel__text {
    max-width: 12rem;

    margin: 0;

    color: var(--color-text-medium);

    font-family: "Inter", sans-serif;

    font-size: 0.9rem;

    font-weight: 400;

    line-height: 1.6;
}

.hosBioChannel__visual {
    position: relative;

    width: 100%;

    height: 16rem;

    overflow: hidden;

    background: var(--color-bg-soft);
}

.hosBioChannel__image {
    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.hosBioChannel__visual::after {
    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    background: linear-gradient(90deg, rgba(247, 242, 237, 0.12), transparent 45%);
}

.hosBioChannel__visual:hover .hosBioChannel__image {
    transform: scale(1.05);
}

@media (min-width: 90rem) {
    .hosBioChannel__row {
        min-height: 18rem;
    }

    .hosBioChannel__content {
        padding: 1.8rem 3rem 2rem;
    }

    .hosBioChannel__heading {
        font-size: 0.92rem;
    }

    .hosBioChannel__header {
        margin-bottom: 1.4rem;
    }

    .hosBioChannel__item {
        min-height: 8.5rem;

        padding: 0.5rem 2rem;
    }

    .hosBioChannel__icon {
        width: 3.6rem;

        height: 3.6rem;

        font-size: 1.8rem;

        margin-right: 1.2rem;
    }

    .hosBioChannel__visual {
        height: 18rem;
    }
}

@media (max-width: 62rem) {
    .hosBioChannel__row {
        min-height: auto;
    }

    .hosBioChannel__content {
        padding: 2rem 1.5rem 2rem;
    }

    .hosBioChannel__heading {
        font-size: 0.82rem;
    }

    .hosBioChannel__item {
        min-height: 8.5rem;

        padding: 0.5rem 1.3rem;
    }

    .hosBioChannel__features > div:nth-child(2) .hosBioChannel__item {
        border-right: 0;
    }

    .hosBioChannel__features > div:nth-child(1) .hosBioChannel__item,
    .hosBioChannel__features > div:nth-child(2) .hosBioChannel__item {
        border-bottom: 0.04rem solid var(--color-border);
    }

    .hosBioChannel__icon {
        width: 3.4rem;

        height: 3.4rem;

        font-size: 1.7rem;

        margin-right: 1rem;
    }

    .hosBioChannel__visual {
        height: 24rem;
    }
}

@media (max-width: 48rem) {
    .hosBioChannel {
        padding: 0;
    }

    .hosBioChannel__content {
        padding: 2.8rem 1.3rem 1rem;
    }

    .hosBioChannel__header {
        margin-bottom: 1rem;
    }

    .hosBioChannel__heading {
        font-size: 0.82rem;

        line-height: 1.5;

        letter-spacing: 0.045rem;
    }

    .hosBioChannel__line {
        width: 3.2rem;

        margin-top: 0.7rem;
    }

    .hosBioChannel__item {
        min-height: auto;

        padding: 1.5rem 0.5rem 1.7rem;

        border-right: 0;

        border-bottom: 0.04rem solid var(--color-border);
    }

    .hosBioChannel__features > div:last-child .hosBioChannel__item {
        border-bottom: 0;
    }

    .hosBioChannel__icon {
        width: 3.7rem;

        height: 3.7rem;

        margin-right: 1.2rem;

        font-size: 1.9rem;
    }

    .hosBioChannel__visual {
        height: 20rem;
    }
}

@media (max-width: 30rem) {
    .hosBioChannel__content {
        padding: 2.5rem 1rem 0.8rem;
    }

    .hosBioChannel__heading {
        font-size: 0.76rem;

        line-height: 1.55;
    }

    .hosBioChannel__item {
        padding: 1.4rem 0.3rem 1.6rem;
    }

    .hosBioChannel__icon {
        width: 3.4rem;

        height: 3.4rem;

        flex-basis: 3.4rem;

        margin-right: 1rem;

        font-size: 1.75rem;
    }

    .hosBioChannel__visual {
        height: 17rem;
    }
}

@media (max-width: 22rem) {
    .hosBioChannel__heading {
        font-size: 0.72rem;
    }

    .hosBioChannel__item {
        padding: 1.3rem 0.2rem 1.5rem;
    }

    .hosBioChannel__icon {
        width: 3.2rem;

        height: 3.2rem;

        flex-basis: 3.2rem;

        font-size: 1.6rem;
    }

    .hosBioChannel__visual {
        height: 15rem;
    }
}

.our-brands {
    background-image: url(../images/our-brands-bg.jpg);
    background-position: center;
    background-size: cover;
}

.hosBioBrandsIntro {
    position: relative;

    width: 100%;

    min-height: 32rem;

    overflow: hidden;

    background: var(--color-bg-light);

    box-sizing: border-box;
}

.hosBioBrandsIntro .container-fluid {
    width: 100%;

    max-width: 100rem;

    margin: 0 auto;

    padding: 0 2.5rem;
}

.hosBioBrandsIntro__wrapper {
    position: relative;

    width: 100%;

    padding: 2.4rem 0 2.8rem;
}

.hosBioBrandsIntro__meta {
    display: flex;

    align-items: center;

    gap: 0.75rem;

    margin-bottom: 1.3rem;

    animation: hosBrandsFadeUp 0.8s ease both;
}

.hosBioBrandsIntro__number {
    color: var(--color-gold-dark);

    font-family: "Inter", sans-serif;

    font-size: 0.7rem;

    font-weight: 600;

    line-height: 1;

    letter-spacing: 0.02rem;
}

.hosBioBrandsIntro__metaDivider {
    display: block;

    width: 0.05rem;

    height: 0.9rem;

    background: var(--color-border-dark);
}

.hosBioBrandsIntro__metaText {
    color: var(--color-text-dark);

    font-family: "Inter", sans-serif;

    font-size: 0.7rem;

    font-weight: 700;

    line-height: 1;

    letter-spacing: 0.09rem;
}

.hosBioBrandsIntro__title {
    display: flex;

    flex-direction: column;

    align-items: flex-start;

    margin: 0;

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

    font-size: clamp(2.8rem, 4vw, 4.4rem);

    font-weight: 500;

    line-height: 0.98;

    letter-spacing: -0.08rem;

    animation: hosBrandsFadeUp 0.9s 0.1s ease both;
}

.hosBioBrandsIntro__titleDark {
    display: block;

    color: var(--color-text-dark);
}

.hosBioBrandsIntro__titleGold {
    display: block;

    color: var(--color-gold-dark);

    margin-top: 0.15rem;
}

.hosBioBrandsIntro__divider {
    position: relative;

    width: 3.4rem;

    height: 0.08rem;

    margin: 1.25rem 0 1.2rem;

    background: var(--color-gold);

    animation: hosBrandsLine 0.8s 0.3s ease both;
}

.hosBioBrandsIntro__divider span {
    position: absolute;

    top: 50%;

    right: -0.2rem;

    width: 0.25rem;

    height: 0.25rem;

    background: var(--color-gold);

    transform: translateY(-50%) rotate(45deg);
}

.hosBioBrandsIntro__description {
    margin-bottom: 2.1rem;

    animation: hosBrandsFadeUp 0.9s 0.25s ease both;
}

.hosBioBrandsIntro__description p {
    max-width: 30rem;

    margin: 0;

    color: var(--color-text-medium);

    font-family: "Inter", sans-serif;

    font-size: 0.9rem;

    font-weight: 400;

    line-height: 1.65;
}

.hosBioBrandsIntro__features {
    width: 100%;

    margin: 0;

    animation: hosBrandsFadeUp 1s 0.35s ease both;
}

.hosBioBrandsIntro__feature {
    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: flex-start;

    padding: 0rem 0.4rem;

    border-right: 0.05rem solid var(--color-border);

    text-align: center;

    box-sizing: border-box;
}

/* Remove last desktop border */

.hosBioBrandsIntro__features > div:last-child .hosBioBrandsIntro__feature {
    border-right: 0;
}

.hosBioBrandsIntro__icon {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 2.7rem;

    height: 2.7rem;

    margin-bottom: 0.65rem;

    color: var(--color-gold-dark);

    font-size: 1.7rem;

    line-height: 1;

    transition: transform 0.4s ease;
}

/* Icon hover */

.hosBioBrandsIntro__feature:hover .hosBioBrandsIntro__icon {
    transform: scale(1.08) translateY(-0.1rem);
}

.hosBioBrandsIntro__featureText {
    margin: 0;

    color: var(--color-text-medium);

    font-family: "Inter", sans-serif;

    font-size: 0.9rem;

    font-weight: 400;

    line-height: 1.6;
}

@keyframes hosBrandsFadeUp {
    from {
        opacity: 0;

        transform: translateY(1rem);
    }

    to {
        opacity: 1;

        transform: translateY(0);
    }
}

@keyframes hosBrandsLine {
    from {
        width: 0;
    }

    to {
        width: 3.4rem;
    }
}

@media (min-width: 90rem) {
    .hosBioBrandsIntro {
        min-height: 36rem;
    }

    .hosBioBrandsIntro .container-fluid {
        padding: 0 3rem;
    }

    .hosBioBrandsIntro__wrapper {
        padding: 3rem 0 3.4rem;
    }

    .hosBioBrandsIntro__meta {
        margin-bottom: 1.5rem;
    }

    .hosBioBrandsIntro__number,
    .hosBioBrandsIntro__metaText {
        font-size: 0.78rem;
    }

    .hosBioBrandsIntro__description {
        margin-bottom: 2.4rem;
    }

    .hosBioBrandsIntro__icon {
        width: 3rem;

        height: 3rem;

        font-size: 1.85rem;
    }
}

@media (max-width: 62rem) {
    .hosBioBrandsIntro {
        min-height: auto;
    }

    .hosBioBrandsIntro .container-fluid {
        padding: 0 1.5rem;
    }

    .hosBioBrandsIntro__wrapper {
        padding: 2.5rem 0 2.8rem;
    }

    .hosBioBrandsIntro__features > div:nth-child(2) .hosBioBrandsIntro__feature {
        border-right: 0;
    }
}

@media (max-width: 48rem) {
    .hosBioBrandsIntro .container-fluid {
        padding: 0 1rem;
    }

    .hosBioBrandsIntro__wrapper {
        padding: 2.8rem 0 3rem;
    }

    .hosBioBrandsIntro__meta {
        gap: 0.7rem;

        margin-bottom: 1.4rem;
    }

    .hosBioBrandsIntro__number {
        font-size: 0.72rem;
    }

    .hosBioBrandsIntro__metaText {
        font-size: 0.72rem;

        letter-spacing: 0.075rem;
    }

    .hosBioBrandsIntro__titleGold {
        margin-top: 0.35rem;
    }

    .hosBioBrandsIntro__divider {
        width: 3.5rem;

        margin: 1.4rem 0 1.4rem;
    }

    .hosBioBrandsIntro__description {
        margin-bottom: 2.3rem;
    }

    .hosBioBrandsIntro__icon {
        width: 3rem;

        height: 3rem;

        margin-bottom: 0.65rem;

        font-size: 1.75rem;
    }

    .hosBioBrandsIntro__feature {
        border-right: none;
    }
}

@media (max-width: 30rem) {
    .hosBioBrandsIntro .container-fluid {
        padding: 0 0.9rem;
    }

    .hosBioBrandsIntro__wrapper {
        padding: 2.5rem 0 2.7rem;
    }

    .hosBioBrandsIntro__title {
        font-size: 2.1rem;
        line-height: 1.2;
    }

    .hosBioBrandsIntro__icon {
        width: 2.8rem;

        height: 2.8rem;

        font-size: 1.65rem;
    }
}

@media (max-width: 22rem) {
    .hosBioBrandsIntro__icon {
        width: 2.6rem;

        height: 2.6rem;

        font-size: 1.5rem;
    }
}

.hosBioBrandGrid {
    position: relative;

    width: 100%;

    overflow: hidden;

    background: var(--color-bg-light);

    box-sizing: border-box;
}

.hosBioBrandGrid .container-fluid {
    width: 100%;

    max-width: 100rem;

    margin: 0 auto;

    padding: 0 1rem;
}

.hosBioBrandGrid__header {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 2rem;

    margin-bottom: 1.25rem;
}

.hosBioBrandGrid__headingWrap {
    display: flex;

    flex-direction: column;

    align-items: flex-start;
}

.hosBioBrandGrid__heading {
    margin: 0;

    color: var(--color-text-dark);

    font-family: "Inter", sans-serif;

    font-size: 0.86rem;

    font-weight: 700;

    line-height: 1.4;

    letter-spacing: 0.075rem;

    text-transform: uppercase;
}

.hosBioBrandGrid__headingLine {
    position: relative;

    display: block;

    width: 3rem;

    height: 0.08rem;

    margin-top: 0.55rem;

    background: var(--color-gold);
}

.hosBioBrandGrid__headingLine::after {
    content: "";

    position: absolute;

    right: -0.2rem;

    top: 50%;

    width: 0.25rem;

    height: 0.25rem;

    background: var(--color-gold);

    transform: translateY(-50%) rotate(45deg);
}

.hosBioBrandGrid__viewButton {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 0.8rem;

    min-height: 2.7rem;

    padding: 0.65rem 1rem;

    border: 0.05rem solid var(--color-border-dark);

    border-radius: 0.15rem;

    color: var(--color-text-dark);

    background: transparent;

    font-family: "Inter", sans-serif;

    font-size: 0.62rem;

    font-weight: 600;

    line-height: 1;

    letter-spacing: 0.025rem;

    text-decoration: none;

    white-space: nowrap;

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

.hosBioBrandGrid__viewButton i {
    color: var(--color-gold-dark);

    font-size: 1rem;

    transition: transform 0.35s ease;
}

.hosBioBrandGrid__viewButton:hover {
    color: var(--color-white);

    background: var(--color-primary);

    border-color: var(--color-primary);

    transform: translateY(-0.1rem);
}

.hosBioBrandGrid__viewButton:hover i {
    color: var(--color-gold-light);

    transform: translateX(0.25rem);
}

.hosBioBrandGrid__row {
    width: 100%;

    margin: 0;

    align-items: stretch;
}

.hosBioBrandGrid__card {
    position: relative;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}

.hosBioBrandGrid__background {
    position: absolute;

    inset: 0;

    z-index: -3;

    overflow: hidden;
}

.hosBioBrandGrid__backgroundImage {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.hosBioBrandGrid__cardContent {
    position: relative;

    z-index: 4;

    display: flex;

    flex-direction: column;

    width: 58%;
    padding: 1.6rem 1rem 1.3rem;

    box-sizing: border-box;
}

.hosBioBrandGrid__brandName {
    margin: 0;

    color: var(--color-primary);

    font-family: "Inter", sans-serif;

    font-size: 1.45rem;

    font-weight: 500;

    line-height: 1;

    letter-spacing: 0.025rem;

    white-space: nowrap;
}

.hosBioBrandGrid__brandName sup {
    position: relative;

    top: -0.55rem;

    margin-left: 0.08rem;

    font-size: 0.4rem;
}

.hosBioBrandGrid__brandTagline {
    margin: 0.45rem 0 0;

    color: var(--color-text-dark);

    font-family: "Inter", sans-serif;

    font-size: 0.8rem;

    font-weight: 500;

    line-height: 1.4;
}

.hosBioBrandGrid__list {
    display: flex;

    flex-direction: column;

    gap: 0.6rem;

    margin: 0.8rem 0 0;

    padding: 0;

    list-style: none;
}

.hosBioBrandGrid__list li {
    display: flex;

    align-items: flex-start;

    gap: 0.65rem;

    color: black;

    font-family: "Inter", sans-serif;

    font-size: 0.8rem;

    font-weight: 400;

    line-height: 1.5;
}

.hosBioBrandGrid__list li i {
    flex: 0 0 auto;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 1.35rem;

    height: 1.35rem;

    color: var(--color-gold-dark);

    font-size: 1.3rem;

    line-height: 1;
}

.hosBioBrandGrid__explore {
    display: inline-flex;

    align-items: center;

    gap: 0.5rem;

    margin-top: auto;

    padding-top: 1rem;

    color: var(--color-text-dark);

    font-family: "Inter", sans-serif;

    font-size: 1rem;

    font-weight: 600;

    line-height: 1.3;

    text-decoration: none;

    transition: color 0.3s ease;
}

.hosBioBrandGrid__explore i {
    color: var(--color-gold-dark);

    font-size: 1rem;

    transition: transform 0.3s ease;
}

.hosBioBrandGrid__explore:hover {
    color: var(--color-primary);
}

.hosBioBrandGrid__explore:hover i {
    transform: translateX(0.3rem);
}

.hosBioBrandGrid__card--recre8 .hosBioBrandGrid__overlay {
    background: linear-gradient(
        90deg,
        rgba(238, 230, 223, 0.92) 0%,
        rgba(238, 230, 223, 0.62) 48%,
        rgba(238, 230, 223, 0.05) 100%
    );
}

.hosBioBrandGrid__card--unruled .hosBioBrandGrid__overlay {
    background: linear-gradient(
        90deg,
        rgba(238, 230, 223, 0.94) 0%,
        rgba(238, 230, 223, 0.6) 46%,
        rgba(238, 230, 223, 0.04) 100%
    );
}

@media (min-width: 90rem) {
    .hosBioBrandGrid {
        padding: 3rem 3rem 3.8rem;
    }

    .hosBioBrandGrid .container-fluid {
        padding: 0;
    }

    .hosBioBrandGrid__heading {
        font-size: 0.94rem;
    }

    .hosBioBrandGrid__viewButton {
        min-height: 3rem;

        padding: 0.75rem 1.25rem;

        font-size: 0.68rem;
    }

    .hosBioBrandGrid__brandName {
        font-size: 1.65rem;
    }

    .hosBioBrandGrid__list {
        gap: 1.05rem;
    }
}

@media (max-width: 62rem) {
    .hosBioBrandGrid {
        padding: 2.4rem 1.5rem 3rem;
    }

    .hosBioBrandGrid .container-fluid {
        padding: 0;
    }

    .hosBioBrandGrid__brandName {
        font-size: 1.35rem;
    }

    .hosBioBrandGrid__features {
        gap: 0.5rem;
    }
}

@media (max-width: 48rem) {
    .hosBioBrandGrid {
        padding: 2.8rem 1rem 3rem;
    }

    .hosBioBrandGrid__header {
        flex-direction: column;

        align-items: flex-start;

        gap: 1.3rem;

        margin-bottom: 1.4rem;
    }

    .hosBioBrandGrid__heading {
        font-size: 0.82rem;

        line-height: 1.55;

        letter-spacing: 0.045rem;
    }

    .hosBioBrandGrid__viewButton {
        min-height: 2.9rem;

        padding: 0.75rem 1rem;

        font-size: 0.68rem;
    }

    .hosBioBrandGrid__card:last-child {
        margin-bottom: 0;
    }

    .hosBioBrandGrid__brandName {
        font-size: 1.5rem;
    }

    .hosBioBrandGrid__list {
        gap: 1rem;

        margin-top: 1rem;
    }

    .hosBioBrandGrid__backgroundImage {
        object-position: center;
    }
}

@media (max-width: 30rem) {
    .hosBioBrandGrid {
        padding: 2.5rem 0.85rem 2.7rem;
    }

    .hosBioBrandGrid__heading {
        font-size: 0.76rem;

        letter-spacing: 0.035rem;
    }

    .hosBioBrandGrid__viewButton {
        font-size: 0.66rem;
    }

    .hosBioBrandGrid__brandName {
        font-size: 1.35rem;
    }

    .hosBioBrandGrid__list {
        gap: 0.85rem;
    }

    .hosBioBrandGrid__list li i {
        width: 1.25rem;

        height: 1.25rem;

        font-size: 0.95rem;
    }
}

@media (max-width: 22rem) {
    .hosBioBrandGrid {
        padding: 2.3rem 0.7rem 2.5rem;
    }

    .hosBioBrandGrid__heading {
        font-size: 0.71rem;
    }

    .hosBioBrandGrid__brandName {
        font-size: 1.2rem;
    }

    .hosBioBrandGrid__list {
        gap: 0.75rem;
    }
}

.hosBioProof {
    position: relative;

    width: 100%;

    overflow: hidden;

    background: var(--color-bg-light);

    box-sizing: border-box;
}

.hosBioProof__wrapper {
    width: 100%;

    padding: 2rem 0;
}

.hosBioProof__row {
    width: 100%;

    align-items: stretch;
}

.hosBioProof__intro {
    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: flex-start;

    height: 100%;

    padding: 0.2rem 2rem 0.5rem 0.3rem;
}

.hosBioProof__eyebrow {
    display: block;

    margin-bottom: 0.75rem;

    color: var(--color-text-dark);

    font-family: "Inter", sans-serif;

    font-size: 0.7rem;

    font-weight: 700;

    line-height: 1.4;

    letter-spacing: 0.075rem;

    text-transform: uppercase;
}

.hosBioProof__heading {
    margin: 0;

    color: var(--color-text-dark);

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

    font-size: 2.8rem;

    font-weight: 500;

    line-height: 0.98;

    letter-spacing: -0.04rem;
}

.hosBioProof__introLine {
    position: relative;

    display: block;

    width: 3rem;

    height: 0.08rem;

    margin-top: 1.1rem;

    background: var(--color-gold);
}

.hosBioProof__introLine::after {
    content: "";

    position: absolute;

    top: 50%;

    right: -0.2rem;

    width: 0.25rem;

    height: 0.25rem;

    background: var(--color-gold);

    transform: translateY(-50%) rotate(45deg);
}

.hosBioProof__item {
    display: flex;

    align-items: flex-start;

    gap: 0.85rem;

    min-height: 9rem;

    padding: 0.35rem 1.35rem;

    border-left: 0.05rem solid var(--color-border);

    box-sizing: border-box;

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

.hosBioProof__item--last {
    padding-right: 0.5rem;
}

.hosBioProof__icon {
    display: flex;

    align-items: center;

    justify-content: center;

    flex: 0 0 auto;

    width: 3rem;

    height: 3rem;

    border: 0.07rem solid var(--color-champagne);

    border-radius: 50%;

    color: var(--color-gold-dark);

    font-size: 1.5rem;

    line-height: 1;

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

.hosBioProof__icon--purple {
    border-color: var(--color-purple);

    background: var(--color-purple);

    color: var(--color-white);
}

.hosBioProof__ksmMark {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 100%;

    font-family: Georgia, serif;

    font-size: 1.35rem;

    font-weight: 700;

    font-style: italic;
}

.hosBioProof__dose {
    flex: 0 0 auto;

    min-width: 4.4rem;

    color: var(--color-gold-dark);

    font-family: Georgia, serif;

    font-size: 1.8rem;

    font-weight: 500;

    line-height: 1;
}

.hosBioProof__dose small {
    font-family: "Inter", sans-serif;

    font-size: 0.7rem;

    font-weight: 500;

    vertical-align: middle;
}

.hosBioProof__content {
    min-width: 0;

    flex: 1;
}

.hosBioProof__title {
    margin: 0 0 0.45rem;

    color: var(--color-text-dark);

    font-family: "Inter", sans-serif;

    font-size: 0.73rem;

    font-weight: 700;

    line-height: 1.45;

    letter-spacing: 0.015rem;

    text-transform: uppercase;
}

.hosBioProof__title sup {
    font-size: 0.4rem;

    position: relative;

    top: -0.2rem;
}

.hosBioProof__text {
    margin: 0;

    color: var(--color-text-medium);

    font-family: "Inter", sans-serif;

    font-size: 0.8rem;

    font-weight: 400;

    line-height: 1.65;
}

@media (min-width: 90rem) {
    .hosBioProof__wrapper {
        padding: 2.5rem 0;
    }

    .hosBioProof__intro {
        padding-right: 2.5rem;
    }

    .hosBioProof__eyebrow {
        font-size: 0.76rem;
    }

    .hosBioProof__heading {
        font-size: 3.4rem;
    }

    .hosBioProof__item {
        min-height: 10rem;

        padding: 0.4rem 1.5rem;
    }

    .hosBioProof__icon {
        width: 3.2rem;

        height: 3.2rem;

        font-size: 1.6rem;
    }

    .hosBioProof__dose {
        font-size: 2rem;
    }

    .hosBioProof__title {
        font-size: 0.78rem;
    }
}

@media (max-width: 62rem) {
    .hosBioProof__wrapper {
        padding: 2.3rem 0;
    }

    .hosBioProof__intro {
        padding: 0 0 2rem;
    }

    .hosBioProof__heading {
        font-size: 3.2rem;
    }

    .hosBioProof__item {
        min-height: 9rem;

        padding: 1rem 1.2rem;
    }

    .hosBioProof__icon {
        width: 3rem;

        height: 3rem;
    }

    .hosBioProof__title {
        font-size: 0.72rem;
    }
}

@media (max-width: 48rem) {
    .hosBioProof .container-fluid {
        padding: 0 1rem;
    }

    .hosBioProof__wrapper {
        padding: 2.7rem 0 2.8rem;
    }

    .hosBioProof__intro {
        padding: 0 0 2rem;
    }

    .hosBioProof__eyebrow {
        margin-bottom: 0.8rem;

        font-size: 0.78rem;

        letter-spacing: 0.065rem;
    }

    .hosBioProof__heading {
        font-size: 3rem;

        line-height: 1;
    }

    .hosBioProof__introLine {
        margin-top: 1.25rem;
    }

    .hosBioProof__item {
        min-height: 9.5rem;

        padding: 1.3rem 0.8rem;

        border-left: 0;

        border-top: 0.05rem solid var(--color-border);
    }

    .hosBioProof__item--last {
        padding-right: 0.8rem;

        border-bottom: 0.05rem solid var(--color-border);
    }

    .hosBioProof__icon {
        width: 3.4rem;

        height: 3.4rem;

        font-size: 1.7rem;
    }

    .hosBioProof__ksmMark {
        font-size: 1.45rem;
    }

    .hosBioProof__dose {
        min-width: 5rem;

        font-size: 2rem;
    }

    .hosBioProof__dose small {
        font-size: 0.76rem;
    }

    .hosBioProof__title {
        margin-bottom: 0.55rem;

        font-size: 0.8rem;

        line-height: 1.5;
    }
}

@media (max-width: 30rem) {
    .hosBioProof .container-fluid {
        padding: 0 0.9rem;
    }

    .hosBioProof__wrapper {
        padding: 2.5rem 0 2.7rem;
    }

    .hosBioProof__heading {
        font-size: 2.75rem;
    }

    .hosBioProof__item {
        min-height: 9.2rem;

        gap: 0.9rem;

        padding: 1.3rem 0.5rem;
    }

    .hosBioProof__icon {
        width: 3.2rem;

        height: 3.2rem;

        font-size: 1.6rem;
    }

    .hosBioProof__dose {
        min-width: 4.5rem;

        font-size: 1.8rem;
    }

    .hosBioProof__title {
        font-size: 0.76rem;
    }
}

@media (max-width: 22rem) {
    .hosBioProof__heading {
        font-size: 2.5rem;
    }

    .hosBioProof__item {
        min-height: 8.8rem;

        gap: 0.75rem;
    }

    .hosBioProof__icon {
        width: 3rem;

        height: 3rem;

        font-size: 1.5rem;
    }

    .hosBioProof__dose {
        min-width: 4rem;

        font-size: 1.65rem;
    }

    .hosBioProof__title {
        font-size: 0.72rem;
    }
}

.hosBioMarkets {
    position: relative;

    width: 100%;

    overflow: hidden;

    background: var(--color-bg-light);

    box-sizing: border-box;
}

.hosBioMarkets__wrapper {
    width: 100%;

    padding: 1.8rem 0 2rem;
}

.hosBioMarkets__row {
    width: 100%;

    margin: 0;
}

.hosBioMarkets__eyebrow {
    display: block;

    margin-bottom: 0.65rem;

    color: var(--color-text-dark);

    font-family: "Inter", sans-serif;

    font-size: 0.72rem;

    font-weight: 700;

    line-height: 1.4;

    letter-spacing: 0.08rem;

    text-transform: uppercase;
}

.hosBioMarkets__title {
    display: flex;

    flex-direction: column;

    margin: 0;

    color: var(--color-text-dark);

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

    font-size: 3rem;

    font-weight: 500;

    line-height: 0.98;

    letter-spacing: -0.045rem;
}

.hosBioMarkets__title span {
    display: block;
}

.hosBioMarkets__description {
    margin: 1rem 0 1.1rem;

    color: var(--color-text-medium);

    font-family: "Inter", sans-serif;

    font-size: 0.8rem;

    font-weight: 400;

    line-height: 1.65;
}

.hosBioMarkets__button {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 0.7rem;

    min-height: 2.6rem;

    padding: 0.65rem 1rem;

    color: var(--color-white);

    background: var(--gradient-gold);

    border: 0.05rem solid var(--color-gold);

    font-family: "Inter", sans-serif;

    font-size: 0.63rem;

    font-weight: 600;

    line-height: 1;

    letter-spacing: 0.02rem;

    text-decoration: none;

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

.hosBioMarkets__button i {
    color: var(--color-white);

    font-size: 1rem;

    transition: transform 0.35s ease;
}

.hosBioMarkets__button:hover {
    color: var(--color-white);

    transform: translateY(-0.15rem);

    box-shadow: var(--shadow-gold);
}

.hosBioMarkets__button:hover i {
    transform: translateX(0.25rem);
}

.hosBioMarkets__mapImage {
    display: block;

    width: 100%;

    height: 100%;

    object-fit: contain;

    opacity: 0.48;

    mix-blend-mode: multiply;

    user-select: none;

    pointer-events: none;
}

.hosBioMarkets__marker {
    position: absolute;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 1.05rem;

    height: 1.05rem;

    color: var(--color-green);

    font-size: 0.8rem;

    line-height: 1;

    cursor: pointer;

    z-index: 5;

    animation: hosMarketPulse 2.4s ease-in-out infinite;
}

.hosBioMarkets__marker::before {
    content: "";

    position: absolute;

    width: 0.45rem;

    height: 0.45rem;

    border-radius: 50%;

    background: var(--color-green);

    opacity: 0.22;

    animation: hosMarketRipple 2.4s ease-in-out infinite;
}

.hosBioMarkets__marker--uae {
    left: 61%;

    top: 52%;
}

.hosBioMarkets__marker--saudi {
    left: 58%;

    top: 55%;
}

.hosBioMarkets__marker--qatar {
    left: 60%;

    top: 58%;
}

.hosBioMarkets__marker--kuwait {
    left: 61.5%;

    top: 48%;
}

.hosBioMarkets__marker--oman {
    left: 64%;

    top: 60%;
}

.hosBioMarkets__marker--jordan {
    left: 60%;

    top: 45%;
}

.hosBioMarkets__marker--malaysia {
    left: 77%;

    top: 67%;
}

.hosBioMarkets__marker--myanmar {
    left: 75%;

    top: 54%;
}

.hosBioMarkets__rightContent {
    padding: 0.4rem 0.3rem 0.4rem 1rem;
}

.hosBioMarkets__countries {
    display: flex;

    gap: 1.5rem;

    margin-bottom: 1.1rem;
}

.hosBioMarkets__countryColumn {
    flex: 1;
}

.hosBioMarkets__country {
    display: flex;

    align-items: center;

    gap: 0.45rem;

    margin-bottom: 0.55rem;

    color: var(--color-text-medium);

    font-family: "Inter", sans-serif;

    font-size: 0.8rem;

    font-weight: 400;

    line-height: 1.4;

    white-space: nowrap;
}

.hosBioMarkets__country i {
    flex: 0 0 auto;

    color: var(--color-green);

    font-size: 0.9rem;
}

.hosBioMarkets__growthCard {
    display: flex;

    align-items: center;

    gap: 0.85rem;

    min-height: 4.3rem;

    padding: 0.7rem 0.9rem;

    border: 0.05rem solid var(--color-border);

    background: rgba(255, 255, 255, 0.2);

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

.hosBioMarkets__growthCard:hover {
    background: rgba(255, 255, 255, 0.5);

    border-color: var(--color-champagne);

    transform: translateY(-0.15rem);
}

.hosBioMarkets__growthIcon {
    display: flex;

    align-items: center;

    justify-content: center;

    flex: 0 0 auto;

    width: 2.2rem;

    height: 2.2rem;

    border: 0.05rem solid var(--color-text-dark);

    border-radius: 50%;

    color: var(--color-text-dark);

    font-size: 1.2rem;
}

.hosBioMarkets__growthText {
    flex: 1;

    min-width: 0;
}

.hosBioMarkets__growthText p {
    margin: 0;

    color: var(--color-text-medium);

    font-family: "Inter", sans-serif;

    font-size: 0.8rem;

    font-weight: 400;

    line-height: 1.55;
}

@keyframes hosMarketPulse {
    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.18);
    }
}

@keyframes hosMarketRipple {
    0%,
    100% {
        transform: scale(1);

        opacity: 0.2;
    }

    50% {
        transform: scale(2);

        opacity: 0;
    }
}

@media (min-width: 90rem) {
    .hosBioMarkets__wrapper {
        padding: 2.3rem 0 2.5rem;
    }

    .hosBioMarkets__content {
        padding-right: 2rem;
    }

    .hosBioMarkets__eyebrow {
        font-size: 0.8rem;
    }

    .hosBioMarkets__title {
        font-size: 3.5rem;
    }
}

@media (max-width: 62rem) {
    .hosBioMarkets__wrapper {
        padding: 2.5rem 0;
    }

    .hosBioMarkets__content {
        padding: 0 1rem 1.8rem;
    }

    .hosBioMarkets__title {
        font-size: 3.3rem;
    }

    .hosBioMarkets__rightContent {
        padding: 1rem 0 0;
    }

    .hosBioMarkets__countries {
        justify-content: center;

        max-width: 32rem;

        margin: 0 auto 1.2rem;
    }

    .hosBioMarkets__growthCard {
        max-width: 32rem;

        margin: 0 auto;
    }
}

@media (max-width: 48rem) {
    .hosBioMarkets .container-fluid {
        padding: 0 1rem;
    }

    .hosBioMarkets__wrapper {
        padding: 2.8rem 0 3rem;
    }

    .hosBioMarkets__content {
        padding: 0 0 1.5rem;
    }

    .hosBioMarkets__eyebrow {
        margin-bottom: 0.8rem;

        font-size: 0.8rem;

        line-height: 1.5;

        letter-spacing: 0.06rem;
    }

    .hosBioMarkets__title {
        font-size: 3rem;

        line-height: 1;

        letter-spacing: -0.035rem;
    }

    .hosBioMarkets__button {
        min-height: 2.9rem;

        padding: 0.75rem 1rem;

        font-size: 0.7rem;
    }

    .hosBioMarkets__marker {
        width: 1.15rem;

        height: 1.15rem;

        font-size: 0.85rem;
    }

    .hosBioMarkets__rightContent {
        padding: 1rem 0 0;
    }

    .hosBioMarkets__countries {
        display: grid;

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

        gap: 0.4rem 1rem;

        margin-bottom: 1.3rem;
    }

    .hosBioMarkets__country i {
        font-size: 1rem;
    }

    .hosBioMarkets__growthCard {
        width: 100%;

        min-height: 5rem;

        padding: 0.9rem 1rem;
    }

    .hosBioMarkets__growthIcon {
        width: 2.7rem;

        height: 2.7rem;

        font-size: 1.4rem;
    }
}

@media (max-width: 30rem) {
    .hosBioMarkets .container-fluid {
        padding: 0 0.9rem;
    }

    .hosBioMarkets__wrapper {
        padding: 2.5rem 0 2.7rem;
    }

    .hosBioMarkets__eyebrow {
        font-size: 0.74rem;
    }

    .hosBioMarkets__title {
        font-size: 2.7rem;

        line-height: 1.02;
    }

    .hosBioMarkets__countries {
        column-gap: 0.7rem;
    }
}

@media (max-width: 22rem) {
    .hosBioMarkets__title {
        font-size: 2.45rem;
    }

    .hosBioMarkets__mapArea {
        min-height: 11.5rem;
    }

    .hosBioMarkets__growthCard {
        min-height: 4.7rem;
    }

    .hosBioMarkets__growthIcon {
        width: 2.5rem;

        height: 2.5rem;
    }
}

.hosBioValueStrip {
    position: relative;

    width: 100%;

    overflow: hidden;

    background: var(--color-bg-light);

    box-sizing: border-box;
}

.hosBioValueStrip .container-fluid {
    width: 100%;

    max-width: 100rem;

    margin: 0 auto;

    padding: 0 1rem;
}

.hosBioValueStrip__inner {
    width: 100%;

    padding: 0.65rem 0;
}

.hosBioValueStrip__row {
    width: 100%;

    margin: 0;

    overflow: hidden;

    border: 0.05rem solid var(--color-border-light);

    border-radius: 0.65rem;

    background: rgba(255, 255, 255, 0.18);
}

.hosBioValueStrip__item {
    position: relative;

    display: flex;

    align-items: center;

    min-height: 4.8rem;

    gap: 1rem;

    padding: 0.7rem 1.35rem;

    border-right: 0.05rem solid var(--color-border);

    box-sizing: border-box;

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

.hosBioValueStrip .col-xl-3:last-child .hosBioValueStrip__item {
    border-right: 0;
}

.hosBioValueStrip__item:hover {
    background: rgba(255, 255, 255, 0.6);

    transform: translateY(-0.1rem);
}

.hosBioValueStrip__icon {
    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    flex: 0 0 auto;

    width: 2.9rem;

    height: 2.9rem;

    color: var(--color-gold-dark);

    font-size: 1.55rem;

    line-height: 1;

    transition: transform 0.35s ease;
}

.hosBioValueStrip__icon::before {
    content: "";

    position: absolute;

    inset: 0.12rem;

    border: 0.06rem solid var(--color-champagne);

    border-radius: 50%;

    opacity: 0.9;

    transition:
        background 0.35s ease,
        border-color 0.35s ease;
}

.hosBioValueStrip__icon i {
    position: relative;

    z-index: 2;
}

.hosBioValueStrip__item:hover .hosBioValueStrip__icon {
    transform: scale(1.08);
}

.hosBioValueStrip__content {
    min-width: 0;

    flex: 1;
}

.hosBioValueStrip__title {
    margin: 0;

    color: var(--color-text-dark);

    font-family: "Inter", sans-serif;

    font-size: 0.9rem;

    font-weight: 700;

    line-height: 1.35;

    letter-spacing: 0.01rem;
}

.hosBioValueStrip__text {
    margin: 0;

    color: var(--color-text-medium);

    font-family: "Inter", sans-serif;

    font-size: 0.8rem;

    font-weight: 400;

    line-height: 1.45;
}

@media (min-width: 90rem) {
    .hosBioValueStrip__inner {
        padding: 0.8rem 0;
    }

    .hosBioValueStrip__item {
        min-height: 5.2rem;

        gap: 1.15rem;

        padding: 0.8rem 1.6rem;
    }

    .hosBioValueStrip__icon {
        width: 3.2rem;

        height: 3.2rem;

        font-size: 1.65rem;
    }
}

@media (max-width: 62rem) {
    .hosBioValueStrip__inner {
        padding: 0.8rem 0;
    }

    .hosBioValueStrip__item {
        min-height: 5.5rem;

        padding: 1rem 1.25rem;

        border-bottom: 0.05rem solid var(--color-border);
    }

    /* Remove right border from 2nd column */

    .hosBioValueStrip .col-md-6:nth-child(even) .hosBioValueStrip__item {
        border-right: 0;
    }

    /* Remove bottom border from last row */

    .hosBioValueStrip .col-md-6:nth-child(3) .hosBioValueStrip__item,
    .hosBioValueStrip .col-md-6:nth-child(4) .hosBioValueStrip__item {
        border-bottom: 0;
    }

    .hosBioValueStrip__icon {
        width: 3.1rem;

        height: 3.1rem;

        font-size: 1.55rem;
    }
}

@media (max-width: 48rem) {
    .hosBioValueStrip .container-fluid {
        padding: 0 0.85rem;
    }

    .hosBioValueStrip__inner {
        padding: 0.8rem 0;
    }

    .hosBioValueStrip__row {
        border-radius: 0.55rem;
    }

    .hosBioValueStrip__item {
        min-height: 5.8rem;

        gap: 1rem;

        padding: 1rem 1.05rem;

        border-right: 0;

        border-bottom: 0.05rem solid var(--color-border);
    }

    .hosBioValueStrip .col-12:last-child .hosBioValueStrip__item {
        border-bottom: 0;
    }

    .hosBioValueStrip__icon {
        width: 3.4rem;

        height: 3.4rem;

        font-size: 1.65rem;
    }
}

@media (max-width: 30rem) {
    .hosBioValueStrip .container-fluid {
        padding: 0 0.7rem;
    }

    .hosBioValueStrip__inner {
        padding: 0.7rem 0;
    }

    .hosBioValueStrip__item {
        min-height: 5.7rem;

        gap: 0.9rem;

        padding: 0.95rem 0.85rem;
    }

    .hosBioValueStrip__icon {
        width: 3.15rem;

        height: 3.15rem;

        font-size: 1.5rem;
    }
}

@media (max-width: 22rem) {
    .hosBioValueStrip__item {
        min-height: 5.5rem;

        gap: 0.8rem;

        padding: 0.9rem 0.7rem;
    }

    .hosBioValueStrip__icon {
        width: 2.9rem;

        height: 2.9rem;

        font-size: 1.35rem;
    }
}

.recre {
    background-image: url(../images/recre-bg.jpg);
    background-position: center;
    background-size: cover;
}

.hosRecre8Hero {
    position: relative;

    width: 100%;

    min-height: 100vh;

    overflow: hidden;

    background: var(--gradient-hero);

    box-sizing: border-box;
}

.hosRecre8Hero .container-fluid {
    width: 100%;

    max-width: 120rem;

    margin: 0 auto;

    padding: 0 2rem;
}

.hosRecre8Hero__wrapper {
    width: 100%;

    min-height: 100vh;

    display: flex;

    align-items: center;
}

.hosRecre8Hero__breadcrumb {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 0.35rem;

    font-family: "Inter", sans-serif;

    font-size: 0.65rem;

    font-weight: 500;

    line-height: 1.4;

    text-transform: uppercase;
}

.hosRecre8Hero__breadcrumb a {
    color: var(--color-text-dark);

    text-decoration: none;

    transition: color 0.3s ease;
}

.hosRecre8Hero__breadcrumb a:hover {
    color: var(--color-gold-dark);
}

.hosRecre8Hero__breadcrumb i {
    color: var(--color-gold-dark);

    font-size: 0.85rem;
}

.hosRecre8Hero__breadcrumb span {
    color: var(--color-gold-dark);
}

.hosRecre8Hero__breadcrumb sup {
    font-size: 0.45rem;

    top: -0.25rem;

    position: relative;
}

.hosRecre8Hero__brand {
    margin-bottom: 0.45rem;

    color: var(--color-green);

    font-family: "Inter", sans-serif;

    font-size: 2rem;

    font-weight: 300;

    line-height: 1;

    letter-spacing: 0.16rem;
}

.hosRecre8Hero__brand sup {
    position: relative;

    top: -0.8rem;

    margin-left: 0.12rem;

    font-size: 0.7rem;

    letter-spacing: 0;
}

.hosRecre8Hero__title {
    display: flex;

    flex-direction: column;

    margin: 0;

    color: var(--color-text-dark);

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

    font-size: clamp(3.4rem, 5.5vw, 5rem);

    font-weight: 500;

    line-height: 0.96;

    letter-spacing: -0.08rem;
}

.hosRecre8Hero__title span:last-child {
    color: var(--color-gold-dark);
    line-height: 5.4rem;
}

.hosRecre8Hero__line {
    position: relative;

    width: 3.2rem;

    height: 0.08rem;

    margin: 1.45rem 0 1.15rem;

    background: var(--color-gold);
}

.hosRecre8Hero__line::after {
    content: "";

    position: absolute;

    right: -0.15rem;

    top: 50%;

    width: 0.22rem;

    height: 0.22rem;

    border-radius: 50%;

    background: var(--color-gold);

    transform: translateY(-50%);
}

.hosRecre8Hero__description {
    display: flex;

    flex-direction: column;

    gap: 0.25rem;

    max-width: 25rem;

    margin: 0 0 1.7rem;

    color: var(--color-text-medium);

    font-family: "Inter", sans-serif;

    font-size: 0.82rem;

    font-weight: 400;

    line-height: 1.7;
}

.hosRecre8Hero__description strong {
    color: var(--color-text-dark);

    font-weight: 600;
}

.hosRecre8Hero__features {
    display: grid;

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

    gap: 1rem;

    margin-bottom: 2rem;
}

.hosRecre8Hero__feature {
    display: flex;

    align-items: flex-start;

    gap: 0.65rem;

    min-width: 0;
}

.hosRecre8Hero__featureIcon {
    display: flex;

    align-items: center;

    justify-content: center;

    flex: 0 0 auto;

    width: 2rem;

    height: 2rem;

    color: var(--color-gold-dark);

    border: 0.06rem solid var(--color-champagne);

    border-radius: 50%;

    font-size: 1rem;

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

.hosRecre8Hero__feature:hover .hosRecre8Hero__featureIcon {
    transform: scale(1.1);

    background: var(--color-purple-soft);
}

.hosRecre8Hero__featureContent {
    min-width: 0;
}

.hosRecre8Hero__featureContent h3 {
    color: var(--color-text-dark);

    font-size: 0.8rem;

    font-weight: 700;
}

.hosRecre8Hero__featureContent p {
    margin: 0;

    color: var(--color-text-medium);

    font-family: "Inter", sans-serif;

    font-size: 0.7rem;

    line-height: 1.55;
}

.hosRecre8Hero__actions {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 1.35rem;
}

.hosRecre8Hero__primaryBtn {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 0.6rem;

    min-height: 2.8rem;

    padding: 0.75rem 1.05rem;

    color: var(--color-white);

    background: var(--gradient-gold);

    border: 0.05rem solid var(--color-gold);

    font-family: "Inter", sans-serif;

    font-size: 0.67rem;

    font-weight: 600;

    text-decoration: none;

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

.hosRecre8Hero__primaryBtn i {
    font-size: 1rem;

    transition: transform 0.3s ease;
}

.hosRecre8Hero__primaryBtn:hover {
    color: var(--color-white);

    transform: translateY(-0.15rem);

    box-shadow: var(--shadow-gold);
}

.hosRecre8Hero__primaryBtn:hover i {
    transform: translateX(0.25rem);
}

.hosRecre8Hero__secondaryBtn {
    position: relative;

    display: inline-flex;

    align-items: center;

    gap: 0.55rem;

    min-height: 2.8rem;

    color: var(--color-gold-dark);

    font-family: "Inter", sans-serif;

    font-size: 0.9rem;

    font-weight: 600;

    text-decoration: none;

    transition: color 0.3s ease;
}

.hosRecre8Hero__secondaryBtn::after {
    content: "";

    position: absolute;

    left: 0;

    bottom: 0.25rem;

    width: calc(100% - 1.25rem);

    height: 0.05rem;

    background: var(--color-gold);

    transform: scaleX(0.65);

    transform-origin: left;

    transition: transform 0.35s ease;
}

.hosRecre8Hero__secondaryBtn:hover {
    color: var(--color-primary);
}

.hosRecre8Hero__secondaryBtn:hover::after {
    transform: scaleX(1);
}

.hosRecre8Hero__secondaryBtn i {
    font-size: 1rem;
}

.hosRecre8Hero__visual {
    position: relative;

    width: 100%;

    min-height: 100vh;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;
}

.hosRecre8Hero__image {
    display: block;

    width: 100%;

    height: 100%;

    min-height: 100vh;

    object-fit: cover;

    object-position: center;

    transition: transform 1s ease;
}

.hosRecre8Hero__visual:hover .hosRecre8Hero__image {
    transform: scale(1.015);
}

@media (min-width: 90rem) {
    .hosRecre8Hero .container-fluid {
        padding: 0 3rem;
    }

    .hosRecre8Hero__brand {
        font-size: 3.4rem;
    }

    .hosRecre8Hero__title {
        font-size: 5.4rem;
    }

    .hosRecre8Hero__featureContent h3 {
        font-size: 0.73rem;
    }

    .hosRecre8Hero__featureContent p {
        font-size: 0.67rem;
    }
}

@media (max-width: 75rem) {
    .hosRecre8Hero__title {
        font-size: 4.3rem;
    }
}

@media (max-width: 62rem) {
    .hosRecre8Hero {
        min-height: auto;
    }

    .hosRecre8Hero__wrapper {
        min-height: auto;
    }

    .hosRecre8Hero__brand {
        font-size: 3.1rem;
    }

    .hosRecre8Hero__title {
        font-size: 4.8rem;
    }

    .hosRecre8Hero__featureIcon {
        width: 2.5rem;

        height: 2.5rem;

        font-size: 1.15rem;
    }

    .hosRecre8Hero__featureContent h3 {
        font-size: 0.75rem;
    }

    .hosRecre8Hero__featureContent p {
        font-size: 0.68rem;
    }

    .hosRecre8Hero__visual {
        min-height: 35rem;

        order: 2;
    }

    .hosRecre8Hero__image {
        min-height: 35rem;

        max-height: 45rem;
    }
}

@media (max-width: 48rem) {
    .hosRecre8Hero .container-fluid {
        padding: 0 1rem;
    }

    .hosRecre8Hero__breadcrumb {
        margin-bottom: 1.4rem;

        font-size: 0.72rem;

        gap: 0.3rem;
    }

    .hosRecre8Hero__brand {
        margin-bottom: 0.7rem;

        font-size: 2.7rem;

        letter-spacing: 0.13rem;
    }

    .hosRecre8Hero__brand sup {
        top: -0.6rem;

        font-size: 0.58rem;
    }

    .hosRecre8Hero__title {
        font-size: 3.7rem;

        line-height: 0.98;

        letter-spacing: -0.055rem;
    }

    .hosRecre8Hero__line {
        width: 3.4rem;

        margin: 1.4rem 0 1.2rem;
    }

    .hosRecre8Hero__features {
        grid-template-columns: repeat(2, 1fr);

        gap: 1rem;

        max-width: 100%;

        margin-bottom: 2rem;
    }

    .hosRecre8Hero__feature {
        gap: 0.8rem;
    }

    .hosRecre8Hero__featureIcon {
        width: 2.7rem;

        height: 2.7rem;

        font-size: 1.25rem;
    }

    .hosRecre8Hero__featureContent h3 {
        font-size: 0.82rem;

        line-height: 1.5;
    }

    .hosRecre8Hero__featureContent p {
        font-size: 0.74rem;

        line-height: 1.6;
    }

    .hosRecre8Hero__primaryBtn {
        min-height: 3rem;
        width: 100%;
        padding: 0.8rem 1rem;

        font-size: 0.72rem;
    }

    .hosRecre8Hero__visual {
        min-height: 25rem;
    }

    .hosRecre8Hero__image {
        min-height: 25rem;

        max-height: 32rem;

        object-position: center;
    }

    .hosRecre8Hero__title span:last-child {
        color: var(--color-gold-dark);
        font-size: 2.1rem;
        line-height: 1.2;
    }
}

@media (max-width: 30rem) {
    .hosRecre8Hero .container-fluid {
        padding: 0 0.85rem;
    }

    .hosRecre8Hero__breadcrumb {
        font-size: 0.68rem;

        margin-bottom: 1.3rem;
    }

    .hosRecre8Hero__brand {
        font-size: 1.3rem;

        letter-spacing: 0.11rem;
    }

    .hosRecre8Hero__title {
        font-size: 3.35rem;

        line-height: 0.99;
    }

    .hosRecre8Hero__featureIcon {
        width: 2.55rem;

        height: 2.55rem;

        font-size: 1.15rem;
    }

    .hosRecre8Hero__featureContent h3 {
        font-size: 0.78rem;
    }

    .hosRecre8Hero__featureContent p {
        font-size: 0.7rem;
    }

    .hosRecre8Hero__primaryBtn {
        min-height: 3rem;
        margin-bottom: 0.6rem;
        font-size: 0.7rem;
    }

    .hosRecre8Hero__visual {
        min-height: 22rem;
    }

    .hosRecre8Hero__image {
        min-height: 22rem;
    }
}

@media (max-width: 22rem) {
    .hosRecre8Hero__brand {
        font-size: 2.25rem;
    }

    .hosRecre8Hero__title {
        font-size: 3rem;
    }

    .hosRecre8Hero__featureContent h3 {
        font-size: 0.75rem;
    }

    .hosRecre8Hero__featureContent p {
        font-size: 0.67rem;
    }
}

.hosBioRoutineSection {
    width: 100%;
    background: var(--color-bg-light);
    overflow: hidden;
}

.hosBioRoutineContainer {
    width: 100%;
}

.hosBioRoutineHeading {
    margin: 0 0 2.25rem;
    color: var(--color-text-dark);
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.18rem;
    text-transform: uppercase;
}

.hosBioRoutineHeading::after {
    content: "";
    display: block;
    width: 2.5rem;
    height: 0.18rem;
    margin-top: 0.65rem;
    background: var(--gradient-gold);
}

.hosBioWhyItem {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    min-width: 0;
}

.hosBioWhyIcon {
    flex: 0 0 3rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-dark);
    font-size: 1.75rem;
    line-height: 1;
}

.hosBioWhyIcon i {
    font-size: inherit;
}

.hosBioWhyContent {
    min-width: 0;
}

.hosBioWhyTitle {
    margin: 0 0 0.55rem;
    color: var(--color-text-dark);
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.35;
}

.hosBioWhyText {
    margin: 0;
    max-width: 15rem;
    color: var(--color-text-medium);
    font-size: 0.78rem;
    font-weight: 400;
    line-height: 1.65;
}

.hosBioRoutineDivider {
    width: 0.08rem;
    height: 100%;
    margin-right: 1rem;
    min-height: 18rem;
    background: var(--color-border);
    opacity: 0.75;
}

.hosBioProductGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hosBioProductCard {
    position: relative;
    min-width: 0;
    padding: 0 2.25rem;
}

.hosBioProductCard:first-child {
    border-right: 0.08rem solid var(--color-border);
}

.hosBioProductImageWrap {
    width: 100%;
    height: 8rem;
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.hosBioProductImageWrap::before {
    content: "";
    position: absolute;
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    background: var(--color-bg);
    z-index: 0;
}

.hosBioProductImage {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 10rem;
    height: 8rem;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.hosBioProductCard:hover .hosBioProductImage {
    transform: scale(1.05);
}

.hosBioProductTitle {
    margin: 0 0 0.55rem;
    color: var(--color-text-dark);
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.35;
    text-transform: uppercase;
}

.hosBioProductDescription {
    min-height: 3.2rem;
    margin: 0 0 1.3rem;
    color: var(--color-text-medium);
    font-size: 0.78rem;
    line-height: 1.55;
}

.hosBioProductBenefit {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.hosBioBenefitIcon {
    flex: 0 0 2.25rem;
    width: 2.25rem;
    height: 2.25rem;
    border: 0.08rem solid var(--color-text-dark);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-dark);
    font-size: 1rem;
}

.hosBioBenefitText {
    margin: 0;
    color: var(--color-text-dark);
    font-size: 0.76rem;
    font-weight: 500;
    line-height: 1.45;
}

@media (max-width: 991.98px) {
    .hosBioRoutineDivider {
        display: none;
    }

    .hosBioProductCard {
        padding: 0 1.5rem;
    }

    .hosBioProductImage {
        height: 9rem;
        max-width: 11rem;
    }

    .hosBioWhyText,
    .hosBioProductDescription {
        font-size: 0.85rem;
    }
}

@media (max-width: 767.98px) {
    .hosBioDailyRoutine {
        padding-top: 3.5rem;
    }

    .hosBioRoutineHeading {
        margin-bottom: 2.5rem;
        font-size: 1.15rem;
        letter-spacing: 0.14rem;
    }

    .hosBioWhyItem {
        gap: 1.15rem;
    }

    .hosBioWhyIcon {
        flex-basis: 3.5rem;
        width: 3.5rem;
        height: 3.5rem;
        font-size: 2rem;
    }

    .hosBioWhyTitle {
        margin-bottom: 0.65rem;
        font-size: 1.05rem;
    }

    .hosBioWhyText {
        max-width: 100%;
        font-size: 0.9rem;
        line-height: 1.7;
    }

    .hosBioProductGrid {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .hosBioProductCard {
        padding: 0;
    }

    .hosBioProductCard:first-child {
        padding-bottom: 3rem;
        border-right: 0;
        border-bottom: 0.08rem solid var(--color-border);
    }

    .hosBioProductImageWrap::before {
        width: 10rem;
        height: 10rem;
    }

    .hosBioProductImage {
        height: 11rem;
        max-width: 13rem;
    }

    .hosBioProductTitle {
        font-size: 1.05rem;
        line-height: 1.4;
    }

    .hosBioProductDescription {
        min-height: auto;
        margin-bottom: 1.5rem;
        font-size: 0.9rem;
        line-height: 1.7;
    }

    .hosBioBenefitIcon {
        flex-basis: 2.75rem;
        width: 2.75rem;
        height: 2.75rem;
        font-size: 1.15rem;
    }

    .hosBioBenefitText {
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .hosBioRoutineHeading {
        font-size: 1.1rem;
    }

    .hosBioWhyTitle,
    .hosBioProductTitle {
        font-size: 1rem;
    }

    .hosBioWhyText,
    .hosBioProductDescription,
    .hosBioBenefitText {
        font-size: 0.88rem;
    }

    .hosBioProductImageWrap {
        height: 10rem;
        display: flex;
        justify-content: flex-start;
    }

    .hosBioProductImage {
        height: 10rem;
    }
}

.hosWhoForSection {
    width: 100%;
    padding: 2.5rem 0;
    background: var(--color-bg-light);
    overflow: hidden;
}

.hosWhoForContainer {
    width: 100%;
}

.hosWhoForHeading {
    margin: 0 0 1.75rem;
    color: var(--color-text-dark);
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.18rem;
    text-transform: uppercase;
}

.hosWhoForHeading::after {
    content: "";
    display: block;
    width: 2.4rem;
    height: 0.16rem;
    margin-top: 0.65rem;
    background: var(--gradient-gold);
}

.hosWhoForGrid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
}

.hosWhoForItem {
    min-width: 0;
    min-height: 5.5rem;
    padding: 0.35rem 2rem;

    display: flex;
    align-items: center;
    gap: 1.25rem;

    border-right: 0.08rem solid var(--color-border-light);

    transition:
        background-color 0.3s ease,
        transform 0.3s ease;
}

.hosWhoForItem:first-child {
    padding-left: 1rem;
}

.hosWhoForItem:last-child {
    border-right: 0;
    padding-right: 1rem;
}

.hosWhoForIcon {
    flex: 0 0 3.5rem;
    width: 3.5rem;
    height: 3.5rem;

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

    color: var(--color-text-dark);
    font-size: 2.55rem;
    line-height: 1;

    transition:
        color 0.3s ease,
        transform 0.3s ease;
}

.hosWhoForItem:hover .hosWhoForIcon {
    color: var(--color-gold-dark);
    transform: translateY(-0.2rem);
}

.hosWhoForContent {
    min-width: 0;
}

.hosWhoForTitle {
    margin: 0 0 0.4rem;

    color: var(--color-text-dark);
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.35;
}

.hosWhoForText {
    max-width: 12rem;
    margin: 0;

    color: var(--color-text-medium);
    font-size: 0.72rem;
    font-weight: 400;
    line-height: 1.55;
}

@media (max-width: 991.98px) {
    .hosWhoForSection {
        padding: 3.25rem 0;
    }

    .hosWhoForGrid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 2rem;
    }

    .hosWhoForItem {
        min-height: 7rem;
        padding: 1rem 1.5rem;
    }

    .hosWhoForItem:first-child {
        padding-left: 1.5rem;
    }

    .hosWhoForItem:nth-child(2) {
        border-right: 0;
    }

    .hosWhoForItem:nth-child(3),
    .hosWhoForItem:nth-child(4) {
        border-top: 0.08rem solid var(--color-border-light);
    }

    .hosWhoForItem:last-child {
        padding-right: 1.5rem;
    }

    .hosWhoForIcon {
        flex-basis: 3.75rem;
        width: 3.75rem;
        height: 3.75rem;
        font-size: 2.7rem;
    }

    .hosWhoForTitle {
        font-size: 1rem;
    }

    .hosWhoForText {
        max-width: 16rem;
        font-size: 0.86rem;
        line-height: 1.6;
    }
}

@media (max-width: 767.98px) {
    .hosWhoForSection {
        padding: 3rem 0;
    }

    .hosWhoForGrid {
        grid-template-columns: 1fr;
        row-gap: 0;
    }

    .hosWhoForItem,
    .hosWhoForItem:first-child,
    .hosWhoForItem:last-child {
        min-height: auto;
        padding: 1.5rem 0;

        border-right: 0;
        border-bottom: 0.08rem solid var(--color-border-light);
    }

    .hosWhoForItem:first-child {
        padding-top: 0;
    }

    .hosWhoForItem:last-child {
        border-bottom: 0;
    }

    .hosWhoForIcon {
        flex: 0 0 4rem;
        width: 4rem;
        height: 4rem;
        font-size: 2.85rem;
    }

    .hosWhoForTitle {
        margin-bottom: 0.5rem;
        font-size: 1.1rem;
        line-height: 1.4;
    }

    .hosWhoForText {
        max-width: 100%;
        font-size: 0.92rem;
        line-height: 1.7;
    }
}

@media (max-width: 480px) {
    .hosWhoForSection {
        padding: 2.75rem 0;
    }

    .hosWhoForHeading {
        margin-top: 3rem;
        font-size: 1.15rem;
        letter-spacing: 0.13rem;
    }

    .hosWhoForItem,
    .hosWhoForItem:first-child,
    .hosWhoForItem:last-child {
        padding-top: 1.4rem;
        padding-bottom: 1.4rem;
    }

    .hosWhoForItem:first-child {
        padding-top: 0;
    }

    .hosWhoForIcon {
        flex-basis: 3.75rem;
        width: 3.75rem;
        height: 3.75rem;
        font-size: 2.7rem;
    }

    .hosWhoForTitle {
        font-size: 1.05rem;
    }

    .hosWhoForText {
        font-size: 0.9rem;
    }
}

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

    padding: 2rem 0;

    background: var(--color-green-dark);
    color: var(--color-white);
}

.hosPartnerContainer {
    width: 100%;
}

.hosPartnerGrid {
    display: grid;
    grid-template-columns: 1.35fr repeat(5, 1fr);

    width: 100%;
}

.hosPartnerIntro {
    min-width: 0;

    display: flex;
    flex-direction: column;
    justify-content: center;

    border-right: 0.08rem solid rgba(216, 194, 155, 0.22);
}

.hosPartnerHeading {
    margin: 0;

    color: var(--color-white);

    font-size: 1.55rem;
    font-weight: 500;
    line-height: 1.05;

    letter-spacing: 0.02rem;
    text-transform: uppercase;
}

.hosPartnerHeading::after {
    content: "";

    display: block;

    width: 2.5rem;
    height: 0.14rem;

    margin-top: 1rem;

    background: var(--gradient-gold);
}

.hosPartnerIntroText {
    max-width: 15rem;

    margin: 1rem 0 0;

    color: var(--color-bg-light);

    font-size: 0.78rem;
    font-weight: 400;
    line-height: 1.55;
}

.hosPartnerItem {
    min-width: 0;

    padding: 0.25rem 1.25rem;

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

    text-align: center;

    border-right: 0.08rem solid rgba(216, 194, 155, 0.22);

    transition:
        background-color 0.3s ease,
        transform 0.3s ease;
}

.hosPartnerItem:last-child {
    border-right: 0;
}

.hosPartnerItem:hover {
    background: rgba(255, 255, 255, 0.035);
}

.hosPartnerIcon {
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.5rem;
    font-weight: normal;
    color: var(--color-gold-light);
    font-size: 2.4rem;
    line-height: 1;
    transition:
        color 0.3s ease,
        transform 0.3s ease;
}

.hosPartnerItem:hover .hosPartnerIcon {
    color: var(--color-champagne);

    transform: translateY(-0.2rem) scale(1.05);
}

.hosPartnerTitle {
    margin: 0 0 0.45rem;

    color: var(--color-champagne);

    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.35;
}

.hosPartnerText {
    max-width: 9.5rem;

    margin: 0 auto;

    color: var(--color-bg-light);

    font-size: 0.68rem;
    font-weight: 400;
    line-height: 1.55;
}

@media (max-width: 991.98px) {
    .hosPartnerSection {
        padding: 3.5rem 0;
    }

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

    .hosPartnerHeading {
        font-size: 1.65rem;
    }

    .hosPartnerIntroText {
        max-width: 25rem;

        font-size: 0.9rem;
    }

    .hosPartnerItem:nth-child(3n) {
        border-right: 0;
    }

    .hosPartnerIcon {
        width: 4rem;
        height: 4rem;

        margin-bottom: 0.75rem;

        font-size: 2.8rem;
    }

    .hosPartnerTitle {
        font-size: 1rem;
    }

    .hosPartnerText {
        max-width: 15rem;

        font-size: 0.88rem;
        line-height: 1.65;
    }
}

@media (max-width: 767.98px) {
    .hosPartnerSection {
        padding: 3.25rem 0;
    }

    .hosPartnerGrid {
        grid-template-columns: 1fr;
    }

    .hosPartnerHeading {
        font-size: 1.65rem;
        line-height: 1.15;
    }

    .hosPartnerHeading::after {
        width: 2.75rem;
        height: 0.16rem;

        margin-top: 1.1rem;
    }

    .hosPartnerIntroText {
        max-width: 100%;

        margin-top: 1.1rem;

        font-size: 0.98rem;
        line-height: 1.7;
    }

    /* PARTNER ITEMS */

    .hosPartnerItem {
        min-height: auto;

        padding: 2rem 1.25rem;

        display: grid;

        grid-template-columns: 4.5rem 1fr;

        column-gap: 1rem;

        align-items: center;

        text-align: left;

        border-right: 0;
        border-bottom: 0.08rem solid rgba(216, 194, 155, 0.22);
    }

    .hosPartnerItem:last-child {
        border-bottom: 0;
    }

    .hosPartnerIcon {
        width: 4.25rem;
        height: 4.25rem;

        margin: 0;

        font-size: 3rem;
    }

    .hosPartnerContent {
        min-width: 0;
    }

    .hosPartnerTitle {
        margin-bottom: 0.5rem;

        font-size: 1.05rem;
        line-height: 1.4;
    }

    .hosPartnerText {
        max-width: 100%;

        margin: 0;

        font-size: 0.92rem;
        line-height: 1.7;
    }
}

@media (max-width: 480px) {
    .hosPartnerSection {
        padding: 3rem 0;
    }

    .hosPartnerHeading {
        font-size: 1.5rem;
    }

    .hosPartnerIntroText {
        font-size: 0.94rem;
    }

    .hosPartnerItem {
        padding: 1rem 0rem;

        grid-template-columns: 4rem 1fr;

        column-gap: 0.9rem;
    }

    .hosPartnerIcon {
        width: 3.75rem;
        height: 3.75rem;

        font-size: 2.7rem;
    }

    .hosPartnerTitle {
        font-size: 1rem;
    }

    .hosPartnerText {
        font-size: 0.9rem;
    }
}

.hosBrandPackSection {
    width: 100%;
    padding: 1.25rem 0;

    background: var(--color-bg-light);

    border-top: 0.08rem solid var(--color-border);
    border-bottom: 0.08rem solid var(--color-border);

    overflow: hidden;
}

.hosBrandPackContainer {
    width: 100%;
}

.hosBrandPackInner {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 2rem;
}

.hosBrandPackContent {
    flex: 1;

    display: flex;
    align-items: center;

    gap: 1rem;

    min-width: 0;
}

.hosBrandPackGlobe {
    width: 6rem;
    height: 6rem;

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

    color: var(--color-gold);

    font-size: 5rem;
    line-height: 1;

    transition:
        transform 0.4s ease,
        color 0.4s ease;
}

.hosBrandPackGlobe:hover {
    color: var(--color-gold-dark);

    transform: rotate(8deg) scale(1.04);
}

.hosBrandPackText {
    min-width: 0;
}

.hosBrandPackTitle {
    margin: 0 0 0.35rem;

    color: var(--color-text-dark);

    font-size: 1.55rem;
    font-weight: 500;

    line-height: 1.2;
}

.hosBrandPackDescription {
    margin: 0 0 0.3rem;

    color: var(--color-text-dark);

    font-size: 0.82rem;
    font-weight: 500;

    line-height: 1.5;
}

.hosBrandPackSubtext {
    margin: 0;

    color: var(--color-text-medium);

    font-size: 0.76rem;
    font-weight: 400;

    line-height: 1.5;
}

.hosBrandPackAction {
    flex: 0 0 auto;

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

.hosBrandPackButton {
    position: relative;

    min-width: 15rem;

    padding: 0.9rem 1.4rem;

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

    gap: 1rem;

    border: 0.08rem solid var(--color-gold-dark);
    border-radius: 0.15rem;

    background: var(--gradient-gold);

    color: var(--color-white);

    font-size: 0.8rem;
    font-weight: 700;

    line-height: 1.2;
    text-decoration: none;

    letter-spacing: 0.02rem;
    text-transform: uppercase;

    box-shadow: var(--shadow-gold);

    overflow: hidden;

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

.hosBrandPackButton::before {
    content: "";

    position: absolute;

    top: 0;
    left: -100%;

    width: 60%;
    height: 100%;

    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18), transparent);

    transform: skewX(-20deg);

    transition: left 0.5s ease;
}

.hosBrandPackButton:hover::before {
    left: 140%;
}

.hosBrandPackButton:hover {
    color: var(--color-white);

    transform: translateY(-0.15rem);

    box-shadow: var(--shadow-card);

    background: var(--gradient-gold);
}

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

    font-size: 1.2rem;

    transition: transform 0.3s ease;
}

.hosBrandPackButton:hover .hosBrandPackButtonIcon {
    transform: translateX(0.3rem);
}

@media (max-width: 991.98px) {
    .hosBrandPackSection {
        padding: 2.5rem 0;
    }

    .hosBrandPackInner {
        flex-direction: column;

        align-items: stretch;

        gap: 2rem;
    }

    .hosBrandPackTitle {
        font-size: 1.5rem;
    }

    .hosBrandPackDescription {
        font-size: 0.92rem;
    }

    .hosBrandPackSubtext {
        font-size: 0.86rem;
    }

    .hosBrandPackAction {
        justify-content: flex-start;
    }

    .hosBrandPackButton {
        min-width: 16rem;

        padding: 1rem 1.5rem;

        font-size: 0.88rem;
    }
}

@media (max-width: 767.98px) {
    .hosBrandPackSection {
        padding: 3rem 0;
    }

    .hosBrandPackInner {
        gap: 2.25rem;
    }

    .hosBrandPackTitle {
        margin-bottom: 0.6rem;

        font-size: 1.5rem;
        line-height: 1.3;
    }

    .hosBrandPackDescription {
        margin-bottom: 0.4rem;

        font-size: 0.98rem;
        line-height: 1.65;
    }

    .hosBrandPackSubtext {
        font-size: 0.92rem;
        line-height: 1.7;
    }

    .hosBrandPackAction {
        width: 100%;
    }

    .hosBrandPackButton {
        width: 100%;
        min-width: 0;

        min-height: 3.5rem;

        padding: 1rem 1.25rem;

        font-size: 0.92rem;

        gap: 1rem;
    }

    .hosBrandPackButtonIcon {
        font-size: 1.35rem;
    }
}

@media (max-width: 480px) {
    .hosBrandPackSection {
        padding: 2.75rem 0;
    }

    .hosBrandPackTitle {
        font-size: 1.35rem;
    }

    .hosBrandPackDescription {
        font-size: 0.94rem;
    }

    .hosBrandPackSubtext {
        font-size: 0.9rem;
    }

    .hosBrandPackButton {
        min-height: 3.6rem;

        font-size: 0.88rem;
    }
}

.Un-Ruled {
    background-image: url(../images/un_ruled_bg.jpg);
    background-position: center;
    background-size: cover;
}

.hosUnruledHeroContainer {
    position: relative;
    z-index: 2;
}

.hosUnruledBreadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 0.4rem;

    margin: 0 0 1.7rem;
    padding: 0;

    list-style: none;
}

.hosUnruledBreadcrumbItem {
    display: inline-flex;
    align-items: center;

    color: var(--color-text-dark);

    font-size: 0.68rem;
    font-weight: 600;

    line-height: 1.4;
    text-transform: uppercase;
}

.hosUnruledBreadcrumbItem:not(:last-child)::after {
    content: "\ea6e";

    margin-left: 0.4rem;

    color: var(--color-text-muted);

    font-family: "remixicon";
    font-size: 0.8rem;
}

.hosUnruledBreadcrumbItem a {
    color: inherit;
    text-decoration: none;

    transition: color 0.3s ease;
}

.hosUnruledBreadcrumbItem a:hover {
    color: var(--color-gold-dark);
}

.hosUnruledBreadcrumbItemActive {
    color: var(--color-gold-dark);
}

.hosUnruledHeroContent {
    max-width: 42rem;
}

.hosUnruledBrandTitle {
    margin: 0 0 0.5rem;

    color: var(--color-gold-dark);

    font-family: Arial, Helvetica, sans-serif;

    font-size: 2.25rem;
    font-weight: 700;

    line-height: 1;

    letter-spacing: -0.04rem;
    text-transform: uppercase;
}

.hosUnruledBrandTitle sup {
    position: relative;
    top: -0.75rem;

    margin-left: 0.15rem;

    font-size: 0.75rem;
    font-weight: 700;
}

.hosUnruledMainTitle {
    max-width: 31rem;

    margin: 0;

    color: var(--color-text-dark);

    font-family: Georgia, "Times New Roman", serif;

    font-size: 2.8rem;
    font-weight: 400;

    line-height: 1.12;

    letter-spacing: -0.05rem;
}

.hosUnruledDivider {
    width: 3.5rem;
    height: 0.16rem;

    margin: 1.3rem 0 1.15rem;

    background: var(--gradient-gold);
}

.hosUnruledDescription {
    max-width: 27rem;

    margin: 0;

    color: var(--color-text-dark);

    font-size: 0.9rem;
    font-weight: 500;

    line-height: 1.7;
}

.hosUnruledDescription span {
    display: block;
}

.hosUnruledFeatureGrid {
    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 1.5rem;

    margin-top: 1.75rem;

    max-width: 35rem;
}

.hosUnruledFeatureItem {
    min-width: 0;

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

    gap: 0.65rem;
}

.hosUnruledFeatureIcon {
    flex: 0 0 2.3rem;

    width: 2.3rem;
    height: 2.3rem;

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

    border: 0.08rem solid var(--color-border-dark);
    border-radius: 50%;

    color: var(--color-gold-dark);

    font-size: 1.15rem;
    line-height: 1;

    background: rgba(255, 255, 255, 0.28);

    transition:
        background-color 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}

.hosUnruledFeatureItem:hover .hosUnruledFeatureIcon {
    background: var(--color-white);

    color: var(--color-gold);

    transform: translateY(-0.15rem);

    box-shadow: var(--shadow-gold);
}

.hosUnruledFeatureContent {
    min-width: 0;
}

.hosUnruledFeatureTitle {
    margin: 0 0 0.4rem;

    color: var(--color-text-dark);

    font-size: 0.72rem;
    font-weight: 700;

    line-height: 1.35;

    text-transform: uppercase;
}

.hosUnruledFeatureText {
    margin: 0;

    color: var(--color-text-medium);

    font-size: 0.8rem;
    font-weight: 400;

    line-height: 1.5;
}

@media (max-width: 991.98px) {
    .hosUnruledHero {
        padding: 2.5rem 0 3.5rem;
    }

    .hosUnruledBreadcrumb {
        margin-bottom: 2rem;
    }

    .hosUnruledBrandTitle {
        font-size: 2.3rem;
    }

    .hosUnruledMainTitle {
        max-width: 40rem;

        font-size: 2.75rem;
    }

    .hosUnruledDescription {
        max-width: 34rem;

        font-size: 0.95rem;
    }

    .hosUnruledFeatureGrid {
        max-width: 42rem;

        gap: 1.5rem;
    }

    .hosUnruledFeatureIcon {
        flex-basis: 2.7rem;

        width: 2.7rem;
        height: 2.7rem;

        font-size: 1.25rem;
    }

    .hosUnruledFeatureTitle {
        font-size: 0.82rem;
    }
}

@media (max-width: 767.98px) {
    .hosUnruledHero {
        padding: 2rem 0 3rem;
    }

    .hosUnruledBreadcrumb {
        gap: 0.35rem;

        margin-bottom: 2rem;
    }

    .hosUnruledBreadcrumbItem {
        font-size: 0.76rem;
    }

    .hosUnruledBreadcrumbItem:not(:last-child)::after {
        margin-left: 0.35rem;

        font-size: 0.82rem;
    }

    .hosUnruledBrandTitle {
        margin-bottom: 0.65rem;

        font-size: 2.15rem;

        line-height: 1.05;
    }

    .hosUnruledBrandTitle sup {
        top: -0.7rem;

        font-size: 0.72rem;
    }

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

    .hosUnruledMainTitle {
        max-width: 100%;

        font-size: 2.45rem;

        line-height: 1.15;

        letter-spacing: -0.04rem;
    }

    /* ==============================================
               DIVIDER
            ============================================== */

    .hosUnruledDivider {
        width: 3.5rem;
        height: 0.16rem;

        margin: 1.4rem 0 1.25rem;
    }

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

    .hosUnruledDescription {
        max-width: 100%;

        font-size: 1rem;

        line-height: 1.75;
    }

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

    .hosUnruledFeatureGrid {
        grid-template-columns: 1fr;

        gap: 1.25rem;

        max-width: 100%;

        margin-top: 2rem;
    }

    .hosUnruledFeatureItem {
        gap: 1rem;

        padding: 0.25rem 0;
    }

    .hosUnruledFeatureIcon {
        flex: 0 0 3rem;

        width: 3rem;
        height: 3rem;

        font-size: 1.4rem;
    }

    .hosUnruledFeatureTitle {
        margin-bottom: 0.45rem;

        font-size: 0.95rem;

        line-height: 1.4;
    }
}

@media (max-width: 480px) {
    .hosUnruledHero {
        padding: 1.75rem 0 2.75rem;
    }

    .hosUnruledBreadcrumb {
        margin-bottom: 1.75rem;
    }

    .hosUnruledBreadcrumbItem {
        font-size: 0.72rem;
    }

    .hosUnruledBrandTitle {
        font-size: 2rem;
    }

    .hosUnruledMainTitle {
        font-size: 2.2rem;

        line-height: 1.16;
    }

    .hosUnruledDescription {
        font-size: 0.96rem;
    }

    .hosUnruledFeatureGrid {
        gap: 1.4rem;
    }

    .hosUnruledFeatureItem {
        gap: 0.9rem;
    }

    .hosUnruledFeatureIcon {
        flex-basis: 2.9rem;

        width: 2.9rem;
        height: 2.9rem;

        font-size: 1.3rem;
    }

    .hosUnruledFeatureTitle {
        font-size: 0.92rem;
    }
}

.hosKeyBenefitsSection {
    width: 100%;
    background: var(--color-bg-light);
    overflow: hidden;
}

.hosKeyBenefitsContainer {
    width: 100%;
}

.hosKeyBenefitsHeader {
    width: 100%;

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

    gap: 1.5rem;

    margin-bottom: 1.5rem;
}

.hosKeyBenefitsLine {
    width: 5rem;
    height: 0.1rem;

    flex: 0 0 5rem;

    background: var(--color-gold-light);

    opacity: 0.8;
}

.hosKeyBenefitsLine::after {
    content: "";

    display: block;

    width: 0.45rem;
    height: 0.1rem;

    margin-left: 0;

    background: var(--color-gold);
}

.hosKeyBenefitsHeading {
    margin: 0;

    color: var(--color-text-dark);

    font-size: 0.92rem;
    font-weight: 700;

    line-height: 1.2;

    letter-spacing: 0.2rem;

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

    white-space: nowrap;
}

.hosKeyBenefitsGrid {
    display: grid;

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

    width: 100%;
}

.hosKeyBenefitItem {
    min-width: 0;

    min-height: 6.5rem;

    padding: 0.5rem 1.25rem;

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

    gap: 0.9rem;

    border-right: 0.08rem solid var(--color-border-light);

    transition:
        background-color 0.3s ease,
        transform 0.3s ease;
}

.hosKeyBenefitItem:first-child {
    padding-left: 1rem;
}

.hosKeyBenefitItem:last-child {
    padding-right: 1rem;

    border-right: 0;
}

.hosKeyBenefitIcon {
    color: var(--color-gold);
}

.hosKeyBenefitContent {
    min-width: 0;
}

.hosKeyBenefitTitle {
    margin: 0 0 0.45rem;

    color: var(--color-text-dark);

    font-size: 0.9rem;
    font-weight: 700;

    line-height: 1.35;
}

.hosKeyBenefitText {
    max-width: 9rem;

    margin: 0;

    color: var(--color-text-medium);

    font-size: 0.8rem;
    font-weight: 400;

    line-height: 1.55;
}

@media (max-width: 991.98px) {
    .hosKeyBenefitsHeader {
        margin-bottom: 2.25rem;

        gap: 1.25rem;
    }

    .hosKeyBenefitsLine {
        width: 4rem;
        flex-basis: 4rem;
    }

    .hosKeyBenefitsHeading {
        font-size: 1.05rem;

        letter-spacing: 0.17rem;
    }

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

    .hosKeyBenefitItem {
        min-height: 9rem;

        padding: 1.5rem;

        border-bottom: 0.08rem solid var(--color-border-light);
    }

    .hosKeyBenefitItem:nth-child(2),
    .hosKeyBenefitItem:nth-child(4) {
        border-right: 0;
    }

    .hosKeyBenefitItem:nth-child(5) {
        grid-column: 1 / -1;

        border-right: 0;
        border-bottom: 0;
    }

    .hosKeyBenefitItem:first-child {
        padding-left: 1.5rem;
    }

    .hosKeyBenefitItem:last-child {
        padding-right: 1.5rem;
    }
}

@media (max-width: 767.98px) {
    .hosKeyBenefitsHeader {
        gap: 0.9rem;

        margin-bottom: 2.5rem;
    }

    .hosKeyBenefitsLine {
        width: 2.75rem;
        flex-basis: 2.75rem;
    }

    .hosKeyBenefitsHeading {
        font-size: 1.05rem;

        letter-spacing: 0.14rem;
    }

    .hosKeyBenefitsGrid {
        grid-template-columns: 1fr;
    }

    .hosKeyBenefitItem,
    .hosKeyBenefitItem:first-child,
    .hosKeyBenefitItem:last-child {
        min-height: auto;

        padding: 1.5rem 1rem;

        display: flex;
        align-items: center;

        border-right: 0;

        border-bottom: 0.08rem solid var(--color-border-light);
    }

    .hosKeyBenefitItem:last-child {
        border-bottom: 0;
    }
}

@media (max-width: 480px) {
    .hosKeyBenefitsHeader {
        gap: 0.7rem;

        margin-bottom: 2.25rem;
    }

    .hosKeyBenefitsLine {
        width: 2.25rem;
        flex-basis: 2.25rem;
    }

    .hosKeyBenefitsHeading {
        font-size: 0.98rem;

        letter-spacing: 0.11rem;
    }

    .hosKeyBenefitItem,
    .hosKeyBenefitItem:first-child,
    .hosKeyBenefitItem:last-child {
        padding: 1.4rem 0.75rem;
    }
}

.hosHeroRangeSection {
    background: var(--color-bg-light);
}

.hosHeroRangeContainer {
    width: 100%;
}

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

    gap: 1rem;

    margin-bottom: 2rem;
}

.hosHeroRangeHeadingLine {
    width: 5rem;
    height: 0.1rem;

    background: var(--color-gold-light);

    position: relative;
}

.hosHeroRangeHeadingLine::after {
    content: "";

    position: absolute;

    top: 50%;
    right: 0;

    width: 0.4rem;
    height: 0.4rem;

    border-radius: 50%;

    background: var(--color-gold);

    transform: translateY(-50%);
}

.hosHeroRangeHeadingLine:last-child::after {
    right: auto;
    left: 0;
}

.hosHeroRangeHeadingText {
    margin: 0;

    color: var(--color-text-dark);

    font-size: 0.85rem;
    font-weight: 700;

    letter-spacing: 0.18rem;
    line-height: 1.2;

    text-transform: uppercase;

    white-space: nowrap;
}

.hosHeroRangeProducts {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 0.5rem;

    width: 100%;
}

.hosHeroRangeProduct:hover {
    transform: translateY(-0.2rem);

    box-shadow: var(--shadow-soft);
}

.hosHeroRangeProductContent {
    min-width: 0;
}

.hosHeroRangeProductTitle {
    margin: 0 0 0.65rem;

    color: var(--color-text-dark);

    font-family: Georgia, "Times New Roman", serif;

    font-size: 1.35rem;
    font-weight: 500;

    line-height: 1.25;
}

.hosHeroRangeFlavor {
    display: inline-flex;
    align-items: center;

    margin-bottom: 0.75rem;
    padding: 0.3rem 0.7rem;

    color: var(--color-white);

    font-size: 0.65rem;
    font-weight: 700;

    letter-spacing: 0.04rem;
    line-height: 1.2;

    text-transform: uppercase;
}

.hosHeroRangeFlavorGreen {
    background: var(--color-green);
}

.hosHeroRangeFlavorRed {
    background: #67221f;
}

.hosHeroRangeFlavorBlue {
    background-color: #022964;
}

.hosHeroRangeFlavorPurpel {
    background-color: #6b2a74;
}

.hosHeroRangeList {
    margin: 0 0 1rem;
    padding: 0;

    list-style: none;
}

.hosHeroRangeList li {
    position: relative;

    margin-bottom: 0.45rem;
    padding-left: 0.9rem;

    color: var(--color-text-medium);

    font-size: 0.8rem;
    font-weight: 500;

    line-height: 1.45;
}

.hosHeroRangeList li:last-child {
    margin-bottom: 0;
}

.hosHeroRangeList li::before {
    content: "";

    position: absolute;

    top: 0.45rem;
    left: 0;

    width: 0.28rem;
    height: 0.28rem;

    border-radius: 50%;

    background: var(--color-text-dark);
}

.hosHeroRangeBenefits {
    display: flex;
    align-items: center;

    gap: 1.3rem;
}

.hosHeroRangeBenefit {
    display: flex;
    align-items: center;

    gap: 0.4rem;

    color: var(--color-text-dark);

    font-size: 0.63rem;
    font-weight: 700;

    line-height: 1.2;

    text-transform: uppercase;
}

.hosHeroRangeBenefit i {
    color: var(--color-gold-dark);
    font-size: 1.35rem;
    font-weight: normal;
}

.hosHeroRangeProductSecond .hosHeroRangeBenefit i {
    color: #7d3a35;
}

.hosHeroRangeBottom {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 0.5rem;

    margin-top: 0.5rem;
}

.hosHeroRangeCategory {
    min-width: 0;

    padding: 1rem 1.5rem 1.15rem;

    background: var(--color-bg-light);

    border: 0.08rem solid var(--color-border-light);
}

.hosHeroRangeCategoryHeading {
    margin: 0 0 1rem;

    color: var(--color-text-dark);

    font-size: 0.78rem;
    font-weight: 700;

    line-height: 1.2;

    letter-spacing: 0.16rem;

    text-align: center;

    text-transform: uppercase;
}

.hosHeroRangeCategoryGrid {
    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 0.75rem;
}

.hosHeroRangeCategoryItem {
    min-width: 0;

    display: flex;
    flex-direction: column;

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

    text-align: center;
}

.hosHeroRangeCategoryIcon {
    width: 3rem;
    height: 3rem;

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

    margin-bottom: 0.5rem;

    color: var(--color-text-dark);

    font-size: 2.25rem;
    line-height: 1;

    transition:
        color 0.3s ease,
        transform 0.3s ease;
}

.hosHeroRangeCategoryItem:hover .hosHeroRangeCategoryIcon {
    color: var(--color-gold-dark);

    transform: translateY(-0.15rem);
}

.hosHeroRangeCategoryText {
    margin: 0;

    color: var(--color-text-medium);

    font-size: 0.68rem;
    font-weight: 600;

    line-height: 1.4;
}

@media (max-width: 991.98px) {
    .hosHeroRangeHeading {
        margin-bottom: 1.5rem;
    }

    .hosHeroRangeHeadingText {
        font-size: 1rem;
    }

    .hosHeroRangeProducts {
        grid-template-columns: 1fr;
    }

    .hosHeroRangeProductTitle {
        font-size: 1.5rem;
    }

    .hosHeroRangeFlavor {
        font-size: 0.72rem;
    }

    .hosHeroRangeBenefit {
        font-size: 0.72rem;
    }

    .hosHeroRangeBottom {
        grid-template-columns: 1fr;
    }

    .hosHeroRangeCategory {
        padding: 1.5rem;
    }

    .hosHeroRangeCategoryHeading {
        font-size: 0.95rem;

        margin-bottom: 1.5rem;
    }

    .hosHeroRangeCategoryIcon {
        width: 3.5rem;
        height: 3.5rem;

        font-size: 2.65rem;
    }

    .hosHeroRangeCategoryText {
        font-size: 0.84rem;
    }
}

@media (max-width: 767.98px) {
    .hosHeroRangeHeading {
        gap: 0.7rem;

        margin-bottom: 1.5rem;
    }

    .hosHeroRangeHeadingLine {
        width: 2.5rem;
    }

    .hosHeroRangeHeadingText {
        font-size: 1rem;

        letter-spacing: 0.14rem;
    }

    .hosHeroRangeProductContent {
        order: 2;
    }

    .hosHeroRangeProductTitle {
        font-size: 1.5rem;

        line-height: 1.3;
    }

    .hosHeroRangeFlavor {
        margin-bottom: 1rem;

        padding: 0.4rem 0.8rem;

        font-size: 0.76rem;
    }

    .hosHeroRangeList {
        margin-bottom: 1.35rem;
    }

    .hosHeroRangeList li::before {
        top: 0.6rem;

        width: 0.3rem;
        height: 0.3rem;
    }

    .hosHeroRangeBenefits {
        flex-wrap: wrap;

        gap: 0.9rem 1.25rem;
    }

    .hosHeroRangeBenefit {
        font-size: 0.78rem;
    }

    .hosHeroRangeBenefit i {
        font-size: 1.5rem;
    }

    .hosHeroRangeBottom {
        gap: 1rem;

        margin-top: 1rem;
    }

    .hosHeroRangeCategory {
        padding: 1.5rem 1rem;
    }

    .hosHeroRangeCategoryHeading {
        margin-bottom: 1.75rem;

        font-size: 1rem;

        letter-spacing: 0.13rem;
    }

    .hosHeroRangeCategoryGrid {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 1.75rem 1rem;
    }

    .hosHeroRangeCategoryIcon {
        width: 4rem;
        height: 4rem;

        margin-bottom: 0.6rem;

        font-size: 3rem;
    }

    .hosHeroRangeCategoryText {
        font-size: 0.9rem;

        line-height: 1.5;
    }
}

@media (max-width: 480px) {
    .hosHeroRangeHeading {
        padding-top: 91px !important;
    }

    .hosHeroRangeHeadingLine {
        width: 2rem;
    }

    .hosHeroRangeHeadingText {
        font-size: 0.94rem;

        letter-spacing: 0.11rem;
    }

    .hosHeroRangeFlavor {
        font-size: 0.7rem;
    }

    .hosHeroRangeBenefit {
        font-size: 0.74rem;
    }

    .hosHeroRangeCategoryHeading {
        font-size: 0.94rem;
    }

    .hosHeroRangeCategoryIcon {
        width: 3.75rem;
        height: 3.75rem;

        font-size: 2.75rem;
    }

    .hosHeroRangeCategoryText {
        font-size: 0.86rem;
    }

    .hosHeroRangeHeading {
        padding-top: 70px;
    }
}

.partner {
    background-image: url(../images/our-brands-bg.jpg);
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    height: 100vh;
}

.hosBioHeader__link {
    position: relative;
    color: var(--color-text-dark);
    text-decoration: none;
    transition: color 0.3s ease;
}

.hosBioHeader__link::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -0.2rem;

    width: 0;
    height: 0.12rem;

    background: var(--gradient-gold);

    transition: width 0.3s ease;
}

.hosPartnerSolutions {
    width: 100%;

    background: var(--color-bg-light);

    border-top: 0.08rem solid var(--color-border-light);
    border-bottom: 0.08rem solid var(--color-border-light);

    overflow: hidden;
}

.hosPartnerSolutions__inner {
    min-height: 10rem;

    display: grid;

    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);

    align-items: center;
}

.hosPartnerSolutions__left {
    padding: 0rem 3rem 1.5rem 0;

    display: flex;
    flex-direction: column;
    justify-content: center;

    min-width: 0;
}

.hosPartnerSolutions__eyebrow {
    margin: 0 0 0.55rem;

    color: var(--color-gold-dark);

    font-size: 0.72rem;
    font-weight: 700;

    line-height: 1.3;

    letter-spacing: 0.14rem;

    text-transform: uppercase;
}

.hosPartnerSolutions__title {
    max-width: 35rem;

    margin: 0;

    color: var(--color-text-dark);

    font-family: Georgia, "Times New Roman", serif;

    font-size: 2.35rem;
    font-weight: 400;

    line-height: 1.08;

    letter-spacing: -0.04rem;
}

.hosPartnerSolutions__underline {
    width: 3.5rem;
    height: 0.12rem;

    margin-top: 1rem;

    background: var(--gradient-gold);
}

.hosPartnerSolutions__description {
    margin: 0;

    color: var(--color-text-dark);

    font-size: 0.92rem;
    font-weight: 500;

    line-height: 1.7;
}

.hosPartnerSolutions__icon {
    flex: 0 0 auto;

    width: 2.75rem;
    height: 2.75rem;

    margin-right: 1rem;

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

    color: var(--color-gold-dark);

    font-size: 1.7rem;

    border: 0.08rem solid var(--color-border);
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.25);

    transition:
        transform 0.3s ease,
        background-color 0.3s ease;
}

@media (max-width: 991.98px) {
    .hosPartnerSolutions__inner {
        min-height: auto;
    }

    .hosPartnerSolutions__title {
        font-size: 2rem;

        line-height: 1.15;
    }

    .hosPartnerSolutions__icon {
        width: 3rem;
        height: 3rem;

        font-size: 1.8rem;
    }
}

@media (max-width: 767.98px) {
    .hosPartnerSolutions__inner {
        display: flex;
        flex-direction: column;

        align-items: stretch;
    }

    .hosPartnerSolutions__eyebrow {
        margin-bottom: 0.7rem;

        font-size: 0.82rem;

        letter-spacing: 0.13rem;
    }

    .hosPartnerSolutions__title {
        max-width: 100%;

        font-size: 2.25rem;

        line-height: 1.14;

        letter-spacing: -0.03rem;
    }

    .hosPartnerSolutions__underline {
        width: 3.75rem;

        margin-top: 1.2rem;
    }

    .hosPartnerSolutions__icon {
        flex-basis: 3.25rem;

        width: 3.25rem;
        height: 3.25rem;

        margin-right: 1rem;

        font-size: 1.9rem;
    }
}

@media (max-width: 480px) {
    .hosPartnerSolutions__eyebrow {
        font-size: 0.78rem;

        letter-spacing: 0.11rem;
    }

    .hosPartnerSolutions__title {
        font-size: 2.05rem;

        line-height: 1.16;
    }

    .hosPartnerSolutions__icon {
        flex-basis: 3rem;

        width: 3rem;
        height: 3rem;

        margin-right: 0.85rem;

        font-size: 1.75rem;
    }
}

.hosPartnership {
    position: relative;

    width: 100%;

    padding: 2rem 0;

    background: linear-gradient(135deg, var(--color-green-dark) 0%, var(--color-green) 50%, #243a31 100%);

    color: var(--color-white);

    overflow: hidden;
}

.hosPartnership::before {
    content: "";

    position: absolute;

    top: -8rem;
    right: -8rem;

    width: 20rem;
    height: 20rem;

    border-radius: 50%;

    background: radial-gradient(circle, rgba(201, 170, 114, 0.08) 0%, transparent 70%);

    pointer-events: none;
}

.hosPartnership::after {
    content: "";

    position: absolute;

    bottom: -10rem;
    left: -8rem;

    width: 22rem;
    height: 22rem;

    border-radius: 50%;

    background: radial-gradient(circle, rgba(41, 70, 61, 0.35) 0%, transparent 70%);

    pointer-events: none;
}

.hosPartnership__container {
    position: relative;

    z-index: 2;

    width: 100%;
}

.hosPartnership__grid {
    display: grid;

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

    width: 100%;
}

.hosPartnership__eyebrow {
    margin: 0 0 0.65rem;

    color: var(--color-champagne);

    font-size: 0.68rem;
    font-weight: 700;

    line-height: 1.3;

    letter-spacing: 0.09rem;

    text-transform: uppercase;
}

.hosPartnership__title {
    max-width: 16rem;

    margin: 0;

    color: var(--color-white);

    font-family: Georgia, "Times New Roman", serif;

    font-size: 2rem;
    font-weight: 400;

    line-height: 1.05;

    letter-spacing: -0.03rem;
}

.hosPartnership__titleLine {
    display: block;

    width: 2.8rem;
    height: 0.14rem;

    margin-top: 1rem;

    background: var(--gradient-gold);
}

.hosPartnership__item {
    min-width: 0;

    padding: 0.25rem 1.15rem;

    display: flex;
    flex-direction: column;

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

    text-align: center;

    border-right: 0.08rem solid rgba(201, 170, 114, 0.35);

    transition:
        background-color 0.3s ease,
        transform 0.3s ease;
}

.hosPartnership__item:last-child {
    border-right: 0;
}

.hosPartnership__item:hover {
    background: rgba(255, 255, 255, 0.035);
}

.hosPartnership__icon {
    width: 3.4rem;
    height: 3.4rem;

    margin-bottom: 0.5rem;

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

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

    font-size: 2.5rem;
    line-height: 1;

    transition:
        color 0.3s ease,
        transform 0.3s ease;
}

.hosPartnership__item:hover .hosPartnership__icon {
    color: var(--color-champagne);

    transform: translateY(-0.2rem) scale(1.05);
}

.hosPartnership__itemTitle {
    max-width: 9rem;

    margin: 0 0 0.65rem;

    color: var(--color-champagne);

    font-size: 0.78rem;
    font-weight: 700;

    line-height: 1.35;

    text-transform: none;
}

.hosPartnership__itemText {
    max-width: 10rem;

    margin: 0;

    color: rgba(247, 242, 237, 0.9);

    font-size: 0.64rem;
    font-weight: 400;

    line-height: 1.55;
}

@media (max-width: 991.98px) {
    .hosPartnership {
        padding: 3.5rem 0;
    }

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

    .hosPartnership__title {
        max-width: 28rem;

        font-size: 2.25rem;
    }

    .hosPartnership__item {
        min-height: 13rem;

        padding: 2rem 1.25rem;

        border-bottom: 0.08rem solid rgba(201, 170, 114, 0.35);
    }

    .hosPartnership__item:nth-child(3),
    .hosPartnership__item:nth-child(5) {
        border-right: 0;
    }

    .hosPartnership__item:last-child {
        grid-column: 1 / -1;

        border-right: 0;
        border-bottom: 0;
    }

    .hosPartnership__icon {
        width: 4rem;
        height: 4rem;

        font-size: 2.9rem;
    }

    .hosPartnership__itemTitle {
        max-width: 13rem;

        font-size: 1rem;
    }

    .hosPartnership__itemText {
        max-width: 15rem;

        font-size: 0.84rem;

        line-height: 1.65;
    }
}

@media (max-width: 767.98px) {
    .hosPartnership {
        padding: 3rem 0;
    }

    .hosPartnership__grid {
        grid-template-columns: 1fr;
    }

    .hosPartnership__eyebrow {
        font-size: 0.82rem;

        line-height: 1.4;

        letter-spacing: 0.11rem;
    }

    .hosPartnership__title {
        max-width: 100%;

        font-size: 2.35rem;

        line-height: 1.12;
    }

    .hosPartnership__titleLine {
        width: 3.25rem;

        height: 0.16rem;

        margin-top: 1.25rem;
    }

    .hosPartnership__item,
    .hosPartnership__item:last-child {
        min-height: auto;

        padding: 1.75rem 0;

        display: grid;

        grid-template-columns: 4.5rem 1fr;

        column-gap: 1rem;

        align-items: center;

        text-align: left;

        border-right: 0;

        border-bottom: 0.08rem solid rgba(201, 170, 114, 0.35);
    }

    .hosPartnership__item:last-child {
        grid-column: auto;

        border-bottom: 0;
    }

    .hosPartnership__icon {
        width: 4rem;
        height: 4rem;

        margin: 0;

        font-size: 3rem;
    }

    .hosPartnership__itemTitle {
        max-width: 100%;

        margin-bottom: 0.5rem;

        font-size: 1.05rem;

        line-height: 1.4;
    }

    .hosPartnership__itemText {
        max-width: 100%;

        font-size: 0.9rem;

        line-height: 1.7;
    }
}

@media (max-width: 480px) {
    .hosPartnership {
        padding: 2.75rem 0;
    }

    .hosPartnership__eyebrow {
        font-size: 0.78rem;
    }

    .hosPartnership__title {
        font-size: 2.1rem;
    }

    .hosPartnership__item,
    .hosPartnership__item:last-child {
        grid-template-columns: 4rem 1fr;

        column-gap: 0.9rem;

        padding: 1.6rem 0;
    }

    .hosPartnership__icon {
        width: 3.6rem;
        height: 3.6rem;

        font-size: 2.7rem;
    }

    .hosPartnership__itemTitle {
        font-size: 1rem;
    }

    .hosPartnership__itemText {
        font-size: 0.88rem;
    }
}

.hosProcess {
    width: 100%;
    background: var(--color-bg-light);
    overflow: hidden;
}

.hosProcess__top {
    display: grid;

    grid-template-columns: 1.15fr 3.85fr;

    align-items: start;

    gap: 2rem;
}

.hosProcess__intro {
    min-width: 0;

    padding-top: 0.15rem;
}

.hosProcess__eyebrow {
    margin: 0 0 0.6rem;

    color: var(--color-gold-dark);

    font-size: 0.72rem;
    font-weight: 700;

    line-height: 1.3;

    letter-spacing: 0.11rem;

    text-transform: uppercase;
}

.hosProcess__title {
    max-width: 15rem;

    margin: 0;

    color: var(--color-text-dark);

    font-family: Georgia, "Times New Roman", serif;

    font-size: 2.25rem;
    font-weight: 400;

    line-height: 1.05;

    letter-spacing: -0.04rem;
}

.hosProcess__steps {
    min-width: 0;

    display: grid;

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

    gap: 0;
}

.hosProcess__step {
    position: relative;

    min-width: 0;

    padding: 0 1rem;

    text-align: left;
}

.hosProcess__step:first-child {
    padding-left: 0;
}

.hosProcess__step:last-child {
    padding-right: 0;
}

.hosProcess__stepTop {
    position: relative;

    display: flex;
    align-items: center;

    min-height: 4.5rem;

    margin-bottom: 0.25rem;
}

.hosProcess__icon {
    position: relative;
    z-index: 2;

    flex: 0 0 4rem;

    width: 4rem;
    height: 4rem;

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

    border: 0.08rem solid var(--color-border);

    border-radius: 50%;

    background: var(--color-bg-light);

    color: var(--color-gold-dark);

    font-size: 1.8rem;

    box-shadow: 0 0 0 0.35rem var(--color-bg-light);

    transition:
        color 0.3s ease,
        transform 0.3s ease,
        border-color 0.3s ease;
}

.hosProcess__step:hover .hosProcess__icon {
    color: var(--color-gold);

    border-color: var(--color-gold-light);

    transform: translateY(-0.15rem);

    box-shadow:
        0 0 0 0.35rem var(--color-bg-light),
        var(--shadow-gold);
}

.hosProcess__connector {
    position: absolute;

    top: 50%;
    left: 4.5rem;
    right: -0.25rem;

    height: 0.08rem;

    background: repeating-linear-gradient(
        to right,
        var(--color-gold-light) 0,
        var(--color-gold-light) 0.3rem,
        transparent 0.3rem,
        transparent 0.55rem
    );

    transform: translateY(-50%);
}

.hosProcess__connector::after {
    content: "\ea6c";

    position: absolute;

    right: -0.05rem;
    top: 50%;

    color: var(--color-gold-dark);

    font-family: "remixicon";
    font-size: 1rem;

    background: var(--color-bg-light);

    transform: translateY(-50%);
}

.hosProcess__number {
    margin: 0.15rem 0 0.25rem;

    color: var(--color-gold-dark);

    font-size: 1rem;
    font-weight: 700;

    line-height: 1.2;
}

.hosProcess__stepTitle {
    margin: 0 0 0.4rem;

    color: var(--color-text-dark);

    font-size: 0.9rem;
    font-weight: 700;

    line-height: 1.35;
}

.hosProcess__stepText {
    max-width: 9rem;

    margin: 0;

    color: var(--color-text-medium);

    font-size: 0.8rem;
    font-weight: 400;

    line-height: 1.55;
}

.hosProcess__cta {
    margin-top: 1.5rem;

    padding: 0.85rem 1.5rem;

    display: grid;

    grid-template-columns: auto minmax(0, 1fr) auto auto;

    align-items: center;

    gap: 1rem;

    background: var(--color-bg);

    border: 0.08rem solid var(--color-border-light);

    border-radius: 0.25rem;
}

.hosProcess__ctaIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-gold);
}

.hosProcess__ctaContent {
    min-width: 0;
}

.hosProcess__ctaTitle {
    margin: 0 0 0.2rem;

    color: var(--color-text-dark);

    font-family: Georgia, "Times New Roman", serif;

    font-size: 1.45rem;
    font-weight: 400;

    line-height: 1.2;
}

.hosProcess__ctaText {
    margin: 0;

    color: var(--color-text-medium);

    font-size: 0.72rem;
    font-weight: 500;

    line-height: 1.45;
}

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

    gap: 0.75rem;

    min-width: 11rem;

    padding: 0.85rem 1.1rem;

    color: var(--color-white);

    background: var(--gradient-green);

    border: 0.08rem solid var(--color-green);

    border-radius: 0.15rem;

    font-size: 0.7rem;
    font-weight: 700;

    line-height: 1.2;

    text-decoration: none;
    text-transform: uppercase;

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

.hosProcess__ctaButton:hover {
    color: var(--color-white);

    transform: translateY(-0.15rem);

    box-shadow: var(--shadow-dark);
}

.hosProcess__ctaButton i {
    font-size: 1.1rem;

    transition: transform 0.3s ease;
}

.hosProcess__ctaButton:hover i {
    transform: translateX(0.25rem);
}

.hosProcess__ctaLink {
    display: inline-flex;
    align-items: center;

    gap: 0.4rem;

    color: var(--color-gold-dark);

    font-size: 0.9rem;
    font-weight: 600;

    line-height: 1.3;

    text-decoration: none;

    white-space: nowrap;

    transition: color 0.3s ease;
}

.hosProcess__ctaLink:hover {
    color: var(--color-text-dark);
}

.hosProcess__ctaLink i {
    font-size: 1rem;
}

@media (max-width: 991.98px) {
    .hosProcess__top {
        grid-template-columns: 1fr;

        gap: 2.25rem;
    }

    .hosProcess__intro {
        padding-bottom: 1.5rem;

        border-bottom: 0.08rem solid var(--color-border-light);
    }

    .hosProcess__title {
        max-width: 30rem;

        font-size: 2.3rem;
    }

    .hosProcess__steps {
        grid-template-columns: repeat(3, minmax(0, 1fr));

        row-gap: 2rem;
    }

    .hosProcess__step {
        padding: 0 1.25rem;
    }

    .hosProcess__step:nth-child(3) {
        padding-right: 0;
    }

    .hosProcess__step:nth-child(4) {
        padding-left: 0;
    }

    .hosProcess__step:nth-child(3),
    .hosProcess__step:nth-child(5) {
        border-right: 0;
    }

    .hosProcess__stepTop {
        min-height: 4.5rem;
    }

    .hosProcess__icon {
        flex-basis: 4rem;

        width: 4rem;
        height: 4rem;

        font-size: 1.9rem;
    }

    .hosProcess__connector {
        left: 4.5rem;
    }

    .hosProcess__cta {
        grid-template-columns: auto minmax(0, 1fr);

        gap: 1rem;
    }

    .hosProcess__ctaButton {
        grid-column: 2;

        justify-self: start;
    }

    .hosProcess__ctaLink {
        grid-column: 2;
    }
}

@media (max-width: 767.98px) {
    .hosProcess__top {
        gap: 2rem;
    }

    .hosProcess__intro {
        padding-bottom: 2rem;
    }

    .hosProcess__eyebrow {
        margin-bottom: 0.7rem;

        font-size: 0.82rem;

        letter-spacing: 0.1rem;
    }

    .hosProcess__title {
        max-width: 100%;

        font-size: 2.35rem;

        line-height: 1.12;
    }

    .hosProcess__steps {
        display: flex;
        flex-direction: column;

        gap: 0;
    }

    .hosProcess__step,
    .hosProcess__step:nth-child(3),
    .hosProcess__step:nth-child(4),
    .hosProcess__step:nth-child(5) {
        width: 100%;

        min-height: 0;

        padding: 0 0 2rem;

        display: grid;

        grid-template-columns: 4.5rem minmax(0, 1fr);

        column-gap: 1rem;

        align-items: start;

        border: 0;
    }

    .hosProcess__step:last-child {
        padding-bottom: 0;
    }

    .hosProcess__stepTop {
        min-height: 0;

        margin: 0;

        display: block;
    }

    .hosProcess__icon {
        width: 4rem;
        height: 4rem;

        font-size: 2rem;

        box-shadow: none;
    }

    .hosProcess__connector {
        top: 4rem;
        left: 1.95rem;
        right: auto;

        width: 0.08rem;
        height: calc(100% - 4rem);

        background: repeating-linear-gradient(
            to bottom,
            var(--color-gold-light) 0,
            var(--color-gold-light) 0.3rem,
            transparent 0.3rem,
            transparent 0.55rem
        );

        transform: none;
    }

    .hosProcess__connector::after {
        content: "\ea4e";

        top: auto;
        bottom: -0.25rem;
        left: 50%;
        right: auto;

        font-size: 0.9rem;

        transform: translateX(-50%) rotate(90deg);
    }

    .hosProcess__cta {
        margin-top: 2.5rem;

        padding: 1.5rem 1rem;

        display: flex;
        flex-direction: column;

        align-items: stretch;

        gap: 1rem;
    }

    .hosProcess__ctaIcon {
        margin: 0 auto;
        padding: 1rem 0rem;
    }

    .hosProcess__ctaContent {
        text-align: center;
    }

    .hosProcess__ctaTitle {
        font-size: 1.6rem;

        line-height: 1.25;
    }

    .hosProcess__ctaText {
        font-size: 0.9rem;

        line-height: 1.6;
    }

    .hosProcess__ctaButton {
        width: 100%;

        min-height: 3.5rem;

        font-size: 0.88rem;
    }

    .hosProcess__ctaLink {
        justify-content: center;

        font-size: 0.88rem;
    }
}

@media (max-width: 480px) {
    .hosProcess__eyebrow {
        font-size: 0.78rem;

        letter-spacing: 0.08rem;
    }

    .hosProcess__title {
        font-size: 2.15rem;
    }

    .hosProcess__step,
    .hosProcess__step:nth-child(3),
    .hosProcess__step:nth-child(4),
    .hosProcess__step:nth-child(5) {
        grid-template-columns: 4rem minmax(0, 1fr);

        column-gap: 0.9rem;

        padding-bottom: 1.75rem;
    }

    .hosProcess__icon {
        width: 3.6rem;
        height: 3.6rem;

        font-size: 1.8rem;
    }

    .hosProcess__connector {
        top: 3.6rem;
        left: 1.75rem;

        height: calc(100% - 3.6rem);
    }

    .hosProcess__cta {
        margin-top: 2.25rem;
    }

    .hosProcess__ctaTitle {
        font-size: 1.45rem;
    }

    .hosProcess__ctaText {
        font-size: 0.86rem;
    }

    .hosProcess__ctaButton {
        font-size: 0.84rem;
    }

    .hosProcess__ctaLink {
        font-size: 0.84rem;
    }
}

.hosQuality__promise {
    width: 100%;

    min-height: 7.5rem;

    padding: 1.25rem 2rem;

    display: grid;

    grid-template-columns: 1.15fr 1.25fr auto;

    align-items: center;

    gap: 2rem;

    background: var(--color-bg);

    border: 0.08rem solid var(--color-border-light);

    border-radius: 0.45rem;

    box-shadow: var(--shadow-soft);
}

.hosQuality__promiseTitle {
    margin: 0;

    color: var(--color-text-dark);

    font-family: Georgia, "Times New Roman", serif;

    font-size: 2rem;
    font-weight: 400;

    line-height: 1.08;

    letter-spacing: -0.035rem;
}

.hosQuality__promiseText {
    max-width: 30rem;

    margin: 0;

    color: var(--color-text-medium);

    font-size: 0.78rem;
    font-weight: 500;

    line-height: 1.65;
}

.hosQuality__download {
    min-width: 13rem;

    min-height: 2.8rem;

    padding: 0.65rem 0.9rem;

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

    gap: 0.65rem;

    color: var(--color-gold-dark);

    background: transparent;

    border: 0.08rem solid var(--color-border-dark);

    border-radius: 0.25rem;

    font-size: 0.68rem;
    font-weight: 700;

    line-height: 1.2;

    text-decoration: none;

    text-transform: uppercase;

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

.hosQuality__download:hover {
    color: var(--color-white);

    background: var(--gradient-gold);

    border-color: var(--color-gold);

    transform: translateY(-0.15rem);

    box-shadow: var(--shadow-gold);
}

.hosQuality__download i {
    font-size: 1rem;
}

.hosQuality__standards {
    margin-top: 4rem;

    padding: 1.25rem 1.5rem 1.5rem;

    background: linear-gradient(135deg, var(--color-bg-light) 0%, var(--color-bg) 100%);

    border: 0.08rem solid var(--color-border-light);

    border-radius: 0.45rem;

    box-shadow: var(--shadow-soft);
}

.hosQuality__standardsHeading {
    margin: 0 0 1.25rem;

    color: var(--color-text-dark);

    font-size: 0.76rem;
    font-weight: 700;

    line-height: 1.3;

    letter-spacing: 0.12rem;

    text-transform: uppercase;
}

.hosQuality__item {
    min-width: 0;

    padding: 0.25rem 1.4rem;

    text-align: center;

    border-right: 0.08rem solid var(--color-border);

    transition:
        background-color 0.3s ease,
        transform 0.3s ease;
}

.hosQuality__item:first-child {
    padding-left: 0;
}

.hosQuality__item:last-child {
    padding-right: 0;

    border-right: 0;
}

.hosQuality__item:hover {
    background: rgba(255, 255, 255, 0.35);

    transform: translateY(-0.1rem);
}

.hosQuality__icon {
    width: 3.5rem;
    height: 3.5rem;

    margin: 0 auto 0.65rem;

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

    color: var(--color-gold-dark);

    font-size: 2.5rem;
    line-height: 1;

    transition:
        color 0.3s ease,
        transform 0.3s ease;
}

.hosQuality__item:hover .hosQuality__icon {
    color: var(--color-gold);

    transform: scale(1.06) translateY(-0.1rem);
}

.hosQuality__itemTitle {
    margin: 0 auto 0.65rem;

    color: var(--color-text-dark);

    font-size: 0.8rem;
    font-weight: 700;

    line-height: 1.35;

    text-transform: uppercase;
}

.hosQuality__itemText {
    max-width: 12rem;

    margin: 0 auto;

    color: var(--color-text-medium);

    font-size: 0.68rem;
    font-weight: 400;

    line-height: 1.65;
}

@media (max-width: 991.98px) {
    .hosQuality__promise {
        grid-template-columns: 1fr 1fr;

        gap: 1.5rem;

        padding: 1.75rem;
    }

    .hosQuality__promiseTitle {
        font-size: 2.1rem;
    }

    .hosQuality__promiseText {
        font-size: 0.88rem;

        line-height: 1.7;
    }

    .hosQuality__download {
        grid-column: 1 / -1;

        justify-self: start;

        min-height: 3rem;

        font-size: 0.78rem;
    }

    .hosQuality__item:nth-child(3) {
        border-right: 0;
    }

    .hosQuality__item:nth-child(4),
    .hosQuality__item:nth-child(5) {
        border-bottom: 0;
    }

    .hosQuality__item:nth-child(5) {
        border-right: 0;
    }

    .hosQuality__icon {
        width: 4rem;
        height: 4rem;

        font-size: 2.8rem;
    }

    .hosQuality__itemTitle {
        max-width: 14rem;

        min-height: auto;

        font-size: 0.95rem;
    }

    .hosQuality__itemText {
        max-width: 14rem;

        font-size: 0.82rem;

        line-height: 1.7;
    }
}

@media (max-width: 767.98px) {
    .hosQuality__promise {
        display: flex;
        flex-direction: column;

        align-items: stretch;

        gap: 1.25rem;

        padding: 1.5rem 1.15rem;

        text-align: left;
    }

    .hosQuality__promiseTitle {
        max-width: 100%;

        font-size: 2rem;

        line-height: 1.15;
    }

    .hosQuality__promiseText {
        max-width: 100%;

        font-size: 0.98rem;

        line-height: 1.75;
    }

    .hosQuality__download {
        width: 100%;

        min-height: 3.5rem;

        font-size: 0.88rem;
    }

    .hosQuality__standardsHeading {
        margin-bottom: 1.5rem;

        font-size: 0.9rem;

        letter-spacing: 0.1rem;
    }

    .hosQuality__item:nth-child(2),
    .hosQuality__item:nth-child(4) {
        border-right: 0;
    }

    .hosQuality__item:nth-child(3),
    .hosQuality__item:nth-child(4) {
        border-bottom: 0;
    }

    .hosQuality__icon {
        width: 4rem;
        height: 4rem;

        margin-bottom: 0.75rem;

        font-size: 2.85rem;
    }

    .hosQuality__itemTitle {
        max-width: 13rem;

        margin-bottom: 0.75rem;

        font-size: 0.98rem;

        line-height: 1.4;
    }

    .hosQuality__itemText {
        max-width: 13rem;

        font-size: 0.9rem;

        line-height: 1.7;
    }
}

@media (max-width: 480px) {
    .hosQuality {
        padding: 2rem 0;
    }

    .hosQuality__promise {
        padding: 1.4rem 0.95rem;
    }

    .hosQuality__promiseTitle {
        font-size: 1.85rem;

        line-height: 1.18;
    }

    .hosQuality__promiseText {
        font-size: 0.92rem;
    }

    .hosQuality__download {
        min-height: 3.4rem;

        font-size: 0.84rem;
    }

    .hosQuality__standardsHeading {
        font-size: 0.84rem;
    }

    .hosQuality__icon {
        width: 3.6rem;
        height: 3.6rem;

        font-size: 2.55rem;
    }

    .hosQuality__itemTitle {
        font-size: 0.9rem;
    }

    .hosQuality__itemText {
        font-size: 0.84rem;

        line-height: 1.65;
    }
}

@media (max-width: 360px) {
    .hosQuality__promiseTitle {
        font-size: 1.7rem;
    }

    .hosQuality__promiseText {
        font-size: 0.88rem;
    }

    .hosQuality__icon {
        width: 3.35rem;
        height: 3.35rem;

        font-size: 2.35rem;
    }

    .hosQuality__itemTitle {
        font-size: 0.86rem;
    }

    .hosQuality__itemText {
        font-size: 0.8rem;
    }
}

.hosCertifications__card {
    width: 100%;

    background: linear-gradient(135deg, var(--color-bg-light) 0%, var(--color-bg) 100%);

    border: 0.08rem solid var(--color-border-light);

    border-radius: 0.35rem;

    box-shadow: var(--shadow-soft);
}

.hosCertifications__certificationCard {
    padding: 1.15rem 1.25rem 1.25rem;
}

.hosCertifications__heading {
    margin: 0 0 0.85rem;
    color: var(--color-text-dark);
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
}

.hosCertifications__certGrid {
    display: grid;

    grid-template-columns: repeat(6, minmax(0, 1fr));

    gap: 0.5rem;
}

.hosCertifications__certItem {
    min-width: 0;

    min-height: 7.9rem;

    padding: 0.75rem 0.5rem;

    display: flex;
    flex-direction: column;

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

    text-align: center;

    background: rgba(255, 255, 255, 0.55);

    border: 0.08rem solid var(--color-border-light);

    border-radius: 0.35rem;

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

.hosCertifications__certItem:hover {
    transform: translateY(-0.2rem);

    background: var(--color-white);

    box-shadow: var(--shadow-gold);
}

.hosCertifications__logo img {
    width: 100%;
    height: 140px;
    padding: 1rem 0rem;
}

.hosCertifications__certTitle {
    margin: 0 0 0.25rem;

    color: var(--color-text-dark);

    font-size: 0.9rem;
    font-weight: 700;

    line-height: 1.35;
}

.hosCertifications__certText {
    margin: 0;

    color: var(--color-text-medium);

    font-size: 0.8rem;
    font-weight: 500;

    line-height: 1.35;
}

.hosCertifications__documentation {
    margin-top: 4rem;
}

.hosCertifications__docIntro {
    padding: 1rem 0.8rem;

    display: flex;
    flex-direction: column;

    justify-content: center;

    border-right: 0.08rem solid var(--color-border);
}

.hosCertifications__docHeading {
    margin: 0 0 0.75rem;

    color: var(--color-text-dark);

    font-size: 0.82rem;
    font-weight: 700;

    line-height: 1.4;

    letter-spacing: 0.08rem;

    text-transform: uppercase;
}

.hosCertifications__docIntroText {
    max-width: 15rem;

    margin: 0;

    color: var(--color-text-medium);

    font-size: 0.76rem;
    font-weight: 500;

    line-height: 1.65;
}

.hosCertifications__docItem {
    min-width: 0;

    min-height: 10rem;

    padding: 1rem 0.75rem;

    display: flex;
    flex-direction: column;

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

    text-align: center;

    border-right: 0.08rem solid var(--color-border-light);

    transition:
        background-color 0.3s ease,
        transform 0.3s ease;
}

.hosCertifications__docItem:hover {
    background: rgba(255, 255, 255, 0.4);
}

.hosCertifications__docIcon {
    width: 3.25rem;
    height: 3.25rem;

    margin-bottom: 0.6rem;

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

    color: var(--color-gold-dark);

    font-size: 2.5rem;

    line-height: 1;

    transition:
        transform 0.3s ease,
        color 0.3s ease;
}

.hosCertifications__docItem:hover .hosCertifications__docIcon {
    color: var(--color-gold);

    transform: translateY(-0.15rem);
}

.hosCertifications__docTitle {
    max-width: 8rem;
    margin: 0 0 0.5rem;
    color: var(--color-text-dark);
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.4;
}

.hosCertifications__docText {
    margin: 0;

    color: var(--color-text-medium);

    font-size: 0.8rem;
    font-weight: 500;

    line-height: 1.55;
}

.hosCertifications__docAction {
    min-width: 11.5rem;

    padding: 1rem;

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

    border-left: 0;
}

.hosCertifications__sampleButton {
    width: 100%;

    min-height: 3.4rem;

    padding: 0.7rem 0.75rem;

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

    gap: 0.75rem;

    color: var(--color-text-dark);

    background: transparent;

    border: 0.08rem solid var(--color-border-dark);

    border-radius: 0.25rem;

    font-size: 0.68rem;
    font-weight: 700;

    line-height: 1.35;

    text-align: left;

    text-decoration: none;

    text-transform: uppercase;

    transition:
        color 0.3s ease,
        background-color 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.hosCertifications__sampleButton:hover {
    color: var(--color-white);

    background: var(--gradient-gold);

    border-color: var(--color-gold);

    box-shadow: var(--shadow-gold);
}

.hosCertifications__sampleButton i {
    flex: 0 0 auto;

    font-size: 1.1rem;
}

@media (max-width: 991.98px) {
    .hosCertifications__certGrid {
        grid-template-columns: repeat(3, minmax(0, 1fr));

        gap: 0.75rem;
    }

    .hosCertifications__certItem {
        min-height: 9.5rem;

        padding: 1rem;
    }

    .hosCertifications__docIntroText {
        max-width: 35rem;

        font-size: 0.88rem;
    }

    .hosCertifications__docItem:nth-child(3) {
        border-right: 0;
    }

    .hosCertifications__docItem:nth-child(4),
    .hosCertifications__docItem:nth-child(5) {
        border-bottom: 0;
    }

    .hosCertifications__docItem:nth-child(5) {
        border-right: 0;
    }

    .hosCertifications__docIcon {
        width: 4rem;
        height: 4rem;

        font-size: 2.9rem;
    }

    .hosCertifications__docAction {
        padding: 1.5rem;
    }

    .hosCertifications__sampleButton {
        width: auto;

        min-width: 13rem;

        font-size: 0.8rem;
    }
}

@media (max-width: 768.98px) {
    .hosCertifications__certificationCard {
        padding: 1.25rem 0.75rem 0.75rem;
    }

    .hosCertifications__certGrid {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 0.65rem;
    }

    .hosCertifications__certItem {
        min-height: 10.5rem;

        padding: 1.1rem 0.65rem;
    }

    .hosCertifications__docIntroText {
        max-width: 100%;

        font-size: 0.95rem;

        line-height: 1.7;
    }

    .hosCertifications__docItem:nth-child(2),
    .hosCertifications__docItem:nth-child(4) {
        border-right: 0;
    }

    .hosCertifications__docItem:nth-child(3),
    .hosCertifications__docItem:nth-child(4) {
        border-bottom: 0.08rem solid var(--color-border-light);
    }

    .hosCertifications__docItem:nth-child(5) {
        border-right: 0;

        border-bottom: 0;
    }

    .hosCertifications__docIcon {
        width: 4rem;
        height: 4rem;

        margin-bottom: 0.7rem;

        font-size: 2.8rem;
    }

    /* ==============================================
               ACTION
            ============================================== */

    .hosCertifications__docAction {
        padding: 1.25rem 1rem;
    }

    .hosCertifications__sampleButton {
        width: 100%;

        min-height: 3.5rem;

        padding: 0.8rem 1rem;

        font-size: 0.86rem;
    }

    .hosCertifications__docIntro {
        border-right: none !important;
    }
}

@media (max-width: 480px) {
    .hosCertifications {
        padding: 2rem 0;
    }

    .hosCertifications__certificationCard {
        padding: 1.15rem 0.6rem 0.6rem;
    }

    .hosCertifications__certGrid {
        gap: 0.55rem;
    }

    .hosCertifications__certItem {
        min-height: 10rem;

        padding: 1rem 0.5rem;
    }

    .hosCertifications__docIntroText {
        font-size: 0.9rem;
    }

    .hosCertifications__docIcon {
        width: 3.6rem;
        height: 3.6rem;

        font-size: 2.55rem;
    }

    .hosCertifications__sampleButton {
        font-size: 0.82rem;
    }

    .hosQuality__item {
        border-right: none;
        padding: 0.5rem 1rem;
    }

    .hosCertifications__docIntro {
        border-right: none !important;
    }

    .hosCertifications__docItem {
        border-bottom: none;
        border-right: none;
    }
}

.hos-story-section {
    background: radial-gradient(circle at 15% 20%, rgba(216, 194, 155, 0.08), transparent 30%), var(--color-bg-light);
    overflow: hidden;
}

.hos-story-row {
    max-width: 100rem;

    margin: 0 auto;
}

.hos-story-eyebrow {
    display: inline-block;

    margin-bottom: 1rem;

    color: var(--color-gold-dark);

    font-size: 1rem;

    font-weight: 700;

    letter-spacing: 0.16rem;

    line-height: 1.4;
}

.hos-story-main-title {
    margin: 0 0 1.5rem;

    color: var(--color-text-dark);

    font-family: Georgia, "Times New Roman", serif;
    font-size: 2rem;
    font-weight: 550;

    line-height: 1.12;

    letter-spacing: -0.04rem;
}

.hos-story-intro-text p {
    margin: 0 0 1rem;

    color: var(--color-text-medium);

    font-family: Arial, sans-serif;

    font-size: 1.2rem;

    font-weight: 400;

    line-height: 1.7;
}

.hos-story-intro-text p:last-child {
    margin-bottom: 0;
}

.hos-story-icon {
    color: var(--color-gold);
    font-size: 2rem;
    font-weight: normal;
}

.hos-story-value-title {
    color: var(--color-text-dark);

    font-family: Arial, sans-serif;

    font-size: 0.95rem;

    font-weight: 700;

    line-height: 1.35;

    letter-spacing: 0.015rem;
}

.hos-story-value-text {
    margin: 0;

    color: var(--color-text-medium);

    font-size: 1rem;

    line-height: 1.7;
}

@media (max-width: 61.9375rem) {
    .hos-story-section {
        padding: 3.5rem 0;
    }
}

@media (max-width: 47.9375rem) {
    .hos-story-section {
        padding: 3rem 0;
    }
}

@media (max-width: 35.9375rem) {
    .hos-story-section {
        padding: 2.5rem 0;
    }

    .hos-story-value-title {
        font-size: 0.9rem;
    }
}

.hos-glance-section {
    background: var(--color-bg-light);
}

.hos-glance-heading {
    margin-bottom: 1.5rem;
}

.hos-glance-eyebrow {
    display: inline-block;

    color: var(--color-gold-dark);

    font-family: Arial, sans-serif;

    font-size: 1rem;

    font-weight: 700;

    letter-spacing: 0.12rem;

    line-height: 1.4;
}

.hos-glance-row {
    width: 100%;
}

.hos-glance-item {
    min-height: 7rem;

    padding: 1rem 1.5rem;

    display: flex;

    align-items: center;

    gap: 1rem;

    border-right: 0.0625rem solid var(--color-border-light);

    transition:
        background-color 0.35s ease,
        transform 0.35s ease;
}

/* Remove last desktop border */

.hos-glance-row > div:last-child .hos-glance-item {
    border-right: 0;
}

.hos-glance-icon {
    width: 3.5rem;

    height: 3.5rem;

    flex: 0 0 3.5rem;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--color-gold);

    font-size: 2.3rem;

    transition:
        transform 0.35s ease,
        color 0.35s ease;
}

.hos-glance-item:hover {
    transform: translateY(-0.2rem);

    background: rgba(216, 194, 155, 0.08);
}

.hos-glance-item:hover .hos-glance-icon {
    color: var(--color-gold-dark);

    transform: scale(1.08);
}

.hos-glance-content {
    display: flex;

    flex-direction: column;

    justify-content: center;

    min-width: 0;
}

.hos-glance-number {
    display: block;

    color: var(--color-gold-dark);

    font-family: Georgia, "Times New Roman", serif;

    font-size: 2rem;

    font-weight: 500;

    line-height: 1.05;

    white-space: nowrap;
}

.hos-glance-global {
    font-size: 1.45rem;
}

.hos-glance-label {
    display: block;

    margin-top: 0.35rem;

    color: var(--color-text-medium);

    font-family: Arial, sans-serif;

    font-size: 0.9rem;

    font-weight: 600;

    line-height: 1.4;
}

@media (min-width: 87.5rem) {
    .hos-glance-item {
        padding-left: 2rem;

        padding-right: 2rem;
    }
}

@media (max-width: 74.9375rem) {
    .hos-glance-section {
        padding: 3rem 0;
    }

    .hos-glance-item {
        min-height: 6.5rem;

        padding: 1rem;
    }

    .hos-glance-icon {
        width: 3rem;

        height: 3rem;

        flex-basis: 3rem;

        font-size: 2rem;
    }
}

@media (max-width: 61.9375rem) {
    .hos-glance-row > div:nth-child(2) .hos-glance-item,
    .hos-glance-row > div:nth-child(4) .hos-glance-item {
        border-right: 0;
    }

    .hos-glance-row > div:nth-child(-n + 4) .hos-glance-item {
        border-bottom: 0.0625rem solid var(--color-border-light);
    }

    .hos-glance-item {
        min-height: 7rem;

        padding: 1.2rem;
    }
}

@media (max-width: 47.9375rem) {
    .hos-glance-section {
        padding: 2.5rem 0;
    }

    .hos-glance-heading {
        margin-bottom: 1rem;
    }
    .hos-glance-item {
        min-height: 6.5rem;

        padding: 1rem 0.8rem;

        gap: 0.7rem;
    }

    .hos-glance-icon {
        width: 2.8rem;

        height: 2.8rem;

        flex-basis: 2.8rem;

        font-size: 1.8rem;
    }

    .hos-glance-global {
        font-size: 1.15rem;
    }

    /* Mobile grid borders */

    .hos-glance-row > div:nth-child(odd) .hos-glance-item {
        border-right: 0.0625rem solid var(--color-border-light);
    }

    .hos-glance-row > div:nth-child(even) .hos-glance-item {
        border-right: 0;
    }

    .hos-glance-row > div:nth-child(5) .hos-glance-item,
    .hos-glance-row > div:nth-child(6) .hos-glance-item {
        border-bottom: 0;
    }
}

@media (max-width: 35.9375rem) {
    .hos-glance-section {
        padding: 2rem 0;
    }

    .hos-glance-item {
        min-height: 6.5rem;

        padding: 0.8rem 0.6rem;

        gap: 0.5rem;
    }

    .hos-glance-icon {
        width: 2.5rem;

        height: 2.5rem;

        flex-basis: 2.5rem;

        font-size: 1.6rem;
    }

    .hos-glance-global {
        font-size: 1rem;
    }
}

.hos-lead-section {
    background: var(--color-bg-light);
}

.hos-lead-wrapper {
    width: 100%;

    max-width: 110rem;

    margin: 0 auto;
}

.hos-lead-top {
    width: 100%;
}

.hos-lead-eyebrow {
    display: inline-block;

    margin-bottom: 1.5rem;

    color: var(--color-gold-dark);

    font-family: Arial, sans-serif;

    font-size: 1rem;

    font-weight: 700;

    letter-spacing: 0.14rem;

    line-height: 1.4;
}

.hos-lead-intro-text {
    max-width: 18rem;

    margin: 0 0 2rem;

    color: var(--color-text-medium);

    font-family: Arial, sans-serif;

    font-size: 1rem;

    line-height: 1.75;
}

.hos-lead-team-btn {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 0.5rem;

    padding: 0.75rem 1rem;

    border: 0.0625rem solid var(--color-gold);

    border-radius: 0.3rem;

    color: var(--color-gold-dark);

    background: transparent;

    text-decoration: none;

    font-family: Arial, sans-serif;

    font-size: 0.78rem;

    font-weight: 700;

    letter-spacing: 0.02rem;

    transition: all 0.35s ease;
}

.hos-lead-team-btn i {
    font-size: 1rem;
}

.hos-lead-team-btn:hover {
    background: var(--gradient-gold);

    border-color: var(--color-gold-dark);

    color: var(--color-white);

    transform: translateY(-0.2rem);
}

.hos-lead-team-row {
    padding-right: 1.5rem;
}

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

.hos-lead-card {
    height: 100%;

    background: rgba(255, 255, 255, 0.25);

    border: 0.0625rem solid var(--color-border-light);

    border-radius: 0.35rem;

    overflow: hidden;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        background-color 0.35s ease;
}

.hos-lead-card:hover {
    transform: translateY(-0.4rem);

    background: var(--color-white);

    box-shadow: var(--shadow-soft);
}

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

.hos-lead-image {
    width: 100%;
}

.hos-lead-image img {
    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.5s ease;
}

.hos-lead-card:hover .hos-lead-image img {
    transform: scale(1.04);
}

/* =====================================================
   TEAM INFO
===================================================== */

.hos-lead-info {
    padding: 1rem 0.9rem 1.2rem;

    text-align: center;
}

.hos-lead-info h3 {
    margin: 0 0 0.45rem;

    color: var(--color-text-dark);

    font-family: Georgia, "Times New Roman", serif;

    font-size: 1.3rem;

    font-weight: 500;

    line-height: 1.3;
}

.hos-lead-role {
    display: block;

    margin-bottom: 0.75rem;

    color: var(--color-gold-dark);

    font-family: Arial, sans-serif;

    font-size: 0.8rem;

    font-weight: 700;

    line-height: 1.4;
}

.hos-lead-info p {
    margin: 0 auto;

    color: var(--color-text-medium);

    font-family: Arial, sans-serif;

    font-size: 0.8rem;

    line-height: 1.7;
}

/* =====================================================
   BOTTOM
===================================================== */

.hos-lead-bottom {
    margin-top: 2rem;

    background: var(--color-bg);
}

/* =====================================================
   PURPOSE
===================================================== */

.hos-lead-purpose {
    padding: 1rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    border-right: 0.0625rem solid var(--color-border);
}

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

.hos-lead-purpose-icon {
    width: 4rem;

    height: 4rem;

    flex: 0 0 4rem;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--color-gold);

    font-size: 2.8rem;
}

/* =====================================================
   PURPOSE LABEL
===================================================== */

.hos-lead-purpose-label {
    display: block;

    margin-bottom: 0.55rem;

    color: var(--color-gold-dark);

    font-family: Arial, sans-serif;

    font-size: 0.9rem;

    font-weight: 700;

    letter-spacing: 0.05rem;
}

/* =====================================================
   PURPOSE TEXT
===================================================== */

.hos-lead-purpose p {
    max-width: 17rem;

    margin: 0;

    color: var(--color-text-medium);

    font-family: Arial, sans-serif;

    font-size: 0.9rem;

    line-height: 1.65;
}

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

.hos-lead-cta {
    min-height: 8.5rem;

    padding: 1.5rem 2rem;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 1.5rem;

    background: var(--gradient-gold);

    color: var(--color-white);
}

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

.hos-lead-cta h2 {
    margin: 0 0 0.2rem;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 1.7rem;

    font-weight: 500;

    line-height: 1.2;
}

.hos-lead-cta p {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 1.35rem;

    line-height: 1.3;
}

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

.hos-lead-cta-btn {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 0.5rem;

    flex-shrink: 0;

    padding: 0.8rem 1rem;

    background: var(--color-white);

    color: var(--color-gold-dark);

    text-decoration: none;

    border-radius: 0.25rem;

    font-family: Arial, sans-serif;

    font-size: 0.72rem;

    font-weight: 700;

    transition: all 0.35s ease;
}

.hos-lead-cta-btn i {
    font-size: 1rem;
}

.hos-lead-cta-btn:hover {
    color: var(--color-gold-dark);

    transform: translateX(0.25rem);

    box-shadow: var(--shadow-gold);
}

/* =====================================================
   LAPTOP
===================================================== */

@media (max-width: 74.9375rem) {
    .hos-lead-team-row {
        padding-right: 1rem;
    }

    .hos-lead-purpose-icon {
        width: 3.5rem;

        height: 3.5rem;

        flex-basis: 3.5rem;

        font-size: 2.3rem;
    }
}

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

@media (max-width: 61.9375rem) {
    .hos-lead-intro-text {
        max-width: 35rem;
    }

    .hos-lead-team-row {
        padding: 0 1rem;
    }

    .hos-lead-card {
        margin-bottom: 1rem;
    }

    .hos-lead-bottom {
        margin-top: 1.5rem;
    }

    .hos-lead-cta {
        min-height: 9rem;
    }
}

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

@media (max-width: 47.9375rem) {
    .hos-lead-intro-text {
        max-width: 25rem;

        font-size: 0.86rem;
    }

    .hos-lead-team-row {
        padding: 0 0.75rem;
    }

    .hos-lead-card {
        border-radius: 0.5rem;
    }

    .hos-lead-info {
        padding: 0.9rem 0.6rem 1rem;
    }

    .hos-lead-bottom {
        margin-top: 1.5rem;
    }

    .hos-lead-purpose-icon {
        width: 3.5rem;

        height: 3.5rem;

        flex-basis: 3.5rem;

        font-size: 2.3rem;
    }

    .hos-lead-cta {
        min-height: auto;

        padding: 1.8rem 1.25rem;

        flex-direction: column;

        align-items: flex-start;
    }

    .hos-lead-cta h2 {
        font-size: 1.5rem;
    }

    .hos-lead-cta p {
        font-size: 1.2rem;
    }

    .hos-lead-team-btn {
        margin-bottom: 2rem;
    }
}

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

@media (max-width: 35.9375rem) {
    .hos-lead-team-row {
        padding: 0 0.5rem;
    }

    .hos-lead-purpose-icon {
        width: 3rem;

        height: 3rem;

        flex-basis: 3rem;

        font-size: 2rem;
    }

    .hos-lead-cta-btn {
        width: 100%;
    }
}

.contact_bg {
    background-image: url(../images/contact-bg.jpg);
    background-position: center;
    background-size: cover;
}

.hos-contact-bg-shape {
    position: absolute;
    z-index: 0;
    pointer-events: none;
    border-radius: 50%;
    filter: blur(3rem);
}

.hos-contact-bg-shape-one {
    width: 30rem;
    height: 30rem;
    top: -15rem;
    right: 8%;
    background: rgba(255, 255, 255, 0.42);
}

.hos-contact-bg-shape-two {
    width: 25rem;
    height: 25rem;
    bottom: -13rem;
    left: 15%;
    background: rgba(216, 194, 155, 0.14);
}

.hos-contact-grid {
    display: flex;
    justify-content: space-between;
}

.hos-contact-content {
    position: relative;
    z-index: 5;
    padding: 2rem 1rem 2rem 0;
}

.hos-contact-kicker {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 2rem;
    color: var(--color-text);
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.12rem;
    text-transform: uppercase;
}

.hos-contact-kicker-number {
    font-size: 0.85rem;
    font-weight: 700;
}

.hos-contact-kicker-line {
    width: 2rem;
    height: 0.1rem;
    background: var(--color-border-dark);
}

.hos-contact-kicker-text {
    font-size: 0.85rem;
}

.hos-contact-title {
    margin: 0;
    max-width: 23rem;
    font-family: "Playfair Display", serif;
    font-size: clamp(2.7rem, 4vw, 4.5rem);
    line-height: 0.98;
    font-weight: 500;
    letter-spacing: -0.08rem;
    color: var(--color-text-dark);
}

.hos-contact-title span {
    display: block;
    color: var(--color-gold);
}

.hos-contact-title-divider {
    width: 3rem;
    height: 0.12rem;
    margin: 1.5rem 0 1.5rem;
    background: var(--color-gold);
}

.hos-contact-description {
    max-width: 22rem;
    margin: 0 0 2.5rem;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--color-text-medium);
}

.hos-contact-features {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.hos-contact-feature {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.hos-contact-feature-icon {
    flex: 0 0 2.4rem;
    width: 2.4rem;
    height: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.08rem solid var(--color-gold-light);
    color: var(--color-gold-dark);
    font-size: 1.35rem;
    background: rgba(255, 255, 255, 0.22);
}

.hos-contact-feature-text {
    font-size: 1rem;
    line-height: 1.4;
    font-weight: 500;
    color: var(--color-text-medium);
}

.hos-contact-products {
    position: relative;
    height: 100%;
    min-height: 44rem;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.hos-contact-product-platform {
    position: absolute;
    left: 5%;
    right: 2%;
    bottom: 0;
    height: 13rem;
    border-radius: 0.5rem 0.5rem 0 0;

    background: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(210, 197, 184, 0.55));

    box-shadow: 0 -0.2rem 2rem rgba(36, 21, 66, 0.04);

    transform: perspective(40rem) rotateX(8deg);
}

.hos-contact-product-platform::after {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.45;
    background-image:
        linear-gradient(115deg, transparent 44%, rgba(178, 138, 74, 0.22) 45%, transparent 47%),
        linear-gradient(65deg, transparent 55%, rgba(178, 138, 74, 0.16) 56%, transparent 58%);
}

/*
            Put the generated HD product image here.

            Example:
            assets/hos-products.png
        */

.hos-contact-product-image {
    position: relative;
    z-index: 4;
    width: 100%;
    height: 100%;
    min-height: 40rem;
    object-fit: contain;
    object-position: center bottom;
    transform: translateY(-1rem);
    filter: drop-shadow(0 1.5rem 1.5rem rgba(23, 16, 32, 0.12));
}

.hos-contact-form-wrap {
    position: relative;
    z-index: 10;
    padding-left: 0.5rem;
}

.hos-contact-form-card {
    width: 100%;
    padding: 2rem 1.8rem 1.6rem;
    border: 0.08rem solid rgba(175, 160, 150, 0.28);
    border-radius: 0.7rem;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: var(--shadow-card);
    backdrop-filter: blur(1rem);
    -webkit-backdrop-filter: blur(1rem);
}

.hos-contact-form-heading {
    margin: 0 0 0.7rem;
    color: var(--color-gold-dark);
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.11rem;
    text-transform: uppercase;
}

.hos-contact-form-subheading {
    max-width: 17rem;
    margin: 0 0 1.5rem;
    color: var(--color-text-medium);
    font-size: 1rem;
    line-height: 1.5;
}

.hos-contact-field {
    position: relative;
    margin-bottom: 0.7rem;
}

.hos-contact-input,
.hos-contact-select,
.hos-contact-textarea {
    width: 100%;
    border: 0.08rem solid var(--color-border);
    border-radius: 0.25rem;
    outline: none;
    background: rgba(255, 255, 255, 0.32);
    color: var(--color-text);
    font-family: "DM Sans", sans-serif;
    font-size: 0.92rem;
    font-weight: 500;
    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease;
}

.hos-contact-input,
.hos-contact-select {
    height: 2.8rem;
    padding: 0 0.85rem;
}

.hos-contact-textarea {
    min-height: 6rem;
    resize: vertical;
    padding: 0.8rem 0.85rem;
}

.hos-contact-input::placeholder,
.hos-contact-textarea::placeholder {
    color: var(--color-text-muted);
    opacity: 1;
}

.hos-contact-input:focus,
.hos-contact-select:focus,
.hos-contact-textarea:focus {
    border-color: var(--color-gold);
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 0 0 0 0.18rem rgba(178, 138, 74, 0.1);
}

.hos-contact-select {
    appearance: none;
    -webkit-appearance: none;
    padding-right: 2.5rem;
}

.hos-contact-select-arrow {
    position: absolute;
    top: 50%;
    right: 0.8rem;
    transform: translateY(-50%);
    pointer-events: none;
    color: var(--color-text-medium);
    font-size: 1.2rem;
}

.hos-contact-check {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    margin: 1rem 0 1.2rem;
}

.hos-contact-check input {
    appearance: none;
    -webkit-appearance: none;
    flex: 0 0 1.05rem;
    width: 1.05rem;
    height: 1.05rem;
    margin-top: 0.1rem;
    border: 0.08rem solid var(--color-border-dark);
    border-radius: 0.15rem;
    background: var(--color-white);
    cursor: pointer;
    position: relative;
}

.hos-contact-check input:checked {
    border-color: var(--color-gold-dark);
    background: var(--color-gold-dark);
}

.hos-contact-check input:checked::after {
    content: "";
    position: absolute;
    width: 0.35rem;
    height: 0.65rem;
    left: 0.3rem;
    top: 0.12rem;
    border-right: 0.12rem solid var(--color-white);
    border-bottom: 0.12rem solid var(--color-white);
    transform: rotate(45deg);
}

.hos-contact-check label {
    color: var(--color-text-medium);
    font-size: 0.78rem;
    line-height: 1.5;
    cursor: pointer;
}

.hos-contact-submit {
    width: 100%;
    min-height: 2.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    border: none;
    border-radius: 0.25rem;
    background: var(--gradient-dark);
    color: var(--color-white);
    font-family: "DM Sans", sans-serif;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.04rem;
    cursor: pointer;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.hos-contact-submit:hover {
    transform: translateY(-0.15rem);
    box-shadow: var(--shadow-dark);
}

.hos-contact-submit i {
    color: var(--color-gold-light);
    font-size: 1.15rem;
}

.hos-contact-safe {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    margin-top: 1rem;
    color: var(--color-text-medium);
    font-size: 0.75rem;
}

.hos-contact-safe i {
    color: var(--color-gold-dark);
    font-size: 1rem;
}

.hos-contact-success {
    display: none;
    margin-top: 1rem;
    padding: 0.75rem;
    border: 0.08rem solid rgba(178, 138, 74, 0.35);
    border-radius: 0.25rem;
    background: rgba(216, 194, 155, 0.15);
    color: var(--color-text-medium);
    font-size: 0.8rem;
    line-height: 1.5;
    text-align: center;
}

.hos-contact-success.show {
    display: block;
}

@media (max-width: 75rem) {
    .hos-contact-wrapper {
        padding: 2.5rem 1.5rem;
    }

    .hos-contact-grid {
        grid-template-columns: 32% 40% 28%;
    }

    .hos-contact-description {
        font-size: 0.95rem;
    }

    .hos-contact-product-image {
        min-height: 35rem;
    }

    .hos-contact-products {
        min-height: 39rem;
    }

    .hos-contact-form-card {
        padding: 1.6rem 1.3rem;
    }

    .hos-contact-input,
    .hos-contact-select {
        height: 2.7rem;
    }
}

@media (max-width: 62rem) {
    .hos-contact-wrapper {
        min-height: auto;
        padding: 4rem 1.5rem;
    }

    .hos-contact-grid {
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
    }

    .hos-contact-content {
        padding-right: 1rem;
    }

    .hos-contact-products {
        min-height: 38rem;
    }

    .hos-contact-form-wrap {
        grid-column: 1 / -1;
        width: min(100%, 38rem);
        margin: 0 auto;
    }

    .hos-contact-form-card {
        padding: 2rem;
    }

    .hos-contact-form-subheading {
        max-width: 30rem;
    }
}

@media (max-width: 48rem) {
    .hos-contact-section {
        min-height: auto;
    }

    .hos-contact-wrapper {
        padding: 3rem 1.2rem;
    }

    .hos-contact-grid {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

    .hos-contact-content {
        width: 100%;
        padding: 0;
    }

    .hos-contact-kicker {
        margin-bottom: 1.5rem;
    }

    .hos-contact-title {
        max-width: 100%;
        font-size: 2.1rem;
        line-height: 1.2;
    }

    .hos-contact-description {
        max-width: 100%;
        font-size: 1rem;
        line-height: 1.65;
    }

    .hos-contact-feature-text {
        font-size: 1rem;
    }

    .hos-contact-products {
        width: 100%;
        min-height: 31rem;
        order: 2;
    }

    .hos-contact-product-image {
        min-height: 29rem;
        transform: translateY(-0.5rem);
    }

    .hos-contact-product-platform {
        left: 0;
        right: 0;
        height: 9rem;
    }

    .hos-contact-form-wrap {
        width: 100%;
        order: 3;
        padding: 0;
    }

    .hos-contact-form-card {
        padding: 1.8rem 1.2rem 1.5rem;
        border-radius: 0.7rem;
    }

    .hos-contact-form-heading {
        font-size: 0.9rem;
    }

    .hos-contact-form-subheading {
        font-size: 1rem;
        line-height: 1.55;
    }

    .hos-contact-input,
    .hos-contact-select {
        height: 3rem;
        font-size: 0.95rem;
    }

    .hos-contact-textarea {
        min-height: 7rem;
        font-size: 0.95rem;
    }

    .hos-contact-submit {
        min-height: 3.1rem;
        font-size: 0.9rem;
    }
}

@media (max-width: 30rem) {
    .hos-contact-wrapper {
        padding: 2.2rem 1rem;
    }

    .hos-contact-products {
        min-height: 25rem;
    }

    .hos-contact-product-image {
        min-height: 24rem;
    }

    .hos-contact-product-platform {
        height: 7rem;
    }

    .hos-contact-form-card {
        padding: 1.5rem 1rem;
    }

    .hos-contact-feature {
        gap: 0.8rem;
    }

    .hos-contact-feature-icon {
        flex-basis: 2.2rem;
        width: 2.2rem;
        height: 2.2rem;
    }
}

.hos-growth-section,
.hos-growth-section * {
    box-sizing: border-box;
}

.hos-growth-section {
    background: var(--color-bg-light);
}

.hos-growth-container {
    width: min(100%, 100rem);
    margin: 0 auto;
}

.hos-growth-card {
    position: relative;
    width: 100%;
    min-height: 10rem;

    display: grid;
    grid-template-columns: 1.45fr 1.3fr 0.8fr 0.8fr 0.8fr 0.8fr;

    align-items: stretch;

    padding: 1.4rem 1.25rem;

    border: 0.08rem solid var(--color-border-light);
    border-radius: 0.55rem;

    background: linear-gradient(135deg, rgba(255, 255, 255, 0.62), rgba(247, 242, 237, 0.84));

    box-shadow: 0 0.5rem 2rem rgba(36, 21, 66, 0.035);

    overflow: hidden;
}

.hos-growth-card::before {
    content: "";
    position: absolute;
    inset: 0.3rem;
    border: 0.05rem solid rgba(255, 255, 255, 0.45);
    border-radius: 0.4rem;
    pointer-events: none;
}

.hos-growth-title-area {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;

    padding: 0.4rem 1.5rem 0.4rem 0.75rem;
}

.hos-growth-title {
    margin: 0;

    max-width: 17rem;

    font-family: "Playfair Display", serif;

    font-size: clamp(1.7rem, 2.7vw, 2.65rem);

    line-height: 1.08;
    font-weight: 600;
    letter-spacing: -0.04rem;

    color: var(--color-text-dark);
}

.hos-growth-description-area {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;

    padding: 0.4rem 1.4rem 0.4rem 0.7rem;
}

.hos-growth-description {
    margin: 0;

    max-width: 17rem;

    font-size: 0.92rem;
    line-height: 1.55;
    font-weight: 500;

    color: var(--color-text-medium);
}

.hos-growth-feature {
    position: relative;
    z-index: 2;

    min-width: 0;

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

    padding: 0.4rem 0.8rem;

    text-align: center;

    border-left: 0.08rem solid rgba(207, 194, 184, 0.58);
}

.hos-growth-icon {
    width: 2.65rem;
    height: 2.65rem;

    margin-bottom: 0.65rem;

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

    color: var(--color-gold-dark);

    font-size: 2rem;
    font-weight: 400;

    transition:
        transform 0.3s ease,
        color 0.3s ease;
}

.hos-growth-feature:hover .hos-growth-icon {
    transform: translateY(-0.2rem);
    color: var(--color-gold);
}

.hos-growth-feature-title {
    max-width: 8rem;
    margin: 0;

    font-size: 0.82rem;
    line-height: 1.35;
    font-weight: 600;

    color: var(--color-text-dark);
}

.hos-growth-feature-description {
    max-width: 8rem;
    margin: 0.2rem 0 0;

    font-size: 0.78rem;
    line-height: 1.4;
    font-weight: 400;

    color: var(--color-text-medium);
}

.hos-growth-feature {
    transition:
        background 0.3s ease,
        transform 0.3s ease;
}

.hos-growth-feature:hover {
    background: rgba(216, 194, 155, 0.08);
}

@media (min-width: 90rem) {
    .hos-growth-section {
        padding: 2.5rem 1.5rem;
    }

    .hos-growth-card {
        min-height: 11rem;
        padding: 1.5rem 1.5rem;
    }

    .hos-growth-title {
        font-size: 2.65rem;
    }

    .hos-growth-description {
        font-size: 1rem;
    }

    .hos-growth-feature-title {
        font-size: 0.9rem;
    }

    .hos-growth-feature-description {
        font-size: 0.82rem;
    }

    .hos-growth-icon {
        width: 3rem;
        height: 3rem;
        font-size: 2.25rem;
    }
}

@media (max-width: 75rem) {
    .hos-growth-card {
        grid-template-columns: 1.3fr 1.15fr 0.8fr 0.8fr 0.8fr 0.8fr;

        padding: 1.2rem 1rem;
    }

    .hos-growth-title-area {
        padding-right: 1rem;
    }

    .hos-growth-description-area {
        padding-right: 0.8rem;
    }

    .hos-growth-title {
        font-size: 2rem;
    }

    .hos-growth-description {
        font-size: 0.85rem;
    }

    .hos-growth-feature {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .hos-growth-feature-title {
        font-size: 0.76rem;
    }

    .hos-growth-feature-description {
        font-size: 0.7rem;
    }
}

@media (max-width: 62rem) {
    .hos-growth-section {
        padding: 2rem 1rem;
    }

    .hos-growth-card {
        grid-template-columns: 1fr 1fr;
        gap: 0;

        padding: 1.5rem;
    }

    .hos-growth-title-area {
        min-height: 8rem;
        padding: 0.75rem 1rem 0.75rem 0.5rem;
    }

    .hos-growth-description-area {
        min-height: 8rem;
        padding: 0.75rem 0.5rem 0.75rem 1rem;
    }

    .hos-growth-feature {
        min-height: 9rem;

        border-top: 0.08rem solid rgba(207, 194, 184, 0.58);

        border-left: none;
    }

    .hos-growth-feature:nth-child(3),
    .hos-growth-feature:nth-child(5) {
        border-right: 0.08rem solid rgba(207, 194, 184, 0.58);
    }

    .hos-growth-title {
        max-width: 100%;
        font-size: 2.25rem;
    }

    .hos-growth-description {
        max-width: 100%;
        font-size: 0.95rem;
    }

    .hos-growth-feature-title {
        max-width: 12rem;
        font-size: 0.9rem;
    }

    .hos-growth-feature-description {
        max-width: 12rem;
        font-size: 0.82rem;
    }

    .hos-growth-icon {
        width: 2.8rem;
        height: 2.8rem;
        font-size: 2.1rem;
    }
}

@media (max-width: 48rem) {
    .hos-growth-section {
        padding: 1.5rem 0.85rem;
    }

    .hos-growth-card {
        display: flex;
        flex-direction: column;

        padding: 1.5rem 1rem;
        border-radius: 0.65rem;
    }

    .hos-growth-title-area {
        min-height: auto;
        padding: 0.5rem 0.5rem 1rem;

        justify-content: center;
        text-align: center;
    }

    .hos-growth-title {
        max-width: 100%;
        font-size: clamp(2rem, 9vw, 2.8rem);
        line-height: 1.08;
    }

    .hos-growth-description-area {
        min-height: auto;

        padding: 0 0.7rem 1.4rem;

        justify-content: center;
        text-align: center;
    }

    .hos-growth-description {
        max-width: 34rem;
        font-size: 1rem;
        line-height: 1.6;
    }

    .hos-growth-feature {
        width: 100%;
        min-height: auto;

        flex-direction: row;
        justify-content: flex-start;

        gap: 1rem;

        padding: 1rem 0.7rem;

        text-align: left;

        border-left: none !important;
        border-right: none !important;
        border-top: 0.08rem solid rgba(207, 194, 184, 0.58);
    }

    .hos-growth-feature:first-of-type {
        border-top: 0.08rem solid rgba(207, 194, 184, 0.58);
    }

    .hos-growth-icon {
        flex: 0 0 3rem;

        width: 3rem;
        height: 3rem;

        margin: 0;

        font-size: 2.15rem;
    }

    .hos-growth-feature-content {
        flex: 1;
    }

    .hos-growth-feature-title {
        max-width: none;
        font-size: 1rem;
        line-height: 1.35;
    }

    .hos-growth-feature-description {
        max-width: none;
        margin-top: 0.25rem;
        font-size: 0.9rem;
        line-height: 1.45;
    }
}

@media (max-width: 30rem) {
    .hos-growth-section {
        padding: 1.2rem 0.65rem;
    }

    .hos-growth-card {
        padding: 1.2rem 0.75rem;
    }

    .hos-growth-title-area {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    .hos-growth-title {
        font-size: 2rem;
    }

    .hos-growth-description-area {
        padding-left: 0.3rem;
        padding-right: 0.3rem;
    }

    .hos-growth-description {
        font-size: 0.95rem;
    }

    .hos-growth-feature {
        gap: 0.85rem;
        padding: 1rem 0.35rem;
    }

    .hos-growth-icon {
        flex-basis: 2.8rem;
        width: 2.8rem;
        height: 2.8rem;
        font-size: 2rem;
    }

    .hos-growth-feature-title {
        font-size: 0.98rem;
    }

    .hos-growth-feature-description {
        font-size: 0.86rem;
    }
}

.hos-connect-section,
.hos-connect-section * {
    box-sizing: border-box;
}

.hos-connect-section {
    width: 100%;
    padding: 2rem 1rem;
    background: var(--color-bg-light);
    font-family: "DM Sans", sans-serif;
    color: var(--color-text);
    overflow: hidden;
}

.hos-connect-container {
    width: min(100%, 100rem);
    margin: 0 auto;
}

.hos-connect-grid {
    display: grid;

    grid-template-columns: 1fr 1fr 1.55fr;

    gap: 0.45rem;

    width: 100%;
}

.hos-connect-card {
    position: relative;

    min-height: 19rem;

    border: 0.08rem solid var(--color-border-light);

    border-radius: 0.55rem;

    background: rgba(255, 255, 255, 0.38);

    overflow: hidden;

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

.hos-connect-info-card {
    padding: 1.5rem 1.35rem;
}

.hos-connect-heading {
    margin: 0 0 1.5rem;

    font-size: 0.85rem;
    line-height: 1.2;
    font-weight: 700;

    letter-spacing: 0.09rem;
    text-transform: uppercase;

    color: var(--color-text-dark);
}

.hos-connect-contact-item {
    display: flex;
    align-items: flex-start;

    gap: 1rem;

    padding: 0.65rem 0;

    border-bottom: 0.08rem solid rgba(207, 194, 184, 0.5);
}

.hos-connect-contact-item:last-child {
    border-bottom: none;
}

.hos-connect-icon {
    flex: 0 0 2.25rem;

    width: 2.25rem;
    height: 2.25rem;

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

    color: var(--color-gold-dark);

    font-size: 1.65rem;

    transition:
        transform 0.3s ease,
        color 0.3s ease;
}

.hos-connect-contact-item:hover .hos-connect-icon {
    transform: translateY(-0.1rem);
    color: var(--color-gold);
}

.hos-connect-contact-content {
    flex: 1;
    min-width: 0;
}

.hos-connect-contact-title {
    margin: 0 0 0.25rem;

    font-size: 0.88rem;
    line-height: 1.4;
    font-weight: 600;

    color: var(--color-text-dark);
}

.hos-connect-contact-value {
    margin: 0;

    font-size: 0.82rem;
    line-height: 1.5;
    font-weight: 400;

    color: var(--color-text-medium);

    word-break: break-word;
}

.hos-connect-resource-list {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.hos-connect-resource-item {
    display: flex;
    align-items: flex-start;

    gap: 0.9rem;

    padding: 0.4rem 0;

    cursor: pointer;

    transition: transform 0.3s ease;
}

.hos-connect-resource-item:hover {
    transform: translateX(0.15rem);
}

.hos-connect-resource-icon {
    flex: 0 0 2rem;

    width: 2rem;
    height: 2rem;

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

    color: var(--color-gold-dark);

    font-size: 1.45rem;
}

.hos-connect-resource-content {
    flex: 1;
    min-width: 0;
}

.hos-connect-resource-title {
    margin: 0 0 0.15rem;

    font-size: 0.84rem;
    line-height: 1.35;
    font-weight: 600;

    color: var(--color-text-dark);
}

.hos-connect-resource-description {
    margin: 0;

    font-size: 0.72rem;
    line-height: 1.4;

    color: var(--color-text-medium);
}

.hos-connect-access {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;

    margin-top: 0.7rem;

    color: var(--color-gold-dark);

    font-size: 0.78rem;
    font-weight: 600;

    text-decoration: none;

    transition:
        gap 0.25s ease,
        color 0.25s ease;
}

.hos-connect-access:hover {
    gap: 0.7rem;
    color: var(--color-gold);
}

.hos-connect-access i {
    font-size: 1rem;
}

.hos-connect-science-card {
    min-height: 19rem;

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

    padding: 2.2rem 1.8rem;

    background: linear-gradient(90deg, rgba(20, 42, 37, 0.75), rgba(20, 42, 37, 0.45)), url("assets/science-bg.jpg");

    background-size: cover;
    background-position: center;

    color: var(--color-white);
}

.hos-connect-science-card::before {
    content: "";

    position: absolute;
    inset: 0;

    background: linear-gradient(135deg, rgba(15, 15, 13, 0.48), rgba(36, 21, 66, 0.16));

    pointer-events: none;
}

.hos-connect-science-content {
    position: relative;
    z-index: 2;

    max-width: 21rem;
}

.hos-connect-science-title {
    margin: 0;

    font-family: "Playfair Display", serif;

    font-size: clamp(2rem, 3.4vw, 3rem);

    line-height: 1.05;
    font-weight: 500;

    color: var(--color-white);

    letter-spacing: -0.04rem;
}

.hos-connect-science-line {
    width: 2.8rem;
    height: 0.12rem;

    margin: 1rem 0 1.1rem;

    background: var(--color-gold-light);
}

.hos-connect-science-description {
    max-width: 19rem;

    margin: 0;

    font-size: 0.88rem;
    line-height: 1.6;

    color: rgba(255, 255, 255, 0.9);
}

@media (max-width: 75rem) {
    .hos-connect-grid {
        grid-template-columns: 1fr 1fr 1.3fr;
    }

    .hos-connect-info-card {
        padding: 1.35rem 1.15rem;
    }

    .hos-connect-science-card {
        padding: 1.8rem 1.4rem;
    }

    .hos-connect-science-title {
        font-size: 2.45rem;
    }
}

@media (max-width: 62rem) {
    .hos-connect-section {
        padding: 2rem 1rem;
    }

    .hos-connect-grid {
        grid-template-columns: 1fr 1fr;
    }

    .hos-connect-science-card {
        grid-column: 1 / -1;

        min-height: 21rem;

        padding: 2.5rem 2rem;
    }

    .hos-connect-science-content {
        max-width: 27rem;
    }

    .hos-connect-science-title {
        font-size: 2.7rem;
    }

    .hos-connect-science-description {
        max-width: 25rem;
        font-size: 0.95rem;
    }

    .hos-connect-contact-title,
    .hos-connect-resource-title {
        font-size: 0.92rem;
    }

    .hos-connect-contact-value {
        font-size: 0.88rem;
    }

    .hos-connect-resource-description {
        font-size: 0.78rem;
    }
}

@media (max-width: 48rem) {
    .hos-connect-section {
        padding: 1.5rem 0.85rem;
    }

    .hos-connect-grid {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }

    .hos-connect-card {
        width: 100%;
        min-height: auto;
    }

    .hos-connect-info-card {
        padding: 1.5rem 1.2rem;
    }

    .hos-connect-heading {
        margin-bottom: 1.35rem;

        font-size: 0.95rem;
        letter-spacing: 0.08rem;
    }

    .hos-connect-contact-item {
        gap: 1rem;
        padding: 0.9rem 0;
    }

    .hos-connect-icon {
        flex-basis: 2.6rem;

        width: 2.6rem;
        height: 2.6rem;

        font-size: 1.8rem;
    }

    .hos-connect-contact-title {
        font-size: 1rem;
    }

    .hos-connect-contact-value {
        font-size: 0.95rem;
        line-height: 1.55;
    }

    .hos-connect-resource-item {
        gap: 1rem;
        padding: 0.75rem 0;
    }

    .hos-connect-resource-icon {
        flex-basis: 2.5rem;

        width: 2.5rem;
        height: 2.5rem;

        font-size: 1.75rem;
    }

    .hos-connect-resource-title {
        font-size: 1rem;
    }

    .hos-connect-resource-description {
        font-size: 0.88rem;
        line-height: 1.5;
    }

    .hos-connect-access {
        margin-top: 0.85rem;

        font-size: 0.9rem;
    }

    .hos-connect-science-card {
        min-height: 23rem;

        padding: 2.2rem 1.5rem;

        background-position: center;
    }

    .hos-connect-science-content {
        max-width: 24rem;
    }

    .hos-connect-science-title {
        font-size: clamp(2.25rem, 10vw, 3rem);
    }

    .hos-connect-science-description {
        max-width: 22rem;

        font-size: 0.95rem;
        line-height: 1.65;
    }

    .top_bg {
        background-image: url(../images/plan_bg.jpg);
        background-position: center;
        background-size: cover;
    }

    .what-we-do {
        background-image: url(../images/plan_bg.jpg);
        background-position: center;
        background-size: cover;
        height: 100% !important;
    }

    .our-brands {
        background-image: url(../images/plan_bg.jpg);
        background-position: center;
        background-size: cover;
        height: 100% !important;
    }

    .contact_bg {
        background-image: url(../images/plan_bg.jpg);
        background-position: center;
        background-size: cover;
        height: 100% !important;
    }

    .recre {
        background-image: url(../images/plan_bg.jpg);
        background-position: center;
        background-size: cover;
        height: 100% !important;
    }

    .Un-Ruled {
        background-image: url(../images/plan_bg.jpg);
        background-position: center;
        background-size: cover;
        height: 100% !important;
    }
    .hos_bg {
        background-image: url(../images/plan_bg.jpg) !important;
        background-position: center;
        background-size: cover;
        height: 100% !important;
    }
}

@media (max-width: 30rem) {
    .hos-connect-section {
        padding: 1.2rem 0.65rem;
    }

    .hos-connect-info-card {
        padding: 1.35rem 1rem;
    }

    .hos-connect-heading {
        font-size: 0.9rem;
    }

    .hos-connect-contact-item {
        gap: 0.8rem;
    }

    .hos-connect-icon {
        flex-basis: 2.4rem;

        width: 2.4rem;
        height: 2.4rem;

        font-size: 1.65rem;
    }

    .hos-connect-contact-title {
        font-size: 0.98rem;
    }

    .hos-connect-contact-value {
        font-size: 0.9rem;
    }

    .hos-connect-resource-icon {
        flex-basis: 2.3rem;

        width: 2.3rem;
        height: 2.3rem;

        font-size: 1.6rem;
    }

    .hos-connect-resource-title {
        font-size: 0.95rem;
    }

    .hos-connect-resource-description {
        font-size: 0.84rem;
    }

    .hos-connect-science-card {
        min-height: 22rem;

        padding: 2rem 1.25rem;
    }

    .hos-connect-science-title {
        font-size: 2.3rem;
    }

    .hos-connect-science-description {
        font-size: 0.92rem;
    }
}

.hos_bg {
    background-image: url(../images/hos_bg.jpg);
    background-position: center;
    background-size: cover;
    height: 100vh;
}

.hosHeroProducts,
.hosHeroProducts * {
    box-sizing: border-box;
}

.hosHeroProducts {
    background: var(--color-bg-light);

    font-family: "DM Sans", sans-serif;

    color: var(--color-text);

    overflow: hidden;
}

.hosHeroProducts__container {
    width: min(100%, 100rem);

    margin: 0 auto;
}

.hosHeroProducts__heading {
    display: flex;

    align-items: center;

    justify-content: center;

    gap: 1.25rem;

    margin-bottom: 1.75rem;
}

.hosHeroProducts__headingLine {
    width: 7rem;

    height: 0.08rem;

    position: relative;

    background: var(--color-gold-light);
}

.hosHeroProducts__headingLine::before,
.hosHeroProducts__headingLine::after {
    content: "";

    position: absolute;

    top: 50%;

    width: 0.3rem;

    height: 0.3rem;

    border-radius: 50%;

    background: var(--color-gold);

    transform: translateY(-50%);
}

.hosHeroProducts__headingLine::before {
    left: 0;
}

.hosHeroProducts__headingLine::after {
    right: 0;
}

.hosHeroProducts__headingText {
    margin: 0;

    font-size: 1.25rem;

    line-height: 1.2;

    font-weight: 700;

    letter-spacing: 0.18rem;

    text-transform: uppercase;

    color: var(--color-text-dark);

    white-space: nowrap;
}

.hosHeroProducts__grid {
    display: grid;

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

    gap: 0.65rem;
}

.hosHeroProducts__card {
    background: linear-gradient(135deg, #f3f0ea 0%, #eeeae3 100%);
    border: 0.08rem solid rgba(255, 255, 255, 0.75);
    border-radius: 0.5rem;
    height: 100%;
    padding: 1.2rem;
    overflow: hidden;
    box-shadow: 0 0.25rem 1rem rgba(36, 21, 66, 0.035);
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

.hosHeroProducts__card:hover {
    transform: translateY(-0.25rem);

    box-shadow: var(--shadow-soft);
}

.hosHeroProducts__content {
    position: relative;

    z-index: 2;

    display: flex;

    flex-direction: column;

    justify-content: space-between;
}

.hosHeroProducts__number {
    display: block;

    margin-bottom: 0.55rem;

    font-family: "Playfair Display", serif;

    font-size: 2rem;

    line-height: 1;

    font-weight: 500;

    color: var(--color-gold-dark);
}

.hosHeroProducts__numberLine {
    width: 2rem;

    height: 0.08rem;

    margin-bottom: 1rem;

    background: var(--color-gold-light);
}

.hosHeroProducts__title {
    margin: 0;

    max-width: 17rem;

    font-family: "Playfair Display", serif;

    font-size: 1.3rem;

    line-height: 1.25;

    font-weight: 600;

    text-transform: uppercase;

    color: var(--color-text-dark);
}

.hosHeroProducts__description {
    max-width: 18rem;

    margin: 0.85rem 0 0;

    font-size: 0.95rem;

    line-height: 1.55;

    font-weight: 400;

    color: var(--color-text-medium);
}

.hosHeroProducts__suitable {
    display: flex;

    align-items: center;

    gap: 0.65rem;

    margin-top: 1.25rem;
}

.hosHeroProducts__suitableIcon {
    width: 2.3rem;

    height: 2.3rem;

    flex: 0 0 2.3rem;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--color-gold-dark);

    font-size: 1.65rem;
}

.hosHeroProducts__suitableText {
    display: flex;

    flex-direction: column;

    gap: 0.15rem;
}

.hosHeroProducts__suitableLabel {
    margin: 0;

    font-size: 0.7rem;

    line-height: 1.2;

    font-weight: 600;

    letter-spacing: 0.05rem;

    text-transform: uppercase;

    color: var(--color-gold-dark);
}

.hosHeroProducts__suitableValue {
    margin: 0;

    font-size: 0.85rem;

    line-height: 1.3;

    font-weight: 600;

    letter-spacing: 0.02rem;

    text-transform: uppercase;

    color: var(--color-gold-dark);
}

@media (max-width: 62rem) {
    .hosHeroProducts__grid {
        grid-template-columns: repeat(2, 1fr);

        gap: 0.6rem;
    }

    .hosHeroProducts__number {
        font-size: 1.85rem;
    }

    .hosHeroProducts__title {
        font-size: 1.15rem;
    }

    .hosHeroProducts__description {
        font-size: 0.88rem;
    }

    .hosHeroProducts__suitable {
        margin-top: 1rem;
    }

    .hosHeroProducts__suitableIcon {
        width: 2rem;

        height: 2rem;

        flex-basis: 2rem;

        font-size: 1.5rem;
    }
}

@media (max-width: 48rem) {
    .hosHeroProducts__heading {
        gap: 0.75rem;

        margin-bottom: 1.5rem;
    }

    .hosHeroProducts__headingLine {
        width: 3.5rem;
    }

    .hosHeroProducts__headingText {
        font-size: 1.05rem;

        letter-spacing: 0.12rem;
    }

    .hosHeroProducts__grid {
        grid-template-columns: 1fr;

        gap: 0.75rem;
    }

    .hosHeroProducts__number {
        margin-bottom: 0.55rem;

        font-size: 2rem;
    }

    .hosHeroProducts__numberLine {
        width: 2.25rem;

        margin-bottom: 1rem;
    }

    .hosHeroProducts__title {
        max-width: 16rem;

        font-size: 1.3rem;

        line-height: 1.25;
    }

    .hosHeroProducts__description {
        max-width: 17rem;

        margin-top: 0.85rem;

        font-size: 0.98rem;

        line-height: 1.55;
    }

    .hosHeroProducts__suitable {
        gap: 0.55rem;

        margin-top: 1rem;
    }

    .hosHeroProducts__suitableIcon {
        width: 2.4rem;

        height: 2.4rem;

        flex-basis: 2.4rem;

        font-size: 1.7rem;
    }

    .hosHeroProducts__suitableLabel {
        font-size: 0.72rem;
    }

    .hosHeroProducts__suitableValue {
        font-size: 0.85rem;
    }
}

@media (max-width: 30rem) {
    .hosHeroProducts__heading {
        gap: 0.55rem;
    }

    .hosHeroProducts__headingLine {
        width: 2.5rem;
    }

    .hosHeroProducts__headingText {
        font-size: 0.95rem;

        letter-spacing: 0.1rem;
    }

    .hosHeroProducts__number {
        font-size: 1.85rem;
    }

    .hosHeroProducts__title {
        font-size: 1.15rem;
    }

    .hosHeroProducts__description {
        font-size: 0.9rem;
    }

    .hosHeroProducts__suitableIcon {
        width: 2.1rem;

        height: 2.1rem;

        flex-basis: 2.1rem;

        font-size: 1.5rem;
    }

    .hosHeroProducts__suitableLabel {
        font-size: 0.68rem;
    }

    .hosHeroProducts__suitableValue {
        font-size: 0.78rem;
    }
    .hosHeroProducts__card {
        display: inline-block !important;
    }
}

@media (max-width: 24rem) {
    .hosHeroProducts__title {
        font-size: 1.05rem;
    }

    .hosHeroProducts__description {
        font-size: 0.85rem;
    }
}

.hosPrivacy,
.hosPrivacy * {
    box-sizing: border-box;
}

.hosPrivacy {
    width: 100%;

    min-height: 100vh;

    background: var(--color-white);

    color: var(--color-text);

    font-family: "DM Sans", sans-serif;

    overflow: hidden;
}

.hosPrivacy__hero {
    padding-top: 7rem;
    background-image: url(../images/plan_bg_top.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    display: flex;
    align-items: center;
}

.hosPrivacy__heroContainer {
    position: relative;

    z-index: 2;

    width: min(100%, 100rem);

    margin: 0 auto;

    display: grid;

    grid-template-columns: minmax(0, 1fr) 12rem;

    align-items: center;

    gap: 3rem;
}

.hosPrivacy__heroMain {
    max-width: 48rem;
}

.hosPrivacy__eyebrow {
    display: flex;

    align-items: center;

    gap: 0.8rem;

    margin-bottom: 0.8rem;

    font-size: 0.78rem;

    line-height: 1.2;

    font-weight: 600;

    letter-spacing: 0.12rem;

    text-transform: uppercase;

    color: var(--color-text-medium);
}

.hosPrivacy__eyebrowLine {
    width: 2.8rem;

    height: 0.1rem;

    background: var(--color-gold);
}

.hosPrivacy__title {
    margin: 0;

    font-family: "Playfair Display", serif;

    font-size: clamp(2.8rem, 5vw, 4.2rem);

    line-height: 1.05;

    font-weight: 600;

    letter-spacing: -0.06rem;

    color: var(--color-text-dark);
}

.hosPrivacy__intro {
    max-width: 46rem;

    margin: 0.85rem 0 0;

    font-size: 0.98rem;

    line-height: 1.6;

    color: var(--color-text-medium);
}

.hosPrivacy__heroSide {
    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: center;

    padding-left: 1rem;

    border-left: 0.08rem solid rgba(178, 138, 74, 0.35);
}

.hosPrivacy__heroSideText {
    margin: 0;

    font-size: 0.9rem;

    line-height: 1.45;

    font-weight: 600;

    letter-spacing: 0.14rem;

    text-transform: uppercase;

    color: var(--color-text-medium);
}

.hosPrivacy__heroSideLine {
    width: 2.4rem;

    height: 0.1rem;

    margin-top: 1.25rem;

    background: var(--color-gold);
}

.hosPrivacy__row {
    display: grid;

    grid-template-columns: 3.5rem 10rem minmax(0, 1fr);

    gap: 1.8rem;

    align-items: start;

    padding: 1.4rem 0;

    border-bottom: 0.08rem solid var(--color-border-light);
}

.hosPrivacy__row:last-of-type {
    border-bottom: none;
}

.hosPrivacy__number {
    width: 2.7rem;

    height: 2.7rem;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: var(--color-bg-light);

    color: var(--color-gold-dark);

    font-family: "DM Sans", sans-serif;

    font-size: 0.78rem;

    line-height: 1;

    font-weight: 600;
}

.hosPrivacy__rowTitle {
    margin: 0;

    padding-top: 0.1rem;

    font-size: 1.15rem;

    line-height: 1.2;

    font-weight: 600;

    color: var(--color-text-dark);
}

.hosPrivacy__rowText {
    margin: 0;

    max-width: 53rem;

    font-size: 0.82rem;

    line-height: 1.55;

    color: var(--color-text-medium);
}

.hosPrivacy__rowText strong {
    color: var(--color-text-dark);

    font-weight: 600;
}

.hosPrivacy__contactEmail {
    display: inline-flex;

    align-items: center;

    gap: 0.6rem;

    margin-top: 0.75rem;

    color: var(--color-text-dark);

    font-size: 0.85rem;

    font-weight: 600;

    text-decoration: none;

    transition: color 0.25s ease;
}

.hosPrivacy__contactEmail:hover {
    color: var(--color-gold-dark);
}

.hosPrivacy__contactEmail i {
    font-size: 1rem;

    color: var(--color-text-dark);
}

.hosPrivacy__trust {
    width: 100%;

    display: grid;

    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);

    align-items: center;

    gap: 2rem;

    margin-top: 0.2rem;

    padding: 1.35rem 1.6rem;

    border-radius: 0.35rem;

    background: linear-gradient(135deg, #f8f5f0 0%, #f3eee8 100%);

    border: 0.08rem solid rgba(221, 211, 203, 0.7);
}

.hosPrivacy__trustTitleWrap {
    display: flex;

    align-items: center;

    gap: 1.2rem;
}

.hosPrivacy__trustBar {
    width: 0.2rem;

    min-width: 0.2rem;

    height: 3rem;

    background: var(--color-gold);
}

.hosPrivacy__trustTitle {
    margin: 0;

    font-family: "Playfair Display", serif;

    font-size: 1.3rem;

    line-height: 1.25;

    font-weight: 500;

    color: var(--color-text-dark);
}

.hosPrivacy__trustRight {
    display: flex;

    align-items: center;

    gap: 1.2rem;

    padding-left: 1.5rem;

    border-left: 0.08rem solid var(--color-border-dark);
}

.hosPrivacy__trustIcon {
    flex: 0 0 auto;

    width: 2.3rem;

    height: 2.3rem;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--color-gold-dark);

    font-size: 1.6rem;
}

.hosPrivacy__trustDescription {
    margin: 0;

    max-width: 25rem;

    font-size: 0.78rem;

    line-height: 1.5;

    color: var(--color-text-light);
}

.hosPrivacy__trustLine {
    width: 2rem;

    height: 0.1rem;

    margin-top: 0.7rem;

    background: var(--color-gold);
}

@media (max-width: 62rem) {
    .hosPrivacy__heroContainer {
        grid-template-columns: minmax(0, 1fr) 10rem;

        gap: 2rem;
    }

    .hosPrivacy__title {
        font-size: 3.2rem;
    }

    .hosPrivacy__intro {
        font-size: 0.95rem;
    }

    .hosPrivacy__content {
        padding: 0.5rem 1.5rem 1.5rem;
    }

    .hosPrivacy__rowTitle {
        font-size: 1.08rem;
    }

    .hosPrivacy__rowText {
        font-size: 0.8rem;
    }

    .hosPrivacy__trust {
        gap: 1.3rem;
    }
}

@media (max-width: 48rem) {
    .hosPrivacy__heroContainer {
        display: block;
    }

    .hosPrivacy__heroMain {
        max-width: none;
    }

    .hosPrivacy__eyebrow {
        margin-bottom: 0.7rem;

        font-size: 0.78rem;
    }

    .hosPrivacy__eyebrowLine {
        width: 2.3rem;
    }

    .hosPrivacy__title {
        font-size: clamp(2.5rem, 11vw, 3.5rem);

        line-height: 1.05;
    }

    .hosPrivacy__intro {
        max-width: 100%;

        margin-top: 1rem;

        font-size: 1rem;

        line-height: 1.65;
    }

    .hosPrivacy__heroSide {
        margin-top: 1.5rem;

        padding: 0.8rem 0 0.8rem 0;

        border-left: none;

        border-top: 0.08rem solid rgba(178, 138, 74, 0.35);
    }

    .hosPrivacy__heroSideText {
        font-size: 0.85rem;

        line-height: 1.5;
    }

    .hosPrivacy__heroSideLine {
        margin-top: 0.8rem;
    }

    /* Content */

    .hosPrivacy__content {
        padding: 0.5rem 1.1rem 1.5rem;
    }

    .hosPrivacy__row {
        display: inline;
        border-bottom: 1px solid black;
        padding: 1.4rem 0;
    }

    .hosPrivacy__number {
        width: 2.6rem;

        height: 2.6rem;

        font-size: 0.78rem;
        margin-bottom: 1rem;
    }

    .hosPrivacy__rowTitle {
        padding-top: 0.2rem;

        font-size: 1.25rem;

        line-height: 1.25;
        margin-bottom: 1rem;
    }

    .hosPrivacy__rowText {
        grid-column: 2 / -1;

        max-width: none;

        margin-top: -0.25rem;

        font-size: 0.95rem;

        line-height: 1.65;
        margin-bottom: 1rem;
    }

    .hosPrivacy__contactEmail {
        margin-top: 0.8rem;

        font-size: 0.95rem;
    }

    /* Trust */

    .hosPrivacy__trust {
        display: flex;

        flex-direction: column;

        align-items: stretch;

        gap: 1.3rem;

        margin-top: 0.5rem;

        padding: 1.4rem 1.2rem;
    }

    .hosPrivacy__trustTitleWrap {
        gap: 1rem;
    }

    .hosPrivacy__trustBar {
        height: 3.3rem;
    }

    .hosPrivacy__trustTitle {
        font-size: 1.35rem;
    }

    .hosPrivacy__trustRight {
        padding: 1rem 0 0;

        border-left: none;

        border-top: 0.08rem solid var(--color-border-dark);
    }

    .hosPrivacy__trustIcon {
        width: 2.5rem;

        height: 2.5rem;

        font-size: 1.7rem;
    }

    .hosPrivacy__trustDescription {
        max-width: none;

        font-size: 0.9rem;

        line-height: 1.6;
    }
}

@media (max-width: 30rem) {
    .hosPrivacy__title {
        font-size: 2.5rem;
    }

    .hosPrivacy__intro {
        font-size: 0.95rem;
    }

    .hosPrivacy__content {
        padding: 0 0.9rem 1.2rem;
    }

    .hosPrivacy__number {
        width: 2.4rem;

        height: 2.4rem;

        font-size: 0.72rem;
    }

    .hosPrivacy__rowTitle {
        font-size: 1.15rem;
    }

    .hosPrivacy__rowText {
        font-size: 0.9rem;

        line-height: 1.65;
    }

    .hosPrivacy__contactEmail {
        font-size: 0.9rem;
    }

    .hosPrivacy__trust {
        padding: 1.3rem 1rem;
    }

    .hosPrivacy__trustTitle {
        font-size: 1.2rem;
    }

    .hosPrivacy__trustDescription {
        font-size: 0.88rem;
    }
}

.build_with {
    background-image: url(../images/build_with_bg.jpg);
    background-position: center;
    background-size: cover;
}

.hosPartnerMarket,
.hosPartnerMarket * {
    box-sizing: border-box;
}

.hosPartnerMarket {
    position: relative;

    width: 100%;

    min-height: 48rem;

    display: flex;

    align-items: center;

    overflow: hidden;

    background: var(--color-bg-light);

    color: var(--color-text);

    font-family: "DM Sans", sans-serif;
}

.hosPartnerMarket::before {
    content: "";

    position: absolute;

    inset: 0;

    background: radial-gradient(
        circle at 85% 75%,
        rgba(255, 255, 255, 0.95) 0%,
        rgba(247, 242, 237, 0.55) 28%,
        transparent 55%
    );

    pointer-events: none;
}

.hosPartnerMarket::after {
    content: "";

    position: absolute;

    width: 42rem;

    height: 42rem;

    right: -12rem;

    bottom: -20rem;

    border-radius: 50%;

    background: rgba(216, 194, 155, 0.16);

    filter: blur(3rem);

    pointer-events: none;
}

.hosPartnerMarket__background {
    position: absolute;

    inset: 0;

    z-index: 0;

    background-image:
        linear-gradient(
            90deg,
            rgba(247, 242, 237, 0.98) 0%,
            rgba(247, 242, 237, 0.94) 42%,
            rgba(247, 242, 237, 0.55) 72%,
            rgba(247, 242, 237, 0.3) 100%
        ),
        url("images/partner-bg.webp");

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    opacity: 0.8;

    pointer-events: none;
}

.hosPartnerMarket__container {
    position: relative;

    z-index: 2;

    width: min(100%, 100rem);

    margin: 0 auto;

    padding: 4.5rem 2rem;
}

.hosPartnerMarket__content {
    width: 100%;

    max-width: 48rem;
}

.hosPartnerMarket__eyebrow {
    display: flex;

    align-items: center;

    gap: 1rem;

    margin-bottom: 1rem;
    margin-top: 3.5rem;
    font-size: 0.8rem;

    line-height: 1.2;

    font-weight: 600;

    letter-spacing: 0.16rem;

    text-transform: uppercase;

    color: var(--color-text-dark);
}

.hosPartnerMarket__eyebrowLine {
    display: block;

    width: 3.8rem;

    height: 0.08rem;

    background: var(--color-gold);
}

.hosPartnerMarket__title {
    margin: 0;

    max-width: 44rem;

    font-family: "Playfair Display", serif;

    font-size: 3.5rem;

    line-height: 0.98;

    letter-spacing: -0.08rem;

    font-weight: 600;

    color: var(--color-text-dark);
}

.hosPartnerMarket__titleAccent {
    display: block;

    color: var(--color-gold);
}

.hosPartnerMarket__description {
    max-width: 38rem;

    margin: 1rem 0 0;

    font-size: 1rem;

    line-height: 1.55;

    color: var(--color-text-medium);
}

.hosPartnerMarket__description span {
    display: block;
}

.hosPartnerMarket__features {
    display: flex;
    gap: 2rem;
    margin-top: 2rem;
}

.hosPartnerMarket__feature {
    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

    transition: transform 0.3s ease;
}

.hosPartnerMarket__feature:hover {
    transform: translateY(-0.35rem);
}

.hosPartnerMarket__featureIcon {
    width: 3.2rem;

    height: 3.2rem;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 0.7rem;

    border: 0.08rem solid var(--color-gold-dark);

    border-radius: 50%;

    color: var(--color-gold-dark);

    background: rgba(255, 255, 255, 0.28);

    font-size: 1.55rem;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}

.hosPartnerMarket__feature:hover .hosPartnerMarket__featureIcon {
    background: var(--color-gold);

    color: var(--color-white);

    transform: scale(1.05);
}

.hosPartnerMarket__featureTitle {
    margin: 0;

    max-width: 8rem;

    font-size: 0.68rem;

    line-height: 1.35;

    font-weight: 700;

    letter-spacing: 0.02rem;

    text-transform: uppercase;

    color: var(--color-text-dark);
}

.hosPartnerMarket__statement {
    display: flex;

    align-items: stretch;

    gap: 1.1rem;

    margin-top: 2.3rem;

    padding-left: 0.1rem;
}

.hosPartnerMarket__statementLine {
    width: 0.18rem;

    min-width: 0.18rem;

    background: var(--color-gold);
}

.hosPartnerMarket__statementText {
    margin: 0;

    font-size: 0.82rem;

    line-height: 1.6;

    font-weight: 600;

    letter-spacing: 0.16rem;

    text-transform: uppercase;

    color: var(--color-text-dark);
}

.hosPartnerMarket__decor {
    position: absolute;

    width: 0.45rem;

    height: 0.45rem;

    border-radius: 50%;

    background: var(--color-gold);

    opacity: 0.7;
}

.hosPartnerMarket__decor--one {
    top: 20%;

    right: 12%;

    box-shadow: 0 0 0 0.45rem rgba(178, 138, 74, 0.08);
}

.hosPartnerMarket__decor--two {
    bottom: 18%;

    right: 25%;

    width: 0.3rem;

    height: 0.3rem;

    opacity: 0.45;
}

@media (max-width: 62rem) {
    .hosPartnerMarket {
        min-height: 46rem;
    }

    .hosPartnerMarket__container {
        padding: 4rem 1.5rem;
    }

    .hosPartnerMarket__content {
        max-width: 44rem;
    }

    .hosPartnerMarket__title {
        font-size: clamp(3rem, 7vw, 4.2rem);
    }

    .hosPartnerMarket__description {
        font-size: 1rem;
    }

    .hosPartnerMarket__featureIcon {
        width: 3.1rem;

        height: 3.1rem;
    }

    .hosPartnerMarket__featureTitle {
        font-size: 0.67rem;
    }
}

@media (max-width: 48rem) {
    .hosPartnerMarket {
        min-height: auto;

        align-items: flex-start;
    }

    .hosPartnerMarket__container {
        padding: 3rem 1.1rem 3.5rem;
    }

    .hosPartnerMarket__content {
        max-width: none;
    }

    .hosPartnerMarket__eyebrow {
        gap: 0.8rem;

        margin-bottom: 1rem;

        font-size: 0.78rem;

        letter-spacing: 0.14rem;
    }

    .hosPartnerMarket__eyebrowLine {
        width: 3rem;
    }

    .hosPartnerMarket__title {
        max-width: 100%;

        font-size: clamp(2.8rem, 12vw, 4rem);

        line-height: 0.98;

        letter-spacing: -0.06rem;
    }

    .hosPartnerMarket__description {
        max-width: 32rem;

        margin-top: 1.2rem;

        font-size: 1.05rem;

        line-height: 1.65;
    }

    .hosPartnerMarket__description span {
        display: inline;
    }

    .hosPartnerMarket__featureIcon {
        width: 3.15rem;

        height: 3.15rem;

        margin-bottom: 0.7rem;

        font-size: 1.5rem;
    }

    .hosPartnerMarket__featureTitle {
        max-width: 6rem;

        font-size: 0.67rem;

        line-height: 1.4;
    }

    .hosPartnerMarket__statement {
        margin-top: 2.2rem;

        gap: 1rem;
    }

    .hosPartnerMarket__statementText {
        font-size: 0.8rem;

        line-height: 1.65;

        letter-spacing: 0.13rem;
    }

    .hosPartnerMarket__decor--one {
        top: 30%;

        right: 8%;
    }

    .hosPartnerMarket__decor--two {
        bottom: 12%;

        right: 15%;
    }

    .build_with {
        background-image: url(../images/plan_bg.jpg);
        background-position: center;
        background-size: cover;
    }
}

@media (max-width: 30rem) {
    .hosPartnerMarket__container {
        padding: 2.5rem 0.9rem 3rem;
    }

    .hosPartnerMarket__eyebrow {
        font-size: 0.75rem;
    }

    .hosPartnerMarket__title {
        font-size: 2.65rem;

        line-height: 1;
    }

    .hosPartnerMarket__description {
        font-size: 0.98rem;

        line-height: 1.65;
    }

    .hosPartnerMarket__featureIcon {
        width: 2.9rem;

        height: 2.9rem;

        font-size: 1.35rem;
    }

    .hosPartnerMarket__featureTitle {
        max-width: 5.5rem;

        font-size: 0.62rem;
    }

    .hosPartnerMarket__statement {
        margin-top: 2rem;

        gap: 0.85rem;
    }

    .hosPartnerMarket__statementText {
        font-size: 0.76rem;

        letter-spacing: 0.1rem;
    }
}

@media (max-width: 24rem) {
    .hosPartnerMarket__title {
        font-size: 2.35rem;
    }

    .hosPartnerMarket__description {
        font-size: 0.92rem;
    }

    .hosPartnerMarket__featureIcon {
        width: 2.6rem;

        height: 2.6rem;

        font-size: 1.2rem;
    }

    .hosPartnerMarket__featureTitle {
        font-size: 0.58rem;
    }
}

.hosPartnerForm,
.hosPartnerForm * {
    box-sizing: border-box;
}

.hosPartnerForm {
    background: var(--color-bg-light);

    font-family: "DM Sans", sans-serif;

    color: var(--color-text);

    overflow: hidden;
}

.hosPartnerForm__card {
    width: 100%;

    padding: 1rem 1.5rem 1.25rem;

    border: 0.08rem solid var(--color-border-light);

    border-radius: 0.55rem;

    background: rgba(255, 255, 255, 0.72);

    box-shadow: 0 0.35rem 1.25rem rgba(36, 21, 66, 0.05);

    backdrop-filter: blur(0.4rem);

    -webkit-backdrop-filter: blur(0.4rem);
}

.hosPartnerForm__header {
    display: flex;

    align-items: center;

    gap: 1.1rem;

    margin-bottom: 0.85rem;
}

.hosPartnerForm__stepNumber {
    width: 2.75rem;

    height: 2.75rem;

    min-width: 2.75rem;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: var(--gradient-gold);

    color: var(--color-white);

    font-size: 1.15rem;

    line-height: 1;

    font-weight: 600;

    box-shadow: var(--shadow-gold);
}

.hosPartnerForm__headerContent {
    min-width: 0;
}

.hosPartnerForm__title {
    margin: 0;

    font-size: 1.25rem;

    line-height: 1.25;

    font-weight: 700;

    letter-spacing: 0.02rem;

    color: var(--color-text-dark);
}

.hosPartnerForm__subtitle {
    margin: 0.25rem 0 0;

    font-size: 0.82rem;

    line-height: 1.35;

    color: var(--color-text-medium);
}

.hosPartnerForm__grid {
    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    column-gap: 1.1rem;

    row-gap: 0.75rem;
}

.hosPartnerForm__group {
    min-width: 0;
}

.hosPartnerForm__label {
    display: block;

    margin: 0 0 0.35rem;

    font-size: 0.78rem;

    line-height: 1.3;

    font-weight: 500;

    color: var(--color-text-dark);
}

.hosPartnerForm__required {
    color: #c52b2b;

    font-weight: 700;
}

.hosPartnerForm__input {
    width: 100%;

    height: 2.8rem;

    padding: 0.55rem 0.7rem;

    border: 0.08rem solid #d5dce3;

    border-radius: 0.25rem;

    outline: none;

    background: rgba(255, 255, 255, 0.86);

    color: var(--color-text-dark);

    font-family: "DM Sans", sans-serif;

    font-size: 0.82rem;

    line-height: 1.3;

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

.hosPartnerForm__input::placeholder {
    color: #87919c;

    opacity: 1;
}

.hosPartnerForm__input:focus {
    border-color: var(--color-gold);

    background: var(--color-white);

    box-shadow: 0 0 0 0.16rem rgba(178, 138, 74, 0.12);
}

.hosPartnerForm__selectWrap {
    position: relative;

    width: 100%;
}

.hosPartnerForm__select {
    appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    padding-right: 2.3rem;

    cursor: pointer;
}

.hosPartnerForm__selectIcon {
    position: absolute;

    top: 50%;

    right: 0.75rem;

    transform: translateY(-50%);

    pointer-events: none;

    color: var(--color-text-medium);

    font-size: 1rem;
}

.hosPartnerForm__phone {
    display: flex;

    align-items: center;

    width: 100%;

    height: 2.8rem;

    border: 0.08rem solid #d5dce3;

    border-radius: 0.25rem;

    background: rgba(255, 255, 255, 0.86);

    overflow: hidden;

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

.hosPartnerForm__phone:focus-within {
    border-color: var(--color-gold);

    background: var(--color-white);

    box-shadow: 0 0 0 0.16rem rgba(178, 138, 74, 0.12);
}

.hosPartnerForm__phoneCountry {
    height: 100%;

    display: flex;

    align-items: center;

    gap: 0.55rem;

    padding: 0 0.65rem;

    flex: 0 0 auto;

    border-right: 0.08rem solid #e0e3e7;
}

.hosPartnerForm__flag {
    display: block;

    width: 1.3rem;

    height: 0.9rem;

    object-fit: cover;

    border-radius: 0.08rem;

    box-shadow: 0 0 0 0.03rem rgba(0, 0, 0, 0.08);
}

.hosPartnerForm__countryCode {
    font-size: 0.78rem;

    color: #697480;

    white-space: nowrap;
}

.hosPartnerForm__phoneInput {
    flex: 1;

    min-width: 0;

    width: 100%;

    height: 100%;

    border: none;

    outline: none;

    padding: 0.5rem 0.7rem;

    background: transparent;

    color: var(--color-text-dark);

    font-family: "DM Sans", sans-serif;

    font-size: 0.82rem;
}

.hosPartnerForm__phoneInput::placeholder {
    color: #87919c;

    opacity: 1;
}

.hosPartnerForm__radioGroup {
    min-height: 2.8rem;

    display: flex;

    align-items: center;

    gap: 1.6rem;

    padding-top: 0.05rem;
}

.hosPartnerForm__radio {
    display: inline-flex;

    align-items: center;

    gap: 0.55rem;

    cursor: pointer;

    user-select: none;
}

.hosPartnerForm__radioInput {
    position: absolute;

    opacity: 0;

    pointer-events: none;
}

.hosPartnerForm__radioCircle {
    position: relative;

    width: 1.15rem;

    height: 1.15rem;

    flex: 0 0 1.15rem;

    border: 0.1rem solid #344150;

    border-radius: 50%;

    background: var(--color-white);

    transition: border-color 0.25s ease;
}

.hosPartnerForm__radioCircle::after {
    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    width: 0.55rem;

    height: 0.55rem;

    border-radius: 50%;

    background: var(--color-gold);

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

    transition: transform 0.2s ease;
}

.hosPartnerForm__radioInput:checked + .hosPartnerForm__radioCircle {
    border-color: var(--color-gold-dark);
}

.hosPartnerForm__radioInput:checked + .hosPartnerForm__radioCircle::after {
    transform: translate(-50%, -50%) scale(1);
}

.hosPartnerForm__radioText {
    font-size: 0.82rem;

    line-height: 1.3;

    color: var(--color-text-dark);
}

.hosPartnerForm__distribution {
    grid-column: span 2;
}

.hosPartnerForm__designation {
    grid-column: span 1;
}

.hosPartnerForm__group--fullQuestion {
    grid-column: span 2;
}

@media (max-width: 75rem) {
    .hosPartnerForm__card {
        padding: 1rem 1.25rem 1.2rem;
    }

    .hosPartnerForm__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        column-gap: 1rem;

        row-gap: 0.85rem;
    }

    .hosPartnerForm__distribution,
    .hosPartnerForm__group--fullQuestion {
        grid-column: span 2;
    }

    .hosPartnerForm__designation {
        grid-column: span 1;
    }
}

@media (max-width: 48rem) {
    .hosPartnerForm__card {
        padding: 1.1rem 1rem 1.25rem;

        border-radius: 0.5rem;
    }

    .hosPartnerForm__header {
        align-items: flex-start;

        gap: 0.9rem;

        margin-bottom: 1.1rem;
    }

    .hosPartnerForm__stepNumber {
        width: 2.8rem;

        height: 2.8rem;

        min-width: 2.8rem;

        font-size: 1.15rem;
    }

    .hosPartnerForm__title {
        font-size: 1.3rem;

        line-height: 1.3;
    }

    .hosPartnerForm__subtitle {
        margin-top: 0.3rem;

        font-size: 0.95rem;

        line-height: 1.5;
    }

    .hosPartnerForm__grid {
        grid-template-columns: 1fr;

        gap: 1rem;
    }

    .hosPartnerForm__distribution,
    .hosPartnerForm__group--fullQuestion,
    .hosPartnerForm__designation {
        grid-column: auto;
    }

    .hosPartnerForm__label {
        margin-bottom: 0.4rem;

        font-size: 0.95rem;

        line-height: 1.4;
    }

    .hosPartnerForm__input {
        height: 3.1rem;

        padding: 0.65rem 0.8rem;

        font-size: 0.98rem;
    }

    .hosPartnerForm__selectIcon {
        right: 0.85rem;

        font-size: 1.1rem;
    }

    .hosPartnerForm__phone {
        height: 3.1rem;
    }

    .hosPartnerForm__phoneCountry {
        padding: 0 0.7rem;

        gap: 0.55rem;
    }

    .hosPartnerForm__flag {
        width: 1.4rem;

        height: 0.95rem;
    }

    .hosPartnerForm__countryCode {
        font-size: 0.92rem;
    }

    .hosPartnerForm__phoneInput {
        padding: 0.65rem 0.75rem;

        font-size: 0.98rem;
    }

    .hosPartnerForm__radioGroup {
        min-height: 3.1rem;

        gap: 2rem;
    }

    .hosPartnerForm__radioCircle {
        width: 1.25rem;

        height: 1.25rem;

        flex-basis: 1.25rem;
    }

    .hosPartnerForm__radioText {
        font-size: 0.98rem;
    }
}

@media (max-width: 30rem) {
    .hosPartnerForm__card {
        padding: 1rem 0.85rem 1.15rem;
    }

    .hosPartnerForm__header {
        gap: 0.75rem;
    }

    .hosPartnerForm__stepNumber {
        width: 2.65rem;

        height: 2.65rem;

        min-width: 2.65rem;

        font-size: 1.1rem;
    }

    .hosPartnerForm__title {
        font-size: 1.2rem;
    }

    .hosPartnerForm__subtitle {
        font-size: 0.9rem;
    }

    .hosPartnerForm__label {
        font-size: 0.92rem;
    }

    .hosPartnerForm__input {
        height: 3rem;

        font-size: 0.95rem;
    }

    .hosPartnerForm__phone {
        height: 3rem;
    }

    .hosPartnerForm__countryCode {
        font-size: 0.86rem;
    }

    .hosPartnerForm__phoneInput {
        font-size: 0.95rem;
    }

    .hosPartnerForm__radioText {
        font-size: 0.95rem;
    }
}

.hosBrandsOpportunity,
.hosBrandsOpportunity * {
    box-sizing: border-box;
}

.hosBrandsOpportunity {
    background: var(--color-bg-light);

    color: var(--color-text);

    font-family: "DM Sans", sans-serif;
}

.hosBrandsOpportunity__card {
    width: 100%;

    padding: 1rem 1.5rem 1.25rem;

    border: 0.08rem solid var(--color-border-light);

    border-radius: 0.55rem;

    background: rgba(255, 255, 255, 0.75);

    box-shadow: 0 0.35rem 1.25rem rgba(36, 21, 66, 0.05);
}

.hosBrandsOpportunity__header {
    display: flex;

    align-items: center;

    gap: 1.1rem;

    margin-bottom: 1.05rem;
}

.hosBrandsOpportunity__number {
    width: 2.75rem;

    height: 2.75rem;

    min-width: 2.75rem;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: var(--gradient-gold);

    color: var(--color-white);

    font-size: 1.15rem;

    font-weight: 600;

    line-height: 1;

    box-shadow: var(--shadow-gold);
}

.hosBrandsOpportunity__headerContent {
    min-width: 0;
}

.hosBrandsOpportunity__title {
    margin: 0;

    font-size: 1.25rem;

    line-height: 1.25;

    font-weight: 700;

    letter-spacing: 0.02rem;

    color: var(--color-text-dark);
}

.hosBrandsOpportunity__subtitle {
    margin: 0.25rem 0 0;

    font-size: 0.82rem;

    line-height: 1.4;

    color: var(--color-text-medium);
}

.hosBrandsOpportunity__sectionLabel {
    display: block;

    margin-top: 1rem;
    margin-bottom: 0.8rem;

    font-size: 0.75rem;

    line-height: 1.3;

    font-weight: 700;

    letter-spacing: 0.1rem;

    text-transform: uppercase;

    color: var(--color-text-dark);
}

.hosBrandsOpportunity__required {
    color: #c52b2b;
}

.hosBrandsOpportunity__brandGrid {
    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 1rem;
}

.hosBrandsOpportunity__brand {
    position: relative;

    display: flex;

    flex-direction: column;

    min-width: 0;

    min-height: 10.3rem;

    border: 0.08rem solid var(--color-border-light);

    border-radius: 0.35rem;

    overflow: hidden;

    background: var(--color-white);

    cursor: pointer;

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

.hosBrandsOpportunity__brand:hover {
    transform: translateY(-0.15rem);

    border-color: var(--color-gold-light);

    box-shadow: var(--shadow-soft);
}

.hosBrandsOpportunity__brand.is-selected {
    border-color: var(--color-gold-dark);

    box-shadow: 0 0 0 0.1rem rgba(178, 138, 74, 0.12);
}

.hosBrandsOpportunity__brandImage {
    height: 11rem;
}

.hosBrandsOpportunity__brandImage img {
    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.4s ease;
}

.hosBrandsOpportunity__brand:hover .hosBrandsOpportunity__brandImage img {
    transform: scale(1.035);
}

.hosBrandsOpportunity__brandCheck {
    position: absolute;

    top: 0.7rem;

    right: 0.7rem;

    width: 1.4rem;

    height: 1.4rem;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 0.08rem solid #cbd1d7;

    border-radius: 0.25rem;

    background: rgba(255, 255, 255, 0.94);

    color: transparent;

    font-size: 0.95rem;

    z-index: 2;

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

.hosBrandsOpportunity__brand.is-selected .hosBrandsOpportunity__brandCheck {
    border-color: var(--color-gold-dark);

    background: var(--color-white);

    color: var(--color-gold-dark);
}

.hosBrandsOpportunity__brandInfo {
    flex: 1;

    padding: 0.65rem 0.75rem 0.7rem;

    background: rgba(255, 255, 255, 0.94);
}

.hosBrandsOpportunity__brandName {
    margin: 0;

    font-size: 0.98rem;

    line-height: 1.25;

    font-weight: 700;

    color: var(--color-text-dark);
}

.hosBrandsOpportunity__brandDescription {
    margin: 0.2rem 0 0;

    font-size: 0.75rem;

    line-height: 1.35;

    color: var(--color-text-medium);
}

.hosBrandsOpportunity__brandInput {
    position: absolute;

    opacity: 0;

    pointer-events: none;
}

.hosBrandsOpportunity__bottom {
    display: grid;

    grid-template-columns: minmax(0, 1.85fr) minmax(18rem, 1fr);

    gap: 1.6rem;

    margin-top: 1rem;
}

.hosBrandsOpportunity__categories {
    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 0.85rem;
}

.hosBrandsOpportunity__categoryBox {
    min-width: 0;

    min-height: 11.8rem;

    padding: 0.8rem 0.75rem;

    border: 0.08rem solid var(--color-border-light);

    border-radius: 0.3rem;

    background: rgba(255, 255, 255, 0.62);
}

.hosBrandsOpportunity__categoryTitle {
    font-size: 0.8rem;

    line-height: 1.25;

    font-weight: 700;

    color: var(--color-text-dark);
}

.hosBrandsOpportunity__checkItem {
    display: flex;

    align-items: center;

    gap: 0.55rem;

    min-height: 1.35rem;

    margin-bottom: 0.15rem;

    cursor: pointer;

    user-select: none;
}

.hosBrandsOpportunity__checkInput {
    position: absolute;

    opacity: 0;

    pointer-events: none;
}

.hosBrandsOpportunity__checkBox {
    width: 0.9rem;

    height: 0.9rem;

    min-width: 0.9rem;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 0.08rem solid #aeb7c1;

    border-radius: 0.16rem;

    background: var(--color-white);

    color: transparent;

    font-size: 0.65rem;

    transition:
        border-color 0.2s ease,
        background 0.2s ease,
        color 0.2s ease;
}

.hosBrandsOpportunity__checkInput:checked + .hosBrandsOpportunity__checkBox {
    border-color: var(--color-gold-dark);

    background: var(--color-gold);

    color: var(--color-white);
}

.hosBrandsOpportunity__checkText {
    font-size: 0.8rem;

    line-height: 1.35;

    color: var(--color-text-medium);
}

.hosBrandsOpportunity__opportunity {
    min-width: 0;
}

.hosBrandsOpportunity__textarea {
    width: 100%;

    min-height: 7.25rem;

    resize: vertical;

    padding: 0.75rem;

    border: 0.08rem solid #d5dce3;

    border-radius: 0.3rem;

    outline: none;

    background: rgba(255, 255, 255, 0.78);

    color: var(--color-text-dark);

    font-family: "DM Sans", sans-serif;

    font-size: 0.78rem;

    line-height: 1.5;

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.hosBrandsOpportunity__textarea::placeholder {
    color: #87919c;

    opacity: 1;
}

.hosBrandsOpportunity__textarea:focus {
    border-color: var(--color-gold);

    background: var(--color-white);

    box-shadow: 0 0 0 0.16rem rgba(178, 138, 74, 0.12);
}

.hosBrandsOpportunity__submit {
    width: 100%;

    min-height: 2.8rem;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 0.7rem;

    margin-top: 0.7rem;

    padding: 0.65rem 1rem;

    border: none;

    border-radius: 0.25rem;

    background: var(--gradient-gold);

    color: var(--color-white);

    font-family: "DM Sans", sans-serif;

    font-size: 0.8rem;

    line-height: 1.2;

    font-weight: 700;

    letter-spacing: 0.06rem;

    text-transform: uppercase;

    cursor: pointer;

    box-shadow: var(--shadow-gold);

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

.hosBrandsOpportunity__submit:hover {
    transform: translateY(-0.1rem);

    box-shadow: 0 0.9rem 2rem rgba(178, 138, 74, 0.25);
}

.hosBrandsOpportunity__submit i {
    font-size: 1.05rem;

    transition: transform 0.25s ease;
}

.hosBrandsOpportunity__submit:hover i {
    transform: translateX(0.2rem);
}

.hosBrandsOpportunity__safe {
    display: flex;

    align-items: center;

    gap: 0.55rem;

    margin-top: 0.65rem;

    color: var(--color-text-dark);

    font-size: 0.72rem;

    line-height: 1.3;
}

.hosBrandsOpportunity__safe i {
    color: var(--color-gold-dark);

    font-size: 1.1rem;
}

@media (max-width: 75rem) {
    .hosBrandsOpportunity__card {
        padding: 1rem 1.25rem 1.2rem;
    }

    .hosBrandsOpportunity__brandGrid {
        gap: 0.85rem;
    }

    .hosBrandsOpportunity__bottom {
        grid-template-columns: 1fr;
    }

    .hosBrandsOpportunity__opportunity {
        max-width: 100%;
    }

    .hosBrandsOpportunity__textarea {
        min-height: 8rem;
    }
}

@media (max-width: 62rem) {
    .hosBrandsOpportunity__brandGrid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

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

    .hosBrandsOpportunity__brandName {
        font-size: 0.9rem;
    }

    .hosBrandsOpportunity__brandDescription {
        font-size: 0.72rem;
    }
}

@media (max-width: 48rem) {
    .hosBrandsOpportunity__card {
        padding: 1.1rem 1rem 1.3rem;

        border-radius: 0.5rem;
    }

    .hosBrandsOpportunity__header {
        align-items: flex-start;

        gap: 0.9rem;

        margin-bottom: 1.2rem;
    }

    .hosBrandsOpportunity__number {
        width: 2.8rem;

        height: 2.8rem;

        min-width: 2.8rem;

        font-size: 1.15rem;
    }

    .hosBrandsOpportunity__title {
        font-size: 1.3rem;

        line-height: 1.3;
    }

    .hosBrandsOpportunity__subtitle {
        margin-top: 0.3rem;

        font-size: 0.95rem;

        line-height: 1.5;
    }

    .hosBrandsOpportunity__sectionLabel {
        margin-bottom: 0.6rem;

        font-size: 0.82rem;

        line-height: 1.4;
    }

    /* Brand cards */

    .hosBrandsOpportunity__brandGrid {
        grid-template-columns: 1fr;

        gap: 0.8rem;
    }

    .hosBrandsOpportunity__brand {
        min-height: auto;

        display: grid;

        grid-template-columns: 9rem minmax(0, 1fr);
    }

    .hosBrandsOpportunity__brandInfo {
        display: flex;

        flex-direction: column;

        justify-content: center;

        padding: 0.85rem 0.9rem;
    }

    .hosBrandsOpportunity__brandName {
        font-size: 1rem;
    }

    .hosBrandsOpportunity__brandDescription {
        margin-top: 0.3rem;

        font-size: 0.85rem;

        line-height: 1.45;
    }

    .hosBrandsOpportunity__brandCheck {
        top: 0.55rem;

        right: 0.55rem;

        width: 1.45rem;

        height: 1.45rem;

        font-size: 0.9rem;
    }

    /* Bottom */

    .hosBrandsOpportunity__bottom {
        display: flex;

        flex-direction: column;

        gap: 1.4rem;

        margin-top: 1.3rem;
    }

    .hosBrandsOpportunity__categories {
        grid-template-columns: 1fr;

        gap: 0.8rem;
    }

    .hosBrandsOpportunity__categoryBox {
        min-height: auto;

        padding: 1rem 0.9rem;
    }

    .hosBrandsOpportunity__categoryTitle {
        margin-bottom: 0.7rem;

        font-size: 0.85rem;
    }

    .hosBrandsOpportunity__checkItem {
        min-height: 1.8rem;

        margin-bottom: 0.15rem;

        gap: 0.65rem;
    }

    .hosBrandsOpportunity__checkBox {
        width: 1.05rem;

        height: 1.05rem;

        min-width: 1.05rem;

        font-size: 0.7rem;
    }

    .hosBrandsOpportunity__checkText {
        font-size: 0.92rem;

        line-height: 1.4;
    }

    /* Opportunity */

    .hosBrandsOpportunity__textarea {
        min-height: 9rem;

        padding: 0.85rem;

        font-size: 0.95rem;

        line-height: 1.55;
    }

    .hosBrandsOpportunity__submit {
        min-height: 3.2rem;

        margin-top: 0.8rem;

        font-size: 0.9rem;
    }

    .hosBrandsOpportunity__safe {
        margin-top: 0.75rem;

        font-size: 0.88rem;
    }

    .hosBrandsOpportunity__safe i {
        font-size: 1.2rem;
    }
}

@media (max-width: 30rem) {
    .hosBrandsOpportunity__card {
        padding: 1rem 0.85rem 1.15rem;
    }

    .hosBrandsOpportunity__header {
        gap: 0.75rem;
    }

    .hosBrandsOpportunity__number {
        width: 2.65rem;

        height: 2.65rem;

        min-width: 2.65rem;
    }

    .hosBrandsOpportunity__title {
        font-size: 1.18rem;
    }

    .hosBrandsOpportunity__subtitle {
        font-size: 0.88rem;
    }

    .hosBrandsOpportunity__brand {
        grid-template-columns: 7.5rem minmax(0, 1fr);
    }

    .hosBrandsOpportunity__brandImage {
        height: 4.7rem !important;
    }

    .hosBrandsOpportunity__brandInfo {
        padding: 0.7rem 0.75rem;
    }

    .hosBrandsOpportunity__brandName {
        font-size: 0.95rem;
    }

    .hosBrandsOpportunity__brandDescription {
        font-size: 0.78rem;
    }

    .hosBrandsOpportunity__sectionLabel {
        font-size: 0.78rem;
    }

    .hosBrandsOpportunity__checkText {
        font-size: 0.9rem;
    }

    .hosBrandsOpportunity__textarea {
        min-height: 8.5rem;

        font-size: 0.92rem;
    }

    .hosBrandsOpportunity__submit {
        font-size: 0.85rem;
    }
}

@media (max-width: 24rem) {
    .hosBrandsOpportunity__brand {
        grid-template-columns: 6.7rem minmax(0, 1fr);
    }

    .hosBrandsOpportunity__brandName {
        font-size: 0.9rem;
    }

    .hosBrandsOpportunity__brandDescription {
        font-size: 0.73rem;
    }
}

:root {
    --phone-border: #d5d9e0;
    --phone-text: #687386;
    --phone-input: #7b8493;
    --phone-bg: #ffffff;
    --phone-divider: #dfe3e8;
    --phone-focus: #9aa4b2;
}

.phoneField {
    width: 100%;
    max-width: 25rem;
}

.phoneField__wrapper {
    width: 100%;
    height: 3rem;
    margin-bottom: 0.8rem;
    display: flex;
    align-items: center;
    background: var(--phone-bg);
    border: 0.0625rem solid var(--phone-border);
    border-radius: 0.4rem;
    overflow: hidden;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.phoneField__wrapper:focus-within {
    border-color: var(--phone-focus);
    box-shadow: 0 0 0 0.15rem rgba(120, 130, 145, 0.08);
}

.phoneField__country {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0 0.85rem;
    border-right: 0.0625rem solid var(--phone-divider);
}

.phoneField__flag {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    line-height: 1;
}

.phoneField__code {
    font-size: 1rem;
    font-weight: 400;
    color: var(--phone-text);
    white-space: nowrap;
}

.phoneField__input {
    flex: 1;
    min-width: 0;
    height: 100%;
    border: 0;
    outline: 0;
    padding: 0 1rem;
    background: transparent;
    color: var(--phone-input);
    font-size: 1rem;
    font-weight: 400;
}

.phoneField__input::placeholder {
    color: #8992a0;
    opacity: 1;
}

.phoneField__input:focus {
    outline: none;
}

.phoneField__error {
    display: none;
    margin-top: 0.4rem;
    padding-left: 0.2rem;
    color: #d64545;
    font-size: 0.8rem;
}

.phoneField__wrapper.is-error {
    border-color: #d64545;
}

.phoneField__wrapper.is-error + .phoneField__error {
    display: block;
}

@media (max-width: 480px) {
    .phoneField {
        max-width: 100%;
    }

    .phoneField__wrapper {
        height: 3.6rem;
    }

    .phoneField__country {
        min-width: 6.3rem;
        padding: 0 0.7rem;
        gap: 0.5rem;
    }

    .phoneField__code,
    .phoneField__input {
        font-size: 0.95rem;
    }

    .phoneField__input {
        padding: 0 0.75rem;
    }
}

@media (max-width: 350px) {
    .phoneField__country {
        min-width: 5.8rem;
        padding: 0 0.55rem;
    }

    .phoneField__input {
        padding: 0 0.6rem;
    }
}

.hosGlpCard,
.hosGlpCard * {
    box-sizing: border-box;
}

.hosGlpCard {
    background: var(--color-bg-light);
}

.hosGlpCard__card {
    position: relative;

    width: 100%;

    overflow: hidden;

    border: 0.08rem solid var(--color-border-light);

    border-radius: 1rem;

    background: var(--color-white);

    box-shadow: var(--shadow-card);
}

.hosGlpCard__image {
    width: 100%;
    margin-top: 25px;
}

.hosGlpCard__badge {
    position: absolute;

    top: 1rem;

    left: 1rem;

    z-index: 3;

    display: inline-flex;

    align-items: center;

    gap: 0.35rem;

    padding: 0.4rem 0.7rem;

    border-radius: 2rem;

    background: rgba(255, 255, 255, 0.9);

    color: var(--color-primary);

    font-size: 0.68rem;

    line-height: 1;

    font-weight: 700;

    letter-spacing: 0.07rem;

    text-transform: uppercase;

    box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.08);
}

.hosGlpCard__badge i {
    color: var(--color-gold);

    font-size: 0.9rem;
}

.hosGlpCard__wishlist {
    position: absolute;

    top: 1rem;

    right: 1rem;

    z-index: 3;

    width: 2.35rem;

    height: 2.35rem;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 0.08rem solid rgba(178, 138, 74, 0.25);

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.9);

    color: var(--color-primary);

    cursor: pointer;

    font-size: 1.1rem;

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

.hosGlpCard__wishlist:hover {
    color: var(--color-white);

    background: var(--color-gold);

    transform: scale(1.08);
}

.hosGlpCard__content {
    padding: 1.35rem 1.35rem 1.4rem;
}

.hosGlpCard__brand {
    margin: 0 0 0.35rem;

    font-size: 0.75rem;

    line-height: 1.3;

    font-weight: 700;

    letter-spacing: 0.14rem;

    color: var(--color-gold-dark);

    text-transform: uppercase;
}

.hosGlpCard__title {
    margin: 0;

    color: var(--color-primary-dark);

    font-family: "Playfair Display", serif;

    font-size: 1.5rem;

    height: 60px;

    font-weight: 600;
}

.hosGlpCard__subtitle {
    margin: 0.45rem 0 0;

    color: var(--color-text-medium);

    font-size: 0.9rem;

    line-height: 1.45;
}

.hosGlpCard__flavour {
    display: inline-flex;

    align-items: center;

    gap: 0.45rem;

    margin-top: 0.7rem;

    padding: 0.35rem 0.7rem;

    border: 0.08rem solid var(--color-border-light);

    border-radius: 2rem;

    background: var(--color-bg-light);

    color: var(--color-text-dark);

    font-size: 0.72rem;

    line-height: 1.2;

    font-weight: 600;
}

.hosGlpCard__flavour i {
    color: var(--color-gold-dark);

    font-size: 0.95rem;
}

.hosGlpCard__divider {
    width: 100%;

    height: 0.08rem;

    margin: 1.15rem 0;

    background: var(--color-border-light);
}

.hosGlpCard__nutritionTitle {
    margin: 0 0 0.8rem;

    font-size: 0.72rem;

    line-height: 1.3;

    font-weight: 700;

    letter-spacing: 0.1rem;

    color: var(--color-text-dark);

    text-transform: uppercase;
}

.hosGlpCard__nutrition {
    display: grid;

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

    border: 0.08rem solid var(--color-border-light);

    border-radius: 0.5rem;

    overflow: hidden;

    background: var(--color-bg-light);
}

.hosGlpCard__nutritionItem {
    min-width: 0;

    padding: 0.75rem 0.4rem;

    text-align: center;

    border-right: 0.08rem solid var(--color-border-light);
}

.hosGlpCard__nutritionItem:last-child {
    border-right: none;
}

.hosGlpCard__nutritionValue {
    display: block;

    margin-bottom: 0.25rem;

    font-size: 1rem;

    line-height: 1.1;

    font-weight: 700;

    color: var(--color-primary);
}

.hosGlpCard__nutritionLabel {
    display: block;

    font-size: 0.58rem;

    line-height: 1.25;

    font-weight: 600;

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

    text-transform: uppercase;
}

.hosGlpCard__benefits {
    display: grid;

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

    gap: 0.7rem;

    margin-top: 1.1rem;
}

.hosGlpCard__benefit {
    display: flex;

    align-items: center;

    gap: 0.6rem;

    min-width: 0;
}

.hosGlpCard__benefitIcon {
    width: 2.25rem;

    height: 2.25rem;

    min-width: 2.25rem;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 0.08rem solid var(--color-champagne);

    border-radius: 50%;

    color: var(--color-primary);

    background: rgba(216, 194, 155, 0.12);

    font-size: 1rem;
}

.hosGlpCard__benefitText {
    font-size: 0.67rem;

    line-height: 1.3;

    font-weight: 600;

    color: var(--color-text-medium);

    text-transform: uppercase;
}

.hosGlpCard__button {
    width: 100%;

    min-height: 3.15rem;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 0.6rem;

    margin-top: 1.3rem;

    padding: 0.7rem 1rem;

    border: none;

    border-radius: 0.35rem;

    background: var(--gradient-gold);

    color: var(--color-white);

    font-size: 0.82rem;

    line-height: 1.2;

    font-weight: 700;

    letter-spacing: 0.07rem;

    text-transform: uppercase;

    text-decoration: none;

    box-shadow: var(--shadow-gold);

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

.hosGlpCard__button:hover {
    color: var(--color-white);

    transform: translateY(-0.12rem);

    box-shadow: 0 1rem 2rem rgba(178, 138, 74, 0.25);
}

.hosGlpCard__button i {
    font-size: 1.05rem;

    transition: transform 0.25s ease;
}

.hosGlpCard__button:hover i {
    transform: translateX(0.2rem);
}

.hosGlpCard__note {
    display: flex;

    align-items: center;

    justify-content: center;

    gap: 0.4rem;

    margin-top: 0.75rem;

    color: var(--color-text-muted);

    font-size: 0.65rem;

    line-height: 1.35;

    text-align: center;
}

.hosGlpCard__note i {
    color: var(--color-gold-dark);

    font-size: 0.9rem;
}

@media (max-width: 48rem) {
    .hosGlpCard__content {
        padding: 1.5rem;
    }

    .hosGlpCard__subtitle {
        font-size: 1rem;
    }

    .hosGlpCard__nutritionValue {
        font-size: 1.05rem;
    }

    .hosGlpCard__nutritionLabel {
        font-size: 0.62rem;
    }

    .hosGlpCard__benefitText {
        font-size: 0.72rem;
    }

    .hosGlpCard__button {
        min-height: 3.35rem;

        font-size: 0.9rem;
    }
}

@media (max-width: 30rem) {
    .hosGlpCard__badge {
        top: 0.8rem;

        left: 0.8rem;

        font-size: 0.67rem;

        padding: 0.42rem 0.65rem;
    }

    .hosGlpCard__wishlist {
        top: 0.8rem;

        right: 0.8rem;

        width: 2.45rem;

        height: 2.45rem;

        font-size: 1.15rem;
    }

    .hosGlpCard__content {
        padding: 1.3rem 1.1rem 1.35rem;
    }

    .hosGlpCard__brand {
        font-size: 0.78rem;

        letter-spacing: 0.12rem;
    }

    .hosGlpCard__subtitle {
        font-size: 0.98rem;

        line-height: 1.5;
    }

    .hosGlpCard__flavour {
        font-size: 0.8rem;

        padding: 0.42rem 0.75rem;
    }

    .hosGlpCard__nutritionTitle {
        font-size: 0.76rem;
    }

    .hosGlpCard__nutritionItem {
        padding: 0.85rem 0.3rem;
    }

    .hosGlpCard__nutritionValue {
        font-size: 1.05rem;
    }

    .hosGlpCard__nutritionLabel {
        font-size: 0.61rem;

        line-height: 1.3;
    }

    .hosGlpCard__benefits {
        gap: 0.85rem 0.6rem;
    }

    .hosGlpCard__benefit {
        align-items: center;

        gap: 0.55rem;
    }

    .hosGlpCard__benefitIcon {
        width: 2.35rem;

        height: 2.35rem;

        min-width: 2.35rem;

        font-size: 1.05rem;
    }

    .hosGlpCard__benefitText {
        font-size: 0.7rem;

        line-height: 1.4;
    }

    .hosGlpCard__button {
        min-height: 3.4rem;

        margin-top: 1.25rem;

        font-size: 0.9rem;
    }

    .hosGlpCard__note {
        font-size: 0.72rem;
    }
}

@media (max-width: 24rem) {
    .hosGlpCard__imageArea {
        height: 19rem;
    }

    .hosGlpCard__content {
        padding: 1.15rem 0.9rem 1.2rem;
    }

    .hosGlpCard__subtitle {
        font-size: 0.92rem;
    }

    .hosGlpCard__nutritionValue {
        font-size: 0.95rem;
    }

    .hosGlpCard__nutritionLabel {
        font-size: 0.56rem;
    }

    .hosGlpCard__benefitText {
        font-size: 0.64rem;
    }
}

.hosRange,
.hosRange * {
    box-sizing: border-box;
}

.hosRange {
    overflow: hidden;

    background: var(--color-bg-light);
}

.hosRange__container {
    width: 100%;

    max-width: 90rem;

    margin: 0 auto;
}

.hosRange__headingWrap {
    width: 100%;

    max-width: 60rem;

    margin: 0 auto 3rem;

    text-align: center;
}

.hosRange__eyebrow {
    display: flex;

    align-items: center;

    justify-content: center;

    gap: 1.25rem;

    margin-bottom: 1rem;

    color: var(--color-text-dark);

    font-size: 0.78rem;

    line-height: 1;

    font-weight: 700;

    letter-spacing: 0.3rem;

    text-transform: uppercase;
}

.hosRange__eyebrow::before,
.hosRange__eyebrow::after {
    content: "";

    width: 4rem;

    height: 0.1rem;

    background: var(--color-gold);
}

.hosRange__title {
    margin: 0;

    color: var(--color-primary-dark);

    font-family: "Playfair Display", serif;

    font-size: clamp(2.7rem, 5vw, 4.25rem);

    line-height: 1.08;

    font-weight: 600;

    letter-spacing: -0.06rem;
}

.hosRange__titleAccent {
    color: var(--color-gold);
}

.hosRange__description {
    max-width: 48rem;

    margin: 1.1rem auto 0;

    color: var(--color-text-medium);

    font-size: 1.05rem;

    line-height: 1.6;

    font-weight: 400;
}

.hosRange__card {
    overflow: hidden;

    border: 0.08rem solid rgba(255, 255, 255, 0.55);

    border-radius: 0.75rem;

    background: var(--color-primary-dark);

    box-shadow: var(--shadow-card);
}

.hosRange__image {
    position: absolute;

    inset: 0;

    z-index: -3;

    width: 100%;

    height: 100%;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.hosRange__card:hover .hosRange__image {
    transform: scale(1.06);
}

.hosRange__productStrip {
    display: flex;

    align-items: flex-end;

    justify-content: center;

    gap: 0.8rem;

    position: absolute;

    right: 2rem;

    bottom: 4rem;

    width: 47%;

    height: 15rem;
}

.hosRange__miniProduct {
    position: relative;

    width: 22%;

    height: 13rem;

    display: flex;

    align-items: flex-end;

    justify-content: center;

    transition: transform 0.35s ease;
}

.hosRange__miniProduct:hover {
    transform: translateY(-0.6rem);
}

.hosRange__miniProduct img {
    max-width: 100%;

    max-height: 100%;

    width: auto;

    height: auto;

    object-fit: contain;

    filter: drop-shadow(0 0.8rem 0.7rem rgba(0, 0, 0, 0.38));
}

.hosRange__rangeBenefits {
    display: grid;

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

    gap: 0.8rem;

    margin-top: 1.5rem;

    max-width: 34rem;
}

.hosRange__rangeBenefit {
    display: flex;

    align-items: center;

    gap: 0.45rem;

    color: var(--color-white);

    font-size: 0.62rem;

    line-height: 1.25;

    font-weight: 700;

    text-transform: uppercase;
}

.hosRange__rangeBenefit i {
    width: 2rem;

    height: 2rem;

    min-width: 2rem;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 0.08rem solid var(--color-gold-light);

    border-radius: 50%;

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

    font-size: 0.9rem;
}

@media (max-width: 75rem) {
    .hosRange__card,
    .hosRange__card:nth-child(4),
    .hosRange__card:nth-child(5) {
        grid-column: auto;
    }

    .hosRange__card--complete {
        grid-column: 1 / -1 !important;

        min-height: 30rem;
    }

    .hos_big img {
        width: 100%;
        height: 100% !important;
    }
}

@media (max-width: 62rem) {
    .hosRange__headingWrap {
        margin-bottom: 2.5rem;
    }

    .hosRange__title {
        font-size: clamp(2.5rem, 6vw, 3.7rem);
    }

    .hosRange__description {
        font-size: 1rem;
    }

    .hosRange__cardTitle {
        font-size: 2.1rem;
    }

    .hosRange__productStrip {
        right: 1rem;

        width: 45%;
    }
}

@media (max-width: 48rem) {
    .hosRange__headingWrap {
        margin-bottom: 2rem;
    }

    .hosRange__eyebrow {
        gap: 0.8rem;

        font-size: 0.72rem;

        letter-spacing: 0.2rem;
    }

    .hosRange__eyebrow::before,
    .hosRange__eyebrow::after {
        width: 2.5rem;
    }

    .hosRange__title {
        font-size: clamp(2.2rem, 9vw, 3.2rem);

        line-height: 1.12;
    }

    .hosRange__description {
        margin-top: 1rem;

        font-size: 0.98rem;

        line-height: 1.6;
    }

    .hosRange__card,
    .hosRange__card:nth-child(4),
    .hosRange__card:nth-child(5),
    .hosRange__card--complete {
        grid-column: auto !important;
    }

    .hosRange__category {
        font-size: 0.72rem;

        letter-spacing: 0.18rem;
    }

    .hosRange__category::after {
        width: 2.2rem;
    }

    .hosRange__cardTitle {
        font-size: 2.25rem;

        line-height: 1.05;
    }

    .hosRange__flavourName {
        font-size: 0.82rem;
    }

    .hosRange__flavourSub {
        font-size: 0.64rem;
    }

    .hosRange__card--complete {
        min-height: 34rem;
    }

    .hosRange__card--complete .hosRange__cardTitle {
        font-size: 2.35rem;
    }

    .hosRange__productStrip {
        position: relative;

        right: auto;

        bottom: auto;

        width: 100%;

        height: 12rem;

        margin: 1rem 0 0;
    }

    .hosRange__miniProduct {
        height: 11rem;
    }

    .hosRange__rangeBenefits {
        grid-template-columns: repeat(2, 1fr);

        max-width: 100%;

        gap: 0.8rem;

        margin-top: 0.5rem;
    }

    .hosRange__rangeBenefit {
        font-size: 0.68rem;
    }

    .hos_big img {
        width: 100%;
        height: 100% !important;
    }
}

@media (max-width: 30rem) {
    .hosRange__eyebrow {
        font-size: 0.66rem;

        letter-spacing: 0.15rem;
    }

    .hosRange__eyebrow::before,
    .hosRange__eyebrow::after {
        width: 1.8rem;
    }

    .hosRange__title {
        font-size: 2.15rem;
    }

    .hosRange__description {
        font-size: 0.94rem;
    }

    .hosRange__cardTitle {
        font-size: 2rem;
    }

    .hosRange__card--complete {
        min-height: 35rem;
    }

    .hosRange__card--complete .hosRange__cardTitle {
        font-size: 2.05rem;
    }

    .hosRange__productStrip {
        height: 10rem;

        gap: 0.3rem;
    }

    .hosRange__miniProduct {
        height: 9rem;
    }

    .hosRange__rangeBenefit {
        font-size: 0.62rem;
    }

    .hosRange__rangeBenefit i {
        width: 1.8rem;

        height: 1.8rem;

        min-width: 1.8rem;

        font-size: 0.8rem;
    }
}

@media (hover: none) {
    .hosRange__card:hover .hosRange__image {
        transform: none;
    }

    .hosRange__miniProduct:hover {
        transform: none;
    }
}

.hos_big img {
    width: 100%;
    height: 477px;
}

.recre_bg img {
    width: 100%;
    height: 565px;
}

/* =========================================
   OUR BRANDS DROPDOWN
========================================= */

.hosBioBrandsDropdown {
    position: relative;
}

/* Trigger */

.hosBioBrandsDropdown__trigger {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    cursor: pointer;
}

.hosBioBrandsDropdown__arrow {
    font-size: 1.15rem;
    line-height: 1;
    transition: transform 0.3s ease;
}

/* Dropdown Menu */

.hosBioBrandsDropdown__menu {
    position: absolute;
    top: calc(100% + 1rem);
    left: 50%;
    min-width: 14rem;

    padding: 0.55rem;

    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 0.75rem;

    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.12);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

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

    transition:
        opacity 0.25s ease,
        visibility 0.25s ease,
        transform 0.25s ease;

    z-index: 9999;
}

/* Small top spacing bridge */

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

    top: -1rem;
    left: 0;

    width: 100%;
    height: 1rem;
}

/* Dropdown Items */

.hosBioBrandsDropdown__item {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 1rem;

    padding: 0.6rem 1rem;

    color: #1b1b1b;
    text-decoration: none;

    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.04em;

    border-radius: 0.5rem;

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        padding-left 0.25s ease;
}

.hosBioBrandsDropdown__item i {
    font-size: 1rem;

    opacity: 0;

    transform: translateX(-0.3rem);

    transition:
        opacity 0.25s ease,
        transform 0.25s ease;
}

/* Item Hover */

.hosBioBrandsDropdown__item:hover {
    color: var(--color-gold-dark);
}

.hosBioBrandsDropdown__item:hover i {
    opacity: 1;
    transform: translateX(0);
}

/* =========================================
   DESKTOP HOVER
========================================= */

@media (min-width: 992px) {
    .hosBioBrandsDropdown:hover .hosBioBrandsDropdown__menu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;

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

    .hosBioBrandsDropdown:hover .hosBioBrandsDropdown__arrow {
        transform: rotate(180deg);
    }
}

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

@media (max-width: 991.98px) {
    .hosBioBrandsDropdown {
        width: 100%;
    }

    .hosBioBrandsDropdown__trigger {
        width: 100%;

        display: flex;
        justify-content: space-between;
    }

    .hosBioBrandsDropdown__menu {
        position: static;

        width: 100%;
        min-width: 0;

        margin-top: 0;

        padding: 0;

        background: transparent;

        border: 0;
        border-radius: 0;

        box-shadow: none;

        opacity: 0;
        visibility: hidden;
        pointer-events: none;

        transform: translateY(-0.5rem);

        max-height: 0;
        overflow: hidden;

        transition:
            max-height 0.35s ease,
            opacity 0.25s ease,
            transform 0.25s ease,
            visibility 0.25s ease;
    }

    .hosBioBrandsDropdown__menu::before {
        display: none;
    }

    /* OPEN STATE */

    .hosBioBrandsDropdown.is-open .hosBioBrandsDropdown__menu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;

        transform: translateY(0);

        max-height: 20rem;

        padding-top: 0.4rem;
        padding-bottom: 0.5rem;
    }

    .hosBioBrandsDropdown.is-open .hosBioBrandsDropdown__arrow {
        transform: rotate(180deg);
    }

    .hosBioBrandsDropdown__item {
        padding: 0.75rem 1rem 0.75rem 1.5rem;

        font-size: 0.78rem;

        background: rgba(0, 0, 0, 0.025);
    }

    .hosBioBrandsDropdown__item + .hosBioBrandsDropdown__item {
        margin-top: 0.25rem;
    }

    .hosBioBrandsDropdown__item i {
        opacity: 1;
        transform: none;
    }
}

/* =========================================
   HOS BIO HEADER - AUTO ACTIVE
========================================= */

.hosBioHeader__link {
    position: relative;
    transition: all 0.3s ease;
}

/* Active Main Link */
.hosBioHeader__link.active {
    color: var(--color-gold-dark) !important;
}

/* =========================================
   OUR BRANDS ACTIVE
========================================= */

.hosBioBrandsDropdown.active .hosBioBrandsDropdown__trigger {
    color: #000 !important;
}

/* =========================================
   MOBILE MENU AUTO ACTIVE
========================================= */

.hosBioMobileMenu__nav > .hosBioHeader__link {
    position: relative;
    transition: all 0.3s ease;
}

/* Active Link */
.hosBioMobileMenu__nav > .hosBioHeader__link.active {
    color: #000;
    font-weight: 600;
}

/* Active underline */
.hosBioMobileMenu__nav > .hosBioHeader__link.active::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.4rem;
    width: 100%;
    height: 0.12rem;
    background: currentColor;
    transition: all 0.3s ease;
}

/* =====================================================
   COMMON
===================================================== */

.unRuledEyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;

    margin-bottom: 1.2rem;

    color: var(--unRuled-gold);

    font-size: 0.7rem;
    font-weight: 600;

    letter-spacing: 0.25rem;
    text-transform: uppercase;
}

.unRuledEyebrow::before {
    content: "";
    width: 1.6rem;
    height: 0.08rem;

    background: var(--unRuled-gold);
}

.unRuledBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;

    min-height: 3.2rem;

    padding: 0.85rem 1.3rem;

    border: 0.08rem solid transparent;

    font-size: 0.75rem;
    font-weight: 600;

    transition:
        transform 0.3s ease,
        background 0.3s ease,
        color 0.3s ease,
        border 0.3s ease;
}

.unRuledBtn:hover {
    transform: translateY(-0.25rem);
}

.unRuledBtn i {
    font-size: 1rem;
}

.unRuledBtn--gold {
    color: #14120c;
    background: var(--unRuled-gold);
}

.unRuledBtn--gold:hover {
    background: var(--unRuled-gold-light);
}

.unRuledBtn--outline {
    color: var(--unRuled-white);
    border-color: rgba(241, 198, 91, 0.8);
    background: rgba(0, 0, 0, 0.2);
}

.unRuledBtn--outline:hover {
    color: #111;
    background: var(--unRuled-gold);
}

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

.unRuledHeader {
    position: fixed;

    top: 0;
    left: 0;

    width: 100%;

    z-index: 1000;

    padding: 1rem 1.5rem;

    transition:
        background 0.4s ease,
        backdrop-filter 0.4s ease,
        padding 0.4s ease;
}

.unRuledHeader.is-scrolled {
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;

    background: rgba(3, 7, 6, 0.78);

    backdrop-filter: blur(1rem);
    -webkit-backdrop-filter: blur(1rem);

    border-bottom: 0.05rem solid rgba(241, 198, 91, 0.16);
}

.unRuledHeader__inner {
    min-height: 3.2rem;

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

    max-width: 100rem;

    margin: auto;
}

.unRuledHeader__logo {
    display: flex;
    flex-direction: column;

    width: max-content;
}

.unRuledHeader__logoMain {
    color: var(--unRuled-gold);

    font-family: "Inter", sans-serif;

    font-size: 1.15rem;
    font-weight: 800;

    letter-spacing: -0.04rem;
}

.unRuledHeader__logoMain sup {
    font-size: 0.4rem;
}

.unRuledHeader__logoTag {
    margin-top: -0.1rem;

    color: var(--unRuled-gold);

    font-size: 0.36rem;
    font-weight: 600;

    letter-spacing: 0.18rem;
}

.unRuledHeader__nav {
    display: flex;
    align-items: center;

    gap: 2rem;
}

.unRuledHeader__link {
    position: relative;

    color: rgba(255, 255, 255, 0.9);

    font-size: 0.68rem;
    font-weight: 500;

    transition: color 0.3s ease;
}

.unRuledHeader__link::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -0.4rem;

    width: 100%;
    height: 0.08rem;

    background: var(--unRuled-gold);

    transform: scaleX(0);

    transform-origin: right;

    transition: transform 0.3s ease;
}

.unRuledHeader__link:hover {
    color: var(--unRuled-gold);
}

.unRuledHeader__link:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

.unRuledHeader__actions {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.unRuledHeader__cta {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;

    padding: 0.65rem 1.1rem;

    border-radius: 0.35rem;

    color: #15120a;

    background: var(--unRuled-gold);

    font-size: 0.67rem;
    font-weight: 700;

    transition: 0.3s ease;
}

.unRuledHeader__cta:hover {
    background: var(--unRuled-gold-light);
    transform: translateY(-0.15rem);
}

.unRuledHeader__menuBtn {
    display: none;

    border: 0;

    color: var(--unRuled-gold);

    background: transparent;

    font-size: 1.5rem;
}

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

.unRuledMobile {
    position: fixed;

    inset: 0;

    z-index: 2000;

    padding: 1.5rem;

    background: radial-gradient(circle at top right, rgba(178, 138, 74, 0.14), transparent 35%), var(--unRuled-dark);

    transform: translateX(100%);

    transition: transform 0.45s cubic-bezier(0.77, 0, 0.18, 1);

    overflow-y: auto;
}

.unRuledMobile.is-open {
    transform: translateX(0);
}

.unRuledMobile__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.unRuledMobile__logo {
    color: var(--unRuled-gold);

    font-size: 1.15rem;
    font-weight: 800;
}

.unRuledMobile__logo sup {
    font-size: 0.4rem;
}

.unRuledMobile__close {
    width: 2.8rem;
    height: 2.8rem;

    border: 0.05rem solid rgba(241, 198, 91, 0.3);

    border-radius: 50%;

    color: var(--unRuled-gold);

    background: rgba(255, 255, 255, 0.03);

    font-size: 1.3rem;
}

.unRuledMobile__nav {
    display: flex;
    flex-direction: column;

    margin-top: 4rem;
}

.unRuledMobile__nav > a {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 1.3rem 0;

    border-bottom: 0.05rem solid rgba(255, 255, 255, 0.12);

    color: var(--color-white);

    font-size: 1.15rem;
}

.unRuledMobile__nav > a i {
    color: var(--unRuled-gold);
}

.unRuledMobile__nav .unRuledMobile__cta {
    justify-content: center;

    margin-top: 2rem;

    border: 0;

    background: var(--unRuled-gold);

    color: #14120c;
}

:root {
    --wellness-black: #070a08;
    --wellness-black-soft: #0d120f;

    --wellness-white: #ffffff;
    --wellness-white-soft: #e8e9e5;

    --wellness-gold: #eab94d;
    --wellness-gold-light: #ffd56d;
    --wellness-gold-dark: #b88924;

    --wellness-border: rgba(255, 255, 255, 0.22);
    --wellness-border-gold: rgba(234, 185, 77, 0.75);

    --wellness-overlay: rgba(3, 7, 5, 0.68);
    --wellness-overlay-dark: rgba(3, 7, 5, 0.88);

    --wellness-heading-font: "Playfair Display", serif;
    --wellness-body-font: "DM Sans", sans-serif;

    --wellness-transition: 0.4s ease;
    --wellness-container: 90rem;

    --wellness-radius-sm: 0.45rem;
    --wellness-radius-md: 0.75rem;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    background: var(--wellness-black);
    color: var(--wellness-white);
    font-family: var(--wellness-body-font);
    overflow-x: hidden;
}

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

button {
    font-family: inherit;
}

.wellnessHero {
    background-image: url(../images/top-bg-1.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.Ashwagandha_bg {
    background-image: url(../images/Ashwagandha_bgs.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.Ashwagandha_bg_1 {
    background-image: url(../images/Ashwagandha_bg_1.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.Ashwagandha_bg_2 {
    background-image: url(../images/Ashwagandha_bg_2.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.Ashwagandha_bg_3 {
    background-image: url(../images/Ashwagandha_bg_3.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.Ashwagandha_bg_4 {
    background-image: url(../images/Ashwagandha_bg_4.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.un_ruled_header {
    background-color: white;
}

.wellnessHero__eyebrow {
    display: inline-flex;
    align-items: center;
    margin-bottom: 1rem;
    margin-top: 5rem;
    color: var(--wellness-white);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.24rem;
    text-transform: uppercase;
}

.wellnessHero__title {
    margin: 0;
    color: white;
    font-family: var(--wellness-heading-font);
    font-size: 5rem;
    font-weight: 600;
    line-height: 0.89;
    letter-spacing: -0.15rem;
}

.wellnessHero__title span {
    display: block;
}

.wellnessHero__title--gold {
    color: var(--wellness-gold);
}
.wellnessHero__title--protein {
    color: #2d0000;
}
.wellnessHero__title--green {
    color: var(--recre8-primary);
}

.wellnessHero__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    margin-top: 1.7rem;

    color: var(--wellness-white-soft);

    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
}

.wellnessHero__metaDivider {
    display: inline-block;

    width: 0.1rem;
    height: 0.85rem;

    margin: 0 0.8rem;

    background: var(--wellness-gold);
}

.wellnessHero__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;

    margin-top: 1.7rem;
}

.wellnessHero__button {
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;

    min-height: 3.3rem;
    padding: 0.75rem 1.15rem;

    border: 0.08rem solid transparent;
    border-radius: var(--wellness-radius-sm);

    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.01rem;

    cursor: pointer;
    overflow: hidden;

    transition:
        transform var(--wellness-transition),
        background var(--wellness-transition),
        color var(--wellness-transition),
        border-color var(--wellness-transition),
        box-shadow var(--wellness-transition);
}

.wellnessHero__button::before {
    content: "";

    position: absolute;
    inset: 0;

    background: rgba(255, 255, 255, 0.18);

    transform: translateX(-110%);
    transition: transform 0.5s ease;
}

.wellnessHero__button:hover::before {
    transform: translateX(110%);
}

.wellnessHero__button span,
.wellnessHero__button i {
    position: relative;
    z-index: 2;
}

.wellnessHero__button--primary {
    background: var(--wellness-gold);
    color: #17130a;
}

.wellnessHero__button--primary:hover {
    background: var(--wellness-gold-light);
    color: #17130a;
    transform: translateY(-0.2rem);
    box-shadow: 0 0.8rem 2rem rgba(234, 185, 77, 0.2);
}

/* Secondary */

.wellnessHero__button--secondary {
    background: rgba(5, 8, 6, 0.2);
    color: var(--wellness-white);

    border-color: var(--wellness-border-gold);

    backdrop-filter: blur(0.6rem);
}

.wellnessHero__button--secondary:hover {
    background: var(--wellness-gold);
    color: #17130a;

    transform: translateY(-0.2rem);
}

.wellnessHero__button i {
    font-size: 1rem;
    transition: transform var(--wellness-transition);
}

.wellnessHero__button:hover i {
    transform: translateX(0.25rem);
}

.wellnessHero__tagline {
    display: flex;
    align-items: stretch;
    gap: 1rem;
}

.wellnessHero__taglineLine {
    width: 0.12rem;
    background: var(--wellness-gold);
}

.wellnessHero__taglineText {
    display: flex;
    flex-direction: column;

    color: var(--wellness-white);

    font-size: 0.65rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.18rem;
    text-transform: uppercase;
}

.wellnessHeader {
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;

    z-index: 1000;

    padding: 1rem 0;

    transition:
        background var(--wellness-transition),
        backdrop-filter var(--wellness-transition),
        padding var(--wellness-transition);
}

.wellnessHeader.is-scrolled {
    padding: 0.7rem 0;

    background: rgba(5, 8, 6, 0.88);

    backdrop-filter: blur(1rem);
}

.wellnessHeader__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;

    max-width: var(--wellness-container);
    margin: auto;

    padding: 0 3rem;
}

.wellnessHeader__logo {
    color: var(--wellness-white);

    font-family: var(--wellness-heading-font);
    font-size: 1.45rem;
    font-weight: 600;
    letter-spacing: 0.03rem;
}

.wellnessHeader__logo span {
    color: var(--wellness-gold);
}

.wellnessHeader__nav {
    display: flex;
    align-items: center;
    gap: 1.8rem;
}

.wellnessHeader__link {
    position: relative;

    color: rgba(255, 255, 255, 0.88);

    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.1rem;
    text-transform: uppercase;

    transition: color var(--wellness-transition);
}

.wellnessHeader__link::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: -0.4rem;

    width: 0;
    height: 0.08rem;

    background: var(--wellness-gold);

    transition: width var(--wellness-transition);
}

.wellnessHeader__link:hover {
    color: var(--wellness-gold);
}

.wellnessHeader__link:hover::after {
    width: 100%;
}

.wellnessHeader__menu {
    display: none;

    width: 2.8rem;
    height: 2.8rem;

    border: 0.08rem solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;

    background: transparent;
    color: var(--wellness-white);

    font-size: 1.25rem;

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

@media (max-width: 75rem) {
    .wellnessHero__tagline {
        left: 2.5rem;
    }

    .wellnessHeader__inner {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}

@media (max-width: 62rem) {
    .wellnessHeader__nav {
        display: none;
    }

    .wellnessHeader__menu {
        display: inline-flex;
    }

    .wellnessHero__content {
        max-width: 44rem;
    }

    .wellnessHero__content {
        margin-top: 0;
    }

    .wellnessHero__title {
        font-size: clamp(3.7rem, 9vw, 6rem);
    }
}

@media (max-width: 48rem) {
    .wellnessHero__title {
        font-size: clamp(3.4rem, 14vw, 5.5rem);
        line-height: 0.92;
        letter-spacing: -0.1rem;
    }

    .wellnessHero__eyebrow {
        margin-top: 1rem;
        font-size: 0.65rem;
        letter-spacing: 0.16rem;
    }

    .wellnessHero__meta {
        font-size: 0.68rem;
        line-height: 1.8;
    }

    .wellnessHero__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .wellnessHero__button {
        width: 100%;
    }

    .wellnessHero__tagline {
        left: 1.5rem;
        bottom: 1.8rem;
    }

    .wellnessHeader__inner {
        padding: 0 1.5rem;
    }

    .wellnessHero {
        background-image: url(../images/Wellness_phone_bg.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    #enquiry_btn {
        position: absolute;
        bottom: 5%;
        left: 2%;
        right: 2%;
    }

    .Ashwagandha_bg {
        background-image: url(../images/Ashwagandha_bg_phone.jpg);
        height: 800px;
        align-items: normal !important;
        position: relative;
    }

    .Ashwagandha_bg_1 {
        background-image: url(../images/energy_bg_phone.jpg);
        height: 800px;
        align-items: normal !important;
        position: relative;
    }

    .Ashwagandha_bg_2 {
        background-image: url(../images/more_life_bg.jpg);
        height: 800px;
        align-items: normal !important;
        position: relative;
    }

    .Ashwagandha_bg_3 {
        background-image: url(../images/bring_bg_phone.jpg);
        height: 800px;
        align-items: normal !important;
        position: relative;
    }
}

@media (max-width: 30rem) {
    .wellnessHero__inner {
        padding-top: 6.8rem;
    }

    .wellnessHero__title {
        font-size: 2.3rem;
    }

    .wellnessHero__meta {
        display: block;
    }

    .wellnessHero__metaDivider {
        display: inline-block;
        margin: 0 0.45rem;
    }

    .wellnessHero__taglineText {
        font-size: 0.58rem;
        letter-spacing: 0.13rem;
    }
}

:root {
    --wellness-enquiry-bg: #07100f;
    --wellness-enquiry-bg-dark: #030807;

    --wellness-enquiry-card: rgba(5, 15, 14, 0.88);
    --wellness-enquiry-input: rgba(4, 18, 17, 0.74);

    --wellness-enquiry-white: #ffffff;
    --wellness-enquiry-text: #e8ece9;
    --wellness-enquiry-muted: #b9c0bd;

    --wellness-enquiry-gold: #f5c95d;
    --wellness-enquiry-gold-light: #ffd975;

    --wellness-enquiry-border: rgba(255, 255, 255, 0.13);
    --wellness-enquiry-border-focus: rgba(245, 201, 93, 0.8);

    --wellness-enquiry-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.42);

    --wellness-enquiry-radius: 0.45rem;

    --wellness-enquiry-font: "DM Sans", sans-serif;

    --wellness-enquiry-transition: 0.3s ease;
}

.wellnessHero__button:focus-visible,
.wellnessHeader__link:focus-visible,
.wellnessHeader__menu:focus-visible,
.wellnessMobileMenu__link:focus-visible {
    outline: 0.15rem solid var(--wellness-gold);
    outline-offset: 0.2rem;
}

.wellnessEnquiryWrap {
    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 52rem;

    margin: auto;
}

.wellnessEnquiryCard {
    position: relative;

    width: 100%;

    padding: 1rem;

    border: 0.06rem solid rgba(255, 255, 255, 0.15);

    border-radius: 0.55rem;

    background: linear-gradient(145deg, rgba(17, 27, 24, 0.84), rgba(2, 14, 13, 0.94));

    box-shadow: var(--wellness-enquiry-shadow);

    backdrop-filter: blur(1rem);

    -webkit-backdrop-filter: blur(1rem);
}

.wellnessEnquiryCard::before {
    content: "";

    position: absolute;

    inset: 0.2rem;

    border: 0.04rem solid rgba(255, 255, 255, 0.04);

    border-radius: 0.38rem;

    pointer-events: none;
}

.wellnessEnquiryForm {
    position: relative;

    z-index: 2;
}

.wellnessEnquiryField {
    position: relative;

    width: 100%;
}

.wellnessEnquiryInput,
.wellnessEnquirySelect,
.wellnessEnquiryTextarea {
    width: 100%;

    color: var(--wellness-enquiry-text);

    background: var(--wellness-enquiry-input);

    border: 0.06rem solid var(--wellness-enquiry-border);

    border-radius: var(--wellness-enquiry-radius);

    outline: none;

    font-family: var(--wellness-enquiry-font);

    font-size: 0.72rem;

    font-weight: 400;

    transition:
        border-color var(--wellness-enquiry-transition),
        background var(--wellness-enquiry-transition),
        box-shadow var(--wellness-enquiry-transition);
}

.wellnessEnquiryInput {
    height: 3rem;

    padding: 0.65rem 0.8rem;
}

.wellnessEnquirySelect {
    height: 3rem;

    padding: 0.65rem 2.4rem 0.65rem 0.8rem;

    appearance: none;

    -webkit-appearance: none;

    cursor: pointer;
}

.wellnessEnquirySelect option {
    background: #071412;

    color: #ffffff;
}

.wellnessEnquirySelectIcon {
    position: absolute;

    top: 50%;

    right: 0.7rem;

    transform: translateY(-50%);

    color: var(--wellness-enquiry-white);

    font-size: 0.95rem;

    pointer-events: none;

    transition: transform var(--wellness-enquiry-transition);
}

.wellnessEnquiryField:focus-within .wellnessEnquirySelectIcon {
    transform: translateY(-50%) rotate(180deg);

    color: var(--wellness-enquiry-gold);
}

.wellnessEnquiryTextarea {
    min-height: 5.7rem;

    resize: vertical;

    padding: 0.8rem;

    line-height: 1.5;
}

.wellnessEnquiryInput::placeholder,
.wellnessEnquiryTextarea::placeholder {
    color: rgba(255, 255, 255, 0.88);

    opacity: 1;
}

.wellnessEnquiryInput:focus,
.wellnessEnquirySelect:focus,
.wellnessEnquiryTextarea:focus {
    border-color: var(--wellness-enquiry-border-focus);

    background: rgba(6, 22, 20, 0.92);

    box-shadow: 0 0 0 0.16rem rgba(245, 201, 93, 0.08);
}

.wellnessEnquiryInput.is-error,
.wellnessEnquirySelect.is-error {
    border-color: rgba(255, 100, 100, 0.85);
}

.wellnessEnquiryError {
    display: none;

    margin-top: 0.3rem;

    color: #ff9d9d;

    font-size: 0.62rem;
}

.wellnessEnquiryError.is-visible {
    display: block;
}

.wellnessEnquirySecurity {
    display: flex;

    align-items: center;

    justify-content: center;

    gap: 0.65rem;

    margin-top: 0.85rem;

    color: var(--wellness-enquiry-text);

    font-size: 0.65rem;

    line-height: 1.4;

    text-align: center;
}

.wellnessEnquirySecurityIcon {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    color: var(--wellness-enquiry-white);

    font-size: 1.05rem;
}

.wellnessEnquirySuccess {
    display: none;

    margin-top: 0.8rem;

    padding: 0.7rem 0.8rem;

    border: 0.06rem solid rgba(101, 221, 157, 0.3);

    border-radius: var(--wellness-enquiry-radius);

    background: rgba(48, 151, 98, 0.12);

    color: #a5f0c5;

    font-size: 0.68rem;

    text-align: center;
}

.wellnessEnquirySuccess.is-visible {
    display: block;
}

.wellnessEnquirySubmit.is-loading {
    pointer-events: none;

    opacity: 0.78;
}

.wellnessEnquirySpinner {
    width: 1rem;

    height: 1rem;

    border: 0.12rem solid rgba(0, 0, 0, 0.25);

    border-top-color: #11150e;

    border-radius: 50%;

    animation: wellnessEnquirySpin 0.7s linear infinite;
}

@keyframes wellnessEnquirySpin {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 48rem) {
    .wellnessEnquiryCard {
        padding: 0.8rem;
    }

    .wellnessEnquiryInput,
    .wellnessEnquirySelect {
        height: 3.1rem;
    }

    .wellnessEnquiryTextarea {
        min-height: 6rem;
    }
}

@media (max-width: 36rem) {
    .wellnessEnquirySection {
        margin-top: 2rem;
    }

    .wellnessEnquiryCard {
        padding: 0.65rem;

        border-radius: 0.5rem;
    }

    .wellnessEnquiryInput,
    .wellnessEnquirySelect,
    .wellnessEnquiryTextarea {
        font-size: 0.7rem;
    }

    .wellnessEnquiryInput,
    .wellnessEnquirySelect {
        height: 3rem;
    }

    .wellnessEnquiryTextarea {
        min-height: 6.2rem;
    }

    .wellnessEnquirySubmit {
        height: 3.2rem;
    }

    .wellnessEnquirySecurity {
        font-size: 0.61rem;
    }
}

@media (max-width: 25rem) {
    .wellnessEnquiryCard {
        padding: 0.55rem;
    }

    .wellnessEnquiryInput,
    .wellnessEnquirySelect {
        height: 2.9rem;
    }

    .wellnessEnquirySecurity {
        gap: 0.45rem;
    }
}

.progress {
    position: fixed;

    right: 18px;
    top: 50%;

    transform: translateY(-50%);

    z-index: 50;

    display: flex;

    flex-direction: column;

    gap: 10px;
}

.progress span {
    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.3);

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

.progress span.active {
    transform: scale(1.8);

    background: white;
}

@media (max-width: 600px) {
    .product {
        width: 150px;

        height: 270px;
    }

    #light {
        width: 55px;

        height: 55px;
    }

    #light::before {
        width: 190px;

        height: 190px;
    }
}

.panel {
    width: 100%;
    scroll-snap-align: start;
    scroll-snap-stop: always;

    position: relative;

    overflow: hidden;

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

#experience {
    width: 100%;
    height: 100dvh;
    overflow-y: auto;
    overflow-x: hidden;
    scroll-snap-type: y mandatory;
    scroll-behavior: smooth;
    overscroll-behavior-y: contain;
    position: relative;
    z-index: 1;

    /* Firefox */
    scrollbar-width: none;

    /* IE / old Edge */
    -ms-overflow-style: none;
}

/* Chrome, Edge, Safari */
#experience::-webkit-scrollbar {
    display: none;
    width: 0;
}

#panel {
    height: 100% !important;
}

/* =========================================
   UN-RULED HEADER
========================================= */

:root {
    --unruledHeader-height: 5rem;

    --unruledHeader-white: #ffffff;
    --unruledHeader-yellow: #f8c85b;

    --unruledHeader-bg: rgba(8, 27, 31, 0.92);
    --unruledHeader-border: rgba(255, 255, 255, 0.12);

    --unruledHeader-transition: 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

/* =========================================
   MAIN HEADER
========================================= */
.hos_header {
    background-color: white !important;
}
.unruledHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--unruledHeader-height);
    z-index: 9999;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);

    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    transform: translateY(0);

    transition:
        transform var(--unruledHeader-transition),
        background 0.35s ease,
        box-shadow 0.35s ease;
}

/* Header hide */
.unruledHeader.unruledHeader--hidden {
    transform: translateY(-110%);
}

/* Header active / scrolled */
.unruledHeader.unruledHeader--scrolled {
    background: rgba(5, 24, 28, 0.96);

    box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.16);
}

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

.unruledHeader__container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

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

.unruledHeader__logo {
    width: 9.5rem;

    display: flex;
    align-items: center;

    flex-shrink: 0;

    text-decoration: none;
}

.unruledHeader__logo img {
    height: 50px;
    display: block;
    object-fit: contain;
}

/* =========================================
   DESKTOP NAVIGATION
========================================= */

.unruledHeader__nav {
    display: flex;
    align-items: center;
    gap: 2.4rem;
}

.unruledHeader__link {
    position: relative;

    color: var(--unruledHeader-white);

    font-size: 0.9rem;
    font-weight: 500;

    line-height: 1.2;

    text-decoration: none;

    white-space: nowrap;

    opacity: 0.95;

    transition:
        color 0.3s ease,
        opacity 0.3s ease;
}

.unruledHeader__link::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -0.45rem;

    width: 0;
    height: 1px;

    background: var(--unruledHeader-yellow);

    transition: width 0.3s ease;
}

.unruledHeader__link:hover {
    color: var(--unruledHeader-yellow);
    opacity: 1;
}

.unruledHeader__link:hover::after {
    width: 100%;
}

/* =========================================
   DESKTOP CTA
========================================= */

.unruledHeader__action {
    flex-shrink: 0;
}

.unruledHeader__btn {
    min-width: 7.5rem;

    height: 2.75rem;

    padding: 0 1rem;

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

    gap: 0.55rem;

    color: #182d30;

    background: var(--unruledHeader-yellow);

    border-radius: 0.35rem;

    font-size: 0.8rem;
    font-weight: 600;

    text-decoration: none;

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

.unruledHeader__btn i {
    font-size: 1rem;

    transition: transform 0.3s ease;
}

.unruledHeader__btn:hover {
    color: #182d30;

    background: #ffd875;

    transform: translateY(-0.1rem);

    box-shadow: 0 0.5rem 1.5rem rgba(248, 200, 91, 0.2);
}

.unruledHeader__btn:hover i {
    transform: translateX(0.2rem);
}

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

.unruledHeader__toggle {
    width: 2.9rem;
    height: 2.9rem;

    padding: 0;

    display: none;

    align-items: center;
    justify-content: center;
    flex-direction: column;

    gap: 0.32rem;

    border: 1px solid rgba(255, 255, 255, 0.2);

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.06);

    cursor: pointer;

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

.unruledHeader__toggle:hover {
    background: rgba(255, 255, 255, 0.12);

    border-color: rgba(255, 255, 255, 0.35);
}

.unruledHeader__toggle span {
    display: block;

    width: 1.1rem;
    height: 0.1rem;

    border-radius: 2rem;

    background: #ffffff;

    transform-origin: center;

    transition:
        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.25s ease,
        width 0.3s ease;
}

/* =========================================
   TOGGLE ACTIVE
========================================= */

.unruledHeader__toggle.is-active span:nth-child(1) {
    transform: translateY(0.42rem) rotate(45deg);
}

.unruledHeader__toggle.is-active span:nth-child(2) {
    opacity: 0;

    width: 0;
}

.unruledHeader__toggle.is-active span:nth-child(3) {
    transform: translateY(-0.42rem) rotate(-45deg);
}

.unruledHeader__toggle.is-active {
    background: var(--unruledHeader-yellow);

    border-color: var(--unruledHeader-yellow);
}

.unruledHeader__toggle.is-active span {
    background: white;
}

/* =========================================
   MOBILE MENU
========================================= */
.hos_menu {
    background-color: white !important;
}
.recre_menu {
    background-color: #321910 !important;
}
.recre_menu_1 {
    background-color: #f0f9fc !important;
}
#hos_link {
    color: var(--uv-orange) !important;
    border-bottom: 1px solid #dfdfdf !important;
}
#hos_link_1 {
    color: var(--uv-purple) !important;
    border-bottom: 1px solid #dfdfdf !important;
}
.unruledMobileMenu {
    position: absolute;

    top: 100%;
    left: 0;

    width: 100%;
    height: 100vh;
    display: none;

    overflow: hidden;

    background: rgba(6, 27, 31, 0.98);

    border-top: 1px solid rgba(255, 255, 255, 0.08);

    opacity: 0;

    transform: translateY(-1rem);

    visibility: hidden;

    transition:
        opacity 0.35s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        visibility 0.35s ease;
}

.unruledMobileMenu.is-open {
    opacity: 1;

    transform: translateY(0);

    visibility: visible;
}

.unruledMobileMenu__inner {
    padding: 1.5rem 1.25rem 1.75rem;
}

.unruledMobileMenu__nav {
    display: flex;
    flex-direction: column;
}

.unruledMobileMenu__link {
    min-height: 3.7rem;

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

    color: #ffffff;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    font-size: 1rem;
    font-weight: 500;

    text-decoration: none;

    transition:
        color 0.3s ease,
        padding-left 0.3s ease;
}

.unruledMobileMenu__link i {
    font-size: 1.15rem;

    transition: transform 0.3s ease;
}

.unruledMobileMenu__link:hover {
    color: var(--unruledHeader-yellow);

    padding-left: 0.35rem;
}

.unruledMobileMenu__link:hover i {
    transform: translate(0.2rem, -0.2rem);
}

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

.unruledMobileMenu__btn {
    width: 100%;

    min-height: 3.2rem;

    margin-top: 1.5rem;

    padding: 0 1.2rem;

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

    gap: 0.6rem;

    color: #172c2f;

    background: var(--unruledHeader-yellow);

    border-radius: 0.35rem;

    font-size: 0.9rem;
    font-weight: 600;

    text-decoration: none;

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

.unruledMobileMenu__btn i {
    transition: transform 0.3s ease;
}

.unruledMobileMenu__btn:hover {
    color: #172c2f;

    background: #ffd875;

    transform: translateY(-0.1rem);
}

.unruledMobileMenu__btn:hover i {
    transform: translateX(0.2rem);
}

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

@media (max-width: 991px) {
    .unruledHeader {
        --unruledHeader-height: 4.5rem;
    }

    .unruledHeader__container {
        padding: 0 1.5rem;
    }

    .unruledHeader__nav {
        gap: 1.3rem;

        margin-right: 1.5rem;
    }

    .unruledHeader__link {
        font-size: 0.75rem;
    }

    .unruledHeader__btn {
        min-width: 7rem;

        height: 2.55rem;

        font-size: 0.75rem;
    }
}

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

@media (max-width: 767px) {
    .unruledHeader {
        --unruledHeader-height: 4.3rem;
    }

    .unruledHeader__container {
        padding: 0 1rem;
    }

    .unruledHeader__logo {
        width: 8.5rem;
    }

    .unruledHeader__nav,
    .unruledHeader__action {
        display: none;
    }

    .unruledHeader__toggle {
        display: flex;
    }

    .unruledMobileMenu {
        display: block;
    }
}

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

@media (max-width: 380px) {
    .unruledHeader__logo {
        width: 7.8rem;
    }

    .unruledHeader__toggle {
        width: 2.7rem;
        height: 2.7rem;
    }

    .unruledMobileMenu__inner {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* =========================================
   REDUCED MOTION
========================================= */

@media (prefers-reduced-motion: reduce) {
    .unruledHeader,
    .unruledMobileMenu,
    .unruledHeader__toggle,
    .unruledHeader__toggle span,
    .unruledHeader__link,
    .unruledHeader__btn {
        transition: none !important;
    }
}

.export {
    background-image: url(../images/export_bg.jpg);
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-size: cover;
}

.bring i {
    color: var(--wellness-gold);
}

.bring h3 {
    color: white;
    margin-top: 1rem;
    font-size: 1rem;
}

/* ==========================================
   UN-RULED ENQUIRY SECTION
========================================== */

.unruledEnquirySection {
    position: relative;
    width: 100%;
    background: var(--wellness-black);
    font-family: var(--wellness-body-font);
    overflow: hidden;
}

/* ==========================================
   BACKGROUND EFFECT
========================================== */

.unruledEnquirySection::before {
    content: "";

    position: absolute;

    inset: 0;

    background:
        radial-gradient(circle at 10% 50%, rgba(234, 185, 77, 0.08), transparent 30%),
        radial-gradient(circle at 90% 20%, rgba(234, 185, 77, 0.05), transparent 25%);

    pointer-events: none;
}

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

.unruledEnquirySection__container {
    position: relative;

    z-index: 2;

    width: 100%;

    max-width: var(--wellness-container);

    margin: 0 auto;
}

/* ==========================================
   FORM BOX
========================================== */

.unruledEnquiryBox {
    position: relative;

    width: 100%;

    padding: 2rem;

    background: linear-gradient(135deg, rgba(7, 15, 12, 0.97), rgba(3, 10, 8, 0.96));

    border: 0.0625rem solid rgba(234, 185, 77, 0.42);

    border-radius: var(--wellness-radius-md);

    box-shadow:
        0 1.5rem 4rem rgba(0, 0, 0, 0.4),
        inset 0 0 3rem rgba(234, 185, 77, 0.025);

    overflow: hidden;
}

/* ==========================================
   INNER GOLD GLOW
========================================== */

.unruledEnquiryBox::before {
    content: "";

    position: absolute;

    inset: 0;

    border: 0.0625rem solid rgba(234, 185, 77, 0.08);

    border-radius: inherit;

    pointer-events: none;
}

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

.unruledEnquiryHeader {
    margin-bottom: 1.5rem;
}

.unruledEnquiryHeader__eyebrow {
    display: block;

    margin-bottom: 0.5rem;

    color: var(--wellness-gold);

    font-size: 0.85rem;

    font-weight: 600;

    letter-spacing: 0.12em;
}

.unruledEnquiryHeader__title {
    margin: 0 0 0.35rem;

    color: var(--wellness-white);

    font-family: var(--wellness-heading-font);

    font-size: clamp(2rem, 4vw, 3.1rem);

    font-weight: 600;

    line-height: 1.1;
}

.unruledEnquiryHeader__description {
    margin: 0;

    color: var(--wellness-white-soft);

    font-size: clamp(0.9rem, 1.5vw, 1.1rem);

    line-height: 1.6;
}

/* ==========================================
   FORM BLOCK
========================================== */

.unruledEnquiryBlock {
    margin-bottom: 1.35rem;
}

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

.unruledEnquiryLabel {
    display: flex;

    align-items: center;

    gap: 0.25rem;

    margin-bottom: 0.75rem;

    color: var(--wellness-white);

    font-size: 0.95rem;

    font-weight: 500;
}

.unruledEnquiryLabel b,
.unruledFormField label b {
    color: var(--wellness-gold);

    font-weight: 600;
}

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

.unruledInterestCard {
    position: relative;

    width: 100%;

    min-height: 5rem;

    padding: 0.8rem;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 0.4rem;

    color: var(--wellness-white);

    background: rgba(7, 16, 14, 0.72);

    border: 0.0625rem solid var(--wellness-border);

    border-radius: var(--wellness-radius-sm);

    cursor: pointer;

    transition: all var(--wellness-transition);
}

.unruledInterestCard:hover {
    border-color: var(--wellness-border-gold);

    background: rgba(234, 185, 77, 0.05);

    transform: translateY(-0.15rem);
}

.unruledInterestCard.is-selected {
    border-color: var(--wellness-gold);

    background: rgba(234, 185, 77, 0.07);

    box-shadow: inset 0 0 1.5rem rgba(234, 185, 77, 0.035);
}

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

.unruledInterestCard__icon {
    color: var(--wellness-white);

    font-size: 1.75rem;

    line-height: 1;

    transition:
        color var(--wellness-transition),
        transform var(--wellness-transition);
}

.unruledInterestCard.is-selected .unruledInterestCard__icon {
    color: var(--wellness-gold);

    transform: scale(1.08);
}

/* ==========================================
   INTEREST NAME
========================================== */

.unruledInterestCard__name {
    max-width: 100%;

    color: var(--wellness-white);

    font-size: 0.78rem;

    line-height: 1.3;

    text-align: center;
}

/* ==========================================
   INTEREST CHECK
========================================== */

.unruledInterestCard__check {
    position: absolute;

    top: 0.55rem;

    right: 0.55rem;

    width: 1rem;

    height: 1rem;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--wellness-black);

    background: var(--wellness-gold);

    border-radius: 50%;

    font-size: 0.7rem;

    opacity: 0;

    transform: scale(0.5);

    transition: all var(--wellness-transition);
}

.unruledInterestCard.is-selected .unruledInterestCard__check {
    opacity: 1;

    transform: scale(1);
}

/* ==========================================
   PRODUCT CHECKBOXES
========================================== */

.unruledProductChoices {
    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 1.25rem;
}

.unruledCheckItem {
    position: relative;

    display: inline-flex;

    align-items: center;

    gap: 0.65rem;

    cursor: pointer;
}

.unruledCheckItem input {
    position: absolute;

    opacity: 0;

    pointer-events: none;
}

/* ==========================================
   CUSTOM CHECKBOX
========================================== */

.unruledCheckItem__box {
    width: 1.3rem;

    height: 1.3rem;

    flex: 0 0 1.3rem;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--wellness-black);

    background: transparent;

    border: 0.1rem solid var(--wellness-white-soft);

    border-radius: 0.2rem;

    font-size: 0.85rem;

    transition: all var(--wellness-transition);
}

.unruledCheckItem input:checked + .unruledCheckItem__box {
    background: var(--wellness-gold);

    border-color: var(--wellness-gold);
}

/* ==========================================
   CHECK TEXT
========================================== */

.unruledCheckItem__text {
    display: flex;

    flex-direction: column;

    line-height: 1.25;
}

.unruledCheckItem__text strong {
    color: var(--wellness-white);

    font-size: 0.82rem;

    font-weight: 500;
}

.unruledCheckItem__text small {
    margin-top: 0.15rem;

    color: var(--wellness-white-soft);

    font-size: 0.7rem;
}

/* ==========================================
   FORM FIELD
========================================== */

.unruledFormField {
    position: relative;
}

.unruledFormField label {
    display: block;

    margin-bottom: 0.5rem;

    color: var(--wellness-white);

    font-size: 0.88rem;

    font-weight: 500;
}

/* ==========================================
   INPUT + SELECT + TEXTAREA
========================================== */

.unruledFormField input,
.unruledFormField select,
.unruledFormField textarea {
    width: 100%;

    color: var(--wellness-white);

    background: rgba(9, 24, 21, 0.75);

    border: 0.0625rem solid rgba(255, 255, 255, 0.2);

    border-radius: var(--wellness-radius-sm);

    outline: none;

    font-family: var(--wellness-body-font);

    font-size: 0.85rem;

    transition:
        border-color var(--wellness-transition),
        box-shadow var(--wellness-transition),
        background var(--wellness-transition);
}

.unruledFormField input,
.unruledFormField select {
    height: 2.9rem;

    padding: 0 0.85rem;
}

.unruledFormField textarea {
    min-height: 4rem;

    padding: 0.75rem 0.85rem;

    resize: vertical;
}

.unruledFormField input::placeholder,
.unruledFormField textarea::placeholder {
    color: rgba(232, 233, 229, 0.68);
}

.unruledFormField input:focus,
.unruledFormField select:focus,
.unruledFormField textarea:focus {
    border-color: var(--wellness-gold);

    background: rgba(9, 24, 21, 0.95);

    box-shadow: 0 0 0 0.15rem rgba(234, 185, 77, 0.08);
}

/* ==========================================
   SELECT
========================================== */

.unruledSelectWrap {
    position: relative;
}

.unruledSelectWrap select {
    appearance: none;

    -webkit-appearance: none;

    padding-right: 2.5rem;
}

.unruledSelectWrap i {
    position: absolute;

    top: 50%;

    right: 0.85rem;

    color: var(--wellness-gold);

    font-size: 1.1rem;

    pointer-events: none;

    transform: translateY(-50%);
}

.unruledFormField select option {
    color: #111;

    background: #ffffff;
}

/* ==========================================
   PHONE
========================================== */

.unruledPhoneGroup {
    display: flex;

    width: 100%;

    overflow: hidden;

    background: rgba(9, 24, 21, 0.75);

    border: 0.0625rem solid rgba(255, 255, 255, 0.2);

    border-radius: var(--wellness-radius-sm);

    transition:
        border-color var(--wellness-transition),
        box-shadow var(--wellness-transition);
}

.unruledPhoneGroup:focus-within {
    border-color: var(--wellness-gold);

    box-shadow: 0 0 0 0.15rem rgba(234, 185, 77, 0.08);
}

.unruledCountryCode {
    min-width: 6.5rem;

    padding: 0 0.7rem;

    display: flex;

    align-items: center;

    gap: 0.35rem;

    color: var(--wellness-white);

    border-right: 0.0625rem solid rgba(255, 255, 255, 0.16);

    font-size: 0.8rem;
}

.unruledCountryFlag {
    font-size: 1.05rem;
}

.unruledCountryCode i {
    margin-left: auto;

    color: var(--wellness-gold);
}

.unruledPhoneGroup input {
    height: 2.9rem;

    border: 0;

    border-radius: 0;

    box-shadow: none;

    background: transparent;
}

.unruledPhoneGroup input:focus {
    border: 0;

    box-shadow: none;
}

/* ==========================================
   ERROR
========================================== */

.unruledFieldError {
    display: none;

    margin-top: 0.35rem;

    color: #ff7f7f;

    font-size: 0.7rem;
}

.unruledFormField.is-error input {
    border-color: #ff6f6f;
}

.unruledFormField.is-error .unruledFieldError {
    display: block;
}

/* ==========================================
   SUBMIT AREA
========================================== */

.unruledSubmitArea {
    margin-top: 1.2rem;

    text-align: center;
}

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

.unruledSubmitButton {
    width: 100%;

    min-height: 2.9rem;

    padding: 0.75rem 1.25rem;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 0.4rem;

    color: var(--wellness-black);

    background: linear-gradient(135deg, var(--wellness-gold-light), var(--wellness-gold));

    border: 0;

    border-radius: var(--wellness-radius-sm);

    font-family: var(--wellness-body-font);

    font-size: 0.9rem;

    font-weight: 700;

    cursor: pointer;

    box-shadow: 0 0.5rem 1.5rem rgba(234, 185, 77, 0.12);

    transition:
        transform var(--wellness-transition),
        box-shadow var(--wellness-transition),
        background var(--wellness-transition);
}

.unruledSubmitButton:hover {
    transform: translateY(-0.12rem);

    background: linear-gradient(135deg, var(--wellness-gold-light), #f0c454);

    box-shadow: 0 0.75rem 2rem rgba(234, 185, 77, 0.2);
}

.unruledSubmitButton i {
    font-size: 1.1rem;

    transition: transform var(--wellness-transition);
}

.unruledSubmitButton:hover i {
    transform: translateX(0.2rem);
}

/* ==========================================
   SECURITY NOTE
========================================== */

.unruledSecurityNote {
    margin-top: 0.7rem;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 0.5rem;

    color: rgba(232, 233, 229, 0.72);

    font-size: 0.7rem;
}

.unruledSecurityNote i {
    color: var(--wellness-gold);

    font-size: 1rem;
}

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 61.998rem) {
    .unruledEnquirySection {
        padding: 2rem 0.75rem;
    }

    .unruledEnquiryBox {
        padding: 2rem;
    }

    .unruledEnquiryHeader__title {
        font-size: 2.35rem;
    }
}

@media (max-width: 47.998rem) {
    .unruledEnquirySection {
        padding: 1rem 0.5rem;
    }

    .unruledEnquiryBox {
        padding: 1.25rem;

        border-radius: var(--wellness-radius-sm);
    }

    .unruledEnquiryHeader {
        margin-bottom: 1.25rem;
    }

    .unruledEnquiryHeader__eyebrow {
        font-size: 0.75rem;
    }

    .unruledEnquiryHeader__title {
        font-size: 1.9rem;

        line-height: 1.15;
    }

    .unruledEnquiryHeader__description {
        font-size: 0.85rem;
    }

    .unruledInterestCard {
        min-height: 5.5rem;
    }

    .unruledProductChoices {
        display: grid;

        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 0.85rem;
    }

    .unruledCheckItem {
        align-items: flex-start;
    }

    .unruledCheckItem__text strong {
        font-size: 0.78rem;
    }

    .unruledCheckItem__text small {
        font-size: 0.65rem;
    }
}

@media (max-width: 29.998rem) {
    .unruledEnquiryBox {
        padding: 1rem;
    }

    .unruledEnquiryHeader__title {
        font-size: 1.65rem;
    }

    .unruledEnquiryHeader__description {
        font-size: 0.8rem;
    }

    .unruledCountryCode {
        min-width: 5.8rem;
    }

    .unruledCountryCode span {
        font-size: 0.75rem;
    }

    .unruledFormField input,
    .unruledFormField select,
    .unruledFormField textarea {
        font-size: 0.8rem;
    }
}

/* ==========================================
   ACCESSIBILITY
========================================== */

@media (prefers-reduced-motion: reduce) {
    .unruledInterestCard,
    .unruledSubmitButton,
    .unruledFormField input,
    .unruledFormField select,
    .unruledFormField textarea {
        transition: none;
    }
}

/* =========================================
           ROOT VARIABLES
        ========================================= */
:root {
    --trust-bg: #020605;
    --trust-yellow: #ffd21a;
    --trust-yellow-light: #ffdc38;
    --trust-white: #ffffff;
    --trust-text: #f2f2f2;
    --trust-muted: #b7b7b7;
    --trust-divider: rgba(255, 210, 26, 0.22);

    --trust-icon-size: 3.25rem;
    --trust-title-size: 0.95rem;
    --trust-desc-size: 0.78rem;

    --trust-section-padding: 1.25rem;
    --trust-item-gap: 1.25rem;
}

/* =========================================
           MAIN SECTION
        ========================================= */
.jayTrustFeatureSection {
    width: 100%;
    background: var(--trust-bg);
    overflow: hidden;
}

/* =========================================
           MAIN WRAPPER
        ========================================= */
.jayTrustFeatureWrapper {
    width: 100%;
    margin: 0 auto;
}

/* =========================================
           FEATURE ITEM
        ========================================= */
.jayTrustFeatureItem {
    min-height: 4rem;
    display: flex;
    align-items: center;
    gap: var(--trust-item-gap);
    position: relative;
}

/* =========================================
           ICON
        ========================================= */
.jayTrustFeatureIcon {
    width: var(--trust-icon-size);
    height: var(--trust-icon-size);
    min-width: var(--trust-icon-size);

    border: 0.14rem solid var(--trust-yellow);
    border-radius: 50%;

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

    color: var(--trust-yellow);
    font-size: 1.65rem;

    line-height: 1;
}

/* =========================================
           CONTENT
        ========================================= */
.jayTrustFeatureContent {
    min-width: 0;
}

.jayTrustFeatureTitle {
    margin: 0 0 0.25rem;
    color: var(--trust-white);

    font-size: var(--trust-title-size);
    font-weight: 600;
    line-height: 1.2;

    letter-spacing: 0.035rem;
    text-transform: uppercase;
}

.jayTrustFeatureDescription {
    margin: 0;
    color: var(--trust-muted);

    font-size: var(--trust-desc-size);
    font-weight: 400;
    line-height: 1.35;

    max-width: 14rem;
}

.jayTrustFeatureIcon {
    transition:
        background 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.3s ease;
}

/* =========================================
           LARGE DESKTOP
        ========================================= */
@media (min-width: 1200px) {
    :root {
        --trust-icon-size: 3.45rem;
        --trust-title-size: 1rem;
        --trust-desc-size: 0.82rem;
    }

    .jayTrustFeatureIcon {
        font-size: 1.75rem;
    }
}

/* =========================================
           TABLET
        ========================================= */
@media (max-width: 991.98px) {
    :root {
        --trust-icon-size: 3.25rem;
        --trust-title-size: 0.98rem;
        --trust-desc-size: 0.82rem;
    }

    .jayTrustFeatureItem {
        min-height: 5rem;
        padding: 1rem 1.25rem;
    }

    /* Remove right divider from 2nd column */
    .jayTrustFeatureItem:nth-child(2)::after,
    .jayTrustFeatureItem:nth-child(4)::after {
        display: none;
    }

    /* Bottom divider */
    .jayTrustFeatureItem:nth-child(1)::before,
    .jayTrustFeatureItem:nth-child(2)::before {
        content: "";
        position: absolute;
        left: 1.25rem;
        right: 1.25rem;
        bottom: 0;

        height: 0.06rem;
        background: var(--trust-divider);
    }
}

/* =========================================
           MOBILE
        ========================================= */
@media (max-width: 767.98px) {
    :root {
        --trust-icon-size: 3.2rem;
        --trust-title-size: 0.95rem;
        --trust-desc-size: 0.82rem;
    }

    .jayTrustFeatureItem {
        min-height: 5.5rem;
        padding: 1rem 0.75rem;
        gap: 0.9rem;
    }

    .jayTrustFeatureIcon {
        font-size: 1.5rem;
        border-width: 0.13rem;
    }

    .jayTrustFeatureTitle {
        margin-bottom: 0.3rem;
        letter-spacing: 0.025rem;
    }

    .jayTrustFeatureDescription {
        line-height: 1.4;
        max-width: 100%;
    }

    /* Vertical divider */
    .jayTrustFeatureItem:nth-child(1)::after,
    .jayTrustFeatureItem:nth-child(3)::after {
        display: block;
    }

    /* Bottom divider */
    .jayTrustFeatureItem:nth-child(1)::before,
    .jayTrustFeatureItem:nth-child(2)::before {
        left: 0.75rem;
        right: 0.75rem;
    }
}

/* =========================================
           SMALL MOBILE
        ========================================= */
@media (max-width: 575.98px) {
    :root {
        --trust-icon-size: 3rem;
        --trust-title-size: 0.92rem;
        --trust-desc-size: 0.8rem;
    }

    .jayTrustFeatureItem {
        padding: 1rem 0.5rem;
        gap: 0.7rem;
    }

    .jayTrustFeatureIcon {
        font-size: 1.4rem;
    }

    .jayTrustFeatureTitle {
        font-size: 0.92rem;
    }

    .jayTrustFeatureDescription {
        font-size: 0.8rem;
    }
}

/* =========================================
           VERY SMALL DEVICES
        ========================================= */
@media (max-width: 400px) {
    :root {
        --trust-icon-size: 2.8rem;
        --trust-title-size: 0.88rem;
        --trust-desc-size: 0.78rem;
    }

    .jayTrustFeatureItem {
        gap: 0.6rem;
    }

    .jayTrustFeatureIcon {
        font-size: 1.3rem;
    }
}

.shilajit_bg_1 {
    background-image: url(../images/wellness_bg.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.shilajit_bg_2 {
    background-image: url(../images/shilajit_bg_2.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.shilajit_bg_3 {
    background-image: url(../images/shilajit_bg_3.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.shilajit_bg_4 {
    background-image: url(../images/shilajit_bg_4.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.shilajit_bg_5 {
    background-image: url(../images/shilajit_bg_5.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.shilajit_bg_6 {
    background-image: url(../images/shilajit_bg_6.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

@media (max-width: 48rem) {
    .shilajit_bg_1 {
        background-image: url(../images/wellness_bg_phone.jpg);
        height: 1100px !important;
        align-items: normal !important;
        position: relative;
    }

    .shilajit_bg_2 {
        background-image: url(../images/shilajit_bg_phone_2.jpg);
        height: 1100px !important;
        align-items: normal !important;
        position: relative;
    }

    .shilajit_bg_3 {
        background-image: url(../images/shilajit_bg_phone_3.jpg);
        height: 900px !important;
        align-items: normal !important;
        position: relative;
    }

    .shilajit_bg_4 {
        background-image: url(../images/shilajit_bg_phone_4.jpg);
        height: 900px !important;
        align-items: normal !important;
        position: relative;
    }

    .shilajit_bg_5 {
        background-image: url(../images/shilajit_bg_phone_4.jpg);
        height: 900px !important;
        align-items: normal !important;
        position: relative;
    }

    .shilajit_bg_6 {
        background-image: url(../images/shilajit_bg_phone_6.jpg);
        height: 900px !important;
        align-items: normal !important;
        position: relative;
    }
}

.caffeine_bg_1 {
    background-image: url(../images/caffeine_bg_1.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.caffeine_bg_2 {
    background-image: url(../images/caffeine_bg_2.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.caffeine_bg_3 {
    background-image: url(../images/caffeine_bg_3.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.caffeine_bg_4 {
    background-image: url(../images/caffeine_bg_4.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.caffeine_bg_5 {
    background-image: url(../images/caffeine_bg_5.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

@media (max-width: 48rem) {
    .caffeine_bg_1 {
        background-image: url(../images/caffeine_bg_phone_1.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .caffeine_bg_2 {
        background-image: url(../images/caffeine_bg_phone_2.jpg);
        height: 1000px !important;
        align-items: normal !important;
        position: relative;
    }

    .caffeine_bg_3 {
        background-image: url(../images/caffeine_bg_phone_3.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .caffeine_bg_4 {
        background-image: url(../images/caffeine_bg_phone_4.jpg);
        height: 900px !important;
        align-items: normal !important;
        position: relative;
    }

    .caffeine_bg_5 {
        background-image: url(../images/caffeine_bg_5.jpg);
        height: 900px !important;
        align-items: normal !important;
        position: relative;
    }
}

.protein_bg_1 {
    background-image: url(../images/protein_bg_1.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.protein_bg_2 {
    background-image: url(../images/protein_bg_2.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.protein_bg_3 {
    background-image: url(../images/protein_bg_3.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.protein_bg_4 {
    background-image: url(../images/protein_bg_4.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.protein_bg_5 {
    background-image: url(../images/protein_bg_5.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

@media (max-width: 48rem) {
    .protein_bg_1 {
        background-image: url(../images/protein_bg_phone_1.jpg);
        height: 1000px !important;
        align-items: normal !important;
        position: relative;
    }

    .protein_bg_2 {
        background-image: url(../images/protein_bg_phone_2.jpg);
        height: 1000px !important;
        align-items: normal !important;
        position: relative;
    }

    .protein_bg_3 {
        background-image: url(../images/protein_bg_phone_3.jpg);
        height: 930px !important;
        align-items: normal !important;
        position: relative;
    }

    .protein_bg_4 {
        background-image: url(../images/protein_bg_phone_4.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .protein_bg_5 {
        background-image: url(../images/protein_bg_5.jpg);
        height: 900px !important;
        align-items: normal !important;
        position: relative;
    }
}

/* =========================================================
   ROOT
========================================================= */

:root {
    --hosPartnerGold: #b88632;
    --hosPartnerGoldDark: #9a6e24;

    --hosPartnerBlack: #111111;
    --hosPartnerText: #282828;
    --hosPartnerMuted: #6f6f6f;

    --hosPartnerBorder: #dedede;

    --hosPartnerWhite: #ffffff;

    --hosPartnerCream: #f5f0e8;

    --hosPartnerRadius: 0.9rem;
}

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

.hosRecre8Hero__primaryBtn {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 0.65rem;

    text-decoration: none;

    cursor: pointer;
}

.hosRecre8Hero__primaryBtn i {
    transition: transform 0.3s ease;
}

.hosRecre8Hero__primaryBtn:hover i {
    transform: translateX(0.35rem);
}

/* =========================================================
   MODAL
========================================================= */

.hosPartnerModal .modal-dialog {
    width: 100%;

    max-width: 63rem;

    margin: 1rem auto;
}

.hosPartnerModal__content {
    position: relative;

    overflow: hidden;

    border: none;

    border-radius: 1rem;

    background: var(--hosPartnerWhite);

    box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.25);
}

/* =========================================================
   CLOSE
========================================================= */

.hosPartnerModal__close {
    position: absolute;

    top: 0.85rem;

    right: 0.85rem;

    z-index: 20;

    width: 2rem;

    height: 2rem;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 0;

    background: transparent;

    color: var(--hosPartnerBlack);

    font-size: 1.4rem;

    cursor: pointer;

    transition: all 0.25s ease;
}

.hosPartnerModal__close:hover {
    transform: rotate(90deg);

    color: var(--hosPartnerGoldDark);
}

/* =========================================================
   MAIN LAYOUT
========================================================= */

.hosPartnerModal__layout {
    display: grid;

    grid-template-columns: 46% 54.5%;

    min-height: 16rem;
}

/* =========================================================
   LEFT VISUAL
========================================================= */

.hosPartnerModal__visual img {
    width: 100%;
    height: 450px;
    object-fit: fill;
}

/* =========================================================
   RIGHT FORM AREA
========================================================= */

.hosPartnerModal__formArea {
    position: relative;

    padding: 1.45rem 1.5rem 1.3rem;

    background: #fff;
}

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

.hosPartnerModal__formHeader h2 {
    margin: 0;

    padding-right: 2rem;

    font-size: 1.8rem;

    font-weight: 700;

    line-height: 1.1;

    color: var(--hosPartnerBlack);
}

.hosPartnerModal__formHeader p {
    max-width: 28rem;

    margin: 0.35rem 0 0;
    margin-bottom: 0.7rem;
    font-size: 0.75rem;

    line-height: 1.4;

    color: #3d3d3d;
}

/* =========================================================
   STEPS
========================================================= */

.hosPartnerModal__steps {
    display: flex;

    align-items: flex-start;

    margin: 1.1rem 0 1rem;
}

.hosPartnerModal__step {
    position: relative;

    z-index: 2;

    display: flex;

    min-width: 4.8rem;

    flex-direction: column;

    align-items: center;

    gap: 0.3rem;
}

.hosPartnerModal__stepCircle {
    width: 1.7rem;

    height: 1.7rem;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 0.08rem solid #cfcfcf;

    border-radius: 50%;

    background: #fff;

    font-size: 0.72rem;

    font-weight: 600;

    color: #222;

    transition: all 0.3s ease;
}

.hosPartnerModal__step span {
    white-space: nowrap;

    font-size: 0.6rem;

    color: #666;
}

.hosPartnerModal__step.active .hosPartnerModal__stepCircle {
    border-color: var(--hosPartnerGold);

    background: var(--hosPartnerGold);

    color: #fff;
}

.hosPartnerModal__step.active span {
    color: #333;

    font-weight: 600;
}

.hosPartnerModal__step.completed .hosPartnerModal__stepCircle {
    border-color: var(--hosPartnerGold);

    background: var(--hosPartnerGold);

    color: #fff;
}

.hosPartnerModal__stepLine {
    flex: 1;

    height: 0.08rem;

    margin-top: 0.8rem;

    background: #d7d7d7;
}

/* =========================================================
   FORM STEP
========================================================= */

.hosPartnerModal__formStep {
    display: none;

    animation: hosPartnerStepIn 0.35s ease;
}

.hosPartnerModal__formStep.active {
    display: block;
}

@keyframes hosPartnerStepIn {
    from {
        opacity: 0;

        transform: translateX(0.7rem);
    }

    to {
        opacity: 1;

        transform: translateX(0);
    }
}

/* =========================================================
   FORM FIELD
========================================================= */

.hosPartnerModal__field {
    margin-bottom: 0.75rem;
}

.hosPartnerModal__field label {
    display: block;

    margin-bottom: 0.32rem;

    font-size: 0.7rem;

    font-weight: 500;

    color: #222;
}

.hosPartnerModal__field label span {
    color: #a86e19;
}

/* =========================================================
   INPUT
========================================================= */

.hosPartnerModal__input {
    width: 100%;

    height: 2.45rem;

    padding: 0.5rem 0.75rem;

    border: 0.06rem solid var(--hosPartnerBorder);

    border-radius: 0.25rem;

    outline: none;

    background: #fff;

    font-family: inherit;

    font-size: 0.78rem;

    color: #222;

    transition: all 0.25s ease;
}

.hosPartnerModal__input::placeholder {
    color: #aaa;
}

.hosPartnerModal__input:focus {
    border-color: var(--hosPartnerGold);

    box-shadow: 0 0 0 0.18rem rgba(184, 134, 50, 0.1);
}

/* =========================================================
   PHONE
========================================================= */

.hosPartnerModal__phone {
    display: flex;

    width: 100%;

    height: 2.55rem;
}

.hosPartnerModal__country {
    flex: 0 0 5.1rem;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 0.4rem;

    border: 0.06rem solid var(--hosPartnerBorder);

    border-right: 0;

    border-radius: 0.25rem 0 0 0.25rem;

    background: #fff;
}

.hosPartnerModal__country span {
    font-size: 1rem;
}

.hosPartnerModal__country strong {
    font-size: 0.82rem;

    font-weight: 600;

    color: #222;
}

.hosPartnerModal__phoneInput {
    min-width: 0;

    flex: 1;

    height: 100%;

    padding: 0.5rem 0.75rem;

    border: 0.06rem solid var(--hosPartnerBorder);

    border-radius: 0 0.25rem 0.25rem 0;

    outline: none;

    background: #fff;

    font-family: inherit;

    font-size: 1rem;

    font-weight: 500;

    letter-spacing: 0.02rem;

    color: #222;
}

.hosPartnerModal__phoneInput::placeholder {
    font-size: 0.9rem;

    color: #999;
}

.hosPartnerModal__phoneInput:focus {
    border-color: var(--hosPartnerGold);
}

/* =========================================================
   TEXTAREA
========================================================= */

.hosPartnerModal__textarea {
    width: 100%;

    padding: 0.65rem 0.75rem;

    resize: vertical;

    border: 0.06rem solid var(--hosPartnerBorder);

    border-radius: 0.25rem;

    outline: none;

    font-family: inherit;

    font-size: 0.8rem;

    line-height: 1.45;
}

.hosPartnerModal__textarea:focus {
    border-color: var(--hosPartnerGold);
}

/* =========================================================
   RADIO
========================================================= */

.hosPartnerModal__radioGrid {
    display: grid;

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

    gap: 0.55rem;
}

.hosPartnerModal__radio {
    display: flex;

    align-items: center;

    gap: 0.5rem;

    padding: 0.7rem;

    border: 0.06rem solid var(--hosPartnerBorder);

    border-radius: 0.3rem;

    cursor: pointer;
}

.hosPartnerModal__radio input {
    accent-color: var(--hosPartnerGold);
}

.hosPartnerModal__radio span {
    font-size: 0.7rem;

    color: #333;
}

/* =========================================================
   CHECKBOX
========================================================= */

.hosPartnerModal__check {
    display: flex;

    align-items: flex-start;

    gap: 0.5rem;

    margin-top: 0.7rem;
}

.hosPartnerModal__check input {
    flex: 0 0 auto;

    width: 1rem;

    height: 1rem;

    margin-top: 0.05rem;

    accent-color: var(--hosPartnerGold);
}

.hosPartnerModal__check label {
    font-size: 0.62rem;

    line-height: 1.4;

    color: #666;

    cursor: pointer;
}

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

.hosPartnerModal__nextBtn,
.hosPartnerModal__submitBtn {
    min-width: 10.5rem;

    height: 2.55rem;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 0.65rem;

    border: 0;

    border-radius: 0.3rem;

    background: var(--hosPartnerGold);

    color: #fff;

    font-size: 0.78rem;

    font-weight: 600;

    cursor: pointer;

    transition: all 0.3s ease;
}

.hosPartnerModal__nextBtn:hover,
.hosPartnerModal__submitBtn:hover {
    background: var(--hosPartnerGoldDark);

    transform: translateY(-0.1rem);

    box-shadow: 0 0.45rem 1rem rgba(184, 134, 50, 0.2);
}

.hosPartnerModal__nextBtn i,
.hosPartnerModal__submitBtn i {
    font-size: 1rem;

    transition: transform 0.3s ease;
}

.hosPartnerModal__nextBtn:hover i,
.hosPartnerModal__submitBtn:hover i {
    transform: translateX(0.2rem);
}

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

.hosPartnerModal__buttonRow {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 0.7rem;

    margin-top: 0.9rem;
}

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

.hosPartnerModal__backBtn {
    height: 2.55rem;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 0.4rem;

    padding: 0 1rem;

    border: 0.06rem solid #d6d6d6;

    border-radius: 0.3rem;

    background: #fff;

    color: #333;

    font-size: 0.72rem;

    cursor: pointer;

    transition: all 0.25s ease;
}

.hosPartnerModal__backBtn:hover {
    border-color: var(--hosPartnerGold);

    color: var(--hosPartnerGoldDark);
}

/* =========================================================
   SELECT
========================================================= */

select.hosPartnerModal__input {
    cursor: pointer;
}

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

@media (max-width: 61.998rem) {
    .hosPartnerModal .modal-dialog {
        max-width: 48rem;
    }

    .hosPartnerModal__layout {
        grid-template-columns: 38% 62%;
    }

    .hosPartnerModal__visualTitle {
        font-size: 2.15rem;
    }

    .hosPartnerModal__visualText {
        font-size: 0.72rem;
    }

    .hosPartnerModal__bottle {
        right: 1.4rem;
    }

    .hosPartnerModal__cream {
        left: 1rem;

        width: 6.8rem;
    }
}

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

@media (max-width: 47.998rem) {
    .hosPartnerModal .modal-dialog {
        width: calc(100% - 1rem);

        max-width: none;

        margin: 0.5rem auto;
    }

    .hosPartnerModal__content {
        border-radius: 0.8rem;
    }

    .hosPartnerModal__layout {
        display: block;

        min-height: auto;
    }

    .hosPartnerModal__visualContent {
        padding: 1rem;
    }

    .hosPartnerModal__logoMain,
    .hosPartnerModal__logoGold {
        font-size: 1.15rem;
    }

    .hosPartnerModal__logo small {
        font-size: 0.32rem;
    }

    .hosPartnerModal__visualTitle {
        margin-top: 0.85rem;

        font-size: 1.85rem;

        line-height: 0.92;
    }

    .hosPartnerModal__goldLine {
        margin-top: 0.65rem;
    }

    .hosPartnerModal__visualText {
        margin-top: 0.5rem;

        font-size: 0.58rem;

        line-height: 1.3;
    }

    .hosPartnerModal__products {
        height: 8rem;
    }

    .hosPartnerModal__cream {
        left: 8rem;

        bottom: 0.4rem;

        width: 5.5rem;

        height: 3.5rem;
    }

    .hosPartnerModal__bottle {
        right: 1.5rem;

        bottom: 0.4rem;

        width: 3rem;

        height: 6.2rem;

        padding-top: 1.4rem;
    }

    .hosPartnerModal__bottle::before {
        top: -0.8rem;

        left: 0.4rem;

        width: 2.2rem;

        height: 1rem;
    }

    .hosPartnerModal__bottle strong {
        margin-top: 1rem;

        font-size: 0.75rem;
    }

    /* Form */

    .hosPartnerModal__formArea {
        padding: 1.25rem 1rem 1rem;
    }

    .hosPartnerModal__formHeader h2 {
        font-size: 1.55rem;
    }

    .hosPartnerModal__formHeader p {
        font-size: 0.7rem;
    }

    .hosPartnerModal__steps {
        margin: 0.9rem 0;
    }

    .hosPartnerModal__step {
        min-width: 4rem;
    }

    .hosPartnerModal__stepCircle {
        width: 1.6rem;

        height: 1.6rem;

        font-size: 0.7rem;
    }

    .hosPartnerModal__step span {
        font-size: 0.55rem;
    }

    .hosPartnerModal__field {
        margin-bottom: 0.7rem;
    }

    .hosPartnerModal__field label {
        font-size: 0.72rem;
    }

    .hosPartnerModal__input {
        height: 2.7rem;

        font-size: 0.82rem;
    }

    /* Important phone size */

    .hosPartnerModal__phone {
        height: 2.8rem;
    }

    .hosPartnerModal__country {
        flex-basis: 5.4rem;
    }

    .hosPartnerModal__country strong {
        font-size: 0.9rem;
    }

    .hosPartnerModal__phoneInput {
        font-size: 1rem;

        font-weight: 500;
    }

    .hosPartnerModal__phoneInput::placeholder {
        font-size: 0.88rem;
    }

    .hosPartnerModal__nextBtn,
    .hosPartnerModal__submitBtn {
        min-width: 9rem;

        height: 2.7rem;

        font-size: 0.78rem;
    }

    .hosPartnerModal__backBtn {
        height: 2.7rem;

        font-size: 0.72rem;
    }

    .hosPartnerModal__radioGrid {
        gap: 0.4rem;
    }

    .hosPartnerModal__radio {
        padding: 0.6rem;
    }

    .hosPartnerModal__visual img {
        height: 100% !important;
    }
}

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

@media (max-width: 29.998rem) {
    .hosPartnerModal__visualTitle {
        font-size: 1.65rem;
    }

    .hosPartnerModal__cream {
        left: 5rem;
    }

    .hosPartnerModal__bottle {
        right: 0.9rem;
    }

    .hosPartnerModal__step {
        min-width: 3.5rem;
    }

    .hosPartnerModal__step span {
        font-size: 0.5rem;
    }

    .hosPartnerModal__stepLine {
        margin-top: 0.75rem;
    }

    .hosPartnerModal__buttonRow {
        gap: 0.45rem;
    }

    .hosPartnerModal__backBtn {
        padding: 0 0.7rem;
    }

    .hosPartnerModal__nextBtn,
    .hosPartnerModal__submitBtn {
        min-width: 8.5rem;
    }
}

/* =========================================================
   HOS PARTNER THANK YOU MODAL
========================================================= */

:root {
    --hosThankGold: #b98229;
    --hosThankGoldDark: #98691d;

    --hosThankBlack: #111111;
    --hosThankText: #252525;
    --hosThankMuted: #646464;

    --hosThankBorder: #ded7ca;

    --hosThankCream: #f8f4eb;

    --hosThankWhite: #ffffff;
}

/* =========================================================
   MODAL WRAPPER
========================================================= */

.hosPartnerThankYouModal .modal-dialog {
    width: 100%;

    max-width: 31rem;

    margin: 1rem auto;
}

/* =========================================================
   MODAL CONTENT
========================================================= */

.hosPartnerThankYouModal__content {
    position: relative;

    overflow: hidden;

    border: 0;

    border-radius: 0.75rem;

    background: var(--hosThankWhite);

    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.22);
}

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

.hosPartnerThankYouModal__close {
    position: absolute;

    top: 0.75rem;

    right: 0.75rem;

    z-index: 10;

    width: 2rem;

    height: 2rem;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0;

    border: 0;

    background: transparent;

    color: var(--hosThankBlack);

    font-size: 1.35rem;

    cursor: pointer;

    transition: all 0.3s ease;
}

.hosPartnerThankYouModal__close:hover {
    color: var(--hosThankGoldDark);

    transform: rotate(90deg);
}

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

.hosPartnerThankYouModal__body {
    padding: 1rem 1.15rem 1.1rem;

    text-align: center;
}

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

.hosPartnerThankYouModal__logo img {
    width: 200px;
}

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

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

.hosPartnerThankYouModal__successWrap {
    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 1.05rem;
}

.hosPartnerThankYouModal__successOuter {
    width: 3.7rem;

    height: 3.7rem;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #e8f7eb;
}

.hosPartnerThankYouModal__successIcon {
    width: 2.45rem;

    height: 2.45rem;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #20b866;

    color: #ffffff;

    font-size: 1.55rem;

    box-shadow: 0 0.3rem 0.8rem rgba(32, 184, 102, 0.22);
}

.hosPartnerThankYouModal__successIcon i {
    line-height: 1;
}

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

.hosPartnerThankYouModal__heading {
    margin-top: 0.65rem;
}

.hosPartnerThankYouModal__heading h2 {
    margin: 0;

    font-size: 1.55rem;

    font-weight: 700;

    line-height: 1.2;

    color: var(--hosThankBlack);
}

.hosPartnerThankYouModal__received {
    margin: 0.65rem 0 0;

    font-size: 0.82rem;

    line-height: 1.45;

    color: #222222;
}

.hosPartnerThankYouModal__description {
    max-width: 24rem;

    margin: 0.55rem auto 0;

    font-size: 0.72rem;

    line-height: 1.5;

    color: var(--hosThankMuted);
}

/* =========================================================
   WHAT HAPPENS NEXT BOX
========================================================= */

.hosPartnerThankYouModal__nextBox {
    margin-top: 0.85rem;

    padding: 0.75rem 0.45rem 0.65rem;

    border-radius: 0.45rem;

    background: linear-gradient(135deg, #faf7ef, #f5f0e5);
}

.hosPartnerThankYouModal__nextBox h3 {
    margin: 0 0 0.65rem;

    font-size: 0.68rem;

    font-weight: 700;

    letter-spacing: 0.02rem;

    color: #292929;
}

/* =========================================================
   NEXT GRID
========================================================= */

.hosPartnerThankYouModal__nextGrid {
    display: grid;

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

.hosPartnerThankYouModal__nextItem {
    position: relative;

    padding: 0 0.55rem;
}

.hosPartnerThankYouModal__nextItem:not(:last-child)::after {
    content: "";

    position: absolute;

    top: 0;

    right: 0;

    width: 0.06rem;

    height: 100%;

    background: var(--hosThankBorder);
}

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

.hosPartnerThankYouModal__itemIcon {
    width: 1.65rem;

    height: 1.65rem;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto 0.4rem;

    border: 0.08rem solid var(--hosThankGold);

    border-radius: 50%;

    color: var(--hosThankGoldDark);

    font-size: 0.85rem;
}

.hosPartnerThankYouModal__nextItem h4 {
    margin: 0;

    font-size: 0.67rem;

    font-weight: 700;

    line-height: 1.3;

    color: #202020;
}

.hosPartnerThankYouModal__nextItem p {
    margin: 0.3rem 0 0;

    font-size: 0.57rem;

    line-height: 1.45;

    color: #555555;
}

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

.hosPartnerThankYouModal__websiteBtn {
    width: 12rem;

    height: 2.45rem;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 0.55rem;

    margin: 0.85rem auto 0;

    border-radius: 0.3rem;

    background: linear-gradient(135deg, var(--hosThankGold), #a87423);

    color: #ffffff;

    text-decoration: none;

    font-size: 0.72rem;

    font-weight: 600;

    transition: all 0.3s ease;
}

.hosPartnerThankYouModal__websiteBtn:hover {
    color: #ffffff;

    background: var(--hosThankGoldDark);

    transform: translateY(-0.1rem);

    box-shadow: 0 0.45rem 1rem rgba(185, 130, 41, 0.2);
}

.hosPartnerThankYouModal__websiteBtn i {
    font-size: 0.95rem;

    transition: transform 0.3s ease;
}

.hosPartnerThankYouModal__websiteBtn:hover i {
    transform: translateX(0.2rem);
}

/* =========================================================
   BRANDS LINK
========================================================= */

.hosPartnerThankYouModal__brandsLink {
    display: inline-block;

    margin-top: 0.55rem;

    color: var(--hosThankGoldDark);

    font-size: 0.68rem;

    text-decoration: underline;

    text-underline-offset: 0.12rem;

    transition: color 0.25s ease;
}

.hosPartnerThankYouModal__brandsLink:hover {
    color: var(--hosThankBlack);
}

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

@media (max-width: 47.998rem) {
    .hosPartnerThankYouModal .modal-dialog {
        width: calc(100% - 1rem);

        max-width: 31rem;

        margin: 0.5rem auto;
    }

    .hosPartnerThankYouModal__body {
        padding: 1rem 0.85rem 1rem;
    }

    .hosPartnerThankYouModal__logoHos,
    .hosPartnerThankYouModal__logoBio {
        font-size: 1.3rem;
    }

    .hosPartnerThankYouModal__tagline {
        font-size: 0.4rem;
    }

    .hosPartnerThankYouModal__successOuter {
        width: 3.9rem;

        height: 3.9rem;
    }

    .hosPartnerThankYouModal__successIcon {
        width: 2.6rem;

        height: 2.6rem;

        font-size: 1.6rem;
    }

    .hosPartnerThankYouModal__heading h2 {
        font-size: 1.65rem;
    }

    .hosPartnerThankYouModal__received {
        font-size: 0.86rem;
    }

    .hosPartnerThankYouModal__description {
        font-size: 0.76rem;

        line-height: 1.5;
    }

    .hosPartnerThankYouModal__nextBox {
        padding: 0.8rem 0.2rem 0.7rem;
    }

    .hosPartnerThankYouModal__nextBox h3 {
        font-size: 0.72rem;
    }

    .hosPartnerThankYouModal__nextItem {
        padding: 0 0.4rem;
    }

    .hosPartnerThankYouModal__itemIcon {
        width: 1.75rem;

        height: 1.75rem;

        font-size: 0.9rem;
    }

    .hosPartnerThankYouModal__nextItem h4 {
        font-size: 0.7rem;
    }

    .hosPartnerThankYouModal__nextItem p {
        font-size: 0.6rem;
    }

    .hosPartnerThankYouModal__websiteBtn {
        width: 13rem;

        height: 2.65rem;

        font-size: 0.78rem;
    }

    .hosPartnerThankYouModal__brandsLink {
        font-size: 0.72rem;
    }
}

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

@media (max-width: 29.998rem) {
    .hosPartnerThankYouModal__body {
        padding-left: 0.65rem;

        padding-right: 0.65rem;
    }

    .hosPartnerThankYouModal__heading h2 {
        font-size: 1.5rem;
    }

    .hosPartnerThankYouModal__received {
        font-size: 0.8rem;
    }

    .hosPartnerThankYouModal__description {
        font-size: 0.7rem;
    }

    .hosPartnerThankYouModal__nextItem {
        padding: 0 0.25rem;
    }

    .hosPartnerThankYouModal__nextItem h4 {
        font-size: 0.63rem;
    }

    .hosPartnerThankYouModal__nextItem p {
        font-size: 0.54rem;
    }

    .hosPartnerThankYouModal__itemIcon {
        width: 1.6rem;

        height: 1.6rem;

        font-size: 0.78rem;
    }

    .hosPartnerThankYouModal__websiteBtn {
        width: 12rem;

        height: 2.55rem;
    }
}

/* =========================================================
   ROOT
========================================================= */

:root {
    --hosBusinessGold: #b9822d;

    --hosBusinessText: #222222;

    --hosBusinessMuted: #777777;

    --hosBusinessBorder: #dddddd;

    --hosBusinessPlaceholder: #a6a6a6;

    --hosBusinessWhite: #ffffff;

    --hosBusinessFocus: rgba(185, 130, 45, 0.12);
}

/* =========================================================
   MAIN WRAPPER
========================================================= */

.hosBusinessFields {
    width: 100%;

    padding: 0;

    background: transparent;
}

/* =========================================================
   ROW
========================================================= */

.hosBusinessFields__row {
    margin-right: -0.4rem;

    margin-left: -0.4rem;
}

/* =========================================================
   COLUMN
========================================================= */

.hosBusinessFields__col {
    padding-right: 0.4rem;

    padding-left: 0.4rem;
}

/* =========================================================
   FIELD
========================================================= */

.hosBusinessFields__field {
    width: 100%;
}

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

.hosBusinessFields__label {
    display: block;

    margin-bottom: 0.38rem;

    font-size: 0.72rem;

    font-weight: 500;

    line-height: 1.2;

    color: var(--hosBusinessText);
}

/* Required */

.hosBusinessFields__label span {
    color: var(--hosBusinessGold);

    font-size: 0.75rem;
}

/* =========================================================
   SELECT WRAPPER
========================================================= */

.hosBusinessFields__selectWrap {
    position: relative;

    width: 100%;
}

/* =========================================================
   SELECT
========================================================= */

.hosBusinessFields__select {
    width: 100%;

    height: 2.7rem;

    padding: 0 2.3rem 0 0.8rem;

    appearance: none;

    -webkit-appearance: none;

    border: 0.06rem solid var(--hosBusinessBorder);

    border-radius: 0.35rem;

    outline: none;

    background: var(--hosBusinessWhite);

    font-family: inherit;

    font-size: 0.78rem;

    font-weight: 400;

    line-height: 1;

    color: var(--hosBusinessText);

    cursor: pointer;

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

/* Placeholder */

.hosBusinessFields__select:invalid {
    color: var(--hosBusinessPlaceholder);
}

/* Options */

.hosBusinessFields__select option {
    color: var(--hosBusinessText);

    font-size: 0.78rem;
}

/* Select icon */

.hosBusinessFields__selectWrap i {
    position: absolute;

    top: 50%;

    right: 0.7rem;

    z-index: 2;

    transform: translateY(-50%);

    pointer-events: none;

    color: #777777;

    font-size: 1rem;

    line-height: 1;
}

/* =========================================================
   INPUT
========================================================= */

.hosBusinessFields__input {
    width: 100%;

    height: 2.7rem;

    padding: 0 0.8rem;

    border: 0.06rem solid var(--hosBusinessBorder);

    border-radius: 0.35rem;

    outline: none;

    background: var(--hosBusinessWhite);

    font-family: inherit;

    font-size: 0.8rem;

    font-weight: 400;

    line-height: 1;

    color: var(--hosBusinessText);

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

/* Placeholder */

.hosBusinessFields__input::placeholder {
    color: var(--hosBusinessPlaceholder);

    opacity: 1;
}

/* =========================================================
   FOCUS
========================================================= */

.hosBusinessFields__input:focus,
.hosBusinessFields__select:focus {
    border-color: var(--hosBusinessGold);

    box-shadow: 0 0 0 0.18rem var(--hosBusinessFocus);
}

/* =========================================================
   VALIDATION
========================================================= */

.hosBusinessFields__input:invalid:not(:placeholder-shown),
.hosBusinessFields__select:invalid {
    border-color: #d7d7d7;
}

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

@media (max-width: 61.998rem) {
    .hosBusinessFields__label {
        font-size: 0.74rem;
    }

    .hosBusinessFields__input,
    .hosBusinessFields__select {
        height: 2.8rem;

        font-size: 0.82rem;
    }
}

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

@media (max-width: 47.998rem) {
    .hosBusinessFields__col {
        margin-bottom: 0.8rem;
    }

    .hosBusinessFields__col:last-child {
        margin-bottom: 0;
    }

    .hosBusinessFields__label {
        margin-bottom: 0.4rem;

        font-size: 0.78rem;
    }

    .hosBusinessFields__input,
    .hosBusinessFields__select {
        height: 2.9rem;

        font-size: 0.88rem;
    }

    .hosBusinessFields__input::placeholder {
        font-size: 0.84rem;
    }

    .hosBusinessFields__select option {
        font-size: 0.88rem;
    }

    .hosBusinessFields__selectWrap i {
        right: 0.75rem;

        font-size: 1.05rem;
    }
}

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

@media (max-width: 29.998rem) {
    .hosBusinessFields__input,
    .hosBusinessFields__select {
        height: 2.85rem;
    }

    .hosBusinessFields__input {
        font-size: 0.9rem;
    }

    .hosBusinessFields__input::placeholder {
        font-size: 0.84rem;
    }
}

:root {
    --hosEmailGold: #ad7522;

    --hosEmailGoldDark: #945f16;

    --hosEmailText: #202020;

    --hosEmailMuted: #555555;

    --hosEmailBg: #f8f4eb;

    --hosEmailBorder: #eee8dc;

    --hosEmailWhite: #ffffff;
}

/* =========================================================
   MAIN WRAPPER
========================================================= */

.hosEmailHelp {
    width: 100%;

    padding: 0;
}

/* =========================================================
   BOX
========================================================= */

.hosEmailHelp__box {
    width: 100%;

    min-height: 4.3rem;
    margin: 1rem 0rem;
    display: flex;

    align-items: center;

    gap: 0.85rem;

    padding: 0.7rem 1rem;

    border: 0.06rem solid var(--hosEmailBorder);

    border-radius: 0.4rem;

    background: linear-gradient(135deg, #faf7ef, var(--hosEmailBg));
}

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

.hosEmailHelp__icon {
    flex: 0 0 auto;

    width: 2.65rem;

    height: 2.65rem;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 0.1rem solid var(--hosEmailGold);

    border-radius: 50%;

    color: var(--hosEmailGoldDark);

    background: rgba(255, 255, 255, 0.35);
}

/* Icon */

.hosEmailHelp__icon i {
    font-size: 1.45rem;

    line-height: 1;
}

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

.hosEmailHelp__content {
    min-width: 0;

    flex: 1;
}

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

.hosEmailHelp__title {
    margin: 0;
    text-align: left;
    font-size: 0.78rem;

    font-weight: 700;

    line-height: 1.35;

    color: var(--hosEmailText);
}

/* =========================================================
   TEXT
========================================================= */

.hosEmailHelp__text {
    margin: 0.18rem 0 0;

    font-size: 0.7rem;

    font-weight: 400;

    line-height: 1.4;
    text-align: left;
    color: var(--hosEmailMuted);
}

/* =========================================================
   HOVER
========================================================= */

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

.hosEmailHelp__box:hover {
    box-shadow: 0 0.4rem 1.2rem rgba(80, 60, 30, 0.08);
}

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

@media (max-width: 61.998rem) {
    .hosEmailHelp__box {
        min-height: 4.5rem;

        padding: 0.75rem 1rem;
    }

    .hosEmailHelp__icon {
        width: 2.8rem;

        height: 2.8rem;
    }

    .hosEmailHelp__icon i {
        font-size: 1.5rem;
    }

    .hosEmailHelp__title {
        font-size: 0.82rem;
    }

    .hosEmailHelp__text {
        font-size: 0.74rem;
    }
}

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

@media (max-width: 47.998rem) {
    .hosEmailHelp__box {
        min-height: 4.8rem;

        gap: 0.8rem;

        padding: 0.75rem 0.85rem;
    }

    .hosEmailHelp__icon {
        width: 2.9rem;

        height: 2.9rem;
    }

    .hosEmailHelp__icon i {
        font-size: 1.55rem;
    }

    .hosEmailHelp__title {
        font-size: 0.88rem;
    }

    .hosEmailHelp__text {
        margin-top: 0.22rem;

        font-size: 0.78rem;

        line-height: 1.45;
    }
}

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

@media (max-width: 29.998rem) {
    .hosEmailHelp__box {
        min-height: 5rem;

        gap: 0.7rem;

        padding: 0.75rem;
    }

    .hosEmailHelp__icon {
        width: 2.8rem;

        height: 2.8rem;
    }

    .hosEmailHelp__icon i {
        font-size: 1.45rem;
    }

    .hosEmailHelp__title {
        font-size: 0.86rem;
    }

    .hosEmailHelp__text {
        font-size: 0.75rem;

        line-height: 1.45;
    }
}

/* =========================================================
   HOS BRAND PACK MODAL ROOT
========================================================= */

:root {
    --hosBrandPackGold: #b6812b;

    --hosBrandPackGoldDark: #98671d;

    --hosBrandPackBlack: #111111;

    --hosBrandPackText: #252525;

    --hosBrandPackMuted: #555555;

    --hosBrandPackCream: #f7f2e8;

    --hosBrandPackCreamDark: #eee7da;

    --hosBrandPackBorder: #e2dbce;

    --hosBrandPackWhite: #ffffff;
}

/* =========================================================
   MODAL
========================================================= */

.hosBrandPackModal .modal-dialog {
    width: 100%;

    max-width: 46rem;

    margin: 1rem auto;
}

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

.hosBrandPackModal__content {
    position: relative;

    overflow: hidden;

    border: 0;

    border-radius: 0.8rem;

    background: var(--hosBrandPackWhite);

    box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.28);
}

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

.hosBrandPackModal__close {
    position: absolute;

    top: 0.8rem;

    right: 0.8rem;

    z-index: 20;

    width: 2.2rem;

    height: 2.2rem;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0;

    border: 0;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.8);

    color: var(--hosBrandPackBlack);

    font-size: 1.25rem;

    cursor: pointer;

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

.hosBrandPackModal__close:hover {
    background: var(--hosBrandPackWhite);

    color: var(--hosBrandPackGoldDark);

    transform: rotate(90deg);
}

/* =========================================================
   MAIN LAYOUT
========================================================= */

.hosBrandPackModal__layout {
    display: grid;

    grid-template-columns: 50% 50%;

    min-height: 35rem;
}

/* =========================================================
   LEFT SIDE
========================================================= */

.hosBrandPackModal__left {
    background: var(--hosBrandPackWhite);
}

.hosBrandPackModal__leftInner {
    height: 100%;

    display: flex;

    flex-direction: column;

    padding: 1.45rem 1.45rem 1.3rem;
}

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

.hosBrandPackModal__logo {
    width: 10rem;

    display: flex;

    align-items: center;
}

.hosBrandPackModal__logo img {
    display: block;

    width: 100%;

    height: auto;

    object-fit: contain;
}

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

.hosBrandPackModal__goldLine {
    width: 2rem;

    height: 0.12rem;

    margin-top: 1.35rem;

    background: var(--hosBrandPackGold);
}

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

.hosBrandPackModal__title {
    margin: 1rem 0 0;

    font-size: 1.45rem;

    font-weight: 700;

    line-height: 1.2;

    color: var(--hosBrandPackBlack);
}

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

.hosBrandPackModal__description {
    max-width: 22rem;

    margin: 0.6rem 0 0;

    font-size: 0.82rem;

    line-height: 1.55;

    color: var(--hosBrandPackText);
}

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

.hosBrandPackModal__features {
    display: flex;

    flex-direction: column;

    gap: 0.62rem;

    margin-top: 1.1rem;
}

.hosBrandPackModal__feature {
    display: flex;

    align-items: center;

    gap: 0.7rem;
}

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

.hosBrandPackModal__featureIcon {
    flex: 0 0 auto;

    width: 1.65rem;

    height: 1.65rem;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 0.08rem solid var(--hosBrandPackGold);

    border-radius: 50%;

    color: var(--hosBrandPackGoldDark);

    font-size: 0.82rem;
}

.hosBrandPackModal__feature span {
    font-size: 0.78rem;

    line-height: 1.3;

    color: var(--hosBrandPackText);
}

/* =========================================================
   PARTNER BOX
========================================================= */

.hosBrandPackModal__partnerBox {
    position: relative;

    display: grid;

    grid-template-columns: auto 1fr;

    column-gap: 0.7rem;

    margin-top: auto;

    padding: 0.9rem;

    border-radius: 0.4rem;

    background: linear-gradient(135deg, #faf6ed, var(--hosBrandPackCream));
}

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

.hosBrandPackModal__partnerIcon {
    width: 1.85rem;

    height: 1.85rem;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--hosBrandPackGoldDark);

    font-size: 1.45rem;
}

.hosBrandPackModal__partnerContent h3 {
    margin: 0;

    font-size: 0.72rem;

    font-weight: 700;

    line-height: 1.3;

    color: var(--hosBrandPackBlack);
}

.hosBrandPackModal__partnerContent p {
    max-width: 19rem;

    margin: 0.3rem 0 0;

    font-size: 0.68rem;

    line-height: 1.5;

    color: var(--hosBrandPackMuted);
}

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

.hosBrandPackModal__partnerBtn {
    grid-column: 1 / -1;

    width: 100%;

    min-height: 2.55rem;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 0.65rem;

    margin-top: 0.7rem;

    padding: 0.55rem 0.8rem;

    border-radius: 0.3rem;

    background: linear-gradient(135deg, var(--hosBrandPackGold), #a97323);

    color: var(--hosBrandPackWhite);

    text-decoration: none;

    font-size: 0.76rem;

    font-weight: 700;

    transition: all 0.3s ease;
}

.hosBrandPackModal__partnerBtn:hover {
    color: var(--hosBrandPackWhite);

    background: var(--hosBrandPackGoldDark);

    transform: translateY(-0.08rem);

    box-shadow: 0 0.5rem 1rem rgba(182, 129, 43, 0.2);
}

.hosBrandPackModal__partnerBtn i {
    font-size: 1rem;

    transition: transform 0.3s ease;
}

.hosBrandPackModal__partnerBtn:hover i {
    transform: translateX(0.2rem);
}

/* =========================================================
   RIGHT IMAGE AREA
========================================================= */

.hosBrandPackModal__right {
    position: relative;

    min-height: 35rem;

    overflow: hidden;

    background: var(--hosBrandPackCreamDark);
}

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

.hosBrandPackModal__imageWrap {
    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;
}

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

.hosBrandPackModal__image {
    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;
}

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

.hosBrandPackModal__imageOverlay {
    position: absolute;

    inset: 0;

    pointer-events: none;

    background: linear-gradient(90deg, rgba(247, 242, 232, 0.05), transparent 30%);
}

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

@media (max-width: 61.998rem) {
    .hosBrandPackModal .modal-dialog {
        max-width: 48rem;
    }

    .hosBrandPackModal__layout {
        grid-template-columns: 50% 50%;

        min-height: 32rem;
    }

    .hosBrandPackModal__right {
        min-height: 32rem;
    }

    .hosBrandPackModal__leftInner {
        padding: 1.2rem;
    }

    .hosBrandPackModal__logo {
        width: 9rem;
    }

    .hosBrandPackModal__title {
        font-size: 1.3rem;
    }

    .hosBrandPackModal__description {
        font-size: 0.78rem;
    }

    .hosBrandPackModal__feature span {
        font-size: 0.74rem;
    }
}

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

@media (max-width: 47.998rem) {
    .hosBrandPackModal .modal-dialog {
        width: calc(100% - 1rem);

        max-width: 31rem;

        margin: 0.5rem auto;
    }

    .hosBrandPackModal__content {
        max-height: calc(100vh - 1rem);

        overflow-y: auto;

        border-radius: 0.7rem;
    }

    .hosBrandPackModal__layout {
        display: flex;

        flex-direction: column;

        min-height: auto;
    }

    /* Left first */

    .hosBrandPackModal__left {
        order: 1;
    }

    /* Image second */

    .hosBrandPackModal__right {
        order: 2;

        min-height: 22rem;

        height: 22rem;
    }

    .hosBrandPackModal__leftInner {
        padding: 1.25rem 1rem 1rem;
    }

    .hosBrandPackModal__logo {
        width: 10rem;
    }

    .hosBrandPackModal__goldLine {
        margin-top: 1rem;
    }

    .hosBrandPackModal__title {
        margin-top: 0.85rem;

        font-size: 1.45rem;
    }

    .hosBrandPackModal__description {
        font-size: 0.82rem;

        line-height: 1.5;
    }

    .hosBrandPackModal__features {
        margin-top: 1rem;

        gap: 0.7rem;
    }

    .hosBrandPackModal__featureIcon {
        width: 1.75rem;

        height: 1.75rem;

        font-size: 0.88rem;
    }

    .hosBrandPackModal__feature span {
        font-size: 0.82rem;
    }

    .hosBrandPackModal__partnerBox {
        margin-top: 1rem;
    }

    .hosBrandPackModal__partnerContent h3 {
        font-size: 0.78rem;
    }

    .hosBrandPackModal__partnerContent p {
        font-size: 0.72rem;
    }

    .hosBrandPackModal__partnerBtn {
        min-height: 2.8rem;

        font-size: 0.8rem;
    }
}

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

@media (max-width: 29.998rem) {
    .hosBrandPackModal__leftInner {
        padding: 1.1rem 0.85rem 0.9rem;
    }

    .hosBrandPackModal__logo {
        width: 9rem;
    }

    .hosBrandPackModal__title {
        font-size: 1.35rem;
    }

    .hosBrandPackModal__description {
        font-size: 0.78rem;
    }

    .hosBrandPackModal__feature span {
        font-size: 0.8rem;
    }

    .hosBrandPackModal__right {
        min-height: 19rem;

        height: 19rem;
    }

    .hosBrandPackModal__partnerContent h3 {
        font-size: 0.75rem;
    }

    .hosBrandPackModal__partnerContent p {
        font-size: 0.68rem;
    }
}

:root {
    --hosSuccessGreen: #198754;

    --hosSuccessGreenDark: #147346;

    --hosSuccessGold: #b6812b;

    --hosSuccessGoldDark: #98691d;

    --hosSuccessBlack: #111111;

    --hosSuccessText: #303030;

    --hosSuccessMuted: #555555;

    --hosSuccessWhite: #ffffff;

    --hosSuccessLight: rgba(25, 135, 84, 0.1);
}

/* =========================================================
   MODAL DIALOG
========================================================= */

.hosPartnerSuccessModal .modal-dialog {
    width: 100%;

    max-width: 32rem;

    margin: 1rem auto;
}

/* =========================================================
   MODAL CONTENT
========================================================= */

.hosPartnerSuccessModal__content {
    position: relative;

    overflow: hidden;

    border: 0;

    border-radius: 0.75rem;

    background: var(--hosSuccessWhite);

    box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.22);
}

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

.hosPartnerSuccessModal__close {
    position: absolute;

    top: 0.7rem;

    right: 0.7rem;

    z-index: 10;

    width: 2rem;

    height: 2rem;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0;

    border: 0;

    background: transparent;

    color: var(--hosSuccessBlack);

    font-size: 1.3rem;

    cursor: pointer;

    transition:
        color 0.25s ease,
        transform 0.25s ease;
}

.hosPartnerSuccessModal__close:hover {
    color: var(--hosSuccessGoldDark);

    transform: rotate(90deg);
}

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

.hosPartnerSuccessModal__body {
    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 1.65rem 2rem 1.45rem;

    text-align: center;
}

/* =========================================================
   SUCCESS OUTER
========================================================= */

.hosPartnerSuccessModal__successOuter {
    width: 4rem;

    height: 4rem;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: var(--hosSuccessLight);
}

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

.hosPartnerSuccessModal__successIcon {
    width: 3rem;

    height: 3rem;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: linear-gradient(135deg, #239b62, var(--hosSuccessGreen));

    color: var(--hosSuccessWhite);

    font-size: 1.75rem;

    box-shadow: 0 0.45rem 1rem rgba(25, 135, 84, 0.2);

    animation: hosSuccessPop 0.45s ease;
}

.hosPartnerSuccessModal__successIcon i {
    line-height: 1;
}

@keyframes hosSuccessPop {
    0% {
        opacity: 0;

        transform: scale(0.55);
    }

    70% {
        transform: scale(1.08);
    }

    100% {
        opacity: 1;

        transform: scale(1);
    }
}

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

.hosPartnerSuccessModal__title {
    margin: 0.9rem 0 0;

    font-size: 1.45rem;

    font-weight: 700;

    line-height: 1.25;

    color: var(--hosSuccessBlack);
}

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

.hosPartnerSuccessModal__description {
    max-width: 25rem;

    margin: 0.55rem auto 0;

    font-size: 0.82rem;

    font-weight: 400;

    line-height: 1.5;

    color: var(--hosSuccessText);
}

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

.hosPartnerSuccessModal__line {
    width: 2.3rem;

    height: 0.1rem;

    margin-top: 0.9rem;

    background: var(--hosSuccessGold);
}

/* =========================================================
   BOTTOM TEXT
========================================================= */

.hosPartnerSuccessModal__bottomText {
    margin: 0.8rem 0 0;

    font-size: 0.78rem;

    line-height: 1.45;

    color: var(--hosSuccessMuted);
}

/* =========================================================
   GOT IT BUTTON
========================================================= */

.hosPartnerSuccessModal__gotItBtn {
    min-width: 9rem;

    height: 2.7rem;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 0.6rem;

    margin-top: 0.95rem;

    padding: 0 1.25rem;

    border: 0;

    border-radius: 0.3rem;

    background: linear-gradient(135deg, var(--hosSuccessGold), #a87322);

    color: var(--hosSuccessWhite);

    font-family: inherit;

    font-size: 0.78rem;

    font-weight: 700;

    cursor: pointer;

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

.hosPartnerSuccessModal__gotItBtn:hover {
    background: linear-gradient(135deg, var(--hosSuccessGoldDark), #875b18);

    color: var(--hosSuccessWhite);

    transform: translateY(-0.1rem);

    box-shadow: 0 0.5rem 1rem rgba(182, 129, 43, 0.2);
}

.hosPartnerSuccessModal__gotItBtn i {
    font-size: 1rem;

    transition: transform 0.25s ease;
}

.hosPartnerSuccessModal__gotItBtn:hover i {
    transform: translateX(0.2rem);
}

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

@media (max-width: 61.998rem) {
    .hosPartnerSuccessModal .modal-dialog {
        max-width: 30rem;
    }

    .hosPartnerSuccessModal__body {
        padding: 1.55rem 1.75rem 1.4rem;
    }

    .hosPartnerSuccessModal__title {
        font-size: 1.4rem;
    }

    .hosPartnerSuccessModal__description {
        font-size: 0.82rem;
    }
}

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

@media (max-width: 47.998rem) {
    .hosPartnerSuccessModal .modal-dialog {
        width: calc(100% - 1rem);

        max-width: 31rem;

        margin: 0.5rem auto;
    }

    .hosPartnerSuccessModal__content {
        border-radius: 0.7rem;
    }

    .hosPartnerSuccessModal__body {
        padding: 1.5rem 1.1rem 1.25rem;
    }

    .hosPartnerSuccessModal__successOuter {
        width: 4.1rem;

        height: 4.1rem;
    }

    .hosPartnerSuccessModal__successIcon {
        width: 3.1rem;

        height: 3.1rem;

        font-size: 1.8rem;
    }

    .hosPartnerSuccessModal__title {
        margin-top: 0.9rem;

        font-size: 1.5rem;
    }

    .hosPartnerSuccessModal__description {
        max-width: 25rem;

        font-size: 0.86rem;

        line-height: 1.55;
    }

    .hosPartnerSuccessModal__bottomText {
        font-size: 0.82rem;
    }

    .hosPartnerSuccessModal__gotItBtn {
        min-width: 9.5rem;

        height: 2.8rem;

        font-size: 0.82rem;
    }
}

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

@media (max-width: 29.998rem) {
    .hosPartnerSuccessModal__body {
        padding: 1.35rem 0.9rem 1.15rem;
    }

    .hosPartnerSuccessModal__successOuter {
        width: 3.8rem;
        height: 3.8rem;
    }

    .hosPartnerSuccessModal__successIcon {
        width: 2.85rem;

        height: 2.85rem;

        font-size: 1.65rem;
    }

    .hosPartnerSuccessModal__title {
        font-size: 1.35rem;
    }

    .hosPartnerSuccessModal__description {
        font-size: 0.82rem;
    }

    .hosPartnerSuccessModal__bottomText {
        font-size: 0.78rem;
    }

    .hosPartnerSuccessModal__gotItBtn {
        min-width: 9rem;

        height: 2.75rem;

        font-size: 0.8rem;
    }
}

/* =========================================================
   HOS CHECK EMAIL ROOT
========================================================= */

:root {
    --hosEmailModalGold: #b6812b;
    --hosEmailModalGoldDark: #98691d;
    --hosEmailModalGreen: #16844e;
    --hosEmailModalGreenDark: #0f6d40;
    --hosEmailModalBlack: #111111;
    --hosEmailModalText: #343434;
    --hosEmailModalMuted: #555555;
    --hosEmailModalWhite: #ffffff;
    --hosEmailModalIconBg: #f4eee3;
    --hosEmailModalBorder: #777777;
}

/* =========================================================
   MODAL DIALOG
========================================================= */

.hosCheckEmailModal .modal-dialog {
    width: 100%;

    max-width: 31rem;

    margin: 1rem auto;
}

/* =========================================================
   MODAL CONTENT
========================================================= */

.hosCheckEmailModal__content {
    position: relative;

    overflow: hidden;

    border: 0;

    border-radius: 0.7rem;

    background: var(--hosEmailModalWhite);

    box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.22);
}

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

.hosCheckEmailModal__close {
    position: absolute;

    top: 0.7rem;

    right: 0.7rem;

    z-index: 10;

    width: 2rem;

    height: 2rem;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0;

    border: 0;

    background: transparent;

    color: var(--hosEmailModalBlack);

    font-size: 1.3rem;

    cursor: pointer;

    transition:
        transform 0.25s ease,
        color 0.25s ease;
}

.hosCheckEmailModal__close:hover {
    color: var(--hosEmailModalGoldDark);

    transform: rotate(90deg);
}

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

.hosCheckEmailModal__body {
    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 1.55rem 2rem 1.4rem;

    text-align: center;
}

/* =========================================================
   EMAIL ICON OUTER
========================================================= */

.hosCheckEmailModal__iconOuter {
    width: 3.8rem;

    height: 3.8rem;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: var(--hosEmailModalIconBg);
}

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

.hosCheckEmailModal__icon {
    width: 2.6rem;

    height: 2.6rem;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 0.1rem solid var(--hosEmailModalGold);

    border-radius: 50%;

    color: var(--hosEmailModalGoldDark);

    font-size: 1.45rem;
}

.hosCheckEmailModal__icon i {
    line-height: 1;
}

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

.hosCheckEmailModal__title {
    margin: 0.85rem 0 0;

    font-size: 1.4rem;

    font-weight: 700;

    line-height: 1.25;

    color: var(--hosEmailModalBlack);
}

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

.hosCheckEmailModal__description {
    max-width: 23rem;

    margin: 0.55rem auto 0;

    font-size: 0.85rem;

    font-weight: 400;

    line-height: 1.5;

    color: var(--hosEmailModalText);
}

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

.hosCheckEmailModal__line {
    width: 2.3rem;

    height: 0.1rem;

    margin-top: 0.9rem;

    background: var(--hosEmailModalGold);
}

/* =========================================================
   QUESTION
========================================================= */

.hosCheckEmailModal__question {
    margin: 0.9rem 0 0;

    font-size: 0.82rem;

    line-height: 1.45;

    color: var(--hosEmailModalText);
}

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

.hosCheckEmailModal__whatsappBtn {
    width: 100%;

    max-width: 15.5rem;

    min-height: 2.8rem;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 0.65rem;

    margin-top: 0.75rem;

    padding: 0.55rem 1rem;

    border: 0.06rem solid var(--hosEmailModalBorder);

    border-radius: 0.3rem;

    background: var(--hosEmailModalWhite);

    color: var(--hosEmailModalBlack);

    text-decoration: none;

    font-size: 0.78rem;

    font-weight: 700;

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

/* WhatsApp icon */

.hosCheckEmailModal__whatsappBtn > i:first-child {
    flex: 0 0 auto;

    color: var(--hosEmailModalGreen);

    font-size: 1.25rem;
}

/* Button text */

.hosCheckEmailModal__whatsappBtn span {
    white-space: nowrap;
}

/* Arrow */

.hosCheckEmailModal__whatsappBtn .hosCheckEmailModal__arrow {
    margin-left: 0.3rem;

    color: var(--hosEmailModalBlack);

    font-size: 1.1rem;

    transition: transform 0.25s ease;
}

/* Hover */

.hosCheckEmailModal__whatsappBtn:hover {
    border-color: var(--hosEmailModalGreen);

    color: var(--hosEmailModalGreenDark);

    transform: translateY(-0.08rem);

    box-shadow: 0 0.45rem 1rem rgba(0, 0, 0, 0.08);
}

.hosCheckEmailModal__whatsappBtn:hover .hosCheckEmailModal__arrow {
    transform: translateX(0.2rem);
}

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

@media (max-width: 61.998rem) {
    .hosCheckEmailModal .modal-dialog {
        max-width: 30rem;
    }

    .hosCheckEmailModal__body {
        padding: 1.5rem 1.75rem 1.35rem;
    }

    .hosCheckEmailModal__title {
        font-size: 1.42rem;
    }

    .hosCheckEmailModal__description {
        font-size: 0.84rem;
    }
}

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

@media (max-width: 47.998rem) {
    .hosCheckEmailModal .modal-dialog {
        width: calc(100% - 1rem);

        max-width: 31rem;

        margin: 0.5rem auto;
    }

    .hosCheckEmailModal__content {
        border-radius: 0.7rem;
    }

    .hosCheckEmailModal__body {
        padding: 1.5rem 1.1rem 1.3rem;
    }

    .hosCheckEmailModal__iconOuter {
        width: 4rem;

        height: 4rem;
    }

    .hosCheckEmailModal__icon {
        width: 2.75rem;

        height: 2.75rem;

        font-size: 1.55rem;
    }

    .hosCheckEmailModal__title {
        margin-top: 0.9rem;

        font-size: 1.5rem;
    }

    .hosCheckEmailModal__description {
        max-width: 25rem;

        font-size: 0.88rem;

        line-height: 1.55;
    }

    .hosCheckEmailModal__question {
        margin-top: 0.95rem;

        font-size: 0.86rem;
    }

    .hosCheckEmailModal__whatsappBtn {
        max-width: 16rem;

        min-height: 2.9rem;

        font-size: 0.82rem;
    }

    .hosCheckEmailModal__whatsappBtn > i:first-child {
        font-size: 1.3rem;
    }

    .hosCheckEmailModal__whatsappBtn .hosCheckEmailModal__arrow {
        font-size: 1.15rem;
    }
}

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

@media (max-width: 29.998rem) {
    .hosCheckEmailModal__body {
        padding: 1.35rem 0.9rem 1.2rem;
    }

    .hosCheckEmailModal__iconOuter {
        width: 3.8rem;

        height: 3.8rem;
    }

    .hosCheckEmailModal__icon {
        width: 2.65rem;

        height: 2.65rem;

        font-size: 1.45rem;
    }

    .hosCheckEmailModal__title {
        font-size: 1.4rem;
    }

    .hosCheckEmailModal__description {
        font-size: 0.84rem;
    }

    .hosCheckEmailModal__question {
        font-size: 0.82rem;
    }

    .hosCheckEmailModal__whatsappBtn {
        max-width: 15.5rem;

        min-height: 2.85rem;

        font-size: 0.8rem;
    }
}

.hos_bg_1 {
    background-image: url(../images/hos_bg_1.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.hos_bg_2 {
    background-image: url(../images/hos_bg_2.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.hos_bg_3 {
    background-image: url(../images/hos_bg_3.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.hos_bg_4 {
    background-image: url(../images/hos_bg_4.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.hos_bg_5 {
    background-image: url(../images/hos_bg_5.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.hos_bg_6 {
    background-image: url(../images/hos_bg_6.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

@media (max-width: 48rem) {
    .hos_bg_1 {
        background-image: url(../images/hos_bg_phone_1.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }
    .uvDefenseHero__eyebrow {
        margin-top: 0rem !important;
    }
    .uvDisappearTitle {
        margin-top: 1.5rem !important;
    }
    .hos_bg_2 {
        background-image: url(../images/hos_bg_phone_2.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .hos_bg_3 {
        background-image: url(../images/hos_bg_phone_3.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .hos_bg_4 {
        background-image: url(../images/hos_bg_phone_4.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .hos_bg_5 {
        background-image: url(../images/hos_bg_phone_5.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .hos_bg_6 {
        background-image: url(../images/hos_bg_phone_6.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }
}

:root {
    --uv-black: #111111;
    --uv-white: #ffffff;
    --uv-orange: #f4511e;
    --uv-purple: #6324e8;
    --uv-green: #038892;
    --uv-orange-dark: #dc3e0f;
    --uv-grey: #686868;
    --uv-light-grey: #dddddd;
    --uv-soft-grey: #f5f5f3;

    --uv-heading-font: "Playfair Display", serif;
    --uv-body-font: "DM Sans", sans-serif;

    --uv-radius: 0.3rem;
    --uv-transition: all 0.35s ease;
}
/* =========================================================
           HERO
        ========================================================= */

.uvDefenseHero {
    position: relative;
    min-height: 100vh;
    width: 100%;
    display: flex;
    align-items: stretch;
    overflow: hidden;
    background: var(--uv-white);
}

/* =========================================================
           RIGHT VISUAL BACKGROUND
        ========================================================= */

.uvDefenseHero__visual {
    position: absolute;
    top: 0;
    right: 0;
    width: 58%;
    height: 100%;
    pointer-events: none;
    overflow: hidden;
}

.uvDefenseHero__visual::before {
    content: "";
    position: absolute;
    inset: 0;

    background: radial-gradient(
        circle at 65% 48%,
        rgba(230, 230, 224, 0.5) 0%,
        rgba(245, 245, 240, 0.3) 24%,
        rgba(255, 255, 255, 0) 58%
    );

    filter: blur(0.2rem);
}

.uvDefenseHero__visual::after {
    content: "";
    position: absolute;

    width: 55%;
    height: 120%;

    right: 5%;
    top: -10%;

    background: linear-gradient(
        115deg,
        transparent 0%,
        rgba(230, 230, 224, 0.12) 40%,
        rgba(210, 210, 205, 0.2) 50%,
        transparent 62%
    );

    transform: rotate(-5deg);
}

.uvDefenseHero__content {
    width: 100%;
    max-width: 46rem;
}

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

.uvDefenseHero__eyebrow {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-top: 3rem;
    margin-bottom: 1.7rem;
    color: var(--uv-black);
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.uvDefenseHero__eyebrow::before {
    content: "";

    width: 2.2rem;
    height: 0.14rem;

    background: linear-gradient(90deg, var(--uv-orange), #ff8c5f);

    border-radius: 10rem;
}

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

.uvDefenseHero__title {
    margin: 0;

    color: var(--uv-black);

    font-family: var(--uv-heading-font);
    font-size: clamp(3.2rem, 6vw, 6.8rem);
    font-weight: 600;
    line-height: 0.92;
    letter-spacing: -0.04em;
    text-transform: uppercase;
}

.uvDefenseHero__title span {
    display: block;
}

.uvDefenseHero__title .uvDefenseHero__titleOrange {
    color: var(--uv-orange);
}

/* =========================================================
           SPF
        ========================================================= */

.uvDefenseHero__spf {
    margin-top: 2rem;
    padding-bottom: 1.2rem;

    border-bottom: 0.08rem solid var(--uv-light-grey);

    font-size: clamp(1.35rem, 2vw, 2rem);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0.01em;
}

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

.uvDefenseHero__description {
    margin-top: 1.25rem;
    max-width: 31rem;

    color: #414141;

    font-size: clamp(1rem, 1.4vw, 1.25rem);
    font-weight: 400;
    line-height: 1.45;
}

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

.uvDefenseHero__button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    margin-top: 1.8rem;
    padding: 1rem 1.8rem;
    border: none;
    border-radius: var(--uv-radius);
    background: var(--uv-black);
    color: var(--uv-white);
    font-family: var(--uv-body-font);
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    overflow: hidden;
    transition: var(--uv-transition);
}

.uvDefenseHero__button::before {
    content: "";

    position: absolute;
    inset: 0;

    background: var(--uv-orange);

    transform: translateX(-105%);
    transition: transform 0.4s ease;

    z-index: -1;
}

.uvDefenseHero__button:hover {
    color: var(--uv-white);
    transform: translateY(-0.15rem);
}

.uvDefenseHero__button:hover::before {
    transform: translateX(0);
}

.uvDefenseHero__buttonArrow {
    font-size: 1.15rem;
    transition: transform 0.35s ease;
}

.uvDefenseHero__button:hover .uvDefenseHero__buttonArrow {
    transform: translateX(0.35rem);
}

.uvDefenseHero__spec:first-child {
    padding-left: 0;
}

.uvDefenseHero__spec:last-child {
    border-right: none;
}

.uvDefenseHero__specContent {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.uvDefenseHero__specValue {
    color: var(--uv-black);

    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.05;
}

/* =========================================================
           DECORATIVE PRODUCT SHADOW
        ========================================================= */

.uvDefenseHero__shadow {
    position: absolute;

    width: 22rem;
    height: 38rem;

    right: 12%;
    top: 50%;

    transform: translateY(-50%) rotate(18deg);

    border-radius: 50%;

    background: linear-gradient(90deg, rgba(230, 230, 224, 0.05), rgba(200, 200, 195, 0.17), rgba(255, 255, 255, 0));

    filter: blur(1.2rem);

    opacity: 0.8;
}

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

@media (max-width: 991.98rem) {
    .uvDefenseHero__content {
        max-width: 43rem;
    }

    .uvDefenseHero__title {
        font-size: clamp(3.1rem, 8vw, 5.7rem);
    }

    .uvDefenseHero__visual {
        width: 50%;
        opacity: 0.75;
    }

    .uvDefenseHero__shadow {
        right: 2%;
    }
}

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

@media (max-width: 767.98rem) {
    .uvDefenseHero {
        min-height: auto;
    }

    .uvDefenseHero__visual {
        width: 100%;
        height: 100%;

        opacity: 0.48;
    }
    .uvDefenseHero__content {
        max-width: 100%;
        padding-top: 1rem;
    }

    .uvDefenseHero__title {
        font-size: clamp(3.1rem, 14vw, 5rem);
        line-height: 0.94;
    }

    .uvDefenseHero__spf {
        margin-top: 2rem;
        padding-bottom: 1rem;

        font-size: 1.45rem;
    }

    .uvDefenseHero__description {
        max-width: 25rem;

        margin-top: 1.2rem;

        font-size: 1.08rem;
        line-height: 1.5;
    }

    .uvDefenseHero__button {
        margin-top: 1rem;
        padding: 1.05rem 1.5rem;

        font-size: 1rem;
    }

    .uvDefenseHero__specs {
        margin-top: 2.3rem;

        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .uvDefenseHero__spec:nth-child(2) {
        border-right: none;
    }

    .uvDefenseHero__spec:nth-child(3) {
        padding-left: 0;
    }

    .uvDefenseHero__spec:nth-child(3),
    .uvDefenseHero__spec:nth-child(4) {
        border-bottom: none;
    }

    .uvDefenseHero__specValue {
        font-size: 1rem;
    }

    .uvDefenseHero__shadow {
        width: 16rem;
        height: 30rem;

        right: -7rem;
        top: 48%;
    }
}

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

@media (max-width: 399.98rem) {
    .uvDefenseHero__title {
        font-size: 3rem;
    }

    .uvDefenseHero__spf {
        font-size: 1.35rem;
        border-bottom: none;
    }

    .uvDefenseHero__description {
        font-size: 1rem;
        margin-top: 0;
    }
}

/* =========================================================
           LARGE DESKTOP
        ========================================================= */

@media (min-width: 1400px) {
    .uvDefenseHero__content {
        max-width: 52rem;
    }

    .uvDefenseHero__title {
        font-size: clamp(5rem, 6vw, 7.5rem);
    }

    .uvDefenseHero__description {
        font-size: 1.3rem;
    }
    .hosBioApproach__itemTitle {
        font-size: 1.1rem;
    }
    .hosBioApproach__text {
        font-size: 0.9rem;
    }
}

.uvDisappearSection {
    position: relative;
    width: 100%;
    min-height: 100vh;

    display: flex;
    align-items: center;

    background: linear-gradient(105deg, #ffffff 0%, #ffffff 68%, #fafaf8 100%);

    overflow: hidden;
}

/* =====================================================
           BACKGROUND SOFT EFFECT
        ===================================================== */

.uvDisappearSection::after {
    content: "";
    position: absolute;

    width: 30rem;
    height: 30rem;

    right: -12rem;
    top: 50%;

    transform: translateY(-50%);

    background: radial-gradient(circle, rgba(244, 81, 30, 0.035) 0%, rgba(244, 81, 30, 0) 70%);

    pointer-events: none;
}

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

.uvDisappearContainer {
    position: relative;
    z-index: 2;

    width: 100%;

    padding-top: 5rem;
    padding-bottom: 5rem;
}

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

.uvDisappearContent {
    width: 100%;
    max-width: 52rem;

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

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

.uvDisappearTitle {
    margin-top: 3rem;
    color: var(--uv-black);

    font-family: var(--uv-heading-font);

    font-size: clamp(3.6rem, 6vw, 6.2rem);

    font-weight: 600;
    line-height: 0.98;

    letter-spacing: -0.04em;
}

.uvDisappearTitle__line {
    display: block;
}

.uvDisappearTitle__orange {
    color: var(--uv-orange);
}

.uvDisappearTitle__purple {
    color: var(--uv-purple);
}

.uvDisappearTitle__green {
    color: var(--uv-green);
}

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

.uvDisappearDescription {
    max-width: 42rem;

    margin-top: 1.6rem;
    margin-bottom: 0;

    color: var(--uv-black);

    font-family: var(--uv-body-font);

    font-size: clamp(1.1rem, 1.5vw, 1.45rem);

    font-weight: 400;
    line-height: 1.42;

    letter-spacing: -0.01em;
}

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

.uvDisappearFeatures {
    width: 100%;

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    margin-top: 2.2rem;
}

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

.uvDisappearFeature {
    position: relative;

    min-height: 10.5rem;

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

    padding: 0.5rem 1.8rem;
}

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

.uvDisappearFeature:not(:last-child)::after {
    content: "";

    position: absolute;

    top: 0.2rem;
    right: 0;

    width: 0.08rem;
    height: 8.7rem;

    background: var(--uv-light-grey);
}

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

.uvDisappearFeature__icon {
    width: 4.3rem;
    height: 4.3rem;

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

    border: 0.08rem solid #d5d5d5;

    border-radius: 50%;

    color: var(--uv-orange);

    background: rgba(255, 255, 255, 0.8);

    font-size: 2rem;

    transition: var(--uv-transition);
}

.uvDisappearFeature:hover .uvDisappearFeature__icon {
    color: var(--uv-white);

    background: var(--uv-orange);

    border-color: var(--uv-orange);

    transform: translateY(-0.25rem) scale(1.04);
}

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

.uvDisappearFeature__title {
    max-width: 9rem;

    margin-top: 1rem;
    margin-bottom: 0;

    color: var(--uv-black);

    font-family: var(--uv-body-font);

    font-size: 0.95rem;

    font-weight: 700;

    line-height: 1.15;

    text-align: center;

    text-transform: uppercase;

    letter-spacing: 0.01em;
}

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

.uvDisappearFeature__text {
    max-width: 10.5rem;

    margin-top: 0.7rem;
    margin-bottom: 0;

    color: var(--uv-grey);

    font-family: var(--uv-body-font);

    font-size: 0.85rem;

    font-weight: 400;

    line-height: 1.3;

    text-align: center;
}

/* =====================================================
           ORANGE ICON DETAIL
        ===================================================== */

.uvDisappearFeature__icon i {
    transition: var(--uv-transition);
}

.uvDisappearFeature:hover .uvDisappearFeature__icon i {
    transform: scale(1.08);
}

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

@media (max-width: 61.998rem) {
    .uvDisappearContainer {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .uvDisappearContent {
        max-width: 47rem;
    }

    .uvDisappearTitle {
        font-size: clamp(3.4rem, 7vw, 5.5rem);
    }

    .uvDisappearDescription {
        font-size: 1.15rem;
        max-width: 39rem;
    }

    .uvDisappearFeatures {
        margin-top: 2.8rem;
    }

    .uvDisappearFeature {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .uvDisappearFeature__icon {
        width: 4rem;
        height: 4rem;

        font-size: 1.8rem;
    }

    .uvDisappearFeature__title {
        font-size: 0.9rem;
    }

    .uvDisappearFeature__text {
        font-size: 0.82rem;
    }
}

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

@media (max-width: 47.998rem) {
    .uvDisappearSection {
        min-height: auto;
    }

    .uvDisappearContainer {
        padding: 3.5rem 1.4rem 3.5rem;
    }

    .uvDisappearContent {
        max-width: 100%;
    }

    /* Title */

    .uvDisappearTitle {
        font-size: clamp(3.2rem, 13vw, 4.8rem);

        line-height: 0.98;
    }

    /* Description */

    .uvDisappearDescription {
        margin-top: 1.5rem;

        max-width: 100%;

        font-size: 1.12rem;

        line-height: 1.45;
    }

    /* Features */

    .uvDisappearFeatures {
        grid-template-columns: repeat(3, minmax(0, 1fr));

        margin-top: 3rem;
    }

    .uvDisappearFeature {
        min-height: 10.8rem;

        padding: 0 0.6rem;
    }

    .uvDisappearFeature:not(:last-child)::after {
        height: 9rem;
    }

    .uvDisappearFeature__icon {
        width: 3.7rem;
        height: 3.7rem;

        font-size: 1.7rem;
    }

    .uvDisappearFeature__title {
        max-width: 8rem;

        margin-top: 0.9rem;

        font-size: 0.82rem;

        line-height: 1.15;
    }

    .uvDisappearFeature__text {
        max-width: 8rem;

        margin-top: 0.6rem;

        font-size: 0.75rem;

        line-height: 1.28;
    }
}

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

@media (max-width: 29.998rem) {
    .uvDisappearContainer {
        padding: 3rem 1rem 3rem;
    }

    .uvDisappearTitle {
        font-size: 2.5rem;
    }

    .uvDisappearDescription {
        font-size: 1.05rem;
    }

    .uvDisappearFeatures {
        margin-top: 2.5rem;
    }

    .uvDisappearFeature {
        padding: 0 0.35rem;
    }

    .uvDisappearFeature__icon {
        width: 3.4rem;
        height: 3.4rem;

        font-size: 1.5rem;
    }

    .uvDisappearFeature__title {
        font-size: 0.76rem;
    }

    .uvDisappearFeature__text {
        font-size: 0.7rem;
    }

    .uvDisappearFeature:not(:last-child)::after {
        height: 8.7rem;
    }
}

/* =====================================================
           LARGE DESKTOP
        ===================================================== */

@media (min-width: 87.5rem) {
    .uvDisappearContainer {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .uvDisappearContent {
        max-width: 57rem;
    }

    .uvDisappearTitle {
        font-size: 6.8rem;
    }

    .uvDisappearDescription {
        font-size: 1.35rem;
    }

    .uvDisappearFeatures {
        margin-top: 3.5rem;
    }
}

.uvFormulaSection {
    position: relative;

    width: 100%;
    min-height: 100vh;

    display: flex;
    align-items: center;

    background: linear-gradient(100deg, #ffffff 0%, #ffffff 72%, #fafaf8 100%);

    overflow: hidden;
}

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

.uvFormulaContainer {
    position: relative;
    z-index: 2;

    width: 100%;

    padding-top: 4rem;
    padding-bottom: 4rem;
}

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

.uvFormulaContent {
    width: 100%;
    max-width: 57rem;
}

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

.uvFormulaHeading {
    margin: 0;

    color: var(--uv-black);

    font-family: var(--uv-heading-font);

    font-size: clamp(3.5rem, 5.4vw, 5.9rem);

    font-weight: 600;

    line-height: 0.96;

    letter-spacing: -0.045em;
}

.uvFormulaHeading__line {
    display: block;
}

.uvFormulaHeading__orange {
    color: var(--uv-orange);
}

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

.uvFormulaDescription {
    max-width: 43rem;

    margin-top: 1.4rem;
    margin-bottom: 0;

    color: var(--uv-black);

    font-family: var(--uv-body-font);

    font-size: clamp(1.05rem, 1.4vw, 1.3rem);

    font-weight: 400;

    line-height: 1.35;

    letter-spacing: -0.01em;
}

/* =====================================================
           INGREDIENT GRID
        ===================================================== */

.uvFormulaGrid {
    width: 100%;

    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    margin-top: 2.6rem;

    border-left: 0.08rem solid var(--uv-light-grey);
}

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

.uvFormulaIngredient {
    position: relative;

    min-height: 9.8rem;

    display: flex;
    flex-direction: column;

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

    padding: 0.8rem 1.2rem;
}

/* =====================================================
           VERTICAL DIVIDERS
        ===================================================== */

.uvFormulaIngredient:nth-child(1),
.uvFormulaIngredient:nth-child(2),
.uvFormulaIngredient:nth-child(4),
.uvFormulaIngredient:nth-child(5) {
    border-right: 0.08rem solid var(--uv-light-grey);
}

.uvFormulaIngredient:nth-child(1),
.uvFormulaIngredient:nth-child(2),
.uvFormulaIngredient:nth-child(3) {
    border-bottom: 0.08rem solid var(--uv-light-grey);
}

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

.uvFormulaIngredient__image {
    width: 4.4rem;
    height: 4.4rem;

    flex-shrink: 0;

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

    overflow: hidden;

    border-radius: 50%;

    background: radial-gradient(circle at 35% 30%, #ffffff, #eeeeee);

    box-shadow: 0 0.15rem 0.7rem rgba(0, 0, 0, 0.08);

    transition: var(--uv-transition);
}

.uvFormulaIngredient__image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}

.uvFormulaIngredient:hover .uvFormulaIngredient__image {
    transform: translateY(-0.25rem) scale(1.06);

    box-shadow: 0 0.5rem 1.2rem rgba(0, 0, 0, 0.12);
}

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

.uvFormulaIngredient__fallback {
    color: var(--uv-orange);

    font-size: 2rem;
}

/* =====================================================
           INGREDIENT NAME
        ===================================================== */

.uvFormulaIngredient__name {
    margin-top: 0.7rem;
    margin-bottom: 0;

    color: var(--uv-black);

    font-size: 0.95rem;

    font-weight: 700;

    line-height: 1.15;

    text-align: center;
}

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

.uvFormulaIngredient__description {
    max-width: 8rem;

    margin-top: 0.5rem;
    margin-bottom: 0;

    color: var(--uv-black);

    font-size: 0.78rem;

    font-weight: 400;

    line-height: 1.25;

    text-align: center;
}

/* =====================================================
           RIGHT VISUAL SPACE
        ===================================================== */

.uvFormulaVisual {
    position: absolute;

    top: 0;
    right: 0;

    width: 42%;
    height: 100%;

    pointer-events: none;

    opacity: 0.85;
}

.uvFormulaVisual::before {
    content: "";

    position: absolute;

    width: 27rem;
    height: 27rem;

    top: 50%;
    right: 8%;

    transform: translateY(-50%);

    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(244, 81, 30, 0.07) 0%,
        rgba(244, 81, 30, 0.025) 40%,
        rgba(244, 81, 30, 0) 72%
    );

    filter: blur(0.3rem);
}

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

@media (max-width: 61.998rem) {
    .uvFormulaContainer {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .uvFormulaContent {
        max-width: 48rem;
    }

    .uvFormulaHeading {
        font-size: clamp(3.3rem, 7vw, 5.4rem);
    }

    .uvFormulaDescription {
        max-width: 39rem;

        font-size: 1.12rem;
    }

    .uvFormulaGrid {
        margin-top: 2.4rem;
    }

    .uvFormulaIngredient {
        padding: 0.7rem 0.8rem;
    }

    .uvFormulaIngredient__image {
        width: 4rem;
        height: 4rem;
    }

    .uvFormulaIngredient__name {
        font-size: 0.9rem;
    }

    .uvFormulaIngredient__description {
        font-size: 0.75rem;
    }

    .uvFormulaVisual {
        width: 35%;
        opacity: 0.35;
    }
}

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

@media (max-width: 47.998rem) {
    .uvFormulaSection {
        min-height: auto;
    }

    .uvFormulaContainer {
        padding: 3.5rem 1.25rem 3.5rem;
    }

    .uvFormulaContent {
        max-width: 100%;
    }

    /* Heading */

    .uvFormulaHeading {
        font-size: clamp(3.1rem, 13vw, 4.7rem);

        line-height: 0.98;
    }

    /* Description */

    .uvFormulaDescription {
        margin-top: 1.4rem;

        max-width: 100%;

        font-size: 1.08rem;

        line-height: 1.4;
    }

    /* Grid */

    .uvFormulaGrid {
        grid-template-columns: repeat(3, minmax(0, 1fr));

        margin-top: 2.8rem;
    }

    /* Cards */

    .uvFormulaIngredient {
        min-height: 10rem;

        padding: 0.8rem 0.45rem;
    }

    /* Image */

    .uvFormulaIngredient__image {
        width: 3.6rem;
        height: 3.6rem;
    }

    /* Name */

    .uvFormulaIngredient__name {
        margin-top: 0.65rem;

        font-size: 0.82rem;
    }

    /* Description */

    .uvFormulaIngredient__description {
        max-width: 7rem;

        margin-top: 0.45rem;

        font-size: 0.7rem;

        line-height: 1.25;
    }

    /* Hide decorative visual */

    .uvFormulaVisual {
        width: 25%;
        opacity: 0.12;
    }

    .uvFormulaVisual::before {
        width: 18rem;
        height: 18rem;

        right: -8rem;
    }
}

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

@media (max-width: 29.998rem) {
    .uvFormulaContainer {
        padding: 3rem 0.8rem 3rem;
    }

    .uvFormulaHeading {
        font-size: 3rem;
    }

    .uvFormulaDescription {
        font-size: 1rem;
    }

    .uvFormulaGrid {
        margin-top: 2.4rem;
    }

    .uvFormulaIngredient {
        min-height: 9.6rem;

        padding: 0.7rem 0.25rem;
    }

    .uvFormulaIngredient__image {
        width: 3.3rem;
        height: 3.3rem;
    }

    .uvFormulaIngredient__name {
        font-size: 0.74rem;
    }

    .uvFormulaIngredient__description {
        max-width: 6.5rem;

        font-size: 0.66rem;
    }
}

/* =====================================================
           LARGE DESKTOP
        ===================================================== */

@media (min-width: 87.5rem) {
    .uvFormulaContainer {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .uvFormulaContent {
        max-width: 62rem;
    }

    .uvFormulaHeading {
        font-size: 6.6rem;
    }

    .uvFormulaDescription {
        font-size: 1.35rem;
    }

    .uvFormulaGrid {
        margin-top: 3rem;
    }

    .uvFormulaIngredient {
        min-height: 10.5rem;
    }

    .uvFormulaIngredient__image {
        width: 4.7rem;
        height: 4.7rem;
    }

    .uvFormulaIngredient__name {
        font-size: 1rem;
    }

    .uvFormulaIngredient__description {
        font-size: 0.82rem;
    }
}

#made_for {
    margin-top: 4.5rem;
}

.hos {
    color: black !important;
}

.hos_toggle {
    background-color: var(--uv-orange) !important;
}

.hos_toggle_1 {
    background-color: var(--uv-purple) !important;
}

.glutalume_toggle {
    background: var(--recre8-primary) !important;
}

.brandPackRequestArea {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/* ================================
           REQUEST BRAND PACK BUTTON
        ================================= */

.brandPackRequestBtn {
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;

    min-height: 2.65rem;
    padding: 0.55rem 0.95rem;

    border: 0.08rem solid var(--uv-orange);
    border-radius: 2rem;

    background: var(--uv-orange);
    color: var(--uv-white);

    font-family: var(--uv-body-font);
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1;

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

    overflow: hidden;

    cursor: pointer;

    box-shadow: 0 0.25rem 0.8rem rgba(244, 81, 30, 0.18);

    transition: var(--uv-transition);
}

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

.brandPackRequestBtn__text {
    position: relative;
    z-index: 2;

    transition: var(--uv-transition);
}

/* ================================
           ARROW
        ================================= */

.brandPackRequestBtn__arrow {
    position: relative;
    z-index: 2;

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

    font-size: 0.95rem;

    transition:
        transform 0.35s ease,
        color 0.35s ease;
}

/* ================================
           HOVER EFFECT
        ================================= */

.brandPackRequestBtn::before {
    content: "";

    position: absolute;
    inset: 0;

    width: 0;

    background: var(--uv-white);

    border-radius: inherit;

    transition: width 0.35s ease;

    z-index: 1;
}

.brandPackRequestBtn:hover {
    color: var(--uv-orange);

    transform: translateY(-0.08rem);

    box-shadow: 0 0.5rem 1.2rem rgba(244, 81, 30, 0.22);
}

.brandPackRequestBtn:hover::before {
    width: 100%;
}

.brandPackRequestBtn:hover .brandPackRequestBtn__arrow {
    transform: translateX(0.2rem);
}

.brandPackRequestBtn:active {
    transform: translateY(0);
}

/* ================================
           FOCUS
        ================================= */

.brandPackRequestBtn:focus-visible {
    outline: 0.12rem solid var(--uv-orange);
    outline-offset: 0.2rem;
}

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

@media (max-width: 575.98px) {
    .brandPackRequestArea {
        width: 100%;
    }

    .brandPackRequestBtn {
        min-height: 2.8rem;
        width: 100%;
        margin-top: 2rem;
        padding: 0.6rem 1rem;
        font-size: 0.82rem;
    }

    .brandPackRequestBtn__arrow {
        font-size: 1rem;
    }
}

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

@media (min-width: 576px) and (max-width: 991.98px) {
    .brandPackRequestBtn {
        min-height: 2.75rem;

        padding: 0.6rem 1rem;

        font-size: 0.82rem;
    }

    .brandPackRequestBtn__arrow {
        font-size: 1rem;
    }
}

/* ================================
           DESKTOP
        ================================= */

@media (min-width: 992px) {
    .brandPackRequestBtn {
        min-height: 2.7rem;

        padding: 0.58rem 1rem;

        font-size: 0.8rem;
    }
}

.hair_bg_1 {
    background-image: url(../images/hair_bg_1.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.hair_bg_2 {
    background-image: url(../images/hair_bg_2.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.hair_bg_3 {
    background-image: url(../images/hair_bg_3.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.hair_bg_4 {
    background-image: url(../images/hair_bg_4.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.hair_bg_5 {
    background-image: url(../images/hair_bg_5.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

@media (max-width: 48rem) {
    .hair_bg_1 {
        background-image: url(../images/hair_bg_phone_1.jpg);
        height: 900px !important;
        align-items: normal !important;
        position: relative;
    }
    .uvDefenseHero__eyebrow {
        margin-top: 0rem !important;
    }
    .uvDisappearTitle {
        margin-top: 1.5rem !important;
    }
    .hair_bg_2 {
        background-image: url(../images/hair_bg_phone_2.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .hair_bg_3 {
        background-image: url(../images/hair_bg_phone_3.jpg);
        height: 900px !important;
        align-items: normal !important;
        position: relative;
    }

    .hair_bg_4 {
        background-image: url(../images/hair_bg_phone_4.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .hair_bg_5 {
        background-image: url(../images/hair_bg_phone_1.jpg);
        height: 950px !important;
        align-items: normal !important;
        position: relative;
    }
}

.uvDefenseHero__grow {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-top: 3rem;
    margin-bottom: 1rem;
    color: var(--uv-black);
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.uvDefenseHero__grow::before {
    content: "";
    width: 2rem;
    height: 0.14rem;
    background-color: var(--uv-purple);
    border-radius: 10rem;
}

.uvDefenseHero__cream {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-top: 3rem;
    margin-bottom: 1rem;
    color: var(--uv-black);
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.uvDefenseHero__cream::before {
    content: "";
    width: 2rem;
    height: 0.14rem;
    background-color: var(--color-gold);
    border-radius: 10rem;
}

.hgsFeatureCta {
    width: 100%;
    padding: 0.5rem 0 0.9rem;
    background: rgba(255, 255, 255, 0.96);
}

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

.hgsFeatureCta__item {
    padding: 0.3rem 1rem;

    border-right: 0.08rem solid var(--hgs-border);
}

.hgsFeatureCta__item:first-child {
    padding-left: 0.5rem;
}

.hgsFeatureCta__item:last-child {
    border-right: 0;
    padding-right: 0.5rem;
}

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

.hgsFeatureCta__icon {
    width: 2.7rem;
    height: 2.7rem;

    flex: 0 0 2.7rem;

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

    color: var(--uv-purple);

    font-size: 2.25rem;
    line-height: 1;
}

/* Hair icon */

.hgsFeatureCta__hairIcon {
    position: relative;
}

/* =========================================
   TEXT
========================================= */

.hgsFeatureCta__text {
    display: flex;
    flex-direction: column;

    justify-content: center;
}

.hgsFeatureCta__title {
    display: block;

    margin: 0;

    color: var(--hgs-black);

    font-size: 0.82rem;
    line-height: 1.15;

    font-weight: 700;

    text-transform: uppercase;

    white-space: nowrap;
}

.hgsFeatureCta__subtitle {
    display: block;

    margin: 0.12rem 0 0;

    color: var(--hgs-black);

    font-size: 0.75rem;
    line-height: 1.15;

    font-weight: 700;

    text-transform: uppercase;

    white-space: nowrap;
}

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

.hgsFeatureCta__button {
    min-height: 2.9rem;
    background-color: var(--uv-purple);
    color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0.65rem 1.2rem;
    border-radius: 0.25rem;
    font-size: 0.82rem;
    line-height: 1.2;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: var(--hgs-transition);
}

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

.hgsFeatureCta__button--outline {
    color: var(--hgs-black);

    background-color: white;

    border: 0.08rem solid var(--uv-purple);
}

#cream {
    color: var(--color-gold);
}
.hgsFeatureCta__buttons {
    display: flex;
    gap: 1rem;
}

/* =========================================
   ARROW
========================================= */

.hgsFeatureCta__button i {
    font-size: 0.9rem;

    transition: var(--hgs-transition);
}

.hgsFeatureCta__button:hover i {
    transform: translateX(0.18rem);
}

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

@media (max-width: 991.98px) {
    .hgsFeatureCta__item {
        padding-left: 0.7rem;
        padding-right: 0.7rem;

        gap: 0.5rem;
    }

    .hgsFeatureCta__icon {
        width: 2.5rem;
        height: 2.5rem;

        flex-basis: 2.5rem;

        font-size: 2rem;
    }

    .hgsFeatureCta__hairIcon::before {
        font-size: 2.6rem;
    }

    .hgsFeatureCta__title {
        font-size: 0.78rem;
    }

    .hgsFeatureCta__subtitle {
        font-size: 0.7rem;
    }

    .hgsFeatureCta__button {
        font-size: 0.8rem;
    }
}

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

@media (max-width: 767.98px) {
    .hgsFeatureCta {
        padding: 0.7rem 0 1rem;
    }

    /* Feature row */

    .hgsFeatureCta__features {
        margin-bottom: 1rem;
    }

    .hgsFeatureCta__item {
        min-height: 5.3rem;

        flex-direction: column;

        gap: 0.2rem;

        padding: 0.35rem 0.25rem;

        text-align: center;
    }

    .hgsFeatureCta__item:first-child {
        padding-left: 0.25rem;
    }

    .hgsFeatureCta__item:last-child {
        padding-right: 0.25rem;
    }

    /* Mobile icon */

    .hgsFeatureCta__icon {
        width: 2.7rem;
        height: 2.7rem;

        flex-basis: 2.7rem;

        font-size: 2.2rem;
    }

    .hgsFeatureCta__hairIcon::before {
        font-size: 2.8rem;
    }

    /* Mobile text */

    .hgsFeatureCta__title {
        font-size: 0.78rem;
    }

    .hgsFeatureCta__subtitle {
        font-size: 0.7rem;
    }

    /* Buttons */

    .hgsFeatureCta__buttons {
        gap: 0.6rem;
    }

    .hgsFeatureCta__button {
        flex: 1;

        min-height: 3.3rem;

        padding: 0.7rem 0.7rem;

        font-size: 0.82rem;
    }
}

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

@media (max-width: 480px) {
    .hgsFeatureCta__item {
        min-height: 5.1rem;
    }

    .hgsFeatureCta__icon {
        width: 2.5rem;
        height: 2.5rem;

        flex-basis: 2.5rem;

        font-size: 2rem;
    }

    .hgsFeatureCta__hairIcon::before {
        font-size: 2.5rem;
    }

    .hgsFeatureCta__title {
        font-size: 0.62rem;
    }

    .hgsFeatureCta__subtitle {
        font-size: 0.55rem;
    }
    .uvDefenseHero__cream {
        margin-top: 0.7rem;
    }

    .hgsFeatureCta__button {
        width: 100%;
        margin-bottom: 0.6rem;
        min-height: 3.4rem;
        font-size: 0.76rem;
        padding: 0.65rem 0.45rem;
    }

    .hgsFeatureCta__button i {
        font-size: 0.78rem;
    }
    .uvDefenseHero__grow {
        margin-top: 0.5rem !important;
    }
    .hgsFeatureCta__buttons {
        display: inline;
        gap: 1rem;
    }
}

/* =========================================
   EXTRA SMALL MOBILE
========================================= */

@media (max-width: 360px) {
    .hgsFeatureCta__title {
        font-size: 0.68rem;
    }

    .hgsFeatureCta__subtitle {
        font-size: 0.61rem;
    }

    .hgsFeatureCta__button {
        font-size: 0.7rem;
    }
}

.face_bg_1 {
    background-image: url(../images/face_bg_1.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.face_bg_2 {
    background-image: url(../images/face_bg_2.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.face_bg_3 {
    background-image: url(../images/face_bg_3.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.face_bg_4 {
    background-image: url(../images/face_bg_4.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.face_bg_5 {
    background-image: url(../images/face_bg_5.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

@media (max-width: 48rem) {
    .face_bg_1 {
        background-image: url(../images/face_bg_phone_1.jpg);
        height: 900px !important;
        align-items: normal !important;
        position: relative;
    }
    .uvDefenseHero__eyebrow {
        margin-top: 0rem !important;
    }
    .uvDisappearTitle {
        margin-top: 1.5rem !important;
    }
    .face_bg_2 {
        background-image: url(../images/face_bg_phone_2.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .face_bg_3 {
        background-image: url(../images/face_bg_phone_3.jpg);
        height: 850px !important;
        align-items: normal !important;
        position: relative;
    }

    .face_bg_4 {
        background-image: url(../images/face_bg_phone_4.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .face_bg_5 {
        background-image: url(../images/face_bg_phone_1.jpg);
        height: 900px !important;
        align-items: normal !important;
        position: relative;
    }
}

.cream_bg_1 {
    background-image: url(../images/cream_bg_1.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.cream_bg_2 {
    background-image: url(../images/cream_bg_2.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.cream_bg_3 {
    background-image: url(../images/cream_bg_3.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.cream_bg_4 {
    background-image: url(../images/cream_bg_4.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.cream_bg_5 {
    background-image: url(../images/cream_bg_5.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

@media (max-width: 48rem) {
    .cream_bg_1 {
        background-image: url(../images/cream_bg_phone_1.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .cream_bg_2 {
        background-image: url(../images/cream_bg_phone_2.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .cream_bg_3 {
        background-image: url(../images/cream_bg_phone_3.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .cream_bg_4 {
        background-image: url(../images/cream_bg_phone_4.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .cream_bg_5 {
        background-image: url(../images/cream_bg_phone_1.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }
}

.gummies_bg_1 {
    background-image: url(../images/gummies_bg_1.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.gummies_bg_2 {
    background-image: url(../images/gummies_bg_2.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.gummies_bg_3 {
    background-image: url(../images/gummies_bg_3.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.gummies_bg_4 {
    background-image: url(../images/gummies_bg_4.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.gummies_bg_5 {
    background-image: url(../images/gummies_bg_5.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.gummies_bg_6 {
    background-image: url(../images/gummies_bg_6.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

@media (max-width: 48rem) {
    .gummies_bg_1 {
        background-image: url(../images/gummies_bg_phone_1.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .gummies_bg_2 {
        background-image: url(../images/gummies_bg_phone_2.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .gummies_bg_3 {
        background-image: url(../images/gummies_bg_phone_3.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .gummies_bg_4 {
        background-image: url(../images/gummies_bg_phone_4.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .gummies_bg_5 {
        background-image: url(../images/gummies_bg_phone_5.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .gummies_bg_6 {
        background-image: url(../images/gummies_bg_phone_6.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }
}

.recre_header {
    background-color: #321910;
}

.glutalume_header {
    background-color: #f0f9fc;
}

.collagen_bg_1 {
    background-image: url(../images/collagen_bg_1.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.collagen_bg_2 {
    background-image: url(../images/collagen_bg_2.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.collagen_bg_3 {
    background-image: url(../images/collagen_bg_3.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.collagen_bg_4 {
    background-image: url(../images/collagen_bg_4.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.collagen_bg_5 {
    background-image: url(../images/collagen_bg_5.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.collagen_bg_6 {
    background-image: url(../images/collagen_bg_6.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

@media (max-width: 48rem) {
    .collagen_bg_1 {
        background-image: url(../images/collagen_bg_phone_1.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .collagen_bg_2 {
        background-image: url(../images/collagen_bg_phone_2.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .collagen_bg_3 {
        background-image: url(../images/collagen_bg_phone_3.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .collagen_bg_4 {
        background-image: url(../images/collagen_bg_phone_4.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .collagen_bg_5 {
        background-image: url(../images/collagen_bg_phone_5.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .collagen_bg_6 {
        background-image: url(../images/collagen_bg_phone_6.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }
}

.functional_bg_1 {
    background-image: url(../images/functional_bg_1.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.functional_bg_2 {
    background-image: url(../images/functional_bg_2.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.functional_bg_3 {
    background-image: url(../images/functional_bg_3.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.functional_bg_4 {
    background-image: url(../images/functional_bg_4.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.functional_bg_5 {
    background-image: url(../images/functional_bg_5.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.functional_bg_6 {
    background-image: url(../images/functional_bg_6.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

@media (max-width: 48rem) {
    .functional_bg_1 {
        background-image: url(../images/functional_bg_phone_1.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .functional_bg_2 {
        background-image: url(../images/functional_bg_phone_2.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .functional_bg_3 {
        background-image: url(../images/functional_bg_phone_3.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .functional_bg_4 {
        background-image: url(../images/functional_bg_phone_4.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .functional_bg_5 {
        background-image: url(../images/functional_bg_phone_5.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .functional_bg_6 {
        background-image: url(../images/functional_bg_phone_6.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }
}

.glutalume_bg_1 {
    background-image: url(../images/glutalume_bg_1.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.glutalume_bg_2 {
    background-image: url(../images/glutalume_bg_2.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.glutalume_bg_3 {
    background-image: url(../images/glutalume_bg_3.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.glutalume_bg_4 {
    background-image: url(../images/glutalume_bg_4.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.glutalume_bg_5 {
    background-image: url(../images/glutalume_bg_5.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.glutalume_bg_6 {
    background-image: url(../images/glutalume_bg_1.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

@media (max-width: 48rem) {
    .glutalume_bg_1 {
        background-image: url(../images/glutalume_bg_phone_1.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .glutalume_bg_2 {
        background-image: url(../images/glutalume_bg_phone_2.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .glutalume_bg_3 {
        background-image: url(../images/glutalume_bg_phone_3.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .glutalume_bg_4 {
        background-image: url(../images/glutalume_bg_phone_4.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .glutalume_bg_5 {
        background-image: url(../images/glutalume_bg_phone_5.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .glutalume_bg_6 {
        background-image: url(../images/glutalume_bg_phone_1.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }
}

.uvDefenseHero__green {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-top: 3rem;
    margin-bottom: 1rem;
    color: var(--uv-black);
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.uvDefenseHero__green::before {
    content: "";
    width: 2rem;
    height: 0.14rem;
    background-color: #029aa3;
    border-radius: 10rem;
}

:root {
    --recre8-primary: #005c68;
    --recre8-primary-dark: #003f49;
    --recre8-border: #005c68;
    --recre8-white: #ffffff;
}

/* Button Wrapper */
.recre8-btn-wrap {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

/* Common Button */
.recre8-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    min-width: 10rem;
    padding: 0.9rem 1.25rem;
    border-radius: 0.45rem;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    overflow: hidden;
    transition:
        color 0.35s ease,
        background 0.35s ease,
        border-color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

/* Primary Button */
.recre8-btn-primary {
    color: var(--recre8-white);
    background: var(--recre8-primary);
    border: 1px solid var(--recre8-primary);
}

/* Outline Button */
.recre8-btn-outline {
    color: var(--recre8-primary);
    background: white;
    border: 1px solid var(--recre8-border);
}

/* Arrow */
.recre8-btn-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    line-height: 1;
    transition: transform 0.35s ease;
    position: relative;
    z-index: 2;
}

/* Text */
.recre8-btn span:first-child {
    position: relative;
    z-index: 2;
}

/* Hover */
.recre8-btn:hover {
    transform: translateY(-0.2rem);
    text-decoration: none;
    box-shadow: 0 0.6rem 1.2rem rgba(0, 80, 90, 0.18);
}

/* Primary Hover */
.recre8-btn-primary:hover {
    color: var(--recre8-white);
    background: var(--recre8-primary-dark);
    border-color: var(--recre8-primary-dark);
}

/* Outline Hover */
.recre8-btn-outline:hover {
    color: var(--recre8-white);
    background: var(--recre8-primary);
    border-color: var(--recre8-primary);
}

/* Arrow Animation */
.recre8-btn-primary:hover .recre8-btn-arrow {
    transform: translateX(0.35rem);
}

.recre8-btn-outline:hover .recre8-btn-arrow {
    transform: translateX(0.35rem);
}

/* Click Effect */
.recre8-btn:active {
    transform: translateY(0);
    box-shadow: 0 0.2rem 0.5rem rgba(0, 80, 90, 0.15);
}

/* Mobile */
@media (max-width: 575px) {
    .recre8-btn-wrap {
        gap: 0.7rem;
    }

    .recre8-btn {
        width: 100%;
        padding: 0.85rem 1rem;
        font-size: 0.95rem;
    }

    .recre8-btn-arrow {
        font-size: 1.2rem;
    }
}

#green {
    color: var(--recre8-primary);
}

.protein-chips_bg_1 {
    background-image: url(../images/protein-chips_bg_1.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.protein-chips_bg_2 {
    background-image: url(../images/protein-chips_bg_2.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.protein-chips_bg_3 {
    background-image: url(../images/protein-chips_bg_3.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.protein-chips_bg_4 {
    background-image: url(../images/protein-chips_bg_4.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.protein-chips_bg_5 {
    background-image: url(../images/protein-chips_bg_5.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.protein-chips_bg_6 {
    background-image: url(../images/protein-chips_bg_6.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

@media (max-width: 48rem) {
    .protein-chips_bg_1 {
        background-image: url(../images/protein-chips_bg_phone_1.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .protein-chips_bg_2 {
        background-image: url(../images/protein-chips_bg_phone_2.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .protein-chips_bg_3 {
        background-image: url(../images/protein-chips_bg_phone_3.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .protein-chips_bg_4 {
        background-image: url(../images/protein-chips_bg_phone_4.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .protein-chips_bg_5 {
        background-image: url(../images/protein-chips_bg_phone_5.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .protein-chips_bg_6 {
        background-image: url(../images/protein-chips_bg_phone_6.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }
}

.recovery_bg_1 {
    background-image: url(../images/recovery_bg_1.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.recovery_bg_2 {
    background-image: url(../images/recovery_bg_2.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.recovery_bg_3 {
    background-image: url(../images/recovery_bg_3.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.recovery_bg_4 {
    background-image: url(../images/recovery_bg_4.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.recovery_bg_5 {
    background-image: url(../images/recovery_bg_5.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.recovery_bg_6 {
    background-image: url(../images/recovery_bg_6.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}
@media (min-width: 1400px) {
    .hosBioHero__description {
        font-size: 1.5rem !important;
    }
    .hosBioHero__eyebrow {
        font-size: 1rem !important;
    }
    .hosBioBrandIntro__eyebrow {
        font-size: 1rem !important;
    }
}

@media (max-width: 48rem) {
    .recovery_bg_1 {
        background-image: url(../images/recovery_bg_phone_1.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .recovery_bg_2 {
        background-image: url(../images/recovery_bg_phone_2.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .recovery_bg_3 {
        background-image: url(../images/recovery_bg_phone_3.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .recovery_bg_4 {
        background-image: url(../images/recovery_bg_phone_4.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .recovery_bg_5 {
        background-image: url(../images/recovery_bg_phone_5.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .recovery_bg_6 {
        background-image: url(../images/recovery_bg_phone_6.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }
}

.foundation_bg_1 {
    background-image: url(../images/foundation_bg_1.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.foundation_bg_2 {
    background-image: url(../images/foundation_bg_2.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.foundation_bg_3 {
    background-image: url(../images/foundation_bg_3.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.foundation_bg_4 {
    background-image: url(../images/foundation_bg_4.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.foundation_bg_5 {
    background-image: url(../images/foundation_bg_5.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.foundation_bg_6 {
    background-image: url(../images/foundation_bg_6.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

@media (max-width: 48rem) {
    .foundation_bg_1 {
        background-image: url(../images/foundation_bg_phone_1.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .foundation_bg_2 {
        background-image: url(../images/foundation_bg_phone_2.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .foundation_bg_3 {
        background-image: url(../images/foundation_bg_phone_3.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .foundation_bg_4 {
        background-image: url(../images/foundation_bg_phone_4.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .foundation_bg_5 {
        background-image: url(../images/foundation_bg_phone_5.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .foundation_bg_6 {
        background-image: url(../images/foundation_bg_phone_6.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }
}

.nutrition_bg_1 {
    background-image: url(../images/nutrition_bg_1.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.nutrition_bg_2 {
    background-image: url(../images/nutrition_bg_2.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.nutrition_bg_3 {
    background-image: url(../images/nutrition_bg_3.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.nutrition_bg_4 {
    background-image: url(../images/nutrition_bg_4.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.nutrition_bg_5 {
    background-image: url(../images/nutrition_bg_5.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.nutrition_bg_6 {
    background-image: url(../images/nutrition_bg_6.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

@media (max-width: 48rem) {
    .nutrition_bg_1 {
        background-image: url(../images/nutrition_bg_phone_1.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .nutrition_bg_2 {
        background-image: url(../images/nutrition_bg_phone_2.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .nutrition_bg_3 {
        background-image: url(../images/nutrition_bg_phone_3.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .nutrition_bg_4 {
        background-image: url(../images/nutrition_bg_phone_4.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .nutrition_bg_5 {
        background-image: url(../images/nutrition_bg_phone_5.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .nutrition_bg_6 {
        background-image: url(../images/nutrition_bg_phone_6.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }
}

.testosterone_bg_1 {
    background-image: url(../images/testosterone_bg_1.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.testosterone_bg_2 {
    background-image: url(../images/testosterone_bg_2.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.testosterone_bg_3 {
    background-image: url(../images/testosterone_bg_3.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.testosterone_bg_4 {
    background-image: url(../images/testosterone_bg_4.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.testosterone_bg_5 {
    background-image: url(../images/testosterone_bg_5.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.testosterone_bg_6 {
    background-image: url(../images/testosterone_bg_5.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

@media (max-width: 48rem) {
    .testosterone_bg_1 {
        background-image: url(../images/testosterone_bg_phone_1.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .testosterone_bg_2 {
        background-image: url(../images/testosterone_bg_phone_2.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .testosterone_bg_3 {
        background-image: url(../images/testosterone_bg_phone_3.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .testosterone_bg_4 {
        background-image: url(../images/testosterone_bg_phone_4.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .testosterone_bg_5 {
        background-image: url(../images/testosterone_bg_phone_5.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .testosterone_bg_6 {
        background-image: url(../images/testosterone_bg_phone_5.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }
}

.overnight_bg_1 {
    background-image: url(../images/overnight_bg_1.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.overnight_bg_2 {
    background-image: url(../images/overnight_bg_2.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.overnight_bg_3 {
    background-image: url(../images/overnight_bg_3.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.overnight_bg_4 {
    background-image: url(../images/overnight_bg_4.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.overnight_bg_5 {
    background-image: url(../images/overnight_bg_5.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.overnight_bg_6 {
    background-image: url(../images/overnight_bg_5.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

@media (max-width: 48rem) {
    .overnight_bg_1 {
        background-image: url(../images/overnight_bg_phone_1.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .overnight_bg_2 {
        background-image: url(../images/overnight_bg_phone_2.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .overnight_bg_3 {
        background-image: url(../images/overnight_bg_phone_3.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .overnight_bg_4 {
        background-image: url(../images/overnight_bg_phone_4.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .overnight_bg_5 {
        background-image: url(../images/overnight_bg_phone_5.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .overnight_bg_6 {
        background-image: url(../images/overnight_bg_phone_5.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }
}

.metabolic_bg_1 {
    background-image: url(../images/metabolic_bg_1.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.metabolic_bg_2 {
    background-image: url(../images/metabolic_bg_2.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.metabolic_bg_3 {
    background-image: url(../images/metabolic_bg_3.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.metabolic_bg_4 {
    background-image: url(../images/metabolic_bg_4.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.metabolic_bg_5 {
    background-image: url(../images/metabolic_bg_5.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.metabolic_bg_6 {
    background-image: url(../images/metabolic_bg_5.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

@media (max-width: 48rem) {
    .metabolic_bg_1 {
        background-image: url(../images/metabolic_bg_phone_1.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .metabolic_bg_2 {
        background-image: url(../images/metabolic_bg_phone_2.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .metabolic_bg_3 {
        background-image: url(../images/metabolic_bg_phone_3.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .metabolic_bg_4 {
        background-image: url(../images/metabolic_bg_phone_4.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .metabolic_bg_5 {
        background-image: url(../images/metabolic_bg_phone_5.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .metabolic_bg_6 {
        background-image: url(../images/metabolic_bg_phone_5.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }
}

.honey_bg_1 {
    background-image: url(../images/honey_bg_1.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.honey_bg_2 {
    background-image: url(../images/honey_bg_2.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.honey_bg_3 {
    background-image: url(../images/honey_bg_3.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.honey_bg_4 {
    background-image: url(../images/honey_bg_4.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.honey_bg_5 {
    background-image: url(../images/honey_bg_5.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.honey_bg_6 {
    background-image: url(../images/honey_bg_6.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.honey_bg_7 {
    background-image: url(../images/honey_bg_7.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

@media (max-width: 48rem) {
    .honey_bg_1 {
        background-image: url(../images/honey_bg_phone_1.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .honey_bg_2 {
        background-image: url(../images/honey_bg_phone_2.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .honey_bg_3 {
        background-image: url(../images/honey_bg_phone_3.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .honey_bg_4 {
        background-image: url(../images/honey_bg_phone_4.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .honey_bg_5 {
        background-image: url(../images/honey_bg_phone_5.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .honey_bg_6 {
        background-image: url(../images/honey_bg_phone_6.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }

    .honey_bg_7 {
        background-image: url(../images/honey_bg_phone_7.jpg);
        height: 800px !important;
        align-items: normal !important;
        position: relative;
    }
    #honey_stick {
        color: black;
    }
    .hosHeroProducts__imageArea img {
        height: 100% !important;
    }
}

/* HOS Biotech Premium Preloader */
#hosPreloader {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    opacity: 1;
    visibility: visible;
    transition:
        opacity 0.6s ease,
        visibility 0.6s ease;
}

#hosPreloader.hos-loaded {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.hos-loader-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    width: min(80%, 22rem);
}

.hos-loader-logo {
    width: 300px;
    object-fit: contain;
    animation: hosLogoPulse 1.5s ease-in-out infinite;
    filter: drop-shadow(0 0 1rem rgb(212 160 60 / 35%));
}

.hos-loader-line {
    width: 100%;
    height: 0.2rem;
    overflow: hidden;
    background: #292117;
    border-radius: 2rem;
}

.hos-loader-line span {
    display: block;
    width: 40%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #80551b, #fff0a6, #c28b2c);
    animation: hosLoadingLine 1.2s ease-in-out infinite;
}

.hos-loader-content p {
    margin: 0;
    color: #d7ad61;
    font-size: 0.7rem;
    letter-spacing: 0.25rem;
    text-align: center;
}

@keyframes hosLogoPulse {
    0%,
    100% {
        transform: scale(0.94);
        opacity: 0.8;
    }
    50% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes hosLoadingLine {
    0% {
        transform: translateX(-110%);
    }
    100% {
        transform: translateX(260%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .hos-loader-logo,
    .hos-loader-line span {
        animation: none;
    }
}

.hosHeroProducts__imageArea img {
    width: 100%;
    height: 290px;
    object-fit: cover;
}

.for_parten {
    background-image: url(../images/for_parten_phone.jpg);
    background-position: center;
    background-size: cover;
}

.hosSkinBrand {
    position: relative;
}

.hos-story-value {
    background: var(--color-bg);
    height: 100%;
    border: 0.08rem solid var(--color-border-light);
    padding: 1.1rem;
}