.homepage__section-wrapper {
    background-color: #e7feff;
    display: flex;
    flex-direction: column
}

.homepage-product__section {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1400px;
    padding: 2rem;
    width: 100%
}

.homepage-product__header-container {
    align-items: center;
    color: inherit;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 2rem;
    width: 100%
}

.homepage-product__header-headline {
    color: inherit;
    font-size: 3.25em;
    text-align: center
}

.homepage-product__header-headline a {
    color: inherit
}

.homepage-product__header-subheadline {
    color: inherit;
    font-size: 1.25em;
    margin-top: 1rem;
    text-align: center
}

.homepage-product__image-container img {
    margin: 0 auto;
    max-height: 500px;
    object-fit: contain
}

#hair {
    background-color: #0bdbdb;
    color: #001c65
}

#hair .subscribe-option p, #hair .subscribe-option svg {
    color: #001c65 !important;
    fill: #001c65
}

#hair .subscribe-option {
    border-color: #001c65
}

#hair .review-section .oke-sr {
    --oke-stars-foregroundColor: #001C65;
    --oke-stars-backgroundColor: #001C65
}

#hair .sec-columns {
    border-color: #001c65
}

#hair .sec-callout-item svg {
    fill: #001c65
}

#sleep {
    color: #fff
}

.homepage-product__callouts-container {
    height: 100%;
    width: 100%
}

.homepage-product__callouts-container .sec-columns {
    align-items: center;
    border-top: 1px solid white;
    display: flex;
    font-weight: 400;
    justify-content: space-around;
    margin: 2rem auto;
    max-width: 400px;
    width: 100%
}

.review-section {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.subscribe-option p, .subscribe-option svg {
    color: #fff !important;
    fill: #fff
}

.homepage-shop-now-slider__section, .homepage-video-slider__section {
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 2rem auto;
    max-width: 1400px;
    width: 100%
}

.homepage-shop-now-slider__headline, .homepage-video-slider__headline {
    color: #001d65;
    font-size: 2.5em;
    padding: 2rem;
    text-align: center;
    width: 100%
}

#sleep .subscribe-option {
    border: 1px solid white
}

#sleep .homepage-product__shop-now-container .subscribe-option .bg-sleep {
    background-color: #fff;
    color: #001d65
}

#sleep .homepage-product__shop-now-container .subscribe-option h5 {
    color: #001d65
}

