@media (min-width: 768px) {
    .container {
        max-width: 768px;
        padding-right: 2.5rem;
        padding-left: 2.5rem
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media (min-width: 1440px) {
    .container {
        max-width: 1440px;
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media (min-width: 768px) {
.flex-columns-wrapper {
flex-direction: row
}
    }

@media (min-width: 1024px) {
        .page-layout-2columns-left .columns, .page-layout-2columns-right .columns, .page-layout-3columns .columns {
                grid-template-columns: repeat(4, minmax(0, 1fr))
        }

            .page-layout-2columns-left .columns .main, .page-layout-2columns-right .columns .main, .page-layout-3columns .columns .main {
                grid-column: span 3 / span 3
        }

            .page-layout-2columns-left .columns .sidebar, .page-layout-2columns-right .columns .sidebar, .page-layout-3columns .columns .sidebar {
                grid-column: span 1 / span 1
        }
                .page-layout-2columns-left.interactiv4_glossary-word-view .columns .sidebar, .page-layout-2columns-right.interactiv4_glossary-word-view .columns .sidebar, .page-layout-3columns.interactiv4_glossary-word-view .columns .sidebar {
                grid-column: span 1 / span 1
        }
            .page-layout-2columns-left .columns .sidebar, .page-layout-3columns .columns .sidebar {
                order: 1
        }

            .page-layout-2columns-left .columns .sidebar ~ .sidebar-additional, .page-layout-3columns .columns .sidebar ~ .sidebar-additional {
                order: 3
        }
        .page-layout-2columns-right .sidebar-main, .page-layout-2columns-right.page-with-filter .sidebar-main {
                order: 3
        }
            .page-layout-3columns .columns .sidebar-additional {
                grid-column-start: 4
        }
}

@media (min-width: 768px) {
.input {
margin-right: 1rem
}
    }

@media (min-width: 1024px) {
.input {
margin-right: 0px
}
    }

@media (min-width: 1440px) {
.input {
margin-right: 1rem
}
    }

@media (min-width: 768px) {
    .h1,
h1 {
        font-size: 2rem
    }
}

@media (min-width: 768px) {
    .h2,
h2 {
        font-size: 1.5rem
    }
}

@media (min-width: 768px) {
    .h3,
h3 {
        font-size: 1.5rem
    }
}

@media (min-width: 768px) {
    .h4,
h4 {
        font-size: 1.25rem
    }
}

@media (min-width: 768px) {
    .h5,
h5,
.h6,
h6 {
        font-size: 0.875rem;
        line-height: 22px
    }
}


                @media (min-width: 1024px) {
            .slider-arrows-top .p-slider__arrow:hover {
                        color: #00A88C
            }
                }

@media (min-width: 1024px) {
                .footer .footer__top .newsletter__content input#newsletter {
                                color: #1A1D32
                }
            .footer .footer__middle--left {
                                grid-column: span 3 / span 3
                }

        .footer__middle-wrapper {
                                display: grid;
                                grid-template-columns: repeat(4, minmax(0, 1fr));
                                gap: 1rem
                }
}

@media (min-width: 1024px) {
    .footer-links p:after {
        display: none
    }
}

@media (min-width: 1024px) {
    .t-nav .category-item a.btn-link {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem
    }
}

@media (min-width: 1024px) {
        .t-nav .category-item {
                position: static;
                border-width: 0px;
                padding-bottom: 0.5rem;
                padding-top: 0px;
        }

            .t-nav .category-item.level0 {
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        }

            .t-nav .category-item.level-top {
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        }
                    .t-nav .category-item.level-top:first-child:before {
                position: absolute;
                top: 0px;
                left: 0px;
                display: block;
                height: 1.5rem;
                width: 100%;
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255 / var(--tw-bg-opacity));
                --tw-content: '';
                content: var(--tw-content);
        }
[data-content-type$='block'] .t-nav .category-item.level-top:first-child p:last-child:before {
                margin-bottom: 1rem;
                margin-top: 0px;
        }
                    .t-nav .category-item.level-top:last-child:before {
                position: absolute;
                bottom: 0px;
                left: 0px;
                display: block;
                height: 1.5rem;
                width: 100%;
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255 / var(--tw-bg-opacity));
                --tw-content: '';
                content: var(--tw-content);
        }
[data-content-type$='block'] .t-nav .category-item.level-top:last-child p:last-child:before {
                margin-bottom: 1rem;
                margin-top: 0px;
        }

            .t-nav .category-item a {
                border-width: 0px;
                padding-left: 0.625rem;
                padding-right: 0.625rem;
                padding-top: 0.75rem;
                padding-bottom: 0.75rem;
        }

                .t-nav .category-item a span {
                z-index: 1;
        }

                .t-nav .category-item a:before {
                transition-property: all;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-duration: 300ms;
        }

                .t-nav .category-item a.level-top {
                z-index: 3;
        }

                .t-nav .category-item a::before {
                z-index: -1;
        }

            .t-nav .category-item .parent::after {
                content: var(--tw-content);
                display: none;
        }
                .t-nav .category-item.level0::after {
                z-index: 4;
        }
                .t-nav .category-item .level-top.parent:after {
                display: block;
        }
[data-content-type$='block'] .t-nav .category-item .level-top.parent p:last-child:after {
                margin-bottom: 1rem;
                margin-top: 0px;
        }
                .t-nav .category-item:hover > .submenu {
                pointer-events: auto;
                left: 100%;
                background-color: var(--bg-color-sub);
                opacity: 1;
        }

                    .t-nav .category-item:hover > .submenu .submenu {
                display: none;
        }

                .t-nav .category-item:hover a:before {
                width: 100%;
        }

            .t-nav .category-item .submenu {
                content-visibility: visible;
                border-bottom: 12px solid var(--bg-color-sub);
                pointer-events: none;
                position: absolute;
                top: 0px;
                right: auto;
                left: 0px;
                z-index: -1;
                width: 640px;
                --tw-translate-x: 0px;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                padding-top: 1.5rem;
                padding-bottom: 1.5rem;
                padding-left: 4rem;
                padding-right: 4rem;
                opacity: 0;
                transition-property: all;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-duration: 300ms;
            }

        .t-nav .submenu-items {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
        }

            .t-nav .submenu-items a {
                padding-top: 0.75rem;
                padding-bottom: 0.75rem;
                padding-left: 1rem;
                padding-right: 1rem;
        }

            .t-nav .submenu-items a:hover {
                color: #757575;
        }

            .t-nav .submenu-items + .submenu-link {
                pointer-events: none;
                margin-bottom: 0.5rem;
                padding-left: 1rem;
                font-weight: 600;
        }

        .t-nav .submenu {
                flex-direction: row;
        }
    }

@media (min-width: 1024px) {
                .t-nav li.has-cms .submenu {
                                padding-left: 2rem;
                }

                .t-nav li.has-cms .submenu-inner {
                                display: flex;
                }
                        .t-nav li.has-cms .submenu-inner .submenu-container .submenu-items {
                                grid-template-columns: repeat(1, minmax(0, 1fr));
                }

                    .t-nav li.has-cms .submenu-inner .submenu-block {
                                margin-top: 0px;
                                flex-shrink: 0;
                }
        .submenu::-webkit-scrollbar {
            width: 10px;
        }

        .submenu::-webkit-scrollbar-track {
            background: rgba(255, 255, 255, 0.2);
        }

        .submenu::-webkit-scrollbar-thumb {
            width: 6px;
            background-color: #969696;
            background-clip: padding-box;
            border: 2px solid transparent;
        }
}

@media (min-width: 768px) {
    [data-content-type='row'][data-appearance='contained'] {
        max-width: 768px;
        padding-right: 2.5rem;
        padding-left: 2.5rem
    }
}

@media (min-width: 1024px) {
    [data-content-type='row'][data-appearance='contained'] {
        max-width: 1024px;
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media (min-width: 1440px) {
    [data-content-type='row'][data-appearance='contained'] {
        max-width: 1440px;
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media (min-width: 768px) {
    [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner {
        max-width: 768px;
        padding-right: 2.5rem;
        padding-left: 2.5rem
    }
}

@media (min-width: 1024px) {
    [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner {
        max-width: 1024px;
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media (min-width: 1440px) {
    [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner {
        max-width: 1440px;
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media (min-width: 1024px) {
    [data-content-type='column-line'] {
        flex-wrap: nowrap
    }
}

@media (min-width: 1024px) {
[data-content-type='column'] {
        flex-basis: auto
}
    }

@media (min-width: 1024px) {
            .page-product-bundle .bundle-info a.pagebuilder-button-primary,.page-product-bundle .bundle-info  button.pagebuilder-button-primary,.page-product-bundle .bundle-info  div.pagebuilder-button-primary {
                        width: 16rem;
                        flex-grow: 0
            }
}

@media (min-width: 1024px) {
            .page-product-bundle .bundle-info a.pagebuilder-button-secondary,.page-product-bundle .bundle-info  button.pagebuilder-button-secondary,.page-product-bundle .bundle-info  div.pagebuilder-button-secondary {
                        width: 16rem;
                        flex-grow: 0
            }
}

@media (min-width: 1024px) {
            .page-product-bundle .bundle-info a.pagebuilder-button-accent,.page-product-bundle .bundle-info  button.pagebuilder-button-accent,.page-product-bundle .bundle-info  div.pagebuilder-button-accent {
                        width: 16rem;
                        flex-grow: 0
            }
}

@media (min-width: 1024px) {
    [data-content-type='image'] .pagebuilder-mobile-hidden {
        display: block
    }
    [data-content-type='image'] .pagebuilder-mobile-only {
        display: none
    }
}

@media (min-width: 768px) {
    [data-content-type='banner'] .pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
        max-width: 36rem
    }
}

@media (min-width: 768px) {
    [data-content-type='slide'] .pagebuilder-slide-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
        max-width: 32rem
    }
}

@media (min-width: 768px) {
.products--grid {
grid-template-columns: repeat(3, minmax(0, 1fr))
}

        .products--grid .product {
border-right-width: 1px
}

            .products--grid .product:nth-of-type(3n) {
border-right-width: 0px
}
    }

@media (min-width: 1024px) {
.products--grid {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
            .products--grid .product:nth-of-type(3n) {
border-right-width: 1px
}

            .products--grid .product:nth-of-type(4n) {
border-right-width: 0px
}
    }

@media (min-width: 1024px) {
                .checkout-cart-index .cart-products-toolbar > div p {
                                grid-column: span 2 / span 2;
                                margin-bottom: 0px
                }
            }

@media (min-width: 768px) {
    .checkout-cart-index .top-cart-wrapper button {
        width: 100%;
        max-width: 200px
    }
}

@media (min-width: 1024px) {
.checkout-cart-index .cart-wrapper {
            grid-template-columns: 1fr 417px;
            grid-template-areas: 'products free' 'products summary' 'atida-cash summary' 'additional additional';
            grid-template-rows: auto minmax(0,1fr)
    }
        }

@media (min-width: 768px) {
    .checkout-cart-index .cart--additional {
        margin-right: 0px
    }
}

@media (min-width: 768px) {
.cart-items {
        grid-template-areas: "photo name name name"
            "photo info info info"
            "photo stock stock stock"
            "photo qty actions price"
            "photo left left price"
}
    }

@media (min-width: 1024px) {
    .aa-Autocomplete {
        padding: 0px
    }
}

@media (min-width: 1024px) {
    .aa-Autocomplete--inactive .aa-Input {
        padding-left: 3rem
    }
}

@media (min-width: 1024px) {
    .aa-Autocomplete--inactive .aa-Label {
        left: 0px;
        right: auto;
        background-color: transparent;
        color: #1A1D32
    }
}

@media (min-width: 768px) {
    .aa-Panel [data-autocomplete-source-id="querySuggestionsPlugin"] {
        border-right-width: 1px
    }
}

@media (min-width: 768px) {
    .aa-Panel [data-autocomplete-source-id="categories"] {
        border-right-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(214 213 210 / var(--tw-border-opacity))
    }
}

@media (min-width: 768px) {
    .aa-Panel [data-autocomplete-source-id="brands"] {
        display: flex;
        border-top-width: 1px;
        border-right-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(214 213 210 / var(--tw-border-opacity))
    }
}

@media (min-width: 768px) {
        .aa-Panel .aa-SourceWrapper {
            grid-template-rows: auto auto 1fr;
            grid-template-areas: "suggestions products" "categories products" "brands products";
        }

        .aa-Panel [data-autocomplete-source-id] {
                padding: 1rem;
        }
    }

@media (min-width: 768px) {
    .position-5 {
        grid-row: 2;
    }
    .position-6 {
        grid-row: 3;
    }

    .position-13 {
        grid-row: 5;
    }
    .position-14 {
        grid-row: 7;
    }
}

@media (min-width: 1024px) {
    .ais-Hits-item .banner {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
}

@media (min-width: 1024px) {
    .filter-option .filter-options-title {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem
    }
}

@media (min-width: 1024px) {
    .filter-option .filter-options-title-icon {
        display: none
    }
}

@media (min-width: 1024px) {
    .filter-option .filter-options-content {
        margin-bottom: 1.5rem;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0.75rem
    }
}

@media (min-width: 1024px) {
    .filter-option .am-show-more {
        left: 0px;
        bottom: 0px
    }
}

@media (min-width: 768px) {
    .cms-brands .brands-heading:before {
        height: 14rem
    }
}

@media (min-width: 768px) {
    .am-brand-search-wrapper {
        width: 24rem
    }
}

@media (min-width: 768px) {
    .product-info-main p.title-font > strong {
        display: block
    }
}

@media (min-width: 1024px) {
    .ambrands-slider-container .amslider .swiper-button-prev {
        left: -2.5rem
    }
}

@media (min-width: 1024px) {
    .ambrands-slider-container .amslider .swiper-button-next {
        right: -2.5rem
    }
}

@media (min-width: 1024px) {
    .catalog-product-view .yotpo .main-widget .write-question-review-buttons-container .write-question-review-button {
        width: 250px !important
    }
}

@media (min-width: 768px) {
    #review-list .pager .item,
        #review-list .pager .action {
        height: 2.5rem;
        width: 2.5rem
    }
}

@media (min-width: 768px) {
    .amrma-steps.full-progress .amrma-step.-complete:before {
        margin-top: 0.125rem
    }
}

@media (min-width: 768px) {
    .amrma-steps .amrma-step.-complete:after {
        top: -0.25rem
    }
}

@media (min-width: 768px) {
        .table-returns-items .item-row td::before {
                display: none
        }
}

@media (min-width: 768px) {
    .progress-bar::before {
        top: 0.625rem;
        left: 0px;
        height: 3px;
        width: 100%
    }

    .progress-bar::after {
        top: 0.625rem !important;
        left: 0px;
        height: 3px;
        --tw-bg-opacity: 1;
        background-color: rgb(18 148 116 / var(--tw-bg-opacity))
    }
}

@media (min-width: 1024px) {
    .amblog-author-info .more-less-button {
        display: none !important
    }
    .amblog-author-info .more-less-text {
        max-height: 100% !important
    }
}

@media (min-width: 1024px) {
    .vault-cards-listaction #lyra_rest_form .kr-smart-form {
        width: 300px
    }
}

@media (min-width: 1024px) {
.tooltip.desktop-only.active {
display: block
}
[data-content-type$='block'] .tooltip.desktop-only.active p:last-child {
margin-bottom: 1rem;
margin-top: 0px
}
        }

@media (min-width: 1024px) {
    .page-products .without-image {
        min-height: 11rem
    }
}

@media (min-width: 768px) {
    .page-products .with-image {
        min-height: 228px
    }
}

@media (min-width: 1024px) {
    .page-products .with-image {
        min-height: 256px
    }
}

@media (min-width: 1024px) {
.sales-order-view .page-title h1 {
margin-bottom: 0px;
width: auto}
.sales-order-view .page-title {
margin-bottom: 0px;
justify-content: flex-start}}

@media (min-width: 1024px) {
            .page-product-bundle .bundle-info .sales-order-view .track-link {
                        width: 16rem;
                        flex-grow: 0
            }
}

@media (min-width: 1024px) {
.sales-order-view .track-link {
width: auto;
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
font-size: 0.75rem !important;
line-height: 1.25rem !important
}
        }

@media (min-width: 1024px) {
.account address > p {
font-size: 1.125rem
}
.account address {
font-size: 0.875rem;
line-height: 22px
}
            }

@media (min-width: 768px) {
.catalog-product-view .sticky-price .price-container-wrapper {
flex-direction: column-reverse;
text-align: right
}
            }

@media (min-width: 1024px) {
            .page-product-grouped .product-info .addtocart-container {
                        width: 16rem;
                        flex-grow: 0
            }
                .page-product-grouped .product-info .price-box .price {
                        font-size: 0.875rem;
                        line-height: 22px
            }
            .page-product-bundle .bundle-info .btn {
                        width: 16rem;
                        flex-grow: 0
            }
}

@media (min-width: 768px) {
                .product-info .swatch-attribute-options .swatch-option.visual-swatch {
                                height: 2.5rem;
                                width: 2.5rem
                }

                    .product-info .swatch-attribute-options .swatch-option.visual-swatch::before {
                                left: -0.375rem;
                                top: -0.375rem;
                                height: 3rem;
                                width: 3rem
                }

                    .product-info .swatch-attribute-options .swatch-option.visual-swatch::after {
                                left: -0.25rem;
                                top: -0.25rem;
                                height: 2.75rem;
                                width: 2.75rem
                }
}

@media (min-width: 1024px) {
.cms-page-view .container-text {
width: 66.666667%
}
    }

@media (min-width: 1440px) {
.cms-index-index .category-slider ul {
margin-left: -0.75rem;
margin-right: -0.75rem
}
      }

@media (min-width: 1024px) {
.cms-index-index .category-slider ul {
margin-left: -15px;
margin-right: -15px
}
      }

@media (min-width: 768px) {
.cms-index-index .category-slider ul {
margin-left: -10px;
margin-right: -10px
}
      }

@media (min-width: 1024px) {
    .cms-index-index .info-list li div {
        background-color: rgb(255 255 255 / 0.3)
    }
}

@media (min-width: 1024px) {
        .ais-wrap {
                grid-template-columns: 2fr 10fr;
            grid-template-areas: "sidebar toolbar" "sidebar content" "sidebar .";
        }

        .ais-sidebar {
            grid-area: sidebar;
        }

        .ais-toolbar {
            grid-area: toolbar;
        }

        .ais-content {
            grid-area: content;
        }
}

@media (min-width: 768px) {
    .ais-Pagination-link {
        height: 2.5rem;
        width: 2.5rem;
        font-size: 1rem
    }
}

@media (min-width: 1024px) {
            .page-product-bundle .bundle-info .ais-Pagination-item--previousPage {
                        width: 16rem;
                        flex-grow: 0
            }
}

@media (min-width: 1024px) {
            .page-product-bundle .bundle-info .ais-Pagination-item--nextPage {
                        width: 16rem;
                        flex-grow: 0
            }
}

@media (min-width: 768px) {
            .ais-list-mode .ais-Hits-item__content {

                        grid-template-columns:
                    1fr 1fr 1fr;

                grid-template-areas:
                    "image name box"
            }
        }

@media (min-width: 1024px) {
            .page-product-bundle .bundle-info .ais-RangeInput-submit {
                        width: 16rem;
                        flex-grow: 0
            }
}

@media (min-width: 1024px) {
    .ais-Panel {
        border-width: 0px;
        padding-bottom: 1rem
    }
}

@media (min-width: 1024px) {
    .ais-Panel.active .ais-Panel-body {
        padding-bottom: 0px
    }
    .ais-Panel-header {
        margin-bottom: 1rem;
        border-bottom-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(214 213 210 / var(--tw-border-opacity))
    }
}

@media (min-width: 1024px) {
    .ais-Panel-header .name:after {
        display: none
    }
}

@media (min-width: 1024px) {
    .ais-Panel-body {
        height: auto;
        padding-left: 0px;
        padding-right: 0px
    }
}

@media (min-width: 1024px) {
.ais-ClearRefinements-button {
font-size:
        1rem


}
.promo-page {
        grid-template-areas:
        's d d d'
        's c c c'


}

        .promo-page .category-description {
            grid-area: d;
        }

        .promo-page .sidebar {
            grid-area: s;
        }
        .promo-page .column.main {
            grid-area: c;
        }


}

@media (min-width: 1440px) {
        .wishlist-index-index .products--grid {
                grid-template-columns: repeat(5, minmax(0, 1fr))
        }
                .wishlist-index-index .products--grid .product:nth-of-type(4n) {
                border-right-width: 1px
        }

                .wishlist-index-index .products--grid .product:nth-of-type(5n) {
                border-right-width: 0px
        }
    }

@media (min-width: 768px) {
            .wishlist-index-index .products--list form.product {
                        gap: 2rem;
                        padding-right: 1.5rem
            }

            .wishlist-index-index .products--list .product__details {
                        gap: 2rem
            }

            .wishlist-index-index .products--list .product__details-content {
                        width: auto;
                        flex: 1 1 0%
            }
        }

@media (min-width: 768px) {
    .md\:container {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-right: 1rem;
        padding-left: 1rem
    }
    @media (min-width: 375px) {
        .md\:container {
            max-width: 375px;
            padding-right: 1rem;
            padding-left: 1rem
        }
    }
    @media (min-width: 768px) {
        .md\:container {
            max-width: 768px;
            padding-right: 2.5rem;
            padding-left: 2.5rem
        }
    }
    @media (min-width: 1024px) {
        .md\:container {
            max-width: 1024px;
            padding-right: 4rem;
            padding-left: 4rem
        }
    }
    @media (min-width: 1440px) {
        .md\:container {
            max-width: 1440px;
            padding-right: 4rem;
            padding-left: 4rem
        }
    }
}
@media (min-width: 768px) {
    .md\:container {
        max-width: 768px;
        padding-right: 2.5rem;
        padding-left: 2.5rem
    }
}
@media (min-width: 1024px) {
    .md\:container {
        max-width: 1024px;
        padding-right: 4rem;
        padding-left: 4rem
    }
}
@media (min-width: 1440px) {
    .md\:container {
        max-width: 1440px;
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media (min-width: 1024px) {
    .lg\:container {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-right: 1rem;
        padding-left: 1rem
    }
    @media (min-width: 375px) {
        .lg\:container {
            max-width: 375px;
            padding-right: 1rem;
            padding-left: 1rem
        }
    }
    @media (min-width: 768px) {
        .lg\:container {
            max-width: 768px;
            padding-right: 2.5rem;
            padding-left: 2.5rem
        }
    }
    @media (min-width: 1024px) {
        .lg\:container {
            max-width: 1024px;
            padding-right: 4rem;
            padding-left: 4rem
        }
    }
    @media (min-width: 1440px) {
        .lg\:container {
            max-width: 1440px;
            padding-right: 4rem;
            padding-left: 4rem
        }
    }
}
@media (min-width: 768px) {
    .lg\:container {
        max-width: 768px;
        padding-right: 2.5rem;
        padding-left: 2.5rem
    }
}
@media (min-width: 1024px) {
    .lg\:container {
        max-width: 1024px;
        padding-right: 4rem;
        padding-left: 4rem
    }
}
@media (min-width: 1440px) {
    .lg\:container {
        max-width: 1440px;
        padding-right: 4rem;
        padding-left: 4rem
    }
}

@media (min-width: 768px) {
    .md\:invisible {
        visibility: hidden
    }
    .md\:static {
        position: static
    }
    .md\:fixed {
        position: fixed
    }
    .md\:absolute {
        position: absolute
    }
    .md\:relative {
        position: relative
    }
    .md\:inset-auto {
        inset: auto
    }
    .md\:-left-full {
        left: -100%
    }
    .md\:-right-full {
        right: -100%
    }
    .md\:bottom-auto {
        bottom: auto
    }
    .md\:bottom-full {
        bottom: 100%
    }
    .md\:left-0 {
        left: 0px
    }
    .md\:left-1\/2 {
        left: 50%
    }
    .md\:left-auto {
        left: auto
    }
    .md\:right-0 {
        right: 0px
    }
    .md\:right-12 {
        right: 3rem
    }
    .md\:right-7 {
        right: 1.75rem
    }
    .md\:right-auto {
        right: auto
    }
    .md\:top-0 {
        top: 0px
    }
    .md\:top-7 {
        top: 1.75rem
    }
    .md\:top-auto {
        top: auto
    }
    .md\:top-full {
        top: 100%
    }
    .md\:z-0 {
        z-index: 0
    }
    .md\:order-1 {
        order: 1
    }
    .md\:order-3 {
        order: 3
    }
    .md\:order-none {
        order: 0
    }
    .md\:col-start-2 {
        grid-column-start: 2
    }
    .md\:col-end-12 {
        grid-column-end: 12
    }
    .md\:row-span-2 {
        grid-row: span 2 / span 2
    }
    .md\:row-start-1 {
        grid-row-start: 1
    }
    .md\:row-end-4 {
        grid-row-end: 4
    }
    .md\:-mx-4 {
        margin-left: -1rem;
        margin-right: -1rem
    }
    .md\:mx-0 {
        margin-left: 0px;
        margin-right: 0px
    }
    .md\:mx-4 {
        margin-left: 1rem;
        margin-right: 1rem
    }
    .md\:mx-5 {
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }
    .md\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }
    .md\:my-0 {
        margin-top: 0px;
        margin-bottom: 0px
    }
    .md\:my-9 {
        margin-top: 2.25rem;
        margin-bottom: 2.25rem
    }
    .md\:-mt-4 {
        margin-top: -1rem
    }
    .md\:mb-0 {
        margin-bottom: 0px
    }
    .md\:mb-10 {
        margin-bottom: 2.5rem
    }
    .md\:mb-12 {
        margin-bottom: 3rem
    }
    .md\:mb-14 {
        margin-bottom: 3.5rem
    }
    .md\:mb-15 {
        margin-bottom: 60px
    }
    .md\:mb-16 {
        margin-bottom: 4rem
    }
    .md\:mb-24 {
        margin-bottom: 6rem
    }
    .md\:mb-3 {
        margin-bottom: 0.75rem
    }
    .md\:mb-4 {
        margin-bottom: 1rem
    }
    .md\:mb-5 {
        margin-bottom: 1.25rem
    }
    .md\:mb-6 {
        margin-bottom: 1.5rem
    }
    .md\:mb-7 {
        margin-bottom: 1.75rem
    }
    .md\:mb-8 {
        margin-bottom: 2rem
    }
    .md\:mb-9 {
        margin-bottom: 2.25rem
    }
    .md\:ml-0 {
        margin-left: 0px
    }
    .md\:ml-2 {
        margin-left: 0.5rem
    }
    .md\:ml-4 {
        margin-left: 1rem
    }
    .md\:ml-6 {
        margin-left: 1.5rem
    }
    .md\:ml-auto {
        margin-left: auto
    }
    .md\:mr-0 {
        margin-right: 0px
    }
    .md\:mr-4 {
        margin-right: 1rem
    }
    .md\:mr-5 {
        margin-right: 1.25rem
    }
    .md\:mr-6 {
        margin-right: 1.5rem
    }
    .md\:mr-8 {
        margin-right: 2rem
    }
    .md\:mr-auto {
        margin-right: auto
    }
    .md\:mt-0 {
        margin-top: 0px
    }
    .md\:mt-0\.5 {
        margin-top: 0.125rem
    }
    .md\:mt-10 {
        margin-top: 2.5rem
    }
    .md\:mt-12 {
        margin-top: 3rem
    }
    .md\:mt-5 {
        margin-top: 1.25rem
    }
    .md\:mt-6 {
        margin-top: 1.5rem
    }
    .md\:line-clamp-1 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1
    }
    .md\:\!block {
        display: block !important
    }
    .md\:block {
        display: block
    }
    .md\:inline-block {
        display: inline-block
    }
    .md\:inline {
        display: inline
    }
    .md\:flex {
        display: flex
    }
    .md\:table-header-group {
        display: table-header-group
    }
    .md\:table-row {
        display: table-row
    }
    .md\:grid {
        display: grid
    }
    .md\:\!hidden {
        display: none !important
    }
    .md\:hidden {
        display: none
    }
    .md\:h-10 {
        height: 2.5rem
    }
    .md\:h-12 {
        height: 3rem
    }
    .md\:h-24 {
        height: 6rem
    }
    .md\:h-3 {
        height: 0.75rem
    }
    .md\:h-56 {
        height: 14rem
    }
    .md\:h-6 {
        height: 1.5rem
    }
    .md\:h-\[400px\] {
        height: 400px
    }
    .md\:h-auto {
        height: auto
    }
    .md\:h-full {
        height: 100%
    }
    .md\:min-h-\[228px\] {
        min-height: 228px
    }
    .md\:min-h-\[350px\] {
        min-height: 350px
    }
    .md\:min-h-\[450px\] {
        min-height: 450px
    }
    .md\:w-1\/2 {
        width: 50%
    }
    .md\:w-1\/6 {
        width: 16.666667%
    }
    .md\:w-10 {
        width: 2.5rem
    }
    .md\:w-2\/3 {
        width: 66.666667%
    }
    .md\:w-2\/5 {
        width: 40%
    }
    .md\:w-24 {
        width: 6rem
    }
    .md\:w-3\/12 {
        width: 25%
    }
    .md\:w-3\/4 {
        width: 75%
    }
    .md\:w-4 {
        width: 1rem
    }
    .md\:w-6 {
        width: 1.5rem
    }
    .md\:w-6\/12 {
        width: 50%
    }
    .md\:w-64 {
        width: 16rem
    }
    .md\:w-9\/12 {
        width: 75%
    }
    .md\:w-\[30\%\] {
        width: 30%
    }
    .md\:w-\[38\%\] {
        width: 38%
    }
    .md\:w-\[400px\] {
        width: 400px
    }
    .md\:w-\[480px\] {
        width: 480px
    }
    .md\:w-\[62\%\] {
        width: 62%
    }
    .md\:w-\[70\%\] {
        width: 70%
    }
    .md\:w-\[70px\] {
        width: 70px
    }
    .md\:w-\[calc\(50\%-8px\)\] {
        width: calc(50% - 8px)
    }
    .md\:w-auto {
        width: auto
    }
    .md\:w-full {
        width: 100%
    }
    .md\:min-w-\[150px\] {
        min-width: 150px
    }
    .md\:min-w-button {
        min-width: 16.5rem
    }
    .md\:max-w-264 {
        max-width: 264px
    }
    .md\:max-w-\[400px\] {
        max-width: 400px
    }
    .md\:max-w-\[440px\] {
        max-width: 440px
    }
    .md\:max-w-\[480px\] {
        max-width: 480px
    }
    .md\:max-w-lg {
        max-width: 32rem
    }
    .md\:max-w-md {
        max-width: 28rem
    }
    .md\:flex-none {
        flex: none
    }
    .md\:-translate-x-1\/2 {
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .md\:-translate-x-1\/3 {
        --tw-translate-x: -33.333333%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .md\:cursor-default {
        cursor: default
    }
    .md\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .md\:grid-cols-\[177px_auto_auto_1fr\] {
        grid-template-columns: 177px auto auto 1fr
    }
    .md\:grid-cols-\[3fr\2c 5fr\] {
        grid-template-columns: 3fr 5fr
    }
    .md\:grid-cols-\[60\%_40\%\] {
        grid-template-columns: 60% 40%
    }
    .md\:grid-cols-\[75\%_25\%\] {
        grid-template-columns: 75% 25%
    }
    .md\:flex-row {
        flex-direction: row
    }
    .md\:flex-col {
        flex-direction: column
    }
    .md\:flex-wrap {
        flex-wrap: wrap
    }
    .md\:flex-nowrap {
        flex-wrap: nowrap
    }
    .md\:content-center {
        align-content: center
    }
    .md\:items-center {
        align-items: center
    }
    .md\:justify-start {
        justify-content: flex-start
    }
    .md\:justify-end {
        justify-content: flex-end
    }
    .md\:justify-between {
        justify-content: space-between
    }
    .md\:gap-0 {
        gap: 0px
    }
    .md\:gap-3 {
        gap: 0.75rem
    }
    .md\:gap-4 {
        gap: 1rem
    }
    .md\:gap-5 {
        gap: 1.25rem
    }
    .md\:gap-6 {
        gap: 1.5rem
    }
    .md\:gap-x-6 {
        column-gap: 1.5rem
    }
    .md\:self-start {
        align-self: flex-start
    }
    .md\:overflow-auto {
        overflow: auto
    }
    .md\:overflow-hidden {
        overflow: hidden
    }
    .md\:rounded {
        border-radius: 0.25rem
    }
    .md\:border {
        border-width: 1px
    }
    .md\:border-0 {
        border-width: 0px
    }
    .md\:border-x {
        border-left-width: 1px;
        border-right-width: 1px
    }
    .md\:border-b {
        border-bottom-width: 1px
    }
    .md\:border-b-0 {
        border-bottom-width: 0px
    }
    .md\:border-l {
        border-left-width: 1px
    }
    .md\:border-l-4 {
        border-left-width: 4px
    }
    .md\:border-t {
        border-top-width: 1px
    }
    .md\:border-t-0 {
        border-top-width: 0px
    }
    .md\:border-black {
        --tw-border-opacity: 1;
        border-color: rgb(26 29 50 / var(--tw-border-opacity))
    }
    .md\:border-container {
        --tw-border-opacity: 1;
        border-color: rgb(231 231 231 / var(--tw-border-opacity))
    }
    .md\:border-optimo-darker {
        --tw-border-opacity: 1;
        border-color: rgb(0 132 110 / var(--tw-border-opacity))
    }
    .md\:border-transparent {
        border-color: transparent
    }
    .md\:border-ui-black-10 {
        border-color: rgba(26, 29, 50, 0.1)
    }
    .md\:bg-1 {
        background-color: var(--bg-1)
    }
    .md\:bg-transparent {
        background-color: transparent
    }
    .md\:p-16 {
        padding: 4rem
    }
    .md\:p-2 {
        padding: 0.5rem
    }
    .md\:p-3 {
        padding: 0.75rem
    }
    .md\:p-3\.5 {
        padding: 0.875rem
    }
    .md\:p-4 {
        padding: 1rem
    }
    .md\:p-8 {
        padding: 2rem
    }
    .md\:\!px-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }
    .md\:px-0 {
        padding-left: 0px;
        padding-right: 0px
    }
    .md\:px-1 {
        padding-left: 0.25rem;
        padding-right: 0.25rem
    }
    .md\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
    .md\:px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem
    }
    .md\:px-3 {
        padding-left: 0.75rem;
        padding-right: 0.75rem
    }
    .md\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
    .md\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .md\:py-0 {
        padding-top: 0px;
        padding-bottom: 0px
    }
    .md\:py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }
    .md\:py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem
    }
    .md\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
    .md\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
    .md\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
    .md\:pb-0 {
        padding-bottom: 0px
    }
    .md\:pb-10 {
        padding-bottom: 2.5rem
    }
    .md\:pb-20 {
        padding-bottom: 5rem
    }
    .md\:pb-24 {
        padding-bottom: 6rem
    }
    .md\:pb-4 {
        padding-bottom: 1rem
    }
    .md\:pb-8 {
        padding-bottom: 2rem
    }
    .md\:pl-0 {
        padding-left: 0px
    }
    .md\:pl-10 {
        padding-left: 2.5rem
    }
    .md\:pl-3 {
        padding-left: 0.75rem
    }
    .md\:pl-4 {
        padding-left: 1rem
    }
    .md\:pl-6 {
        padding-left: 1.5rem
    }
    .md\:pl-7 {
        padding-left: 1.75rem
    }
    .md\:pr-0 {
        padding-right: 0px
    }
    .md\:pr-1 {
        padding-right: 0.25rem
    }
    .md\:pr-10 {
        padding-right: 2.5rem
    }
    .md\:pr-4 {
        padding-right: 1rem
    }
    .md\:pr-6 {
        padding-right: 1.5rem
    }
    .md\:pr-7 {
        padding-right: 1.75rem
    }
    .md\:pt-0 {
        padding-top: 0px
    }
    .md\:pt-10 {
        padding-top: 2.5rem
    }
    .md\:pt-16 {
        padding-top: 4rem
    }
    .md\:pt-2 {
        padding-top: 0.5rem
    }
    .md\:pt-4 {
        padding-top: 1rem
    }
    .md\:pt-6 {
        padding-top: 1.5rem
    }
    .md\:pt-8 {
        padding-top: 2rem
    }
    .md\:pt-\[70px\] {
        padding-top: 70px
    }
    .md\:text-left {
        text-align: left
    }
    .md\:text-22 {
        font-size: 22px
    }
    .md\:text-26 {
        font-size: 26px;
        line-height: 2rem
    }
    .md\:text-2xl {
        font-size: 1.5rem
    }
    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 44px
    }
    .md\:text-base {
        font-size: 1rem
    }
    .md\:text-lg {
        font-size: 1.125rem
    }
    .md\:text-xl {
        font-size: 1.25rem
    }
    .md\:font-normal {
        font-weight: 400
    }
    .md\:text-optimo-darker {
        color: #00846E
    }
    .md\:underline {
        text-decoration-line: underline
    }
    .md\:opacity-0 {
        opacity: 0
    }
    .md\:shadow-box4 {
        --tw-shadow: 0px 8px 24px rgba(0, 0, 0, 0.05);;
        --tw-shadow-colored: 0px 8px 24px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }
    .md\:duration-300 {
        transition-duration: 300ms
    }
    .before\:md\:top-0::before {
        content: var(--tw-content);
        top: 0px
    }
    .md\:after\:block::after {
        content: var(--tw-content);
        display: block
    }
    .md\:after\:w-1\/5::after {
        content: var(--tw-content);
        width: 20%
    }
    .md\:after\:w-\[44\%\]::after {
        content: var(--tw-content);
        width: 44%
    }
    .md\:after\:w-full::after {
        content: var(--tw-content);
        width: 100%
    }
    .md\:hover\:bg-transparent:hover {
        background-color: transparent
    }
    .md\:hover\:text-optimo-darker:hover {
        color: #00846E
    }
    .group:hover .group-hover\:md\:visible {
        visibility: visible
    }
    .group:hover .group-hover\:md\:left-4 {
        left: 1rem
    }
    .group:hover .group-hover\:md\:right-4 {
        right: 1rem
    }
    .group:hover .md\:group-hover\:block {
        display: block
    }
}

@media (min-width: 1024px) {
    .lg\:invisible {
        visibility: hidden
    }
    .lg\:static {
        position: static
    }
    .lg\:absolute {
        position: absolute
    }
    .lg\:relative {
        position: relative
    }
    .lg\:inset-0 {
        inset: 0px
    }
    .lg\:\!top-0 {
        top: 0px !important
    }
    .lg\:-right-3 {
        right: -0.75rem
    }
    .lg\:bottom-auto {
        bottom: auto
    }
    .lg\:left-0 {
        left: 0px
    }
    .lg\:left-3 {
        left: 0.75rem
    }
    .lg\:left-3\.5 {
        left: 0.875rem
    }
    .lg\:right-0 {
        right: 0px
    }
    .lg\:right-4 {
        right: 1rem
    }
    .lg\:top-0 {
        top: 0px
    }
    .lg\:top-3 {
        top: 0.75rem
    }
    .lg\:top-\[139px\] {
        top: 139px
    }
    .lg\:z-0 {
        z-index: 0
    }
    .lg\:order-1 {
        order: 1
    }
    .lg\:order-2 {
        order: 2
    }
    .lg\:order-3 {
        order: 3
    }
    .lg\:order-first {
        order: -9999
    }
    .lg\:order-last {
        order: 9999
    }
    .lg\:order-none {
        order: 0
    }
    .lg\:col-span-1 {
        grid-column: span 1 / span 1
    }
    .lg\:col-span-2 {
        grid-column: span 2 / span 2
    }
    .lg\:col-span-4 {
        grid-column: span 4 / span 4
    }
    .lg\:m-0 {
        margin: 0px
    }
    .lg\:mx-0 {
        margin-left: 0px;
        margin-right: 0px
    }
    .lg\:mx-2 {
        margin-left: 0.5rem;
        margin-right: 0.5rem
    }
    .lg\:mx-8 {
        margin-left: 2rem;
        margin-right: 2rem
    }
    .lg\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }
    .lg\:my-0 {
        margin-top: 0px;
        margin-bottom: 0px
    }
    .lg\:my-6 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }
    .lg\:-ml-5 {
        margin-left: -1.25rem
    }
    .lg\:-ml-\[1px\] {
        margin-left: -1px
    }
    .lg\:-mt-3 {
        margin-top: -0.75rem
    }
    .lg\:-mt-5 {
        margin-top: -1.25rem
    }
    .lg\:mb-0 {
        margin-bottom: 0px
    }
    .lg\:mb-10 {
        margin-bottom: 2.5rem
    }
    .lg\:mb-12 {
        margin-bottom: 3rem
    }
    .lg\:mb-14 {
        margin-bottom: 3.5rem
    }
    .lg\:mb-16 {
        margin-bottom: 4rem
    }
    .lg\:mb-18 {
        margin-bottom: 68px
    }
    .lg\:mb-2 {
        margin-bottom: 0.5rem
    }
    .lg\:mb-24 {
        margin-bottom: 6rem
    }
    .lg\:mb-4 {
        margin-bottom: 1rem
    }
    .lg\:mb-6 {
        margin-bottom: 1.5rem
    }
    .lg\:mb-8 {
        margin-bottom: 2rem
    }
    .lg\:mb-block-spacing {
        margin-bottom: var(--b-spacing)
    }
    .lg\:ml-0 {
        margin-left: 0px
    }
    .lg\:ml-4 {
        margin-left: 1rem
    }
    .lg\:ml-5 {
        margin-left: 1.25rem
    }
    .lg\:ml-auto {
        margin-left: auto
    }
    .lg\:mr-0 {
        margin-right: 0px
    }
    .lg\:mt-0 {
        margin-top: 0px
    }
    .lg\:mt-14 {
        margin-top: 3.5rem
    }
    .lg\:mt-16 {
        margin-top: 4rem
    }
    .lg\:mt-2 {
        margin-top: 0.5rem
    }
    .lg\:mt-20 {
        margin-top: 5rem
    }
    .lg\:mt-3 {
        margin-top: 0.75rem
    }
    .lg\:mt-4 {
        margin-top: 1rem
    }
    .lg\:mt-6 {
        margin-top: 1.5rem
    }
    .lg\:mt-8 {
        margin-top: 2rem
    }
    .lg\:line-clamp-1 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1
    }
    .lg\:\!block {
        display: block !important
    }
    .lg\:block {
        display: block
    }
    .lg\:inline-block {
        display: inline-block
    }
    .lg\:inline {
        display: inline
    }
    .lg\:\!flex {
        display: flex !important
    }
    .lg\:flex {
        display: flex
    }
    .lg\:table-cell {
        display: table-cell
    }
    .lg\:table-header-group {
        display: table-header-group
    }
    .lg\:table-row {
        display: table-row
    }
    .lg\:grid {
        display: grid
    }
    .lg\:hidden {
        display: none
    }
    .lg\:h-12 {
        height: 3rem
    }
    .lg\:h-16 {
        height: 4rem
    }
    .lg\:h-36 {
        height: 9rem
    }
    .lg\:h-6 {
        height: 1.5rem
    }
    .lg\:h-96 {
        height: 24rem
    }
    .lg\:h-auto {
        height: auto
    }
    .lg\:h-full {
        height: 100%
    }
    .lg\:max-h-full {
        max-height: 100%
    }
    .lg\:min-h-\[300px\] {
        min-height: 300px
    }
    .lg\:min-h-\[52px\] {
        min-height: 52px
    }
    .lg\:w-1\/2 {
        width: 50%
    }
    .lg\:w-1\/3 {
        width: 33.333333%
    }
    .lg\:w-1\/4 {
        width: 25%
    }
    .lg\:w-1\/5 {
        width: 20%
    }
    .lg\:w-12 {
        width: 3rem
    }
    .lg\:w-16 {
        width: 4rem
    }
    .lg\:w-2\/3 {
        width: 66.666667%
    }
    .lg\:w-2\/5 {
        width: 40%
    }
    .lg\:w-3\/6 {
        width: 50%
    }
    .lg\:w-6 {
        width: 1.5rem
    }
    .lg\:w-6\/12 {
        width: 50%
    }
    .lg\:w-64 {
        width: 16rem
    }
    .lg\:w-8\/12 {
        width: 66.666667%
    }
    .lg\:w-\[10\%\] {
        width: 10%
    }
    .lg\:w-\[126px\] {
        width: 126px
    }
    .lg\:w-\[150px\] {
        width: 150px
    }
    .lg\:w-\[17\%\] {
        width: 17%
    }
    .lg\:w-\[250px\] {
        width: 250px
    }
    .lg\:w-\[74px\] {
        width: 74px
    }
    .lg\:w-\[calc\(100\%\/4-30px\/4\)\] {
        width: calc(100% / 4 - 30px / 4)
    }
    .lg\:w-\[calc\(20\%-13px\)\] {
        width: calc(20% - 13px)
    }
    .lg\:w-\[calc\(50\%-8px\)\] {
        width: calc(50% - 8px)
    }
    .lg\:w-auto {
        width: auto
    }
    .lg\:w-full {
        width: 100%
    }
    .lg\:min-w-\[250px\] {
        min-width: 250px
    }
    .lg\:min-w-\[45\%\] {
        min-width: 45%
    }
    .lg\:min-w-\[530px\] {
        min-width: 530px
    }
    .lg\:max-w-\[180px\] {
        max-width: 180px
    }
    .lg\:max-w-\[210px\] {
        max-width: 210px
    }
    .lg\:max-w-\[410px\] {
        max-width: 410px
    }
    .lg\:max-w-\[500px\] {
        max-width: 500px
    }
    .lg\:max-w-\[600px\] {
        max-width: 600px
    }
    .lg\:max-w-\[976px\] {
        max-width: 976px
    }
    .lg\:max-w-none {
        max-width: none
    }
    .lg\:shrink-0 {
        flex-shrink: 0
    }
    .lg\:grow {
        flex-grow: 1
    }
    .lg\:grow-0 {
        flex-grow: 0
    }
    .lg\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .lg\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .lg\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }
    .lg\:grid-cols-\[144px_auto_auto_1fr\] {
        grid-template-columns: 144px auto auto 1fr
    }
    .lg\:grid-cols-\[58\%_42\%\] {
        grid-template-columns: 58% 42%
    }
    .lg\:grid-cols-orders {
        grid-template-columns: repeat(6, minmax(auto, 300px))
    }
    .lg\:flex-row {
        flex-direction: row
    }
    .lg\:flex-col {
        flex-direction: column
    }
    .lg\:flex-nowrap {
        flex-wrap: nowrap
    }
    .lg\:items-start {
        align-items: flex-start
    }
    .lg\:items-center {
        align-items: center
    }
    .lg\:justify-start {
        justify-content: flex-start
    }
    .lg\:justify-end {
        justify-content: flex-end
    }
    .lg\:justify-center {
        justify-content: center
    }
    .lg\:justify-between {
        justify-content: space-between
    }
    .lg\:gap-0 {
        gap: 0px
    }
    .lg\:gap-10 {
        gap: 2.5rem
    }
    .lg\:gap-2 {
        gap: 0.5rem
    }
    .lg\:gap-2\.5 {
        gap: 0.625rem
    }
    .lg\:gap-3 {
        gap: 0.75rem
    }
    .lg\:gap-6 {
        gap: 1.5rem
    }
    .lg\:gap-x-32 {
        column-gap: 8rem
    }
    .lg\:gap-x-8 {
        column-gap: 2rem
    }
    .lg\:gap-y-0 {
        row-gap: 0px
    }
    .lg\:overflow-auto {
        overflow: auto
    }
    .lg\:overflow-visible {
        overflow: visible
    }
    .lg\:rounded {
        border-radius: 0.25rem
    }
    .lg\:rounded-lg {
        border-radius: 0.5rem
    }
    .lg\:rounded-none {
        border-radius: 0px
    }
    .lg\:border {
        border-width: 1px
    }
    .lg\:border-0 {
        border-width: 0px
    }
    .lg\:border-x-0 {
        border-left-width: 0px;
        border-right-width: 0px
    }
    .lg\:border-b {
        border-bottom-width: 1px
    }
    .lg\:border-b-2 {
        border-bottom-width: 2px
    }
    .lg\:border-t {
        border-top-width: 1px
    }
    .lg\:border-t-0 {
        border-top-width: 0px
    }
    .lg\:border-neutral-70 {
        --tw-border-opacity: 1;
        border-color: rgb(214 213 210 / var(--tw-border-opacity))
    }
    .lg\:border-optimo-darker {
        --tw-border-opacity: 1;
        border-color: rgb(0 132 110 / var(--tw-border-opacity))
    }
    .lg\:border-ui-black-10 {
        border-color: rgba(26, 29, 50, 0.1)
    }
    .lg\:\!border-b-optimo {
        --tw-border-opacity: 1 !important;
        border-bottom-color: rgb(0 168 140 / var(--tw-border-opacity)) !important
    }
    .lg\:border-b-white {
        --tw-border-opacity: 1;
        border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity))
    }
    .lg\:\!bg-transparent {
        background-color: transparent !important
    }
    .lg\:bg-transparent {
        background-color: transparent
    }
    .lg\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity))
    }
    .lg\:\!p-6 {
        padding: 1.5rem !important
    }
    .lg\:p-0 {
        padding: 0px
    }
    .lg\:p-12 {
        padding: 3rem
    }
    .lg\:p-2 {
        padding: 0.5rem
    }
    .lg\:p-3 {
        padding: 0.75rem
    }
    .lg\:p-6 {
        padding: 1.5rem
    }
    .lg\:p-8 {
        padding: 2rem
    }
    .lg\:\!px-32 {
        padding-left: 8rem !important;
        padding-right: 8rem !important
    }
    .lg\:px-0 {
        padding-left: 0px;
        padding-right: 0px
    }
    .lg\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }
    .lg\:px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem
    }
    .lg\:px-24 {
        padding-left: 6rem;
        padding-right: 6rem
    }
    .lg\:px-3 {
        padding-left: 0.75rem;
        padding-right: 0.75rem
    }
    .lg\:px-3\.5 {
        padding-left: 0.875rem;
        padding-right: 0.875rem
    }
    .lg\:px-32 {
        padding-left: 8rem;
        padding-right: 8rem
    }
    .lg\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .lg\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
    .lg\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .lg\:py-0 {
        padding-top: 0px;
        padding-bottom: 0px
    }
    .lg\:py-11 {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem
    }
    .lg\:py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
    .lg\:py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem
    }
    .lg\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
    .lg\:py-3 {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem
    }
    .lg\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
    .lg\:py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }
    .lg\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
    .lg\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
    .lg\:py-\[13px\] {
        padding-top: 13px;
        padding-bottom: 13px
    }
    .lg\:\!pl-\[42px\] {
        padding-left: 42px !important
    }
    .lg\:pb-0 {
        padding-bottom: 0px
    }
    .lg\:pb-3 {
        padding-bottom: 0.75rem
    }
    .lg\:pb-4 {
        padding-bottom: 1rem
    }
    .lg\:pb-8 {
        padding-bottom: 2rem
    }
    .lg\:pl-0 {
        padding-left: 0px
    }
    .lg\:pl-16 {
        padding-left: 4rem
    }
    .lg\:pl-2 {
        padding-left: 0.5rem
    }
    .lg\:pl-20 {
        padding-left: 5rem
    }
    .lg\:pl-24 {
        padding-left: 6rem
    }
    .lg\:pl-3 {
        padding-left: 0.75rem
    }
    .lg\:pl-4 {
        padding-left: 1rem
    }
    .lg\:pl-6 {
        padding-left: 1.5rem
    }
    .lg\:pl-\[68px\] {
        padding-left: 68px
    }
    .lg\:pr-0 {
        padding-right: 0px
    }
    .lg\:pr-16 {
        padding-right: 4rem
    }
    .lg\:pr-2 {
        padding-right: 0.5rem
    }
    .lg\:pr-20 {
        padding-right: 5rem
    }
    .lg\:pr-3 {
        padding-right: 0.75rem
    }
    .lg\:pr-4 {
        padding-right: 1rem
    }
    .lg\:pr-8 {
        padding-right: 2rem
    }
    .lg\:pt-0 {
        padding-top: 0px
    }
    .lg\:pt-1 {
        padding-top: 0.25rem
    }
    .lg\:pt-12 {
        padding-top: 3rem
    }
    .lg\:pt-3 {
        padding-top: 0.75rem
    }
    .lg\:pt-4 {
        padding-top: 1rem
    }
    .lg\:text-left {
        text-align: left
    }
    .lg\:text-center {
        text-align: center
    }
    .lg\:text-right {
        text-align: right
    }
    .lg\:align-top {
        vertical-align: top
    }
    .lg\:text-2xl {
        font-size: 1.5rem
    }
    .lg\:text-5xl {
        font-size: 3rem;
        line-height: 56px
    }
    .lg\:text-\[0px\] {
        font-size: 0px
    }
    .lg\:text-base {
        font-size: 1rem
    }
    .lg\:text-lg {
        font-size: 1.125rem
    }
    .lg\:text-sm {
        font-size: 0.875rem;
        line-height: 22px
    }
    .lg\:text-xl {
        font-size: 1.25rem
    }
    .lg\:text-xs {
        font-size: 0.75rem;
        line-height: 1.25rem
    }
    .lg\:font-semibold {
        font-weight: 600
    }
    .lg\:leading-normal {
        line-height: 1.5
    }
    .lg\:text-black {
        color: #1A1D32
    }
    .lg\:opacity-100 {
        opacity: 1
    }
    .lg\:shadow-account-nav {
        --tw-shadow: -4px 0 0 rgba(0, 168, 140, 1);
        --tw-shadow-colored: -4px 0 0 var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }
    .lg\:shadow-box4 {
        --tw-shadow: 0px 8px 24px rgba(0, 0, 0, 0.05);;
        --tw-shadow-colored: 0px 8px 24px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }
    .lg\:shadow-box6 {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }
    .lg\:shadow-none {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }
    .lg\:duration-300 {
        transition-duration: 300ms
    }
    .lg\:before\:hidden::before {
        content: var(--tw-content);
        display: none
    }
    .lg\:first\:border-t:first-child {
        border-top-width: 1px
    }
    .lg\:hover\:scale-\[1\.02\]:hover {
        --tw-scale-x: 1.02;
        --tw-scale-y: 1.02;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .lg\:hover\:border-grey:hover {
        --tw-border-opacity: 1;
        border-color: rgb(153 153 153 / var(--tw-border-opacity))
    }
    .lg\:hover\:bg-ui-black-5:hover {
        background-color: rgba(26, 29, 50, 0.05)
    }
    .lg\:hover\:text-black:hover {
        color: #1A1D32
    }
    .lg\:active\:bg-ui-black-10:active {
        background-color: rgba(26, 29, 50, 0.1)
    }
    .group:hover .lg\:group-hover\:pt-8 {
        padding-top: 2rem
    }
}

