:root {
    /* Bodyminute Raw Colors */
    --color-white: rgb(255, 255, 255);
    /* Blue */
    --color-blue-50: rgb(231, 234, 255);
    --color-blue-100: rgb(210, 216, 255);
    --color-blue-200: rgb(162, 178, 255);
    --color-blue-300: rgb(105, 137, 255);
    --color-blue-400: rgb(4, 99, 252);
    --color-blue-500: rgb(2, 71, 186);
    --color-blue-600: rgb(1, 56, 151);
    --color-blue-700: rgb(1, 42, 118);
    --color-blue-800: rgb(0, 31, 91);
    --color-blue-900: rgb(0, 18, 61);
    --color-blue-950: rgb(0, 9, 39);

    /* Pink */
    --color-pink-50: rgb(252, 237, 243);
    --color-pink-100: rgb(249, 222, 234);
    --color-pink-200: rgb(244, 187, 214);
    --color-pink-300: rgb(239, 144, 192);
    --color-pink-400: rgb(234, 98, 174);
    --color-pink-500: rgb(209, 63, 149);
    --color-pink-600: rgb(168, 49, 120);
    --color-pink-700: rgb(129, 35, 91);
    --color-pink-800: rgb(89, 21, 61);
    --color-pink-900: rgb(54, 10, 36);
    --color-pink-950: rgb(37, 5, 23);

    /* Gray */
    --color-gray-50: rgb(250, 251, 255);
    --color-gray-100: rgb(249, 250, 252);
    --color-gray-200: rgb(216, 218, 229);
    --color-gray-300: rgb(237, 239, 245);
    --color-gray-400: rgb(230, 232, 240);
    --color-gray-500: rgb(216, 218, 229);
    --color-gray-600: rgb(193, 196, 214);
    --color-gray-700: rgb(143, 149, 178);
    --color-gray-800: rgb(105, 111, 140);
    --color-gray-900: rgb(71, 77, 102);
    --color-gray-950: rgb(16, 24, 64);

    /* Red */
    --color-red-50: rgb(253, 244, 244);
    --color-red-100: rgb(253, 244, 244);
    --color-red-200: rgb(244, 182, 182);
    --color-red-300: rgb(238, 145, 145);
    --color-red-400: rgb(209, 67, 67);
    --color-red-500: rgb(167, 54, 54);
    --color-red-600: rgb(125, 40, 40);

    /**
     ** Bodyminute Semantic Colors
    */
    --color-text-tertiary: var(--color-gray-950);
    --color-text-secondary: var(--color-gray-800);
    --color-text-critical: var(--color-red-600);
    --color-text-inverted: var(--color-white);
    --color-text-brand: var(--color-blue-500);

    --color-link: var(--color-blue-500);
    --color-link-hover: var(--color-blue-600);
    --color-link-active: var(--color-blue-700);

    --color-icon: var(--color-gray-600);

    --color-surface-primary: var(--color-blue-500);
    --color-surface-primary-hover: var(--color-blue-400);
    --color-surface-primary-active: var(--color-blue-600);
    --color-surface-primary-disabled: color-mix(
            in oklch,
            var(--color-surface-primary) 50%,
            transparent
    );

    --color-surface-secondary: var(--color-pink-200);
    --color-surface-secondary-light: var(--color-pink-50);
    --color-surface-secondary-lighter: var(--color-pink-100);
    --color-surface-secondary-hover: var(--color-pink-300);
    --color-surface-secondary-active: var(--color-pink-400);
    --color-surface-secondary-disabled: color-mix(
            in oklch,
            var(--color-surface-secondary) 50%,
            transparent
    );

    --color-surface-tertiary: var(--color-white);
    --color-surface-tertiary-hover: var(--color-gray-200);
    --color-surface-tertiary-active: var(--color-gray-400);
    --color-surface-tertiary-disabled: color-mix(in oklch, var(--color-white) 50%, transparent);

    /* Black alphas */
    --color-primary-alpha-10: rgba(2, 71, 186, 0.1);
    --color-primary-alpha-20: rgba(2, 71, 186, 0.2);
    --color-primary-alpha-30: rgba(2, 71, 186, 0.3);
    --color-primary-alpha-40: rgba(2, 71, 186, 0.4);
    --color-primary-alpha-50: rgba(2, 71, 186, 0.5);

    /* Pink alphas */
    --color-pink-alpha-10: rgba(244, 187, 214, 0.1);
    --color-pink-alpha-20: rgba(244, 187, 214, 0.2);
    --color-pink-alpha-30: rgba(244, 187, 214, 0.3);
    --color-pink-alpha-40: rgba(244, 187, 214, 0.4);
    --color-pink-alpha-50: rgba(244, 187, 214, 0.5);

    /* Black alphas */
    --color-black-alpha-10: rgba(7, 12, 37, 0.1);
    --color-black-alpha-20: rgba(7, 12, 37, 0.2);
    --color-black-alpha-30: rgba(7, 12, 37, 0.3);
    --color-black-alpha-40: rgba(7, 12, 37, 0.4);
    --color-black-alpha-50: rgba(7, 12, 37, 0.5);

    --color-border: var(--color-gray-200);
    --color-overlay: var(--color-black-alpha-50);

    /* Bodyminute Typography System */

    --font-size-xs: 0.75rem;
    --line-height-xs: 1.33;
    --letter-spacing-xs: 0.02em;

    --font-size-sm: 0.875rem;
    --line-height-sm: 1.4;
    --letter-spacing-sm: 0.02em;

    --font-size-md: 1rem;
    --line-height-md: 1.5;
    --letter-spacing-md: 0.02em;

    --font-size-lg: 1.125rem;
    --line-height-lg: 1.5;
    --letter-spacing-lg: 0.02em;

    --font-size-xl: clamp(1.125rem, 1rem + 0.5vw, 1.25rem);
    --line-height-xl: 1.33;
    --letter-spacing-xl: 0.02em;

    --font-size-2xl: clamp(1.25rem, 1rem + 1vw, 1.5rem);
    --line-height-2xl: 1.333;
    --letter-spacing-2xl: 0.02em;

    --font-size-3xl: clamp(1.5rem, 1rem + 2vw, 2rem);
    --line-height-3xl: 1.25;
    --letter-spacing-3xl: 0.02em;

    --font-size-4xl: clamp(1.75rem, 1rem + 3vw, 2.5rem);
    --line-height-4xl: 1.2;
    --letter-spacing-4xl: 0.02em;

    --font-size-5xl: clamp(2rem, 1rem + 4vw, 2.75rem);
    --line-height-5xl: 1.2;
    --letter-spacing-5xl: 0.02em;

    --font-size-6xl: clamp(2.5rem, 1rem + 5vw, 3rem);
    --line-height-6xl: 1.2;
    --letter-spacing-6xl: 0.02em;

    --radius-full: 999rem;
    --radius-sm: 0.375rem;
    --radius-base: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1.5rem;

    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
}

