[class*=grid-item] {
    font-size: var(--body-size);
    display: inline-block;
    padding-left: 12px;
    padding-right: 12px;
    vertical-align: top
}

@media (max-width:720px) {
    [class*=grid-item] {
        font-size: var(--body-size-mobile)
    }
}

p:last-of-type {
    margin-bottom: 0
}

.hidden {
    display: none
}

.sr-only {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.shopify-section .index-wrapper .shopify-section.image-with-text-overlay__wrapper+,
.shopify-section .index-wrapper .shopify-section.section-index-newsletter+,
.shopify-section .index-wrapper .shopify-section.section-index-slidingText+,
.shopify-section .index-wrapper .shopify-section.section-index-video+,
.shopify-section .index-wrapper .shopify-section.section-index-video-hero-wrapper+ {
    margin: 0
}

.plyr:fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:fullscreen video {
    height: 100%
}

.plyr:fullscreen .plyr__video-wrapper {
    height: 100%;
    position: static
}

.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:fullscreen.plyr--hide-controls {
    cursor: none
}

@media (min-width:1024px) {
    .plyr:fullscreen .plyr__captions {
        font-size: 21px
    }
}

.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-initialized .slick-slide {
    display: block
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-lock {
    display: none
}

.cart-drawer__top .cart-close-icon:focus-visible svg {
    outline: 1px auto #212121;
    outline: 1px auto -webkit-focus-ring-color
}

@media screen and (max-width:720px) {
    input {
        font-size: 16px
    }
}

localization-form {
    position: relative;
    font-size: var(--body-size)
}

localization-form button {
    padding: 10.5px;
    background-color: transparent
}

localization-form ul.localization__list {
    position: absolute;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
    width: max-content;
    max-height: 50vh;
    overflow: auto
}

localization-form ul.localization__list a {
    display: inline-block;
    width: 100%;
    padding: 10px
}


[class*=grid-item] {
    font-size: var(--body-size);
    display: inline-block;
    padding-left: 12px;
    padding-right: 12px;
    vertical-align: top
}

@media (max-width:720px) {
    [class*=grid-item] {
        font-size: var(--body-size-mobile)
    }
}

.product-images .slick-arrow:focus:not(:focus-visible) {
    background-image: none
}

.slick-list:focus {
    outline: 1px auto var(--outline-color) !important;
    border: 5px var(--link-color-opacity-30)
}

.slideshow-heading h2,
a.show-btn {
    font-family: "DINNeuzeitGrotesk LT Light";
    font-weight: 400
}

.logo-text p,
.slideshow-heading h2,
a.show-btn {
    line-height: normal;
    font-style: normal
}

.logo-img img {
    aspect-ratio: 1/1;
    display: block
}

body,
html {
    padding: 0 !important;
    margin: 0 !important
}

.bottom-para-cont p,
.homepage-subheader.rte p,
.review-slider-heading h2,
.slideshow-heading h2,
a.show-btn {
    text-transform: uppercase
}

.brand-logo-section.container {
    padding: 17px 0;
    position: relative
}

.brand-logo-banner {
    max-width: 1032px;
    margin: auto
}

.brand-logo-banner .slick-track {
    display: flex !important;
    gap: 71px;
    align-items: center
}

.brand-logo-img {
    display: flex !important;
    justify-content: center;
    align-items: center;
    min-width: 144px;
    max-height: 105px
}

.brand-logo-img img {
    height: 100%;
    width: fit-content;
    display: block;
    object-fit: contain;
    max-height: 60px;
}

.brand-logo-section.container:before {
    content: "";
    height: 100%;
    width: 147px;
    background-image: url(/cdn/shop/files/938C2603-45F5-4E7F-9E3F-F381E96C9B24_1.png?v=1729843111);
    position: absolute;
    background-repeat: no-repeat;
    z-index: 1;
    left: 50%;
    top: 0;
    transform: translateX(-50%)
}

.brand-logo-banner .slick-slide {
    float: right !important
}

.slideshow-wrapper {
    max-width: 1721px;
    margin: auto
}

.slideshow-wrapper .slick-track {
    display: flex !important;
    gap: 29px
}

.brand-logo-banner .slick-arrow,
.slideshow-image-overlay:after {
    display: none !important
}

.slideshow-wrapper .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 44px;
    height: 44px;
    padding: 0;
    background: 0 0;
    border: 0;
    transform: translateY(-50%) !important;
    bottom: 0 !important;
    opacity: 1 !important;
    visibility: visible !important
}

.slideshow-wrapper .slick-previous {
    left: -22px !important
}

.slideshow-wrapper .slick-next {
    right: -22px !important
}

.slideshow-wrapper img {
    display: block;
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 22px;
    height: 100% !important
}

.slideshow-container-col {
    padding: 66px 0 70px;
    background: #f7f3ec
}

.slideshow-heading h2 {
    color: #000;
    text-align: center;
    font-size: 25px;
    margin-bottom: 50px
}

.slideshow-wrapper button.slick-arrow:after {
    display: none
}

a.show-btn {
    min-height: 60px;
    width: fit-content;
    margin: 57px auto 0;
    padding: 0 33.2px;
    background: #303030;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 16px;
    letter-spacing: 3.52px
}

section.logo-with-text-banner {
    padding: 22px 0 23px;
    background: #ebe0ce
}

.logo-with-text-banner-container {
    max-width: 1419px;
    margin: auto
}

.logo-card {
    display: flex !important;
    align-items: center !important;
    gap: 9.77px !important
}

.logo-text {
    direction: ltr
}

.logo-with-container-block {
    display: flex;
    justify-content: space-between
}

.logo-img {
    max-width: 85.901px;
    max-height: 85.901px
}

.logo-img img {
    width: 100%;
    object-fit: contain
}

.logo-text p {
    color: #000;
    font-size: 14.317px;
    font-weight: 400;
    max-width: 137px;
    text-align: left
}

section.comparison-img-with-table-container {
    padding: 111px 0 115px;
    background: #f7f3ec
}

.img-with-table-col-block {
    max-width: 1032px;
    margin: auto;
    border-radius: 30px;
    padding: 5px;
    background: radial-gradient(circle at 100% 100%, #f7f3ec 0, #f7f3ec 25px, transparent 25px) 0 0/30px 30px no-repeat, radial-gradient(circle at 0 100%, #f7f3ec 0, #f7f3ec 25px, transparent 25px) 100% 0/30px 30px no-repeat, radial-gradient(circle at 100% 0, #f7f3ec 0, #f7f3ec 25px, transparent 25px) 0 100%/30px 30px no-repeat, radial-gradient(circle at 0 0, #f7f3ec 0, #f7f3ec 25px, transparent 25px) 100% 100%/30px 30px no-repeat, linear-gradient(#f7f3ec, #f7f3ec) 50% 50%/calc(100% - 10px) calc(100% - 60px) no-repeat, linear-gradient(#f7f3ec, #f7f3ec) 50% 50%/calc(100% - 60px) calc(100% - 10px) no-repeat, repeating-linear-gradient(0deg, #f7f3ec 0, #cfab54 100%)
}

.img-with-table-col-block img {
    width: 100%;
    display: block;
    border-radius: 23px;
    height: auto !important
}

.bottom-text-block-cont-col,
.homepage-subheader.rte p {
    display: flex;
    display: flex
}

.bottom-para-cont p {
    color: #000;
    text-align: center;
    font-family: "DINNeuzeitGrotesk LT Light";
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 1.75px;
    max-width: 52%;
    margin: 30px auto 0
}

.bottom-box-card-cont {
    max-width: calc(37% - 8.1px);
    padding: 46px;
    border-radius: 22px;
    background: #fff
}

.bottom-box-card-cont p {
    color: #303030;
    font-family: "DINNeuzeitGrotesk LT Light";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28.739px
}

.reivew-slider-para p,
.review-slider-heading h2 {
    color: #000;
    font-family: "DINNeuzeitGrotesk LT Light";
    text-align: center
}

.bottom-text-block-cont-col {
    justify-content: center;
    gap: 27px;
    margin-top: 71px
}

section.review-container-block {
    padding: 120px 0 120px 101px;
    background: #f5eee4
}

.review-slider-heading h2 {
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 32px
}

.reivew-slider-para p {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    max-width: 34%;
    margin: auto
}

.homepage-subheader.rte p {
    font-family: "DINNeuzeitGrotesk LT Light";
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

.homepage-subheader.rte p {
    align-items: center;
    color: #303030;
    line-height: normal;
    letter-spacing: 3.52px
}

.shopify-section-group-footer-group {
    background: #f4eee4 !important;
    padding: 0 !important
}

localization-form button.disclosure__button.alt-focus {
    padding: 10.5px 0 !important;
    background-color: transparent;
    color: #646464;
    font-family: "DINNeuzeitGrotesk LT Light";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.disclosure svg {
    margin-left: 10px
}

.homepage-subheader.rte:hover p {
    color: #7d7d7d
}

@media screen and (max-width:1740px) {
    .slideshow-wrapper {
        max-width: 100% !important;
        margin: auto;
        padding: 0 40px
    }

    .slideshow-wrapper .slick-previous {
        left: 18px !important
    }

    .slideshow-wrapper .slick-next {
        right: 18px !important
    }
}

@media screen and (max-width:1440px) {
    .bottom-para-cont p {
        max-width: 80%
    }
}

@media screen and (max-width:990px) {
    section.comparison-img-with-table-container {
        padding: 80px 20px;
        background: #f7f3ec
    }

    .bottom-para-cont p {
        font-size: 20px;
        line-height: 30px;
        max-width: 100%
    }

    .bottom-text-block-cont-col {
        gap: 20px;
        margin-top: 50px
    }

    .bottom-box-card-cont {
        max-width: calc(50% - 8.1px);
        padding: 30px
    }

    section.review-container-block {
        padding: 50px 40px
    }

    .reivew-slider-para p {
        max-width: 80%
    }

    .review-slider-heading h2 {
        margin-bottom: 20px
    }

    a.show-btn {
        min-height: 50px;
        font-size: 12px
    }
}

@media screen and (max-width:767px) {
    .brand-logo-section.container {
        padding: 14px 0
    }

    .brand-logo-img img {
        width: 80px;
        max-height: 50px
    }

    .brand-logo-img {
        min-height: 105px
    }

    img.moblie-img {
        display: block !important
    }

    img.desktop-img {
        display: none
    }

    .slideshow-heading h2 {
        font-size: 20px
    }

    .slideshow-wrapper {
        padding: 0 20px
    }

    a.show-btn {
        min-height: 50px;
        margin: 40px auto 0;
        padding: 0 20.2px;
        font-size: 12px
    }

    .slideshow-container-col {
        padding: 40px 0
    }

    .bottom-para-cont p {
        font-size: 16px;
        line-height: 25px;
        margin: 30px auto 0;
        max-width: 100%
    }

    .bottom-text-block-cont-col {
        gap: 20px;
        margin-top: 40px;
        flex-direction: column
    }

    .bottom-box-card-cont {
        max-width: 100%;
        padding: 20px;
        border-radius: 22px;
        background: #fff
    }

    section.comparison-img-with-table-container,
    section.review-container-block {
        padding: 40px 20px
    }

    .review-slider-heading h2 {
        font-size: 20px;
        margin-bottom: 21px
    }

    .reivew-slider-para p {
        max-width: 100%
    }

    .reivew-slider-para {
        margin-bottom: 30px
    }

    .img-with-table-col-block {
        border-radius: 30px;
        padding: 5px
    }

    .logo-text p {
        max-width: 107px
    }
}
.height-inherit {
    height: inherit;
}
img.is-lazy {
    width: 100%;
}
.blog-post-card__title {
    font-family: "DINNeuzeitGrotesk LT Light";
    color: #000;
    line-height: 24px;
    letter-spacing: normal;
    text-transform: none;
}
.blog-post-card__excerpt.rte {
    color: #646464;
}
.blog-post-card__excerpt.rte, 
.blog-post-card .text-link-animated a {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
@media screen and (max-width: 767px){
h2.section-title {
    text-align: center !important;
    font-size: 28px !important;
}}