@media (min-width: 1440px) {
    .xl\:top-3 {
        top: 0.75rem
    }
    .xl\:col-span-2 {
        grid-column: span 2 / span 2
    }
    .xl\:mb-7 {
        margin-bottom: 1.75rem
    }
    .xl\:ml-6 {
        margin-left: 1.5rem
    }
    .xl\:mr-9 {
        margin-right: 2.25rem
    }
    .xl\:mt-0 {
        margin-top: 0px
    }
    .xl\:mt-11 {
        margin-top: 2.75rem
    }
    .xl\:block {
        display: block
    }
    .xl\:h-auto {
        height: auto
    }
    .xl\:min-h-12 {
        min-height: 3rem
    }
    .xl\:min-h-auto {
        min-height: auto
    }
    .xl\:w-1\/4 {
        width: 25%
    }
    .xl\:max-w-\[400px\] {
        max-width: 400px
    }
    .xl\:grid-cols-\[251px_auto_auto_1fr\] {
        grid-template-columns: 251px auto auto 1fr
    }
    .xl\:flex-row {
        flex-direction: row
    }
    .xl\:justify-center {
        justify-content: center
    }
    .xl\:gap-2 {
        gap: 0.5rem
    }
    .xl\:border-none {
        border-style: none
    }
    .xl\:p-6 {
        padding: 1.5rem
    }
    .xl\:px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem
    }
    .xl\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .xl\:py-3 {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem
    }
    .xl\:pr-12 {
        padding-right: 3rem
    }
    .xl\:text-22 {
        font-size: 22px
    }
    .xl\:text-26 {
        font-size: 26px;
        line-height: 2rem
    }
    .xl\:text-4xl {
        font-size: 2.25rem;
        line-height: 44px
    }
    .xl\:text-5xl {
        font-size: 3rem;
        line-height: 56px
    }
}
@media (hover: hover) {
            .btn:hover {
                        color: #ffffff
            }
        }