@supports (color: color(display-p3 0 0 0%)) {
:root {
    --color-blue-900: rgb(0, 18, 61);
    --color-blue-950: rgb(0, 9, 39);
    --color-gray-50: rgb(250, 251, 255);
}

@media (color-gamut: p3) {
:root {
    --color-blue-900: color(display-p3 0.01387 0.06887 0.22923);
    --color-blue-950: color(display-p3 0.00625 0.03411 0.14589);
    --color-gray-50: color(display-p3 0.98115 0.98424 0.99859);
}
}
}
.text-2xs {
    font-size: var(--font-size-2xs);
    line-height: var(--line-height-2xs);
    letter-spacing: var(--letter-spacing-2xs);
}
.text-xs {
    font-size: var(--font-size-xs);
    line-height: var(--line-height-xs);
    letter-spacing: var(--letter-spacing-xs);
}
.text-sm {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    letter-spacing: var(--letter-spacing-sm);
}
.text-md {
    font-size: var(--font-size-md);
    line-height: var(--line-height-md);
    letter-spacing: var(--letter-spacing-md);
}
.text-lg {
    font-size: var(--font-size-lg);
    line-height: var(--line-height-lg);
    letter-spacing: var(--letter-spacing-lg);
}
.text-xl {
    font-size: var(--font-size-xl);
    line-height: var(--line-height-xl);
    letter-spacing: var(--letter-spacing-xl);
}
.text-2xl {
    font-size: var(--font-size-2xl);
    line-height: var(--line-height-2xl);
    letter-spacing: var(--letter-spacing-2xl);
}
.text-3xl {
    font-size: var(--font-size-3xl);
    line-height: var(--line-height-3xl);
    letter-spacing: var(--letter-spacing-3xl);
}
.text-4xl {
    font-size: var(--font-size-4xl);
    line-height: var(--line-height-4xl);
    letter-spacing: var(--letter-spacing-4xl);
}
.text-5xl {
    font-size: var(--font-size-5xl);
    line-height: var(--line-height-5xl);
    letter-spacing: var(--letter-spacing-5xl);
}
.text-button {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    letter-spacing: var(--letter-spacing-sm);
}
.text-button {
    font-weight: 600;
    text-transform: uppercase;
}
.link-underline {
    position: relative;
    display: inline-block;
    width: -moz-fit-content;
    width: fit-content;
}
.link-underline:before {
        content: '';
        position: absolute;
        bottom: -4px;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: currentColor;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.3s ease-in-out;
    }