.sec-callouts {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.sec-callout-item {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8%
}

.sec-callout-item p {
    font-size: 14px;
    line-height: 1;
    margin-bottom: 0;
    font-weight: 400
}

.sec-callout-item svg {
    fill: #333333;
    margin-right: 10px;
    width: 15px
}

.homepage-brand__section {
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 2rem auto;
    max-width: 1400px;
    width: 100%
}

.homepage-brand__copy-container {
    color: #001c65;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 2rem
}

.homepage-brand__headline {
    color: inherit;
    font-size: 2.5em;
    margin-top: 2rem;
    text-align: center
}

.homepage-brand__copy {
    line-height: 1.8;
    text-align: center
}

.homepage-brand__list {
    color: inherit;
    column-gap: 3rem;
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(7, auto);
    margin: 0 auto
}

.homepage-brand__list li {
    margin: 1rem 0
}

.homepage-brand__image-container {
    height: 100%;
    overflow: hidden;
    width: 100%
}

.homepage-brand__image {
    height: 100%;
    max-height: 500px;
    object-fit: cover;
    width: 100%
}

.homepage-shop-now-slider__swiper, .homepage-video-slider__swiper {
    margin: auto;
    overflow: hidden;
    padding: 2rem;
    position: relative;
    width: 100%
}

.homepage-shop-now-slider__swiper .swiper-wrapper, .homepage-video-slider__swiper .swiper-wrapper {
    display: flex;
    width: 100%
}

.homepage-shop-now-slider__product-card, .homepage-video-slider__video-card {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    width: 100%
}

.homepage-shop-now-slider__product-image-wrapper, .homepage-shop-now-slider__product-image-wrapper img {
    height: 100%;
    width: 100%
}

.hompage-shop-now-slider__product-card-headline {
    color: #001c65;
    font-size: 1.25em;
    margin-top: 2rem
}

.homepage-shop-now-slider__product-card-subheadline {
    font-size: .875em;
    margin-top: 2rem
}

.homepage-shop-now-slider__product-card-button {
    margin: 2rem auto;
    width: 100%
}

.homepage-video-slider__preview-image-container {
    align-items: center;
    display: flex;
    height: 100%;
    position: relative;
    justify-content: center;
    width: 100%
}

.homepage-video-slider__preview-image-container img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.homepage-video-slider__preview-image-container svg {
    height: 40px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    width: auto
}

.homepage-video-slider__video {
    display: none
}

@media only screen and (min-width: 1200px) {
    .homepage-product__section {
        border-radius: 20px;
        display: grid;
        grid-template: repeat(5, 1fr) / repeat(10, 1fr);
        max-height: 850px;
        min-height: 850px
    }

    .homepage-product__section#hair {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .homepage-product__header-container {
        align-items: flex-start;
        grid-column: 2/5;
        grid-row: 2/3
    }

    .homepage-product__header-headline, .homepage-product__header-subheadline {
        text-align: left
    }

    .homepage-product__image-container {
        grid-column: 5/-1;
        grid-row: 1/-1;
        height: 100%;
        display: flex;
        align-items: center
    }

    .homepage-product__image-container img {
        max-height: none
    }

    .homepage-product__shop-now-container {
        grid-column: 2/5;
        grid-row: 3/4;
        margin-top: 2rem
    }

    .homepage-product__callouts-container {
        grid-column: 2/5;
        grid-row: 4/5
    }

    .homepage-product__section.reverse .homepage-product__header-container {
        align-items: flex-start;
        grid-column: 7/10;
        grid-row: 2/3
    }

    .homepage-product__section.reverse .homepage-product__image-container {
        grid-column: 1/7;
        grid-row: 1/-1;
        height: 100%;
        display: flex;
        align-items: center
    }

    .homepage-product__section.reverse .homepage-product__shop-now-container {
        grid-column: 7/10;
        grid-row: 3/4;
        margin-top: 2rem
    }

    .homepage-product__section.reverse .homepage-product__callouts-container {
        grid-column: 7/10;
        grid-row: 4/5
    }

    .homepage-brand__section {
        column-gap: 5rem;
        flex-direction: row;
        margin-bottom: 4rem
    }

    .homepage-brand__image-container {
        overflow: initial
    }

    .homepage-brand__image {
        max-height: none
    }

    .homepage-brand__copy-container {
        align-items: flex-start
    }

    .homepage-brand__copy, .homepage-brand__headline {
        text-align: left
    }

    .homepage-brand__list {
        margin-left: 0
    }
}

@media only screen and (min-width: 1400px) {
    .homepage-product__header-headline {
        font-size: 4em
    }

    .homepage-product__header-subheadline {
        font-size: 1.5em
    }

    .homepage-shop-now-slider__headline, .homepage-video-slider__headline, .homepage-brand__headline {
        font-size: 4em
    }
}

.custom-next-button, .custom-prev-button {
    top: 40%;
    transform: translateY(-50%)
}

.custom-next-button-1, .custom-prev-button-1 {
    top: 50%;
    transform: translateY(-50%)
}

.custom-next-button, .custom-prev-button, .custom-next-button-1, .custom-prev-button-1 {
    background-color: #39d9d9;
    border-radius: 50%;
    cursor: pointer;
    padding: 1rem;
    position: absolute;
    z-index: 10
}

.custom-next-button, .custom-next-button-1 {
    right: 0
}

.custom-prev-button, .custom-prev-button-1 {
    left: 0
}

.custom-next-button svg, .custom-prev-button svg, .custom-next-button-1 svg, .custom-prev-button-1 svg {
    fill: #fff;
    height: 30px;
    width: 30px
}