@media (hover: hover) {
            .btn-primary:hover {
                        --tw-bg-opacity: 1;
                        background-color: rgb(0 204 162 / var(--tw-bg-opacity))
            }
        }

@media (hover: hover) {
            .btn-secondary:hover {
                        background-color: rgba(26, 29, 50, 0.05);
                        color: #1A1D32
            }
        }

@media (hover: hover) {
            .btn-accent:hover {
                        --tw-bg-opacity: 1;
                        background-color: rgb(26 29 50 / var(--tw-bg-opacity))
            }
        }

@media (hover: hover) {
                .c-radio input[type=radio]:checked ~ .c-radio__label:hover {
                                --tw-border-opacity: 1;
                                border-color: rgb(26 29 50 / var(--tw-border-opacity))
                }
            }

@media (hover: hover) {
        a:hover {
                color: #757575;
                transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
                transition-duration: 300ms;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
        }
}

@media (hover: hover) {
            .slider-arrows-top .p-slider__arrow:hover {
                        background-color: transparent;
                        color: #1A1D32
            }

                @media (min-width: 1024px) {
            .slider-arrows-top .p-slider__arrow:hover {
                                    color: #00A88C
                        }
                }
        }

@media (hover: hover) {
                .t-nav .category-item a:hover {
                                color: #1A1D32
                }
            }