.link-underline:hover::before {
        transform: scaleX(1);
    }
.is-heading-text {
    font-size: var(--font-size-3xl);
    line-height: var(--line-height-3xl);
    letter-spacing: var(--letter-spacing-3xl);
}
.is-heading-text {
    color: var(--color-text-brand);
    font-weight: var(--fw-semibold);
    text-transform: uppercase;
}
@each $size in xs, sm, md, lg, xl {
    .has-padding-x-$(size) {
        padding-left: var(--wp--preset--spacing--$(size));
        padding-right: var(--wp--preset--spacing--$(size));
    }

    .has-padding-y-$(size) {
        padding-top: var(--wp--preset--spacing--$(size));
        padding-bottom: var(--wp--preset--spacing--$(size));
    }

    .has-margin-x-$(size) {
        margin-left: var(--wp--preset--spacing--$(size));
        margin-right: var(--wp--preset--spacing--$(size));
    }

    .has-margin-y-$(size) {
        margin-top: var(--wp--preset--spacing--$(size));
        margin-bottom: var(--wp--preset--spacing--$(size));
    }
}
@media (max-width: 767px) {
    @each $size in xs, sm, md, lg, xl {
        .has-padding-x-$(size)-mobile {
            padding-left: var(--wp--preset--spacing--$(size));
            padding-right: var(--wp--preset--spacing--$(size));
        }

        .has-padding-y-$(size)-mobile {
            padding-top: var(--wp--preset--spacing--$(size));
            padding-bottom: var(--wp--preset--spacing--$(size));
        }

        .has-margin-x-$(size)-mobile {
            margin-left: var(--wp--preset--spacing--$(size));
            margin-right: var(--wp--preset--spacing--$(size));
        }

        .has-margin-y-$(size)-mobile {
            margin-top: var(--wp--preset--spacing--$(size));
            margin-bottom: var(--wp--preset--spacing--$(size));
        }
    }
}
.focus-ring {
    outline: 2px solid var(--color-primary-alpha-20);
    outline-offset: 2px;
}
.container {
    box-sizing: border-box;
    width: min(100%, var(--wp--style--global--wide-size, 1260px));
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--wp--preset--spacing--md, 1rem);
    padding-right: var(--wp--preset--spacing--md, 1rem);
}
.wp-block-wpe-slider {
    position: relative;
    overflow: hidden;
}
.wp-block-wpe-slider .swiper-wrapper {
        display: flex;
        flex: 1 1 auto;
    }
.wp-block-wpe-slider.hero-slider-block .swiper-wrapper {
        -webkit-user-select: none;
           -moz-user-select: none;
                user-select: none;
        -webkit-user-drag: none;
        cursor: default !important;
    }
.wp-block-wpe-slider .slider-block__slide {
        display: flex;
        flex: 0 0 auto;
        width: 100%;
    }
@media (min-width: 768px) {
.wp-block-wpe-slider .slider-block__slide {
            height: 480px
    }
    }
.wp-block-wpe-slider .slider-block__inner {
            gap: 0;
            display: flex;
            flex-direction: column;
            flex: 1 1 auto;
            background: var(--color-surface-secondary-light);
        }
