/* 02/09/2026 update v3 */

.main-wrapper {
    opacity: 0;
}

.overflow-hidden {
    overflow: hidden;
}

.animation-split-fade,
.line-split-fade {
    overflow: hidden;
}

.w-richtext figure.w-richtext-align-fullwidth {
    max-width: none !important;
}

.w-richtext figure.w-richtext-align-fullwidth div {
    width: 100% !important;
}

.w-richtext figure.w-richtext-align-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-pagination-bullet {
    width: 6rem;
    height: 6rem;
    border-radius: 300rem;
    background-color: var(--_modes---text);
    opacity: 0.3;
    cursor: pointer;
    transition: all 0.3s ease;
}

.swiper-pagination-bullet-active {
    width: 32rem;
}

.faq--question.open .faq--icon {
    transform: rotate(180deg);
    background-color: #000000;
    color: white;
}

.faq--response {
    height: 0px;
}

.menu--close {
    opacity: 0;
    pointer-events: none;
}

.navbar {
    transition: all 0.3s ease;
}

.navbar.is--scrolled {
    background-color: var(--_modes---navbar-background-color);
    box-shadow: 0 0 0 1px var(--_modes---slider-dots-background);
    padding-top: 16rem;
    padding-bottom: 16rem;
}

.navbar.hidden {
    transform: translateY(-100%);
}

.slide--exploremore--img {
    transform: translateZ(0);
    will-change: transform;
}

.mode--link.is--active .mode--link-icon {
    background-image: url("https://cdn.prod.website-files.com/679a68560de0c4deac6e9efb/67cae669b9d7a864e7ca5a8d_check.svg");
    background-size: cover;
    /* Ensures the image fully covers the element */
    background-position: center;
    /* Centers the image */
    background-repeat: no-repeat;
    box-shadow: none;
}

@media screen and (min-width: 992px) {
    .img--100.is--mobile {
        opacity: 0;
    }
}

[data-wf--request-form--variant="is--white"] .text--field::placeholder {
    color: var(--_colors---grey);
    /* Example color */
}

/* explore--slide: keep portrait-mode padding in all column-view sizes */
/* 480–767px: image is 100vw — same formula as portrait (≤479px) */
@media screen and (min-width: 480px) and (max-width: 767px) {
    .explore--slide {
        padding-bottom: 89vw;
    }
}

/* 768–991px: image switches to 80vw — adjusted to maintain same proportional overlap */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .explore--slide {
        padding-bottom: 60vw;
    }
}