@media (hover: hover) {
            a.pagebuilder-button-primary:hover, button.pagebuilder-button-primary:hover, div.pagebuilder-button-primary:hover {
                        color: #ffffff
            }
        }

@media (hover: hover) {
            a.pagebuilder-button-primary:hover, button.pagebuilder-button-primary:hover, div.pagebuilder-button-primary:hover {
                        --tw-bg-opacity: 1;
                        background-color: rgb(0 204 162 / var(--tw-bg-opacity))
            }
        }

@media (hover: hover) {
            a.pagebuilder-button-secondary:hover, button.pagebuilder-button-secondary:hover, div.pagebuilder-button-secondary:hover {
                        color: #ffffff
            }
        }

@media (hover: hover) {
            a.pagebuilder-button-secondary:hover, button.pagebuilder-button-secondary:hover, div.pagebuilder-button-secondary:hover {
                        background-color: rgba(26, 29, 50, 0.05);
                        color: #1A1D32
            }
        }

@media (hover: hover) {
            a.pagebuilder-button-accent:hover, button.pagebuilder-button-accent:hover, div.pagebuilder-button-accent:hover {
                        color: #ffffff
            }
        }

@media (hover: hover) {
            a.pagebuilder-button-accent:hover, button.pagebuilder-button-accent:hover, div.pagebuilder-button-accent:hover {
                        --tw-bg-opacity: 1;
                        background-color: rgb(26 29 50 / var(--tw-bg-opacity))
            }
        }