@media (min-width: 768px) {
.wp-block-wpe-slider .slider-block__inner {
                flex-direction: row;
                flex: 1 1 auto
        }
    }
.wp-block-wpe-slider .slider-block__inner {
            width: 100%;
        }
@media (min-width: 768px) {
.wp-block-wpe-slider .slider-block__inner {
                height: 480px
        }
    }
.wp-block-wpe-slider .slider-block__image, .wp-block-wpe-slider .slider-block__content {
            flex: 1 1 auto !important;
            min-height: 0;
            min-width: 0;
        }
@media (min-width: 768px) {
.wp-block-wpe-slider .slider-block__image, .wp-block-wpe-slider .slider-block__content {
                flex: 1 1 50% !important;
                height: 480px
        }
    }
@media (min-width: 1024px) {
.wp-block-wpe-slider .slider-block__image {
                flex: 0 0 60% !important;
                max-width: 60%;
        }
    }
.wp-block-wpe-slider .slider-block__image img {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                   object-fit: cover;
                aspect-ratio: 4/3 !important;
            }
@media (min-width: 1024px) {
.wp-block-wpe-slider .slider-block__image img {
                    aspect-ratio: 16/9
            }
    }
.wp-block-wpe-slider .slider-block__content {
            display: flex;
            flex-direction: column;
            padding: 2.5rem;
            gap: 0.75rem;
            align-items: center;
            justify-content: center;
            position: relative;
        }
.wp-block-wpe-slider .slider-block__suptitle {
    font-size: var(--font-size-lg);
    line-height: var(--line-height-lg);
    letter-spacing: var(--letter-spacing-lg);
        }
.wp-block-wpe-slider .slider-block__suptitle {
            font-weight: var(--fw-medium);
            color: var(--color-text-brand);
            padding: 0;
            margin: 0;
        }
.wp-block-wpe-slider .slider-block__title {
    font-size: var(--font-size-3xl);
    line-height: var(--line-height-3xl);
    letter-spacing: var(--letter-spacing-3xl);
        }
.wp-block-wpe-slider .slider-block__title {
            font-weight: var(--fw-semibold);
            color: var(--color-text-brand);
            padding: 0;
            margin: 0;
        }
.wp-block-wpe-slider .slider-block__description {
    font-size: var(--font-size-lg);
    line-height: var(--line-height-lg);
    letter-spacing: var(--letter-spacing-lg);
        }
.wp-block-wpe-slider .slider-block__description {
            color: var(--color-text-secondary);
            padding: 0;
            margin-bottom: 0.75rem;
        }
.wp-block-wpe-slider .hero-carousel-pagination {
        position: absolute;
        bottom: 2rem;
        left: 60%;
        width: 40%;
        justify-content: center;
        align-items: center;
        gap: 0.75rem;
        display: none;
    }
@media (min-width: 1024px) {
.wp-block-wpe-slider .hero-carousel-pagination {
            display: flex
    }
    }
.wp-block-wpe-slider .swiper-pagination {
        display: flex;
        gap: 0.5rem;
        z-index: 10;
    }
.wp-block-wpe-slider .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        background: var(--color-text-brand);
        opacity: 0.5;
        border-radius: var(--radius-full) !important;
        cursor: pointer;
        transition: all 0.3s ease;
    }
.wp-block-wpe-slider .swiper-pagination-bullet:hover {
            opacity: 0.8;
        }
.wp-block-wpe-slider .swiper-pagination-bullet-active {
        opacity: 1;
    }
.wp-block-wpe-slider .swiper-button-prev,
    .wp-block-wpe-slider .swiper-button-next {
        width: 2rem;
        height: 2rem;
        border-radius: var(--radius-full);
        cursor: pointer;
        transition: background 0.3s ease;
        z-index: 10;
    }
.wp-block-wpe-slider .swiper-button-prev:hover, .wp-block-wpe-slider .swiper-button-next:hover {
            color: white;
            background: var(--color-text-brand);
        }
.wp-block-wpe-slider .swiper-button-prev.swiper-button-disabled, .wp-block-wpe-slider .swiper-button-next.swiper-button-disabled {
            opacity: 0.35;
            cursor: not-allowed;
            pointer-events: none;
        }