@media (hover: hover) {
            .sales-order-view .track-link:hover {
                        color: #ffffff
            }
        }

@media (hover: hover) {
            .sales-order-view .track-link:hover {
                        --tw-bg-opacity: 1;
                        background-color: rgb(26 29 50 / var(--tw-bg-opacity))
            }
        }

@media (hover: hover) {
        .cms-index-index .category-slider a:hover {
                color: #FD622C
        }
    }

@media (hover: hover) {
            .ais-Pagination-item--previousPage:hover {
                        color: #ffffff
            }
        }

@media (hover: hover) {
            .ais-Pagination-item--previousPage:hover {
                        --tw-bg-opacity: 1;
                        background-color: rgb(26 29 50 / var(--tw-bg-opacity))
            }
        }

@media (hover: hover) {
            .ais-Pagination-item--nextPage:hover {
                        color: #ffffff
            }
        }

@media (hover: hover) {
            .ais-Pagination-item--nextPage:hover {
                        --tw-bg-opacity: 1;
                        background-color: rgb(26 29 50 / var(--tw-bg-opacity))
            }
        }

@media (hover: hover) {
            .ais-RangeInput-submit:hover {
                        color: #ffffff
            }
        }

@media (hover: hover) {
            .ais-RangeInput-submit:hover {
                        --tw-bg-opacity: 1;
                        background-color: rgb(26 29 50 / var(--tw-bg-opacity))
            }
        }