@media (min-width: 545px) {
    .container {
        max-width: 545px
    }
}

@media (min-width: 640px) {
    .container {
        max-width: 640px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 992px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px
    }
}

@media (min-width: 1440px) {
    .container {
        max-width: 1440px
    }
}

@media (min-width: 992px) {
    .btn {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media (min-width: 992px) {
    [data-video-src] {
        min-height: 15rem !important
    }
}

@media (min-width: 1200px) {
    .footer .copyright[data-video-src] [data-content-type="banner"] a + div {
        margin-top: -0.5px
    }
}

@media (min-width: 768px) {
    .footer .copyright[data-video-src] [data-content-type="banner"] a + div img {
        margin-bottom: 0.625rem;
        margin-top: 0.875rem
    }
}

@media (min-width: 992px) {
    .top-header-hyva {
        display: grid !important;
        height: auto
    }
}

@media (min-width: 992px) {
.top-header-hyva {
        overflow: inherit
}
    }

@media (min-width: 1200px) {
    .footer .copyright.top-header-hyva .top-header-links .phcircle + div:before,.footer .copyright
            .top-header-hyva .top-header-links .phcircle + div:after {
        margin-top: -0.5px
    }
}

@media (min-width: 768px) {
    .footer .copyright.top-header-hyva .top-header-links .phcircle + div img:before,.footer .copyright
            .top-header-hyva .top-header-links .phcircle + div img:after {
        margin-bottom: 0.625rem;
        margin-top: 0.875rem
    }
}

@media (min-width: 992px) {
body {
padding-top: 160px
}
    }

@media (min-width: 992px) {
    .main-header-container .header-minicart .counter.qty {
        top: -5px
    }
}

@media (min-width: 1200px) {
    .footer .copyright.main-header-hyva .sub-header-navbar + div:after {
        margin-top: -0.5px
    }
}

@media (min-width: 768px) {
    .footer .copyright.main-header-hyva .sub-header-navbar + div img:after {
        margin-bottom: 0.625rem;
        margin-top: 0.875rem
    }
}

@media (min-width: 768px) {
    .main-header-hyva .customer-menu .customer-name-wrapper .user-info-container {
        margin-bottom: 0.5rem !important;
        padding-bottom: 13px !important
    }
}

@media (min-width: 1200px) {
    .footer .copyright.main-header-hyva .customer-menu .customer-name-wrapper .user-info + div {
        margin-top: -0.5px
    }
}

@media (min-width: 768px) {
    .footer .copyright.main-header-hyva .customer-menu .customer-name-wrapper .user-info + div img {
        margin-bottom: 0.625rem;
        margin-top: 0.875rem
    }
}

@media (min-width: 992px) {
    .main-header-hyva .sub-header-user-tabs {
        gap: 15px
    }
}

@media (min-width: 768px) {
.main-header-hyva .sub-header-search {
            display: flex
    }
        }

@media (min-width: 768px) {
    [data-content] {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 1rem;
        height: auto !important;
        padding: 0px
    }
}

@media (min-width: 768px) {
    .footer [data-title] {
        max-height: fit-content
    }
}

@media (min-width: 768px) {
    .footer [x-data="footerToggling"] [data-title] {
        border-width: 0px;
        padding-bottom: 0px
    }
}

@media (min-width: 768px) {
    .footer [x-data="footerToggling"] [data-title] svg {
        display: none
    }
    .footer .footer-socials {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
    .footer .certificates-wrapper {
        margin-bottom: 35px
    }
}

@media (min-width: 768px) {
    .footer .icons_certificates {
        max-width: 150px
    }
}

@media (min-width: 992px) {
    .footer .icons_certificates {
        max-width: 190px
    }
}

@media (min-width: 768px) {
    .footer .icons_certificates img {
        max-width: 2.5rem
    }
}

@media (min-width: 992px) {
    .footer .icons_certificates img {
        min-width: 45px
    }
}

@media (min-width: 1200px) {
    .footer .icons_certificates img {
        min-width: 42px
    }
}

@media (min-width: 768px) {
    .footer .icons_certificates a:last-child {
        position: relative;
        top: 2.5px
    }
}

@media (min-width: 992px) {
    .footer .icons_certificates a:last-child {
        top: 3px
    }
}

@media (min-width: 768px) {
    .footer .footer-copyright {
        padding-bottom: 1.5px;
        line-height: 1.25
    }
}

@media (min-width: 768px) {
    .footer .social-links {
        position: relative
    }
}

@media (min-width: 992px) {
    .footer .social-links {
        top: 1.5px
    }
}

@media (min-width: 768px) {
    .footer .footer-brands {
        margin-bottom: 0.125rem;
        margin-top: 60px !important
    }
}

@media (min-width: 992px) {
    .footer .footer-brands h3 {
        margin-bottom: 0.5rem
    }
}

@media (min-width: 1200px) {
    .footer .copyright.block + div {
        margin-top: -0.5px
    }
}

@media (min-width: 768px) {
    .footer .copyright.block + div img {
        margin-bottom: 0.625rem;
        margin-top: 0.875rem
    }
}

@media (min-width: 768px) {
    .footer .wurth-brand-logo {
        margin-top: 1.25rem;
        min-height: 100px;
        min-width: 250px
    }
    .footer .wurth-brand-logo img {
        position: absolute;
        min-width: 250px
    }
}

@media (min-width: 768px) {
    .footer .footer-links-menu-item ul {
        margin-bottom: 1rem
    }
}

@media (min-width: 992px) {
    .footer .footer-app {
        margin-right: 50px
    }
}

@media (min-width: 768px) {
    .footer-container {
        max-width: 720px !important;
        padding-left: 0px !important;
        padding-right: 0px !important
    }
}

@media (min-width: 992px) {
    .footer-container {
        max-width: 960px !important
    }
}

@media (min-width: 1200px) {
    .footer-container {
        max-width: 1140px !important
    }
}

@media (min-width: 1440px) {
    .footer-container {
        max-width: 1400px !important
    }
}

@media (min-width: 768px) {
    .wurth-empresa-logo {
        margin-bottom: 1.25rem
    }
}

@media (min-width: 768px) {
    .wurth-empresa-logo img {
        width: 55%
    }
}

@media (min-width: 992px) {
    .wurth-empresa-logo img {
        width: 29%
    }
}

@media (min-width: 1200px) {
    .footer .copyright.custom-radio input:checked + span svg + div {
        margin-top: -0.5px
    }
}

@media (min-width: 768px) {
    .footer .copyright.custom-radio input:checked + span svg + div img {
        margin-bottom: 0.625rem;
        margin-top: 0.875rem
    }
}

@media (min-width: 992px) {
        .oct8ne__close {
            display: none;
        }

        .oct8ne__alerts-wrap:hover .oct8ne__close {
            display: block;
        }
    }

@media (min-width: 992px) {
        .mage-banner .mage-banner__content {
            padding: 80px 60px;
        }

        .mage-banner .p-slider__pagination {
                bottom: 0.5rem;
        }
    }

@media (min-width: 1200px) {
    .footer .copyright.sub-header-search .header-quickbuy-form + div:before {
        margin-top: -0.5px
    }
}

@media (min-width: 768px) {
    .footer .copyright.sub-header-search .header-quickbuy-form + div img:before {
        margin-bottom: 0.625rem;
        margin-top: 0.875rem
    }
}

        @media (min-width: 1200px) {
    .cms-index-index .page-main {
        padding-left: 0.625rem;
        padding-right: 0.625rem
    }
}

@media (min-width: 992px) {
        body:before {
                visibility: hidden;
                position: fixed;
                inset: 0px;
                z-index: -10;
                opacity: 0;
                transition-property: opacity;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-duration: 300ms;
                --tw-content: '';
                content: var(--tw-content)
        }
        body:has(.dropdown.show):before {
                visibility: visible;
                z-index: 10;
                background-color: rgb(0 0 0 / 0.65);
                opacity: 1
        }
}

@media (min-width: 992px) {
.sub-header-menu-container .d-md-min-none {
display: flex
}
        }

@media (min-width: 992px) {
.sub-header-menu-container .section-menu {
height: auto
}
        }

@media (min-width: 1200px) {
    .footer .copyright.sub-header-menu-container .nav-account-content-mobile .nav-pills li i + div {
        margin-top: -0.5px
    }
}

@media (min-width: 768px) {
    .footer .copyright.sub-header-menu-container .nav-account-content-mobile .nav-pills li i + div img {
        margin-bottom: 0.625rem;
        margin-top: 0.875rem
    }
}

@media (min-width: 992px) {
.sub-header-menu-container .category-show-all {
order: 0;
margin-top: 0.875rem;
margin-bottom: 0.875rem;
display: flex;
height: 2.25rem;
flex-direction: row;
align-items: center
}
        }

@media (min-width: 768px) {
    .sub-header-menu-container .category-show-all .category-show-all-link .caret:after {
        display: inline-block
    }
}

@media (min-width: 992px) {
    .sub-header-menu-container .menu-wrapper {
        flex-direction: row;
        align-items: center;
        gap: 1rem
    }
}

@media (min-width: 992px) {
.sub-header-menu-container .menu-wrapper {
            margin: 0
    }
        }

@media (min-width: 992px) {
.sub-header-menu-container .menu-wrapper li.level0 {
height: 2.5rem;
width: auto;
flex-direction: row;
justify-content: center
}
                }

@media (min-width: 992px) {
.sub-header-menu-container .menu-wrapper li.level0.dropdown > a,
                .sub-header-menu-container .menu-wrapper li.level0 > a {
                         padding: 0 15px
                }
                    }

@media (min-width: 992px) {
.sub-header-menu-container .menu-wrapper li.level0:nth-child(2) {
border-width: 0px
}
.sub-header-menu-container .menu-wrapper li.level0 .level0.dropdown-menu {
                        max-height: 100%;
                        overflow: auto
                  }
                    }

@media (min-width: 992px) {
.sub-header-menu-container .menu-wrapper li.level0.nav-2 .column ul {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr))
}
                            }

@media (min-width: 992px) {
.sub-header-menu-container .menu-wrapper li.level0.nav-1 ul li ul {
                                    column-count: 4
                            }
                                }

@media (min-width: 992px) {
.sub-header-menu-container .menu-wrapper li.level0.top-menu.dropdown >a {
pointer-events: auto;
                            padding: 0 30px 0 15px
}
                        }

@media (min-width: 992px) {
.sub-header-menu-container .menu-wrapper li.level0.top-menu.show {
--tw-bg-opacity: 1;
background-color: rgb(204 0 0 / var(--tw-bg-opacity, 1))
}
                        }

@media (min-width: 992px) {
.sub-header-menu-container .menu-wrapper li.level0.top-menu.show >a {
color: #fff
}
                            }

@media (min-width: 992px) {
.sub-header-menu-container .menu-wrapper li.level0.top-menu.show >a:after {
--tw-invert: invert(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
                                 }

@media (min-width: 1200px) {
    .footer .copyright.sub-header-menu-container .menu-wrapper li.level0.top-menu.show .dropdown-container + div {
        margin-top: -0.5px
    }
}

@media (min-width: 768px) {
    .footer .copyright.sub-header-menu-container .menu-wrapper li.level0.top-menu.show .dropdown-container + div img {
        margin-bottom: 0.625rem;
        margin-top: 0.875rem
    }
}

@media (min-width: 992px) {
.sub-header-menu-container .menu-wrapper li.level0.top-menu.show .dropdown-container {
position: absolute;
left: 0px !important;
right: 0px !important;
                                top: 100%;
                                width: 100vw !important;
                                margin-left: calc(50% - 50vw);
                                margin-right: calc(50% - 50vw);
                                padding: 5px 0 24px 0
}
.sub-header-menu-container .menu-wrapper li.level0.top-menu .dropdown-container {
display: none
}
                            }

@media (min-width: 768px) {
    .sub-header-menu-container .menu-wrapper li.level0.top-menu .level1 {
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 0px;
        margin-bottom: 1rem;
        border-radius: 0.125rem
    }
}

@media (min-width: 768px) {
    .sub-header-menu-container .menu-wrapper li.level0.top-menu .level1 .category-icon img {
        height: 30px;
        width: fit-content;
        max-width: 30px
    }
}

@media (min-width: 640px) {
    .sub-header-menu-container .menu-wrapper li.level0.top-menu .level1 a {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

@media (min-width: 992px) {
    header .container-lg, footer .container-lg {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    header .container-lg, footer .container-lg {
        max-width: 1140px
    }
}

@media (min-width: 1440px) {
    header .container-lg, footer .container-lg {
        max-width: 1400px !important
    }
}

@media (min-width: 992px) {
    .main-header-hyva .header-tab-link.consumprion-icon svg {
        width: 14.5px
    }
}

@media (min-width: 1200px) {
    .main-header-hyva .header-tab-link.consumprion-icon svg {
        margin-bottom: 1px
    }
}

@media (min-width: 992px) {
    .main-header-hyva .header-tab-link.favorites-icon svg {
        width: 17.5px
    }
}

@media (min-width: 1200px) {
    .main-header-hyva .header-tab-link.favorites-icon svg {
        margin-bottom: 1px
    }
}

@media (min-width: 1200px) {
    .main-header-hyva .header-tab-link.customer-name.header-tab-link svg {
        margin-top: -.8px
    }
}

@media (min-width: 1200px) {
    .main-header-hyva .header-tab-link.customer-name.header-tab-link:has(.logged) svg {
        margin-top: -0.125rem;
        margin-left: -1px
    }
}

@media (min-width: 992px) {
    .main-header-hyva .header-minicart.header-tab-link svg {
        margin-top: -.05rem;
        width: 19px
    }
}

@media (min-width: 992px) {
    .main-header-hyva .header-quickbuy-form button .quick-clock-ico {
        position: relative
    }
}

@media (min-width: 1200px) {
    .main-header-hyva .header-quickbuy-form button .quick-clock-ico {
        right: 1.8px
    }
}

@media (min-width: 1200px) {
    .sub-header-user-tabs .account-link-text {
        position: relative;
        top: -0.5px
    }
}

@media (min-width: 1200px) {
    .footer .copyright.price-excluding-tax + div,.footer .copyright
.weee[data-label] + div {
        margin-top: -0.5px
    }
}

@media (min-width: 768px) {
    .footer .copyright.price-excluding-tax + div img,.footer .copyright
.weee[data-label] + div img {
        margin-bottom: 0.625rem;
        margin-top: 0.875rem
    }
}

@media (min-width: 768px) {
    #messages {
        width: fit-content;
        max-width: none
    }
    .--scrolled + .messages #messages {
        --tw-translate-y: -1.75rem;
        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));
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms
    }
}

@media (min-width: 1200px) {
    .footer .copyright.product-item .price-container + div {
        margin-top: -0.5px
    }
}

@media (min-width: 768px) {
    .footer .copyright.product-item .price-container + div img {
        margin-bottom: 0.625rem;
        margin-top: 0.875rem
    }
}

@media (min-width: 992px) {
    .columns {
        max-width: 960px;
        padding-left: 0.625rem;
        padding-right: 0.625rem
    }
}

@media (min-width: 1200px) {
    .columns {
        max-width: 1140px;
        padding-left: 0px;
        padding-right: 0px
    }
}

@media (min-width: 1440px) {
    .columns {
        max-width: 1400px !important;
        padding-left: 0.625rem;
        padding-right: 0.625rem
    }
}

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

            .page-layout-2columns-left .columns .main, .page-layout-2columns-right .columns .main, .page-layout-3columns .columns .main {
                grid-column: span 2 / span 2
        }
            .account .columns .sidebar-main, .page-with-filter .columns .sidebar-main {
                grid-column: 1 / -1
        }
            .account .columns .sidebar-additional {
                grid-column: span 2 / span 2
        }
}

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

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

            .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 .columns .main, .page-layout-3columns .columns .main {
                grid-column-start: 2 !important
        }
            .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
        }
}

@media (min-width: 992px) {
        .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 {
                grid-column: span 3 / span 3
        }
            .page-layout-3columns .columns .sidebar-additional {
                grid-column-start: 4
        }
}

@media (min-width: 1200px) {
    .footer .copyright.btn-arrow:hover + div:after {
        margin-top: -0.5px
    }
}

@media (min-width: 768px) {
    .footer .copyright.btn-arrow:hover + div img:after {
        margin-bottom: 0.625rem;
        margin-top: 0.875rem
    }
}

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

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

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

@media (min-width: 992px) {
    h2 {
        font-size: 29px
    }
}

@media (min-width: 545px) {
    [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner {
        max-width: 545px
    }
}

@media (min-width: 640px) {
    [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner {
        max-width: 640px
    }
}

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

@media (min-width: 992px) {
    [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner {
        max-width: 992px
    }
}

@media (min-width: 1200px) {
    [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner {
        max-width: 1200px
    }
}

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

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

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

@media (min-width: 1200px) {
    .footer .copyright[data-content-type='tabs'] .tabs-navigation + div {
        margin-top: -0.5px
    }
}

@media (min-width: 768px) {
    .footer .copyright[data-content-type='tabs'] .tabs-navigation + div img {
        margin-bottom: 0.625rem;
        margin-top: 0.875rem
    }
}

@media (min-width: 1200px) {
    .footer .copyright[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title + div {
        margin-top: -0.5px
    }
}

@media (min-width: 768px) {
    .footer .copyright[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title + div img {
        margin-bottom: 0.625rem;
        margin-top: 0.875rem
    }
}

@media (min-width: 992px) {
    a.pagebuilder-button-primary, button.pagebuilder-button-primary, div.pagebuilder-button-primary {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media (min-width: 992px) {
    a.pagebuilder-button-secondary, button.pagebuilder-button-secondary, div.pagebuilder-button-secondary {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

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

@media (min-width: 768px) {
    [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: 1200px) {
    .footer .copyright.glider-dot + div {
        margin-top: -0.5px
    }
}

@media (min-width: 768px) {
    .footer .copyright.glider-dot + div img {
        margin-bottom: 0.625rem;
        margin-top: 0.875rem
    }
}

@media (min-width: 992px) {
    .lg\:container {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-right: 15px;
        padding-left: 15px
    }
    @media (min-width: 545px) {
        .lg\:container {
            max-width: 545px
        }
    }
    @media (min-width: 640px) {
        .lg\:container {
            max-width: 640px
        }
    }
    @media (min-width: 768px) {
        .lg\:container {
            max-width: 768px
        }
    }
    @media (min-width: 992px) {
        .lg\:container {
            max-width: 992px
        }
    }
    @media (min-width: 1200px) {
        .lg\:container {
            max-width: 1200px
        }
    }
    @media (min-width: 1440px) {
        .lg\:container {
            max-width: 1440px
        }
    }
}
@media (min-width: 545px) {
    .lg\:container {
        max-width: 545px
    }
}
@media (min-width: 640px) {
    .lg\:container {
        max-width: 640px
    }
}
@media (min-width: 768px) {
    .lg\:container {
        max-width: 768px
    }
}
@media (min-width: 992px) {
    .lg\:container {
        max-width: 992px
    }
}
@media (min-width: 1200px) {
    .lg\:container {
        max-width: 1200px
    }
}
@media (min-width: 1440px) {
    .lg\:container {
        max-width: 1440px
    }
}

@media (min-width: 545px) {
    .xs\:relative {
        position: relative
    }
    .xs\:left-0 {
        left: 0px
    }
    .xs\:mb-\[9px\] {
        margin-bottom: 9px
    }
    .xs\:w-3\/6 {
        width: 50%
    }
    .xs\:pb-8 {
        padding-bottom: 2rem
    }
    .xs\:pl-\[13px\] {
        padding-left: 13px
    }
}

@media (min-width: 640px) {
    .sm\:relative {
        position: relative
    }
    .sm\:order-1 {
        order: 1
    }
    .sm\:order-2 {
        order: 2
    }
    .sm\:order-3 {
        order: 3
    }
    .sm\:col-span-2 {
        grid-column: span 2 / span 2
    }
    .sm\:col-span-6 {
        grid-column: span 6 / span 6
    }
    .sm\:mb-0 {
        margin-bottom: 0px
    }
    .sm\:ml-2 {
        margin-left: 0.5rem
    }
    .sm\:ml-3 {
        margin-left: 0.75rem
    }
    .sm\:ml-6 {
        margin-left: 1.5rem
    }
    .sm\:mr-8 {
        margin-right: 2rem
    }
    .sm\:mt-0 {
        margin-top: 0px
    }
    .sm\:block {
        display: block
    }
    .sm\:flex {
        display: flex
    }
    .sm\:w-1\/2 {
        width: 50%
    }
    .sm\:w-1\/3 {
        width: 33.333333%
    }
    .sm\:w-20 {
        width: 5rem
    }
    .sm\:w-48 {
        width: 12rem
    }
    .sm\:w-5\/6 {
        width: 83.333333%
    }
    .sm\:w-96 {
        width: 24rem
    }
    .sm\:w-auto {
        width: auto
    }
    .sm\:\!max-w-\[150px\] {
        max-width: 150px !important
    }
    .sm\:table-fixed {
        table-layout: fixed
    }
    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .sm\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }
    .sm\:flex-row {
        flex-direction: row
    }
    .sm\:flex-nowrap {
        flex-wrap: nowrap
    }
    .sm\:items-start {
        align-items: flex-start
    }
    .sm\:justify-center {
        justify-content: center
    }
    .sm\:gap-8 {
        gap: 2rem
    }
    .sm\:overflow-hidden {
        overflow: hidden
    }
    .sm\:px-3 {
        padding-left: 0.75rem;
        padding-right: 0.75rem
    }
    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .sm\:py-1 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem
    }
    .sm\:py-24 {
        padding-top: 6rem;
        padding-bottom: 6rem
    }
    .sm\:pb-0 {
        padding-bottom: 0px
    }
    .sm\:pt-\[3px\] {
        padding-top: 3px
    }
    .sm\:text-right {
        text-align: right
    }
    .sm\:text-2xl {
        font-size: 26px
    }
    .sm\:text-3xl {
        font-size: 29px
    }
    .sm\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }
    .sm\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }
    .sm\:duration-700 {
        transition-duration: 700ms
    }
}

@media (min-width: 768px) {
    .md\:absolute {
        position: absolute
    }
    .md\:left-6 {
        left: 1.5rem
    }
    .md\:left-auto {
        left: auto
    }
    .md\:right-6 {
        right: 1.5rem
    }
    .md\:top-12 {
        top: 3rem
    }
    .md\:top-\[50\%\] {
        top: 50%
    }
    .md\:order-3 {
        order: 3
    }
    .md\:col-span-1 {
        grid-column: span 1 / span 1
    }
    .md\:col-span-3 {
        grid-column: span 3 / span 3
    }
    .md\:col-start-1 {
        grid-column-start: 1
    }
    .md\:row-span-2 {
        grid-row: span 2 / span 2
    }
    .md\:row-start-1 {
        grid-row-start: 1
    }
    .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-auto {
        margin-left: auto;
        margin-right: auto
    }
    .md\:my-0 {
        margin-top: 0px;
        margin-bottom: 0px
    }
    .md\:-ml-0\.5 {
        margin-left: -0.125rem
    }
    .md\:-mr-1 {
        margin-right: -0.25rem
    }
    .md\:-mt-1 {
        margin-top: -0.25rem
    }
    .md\:mb-0 {
        margin-bottom: 0px
    }
    .md\:mb-3 {
        margin-bottom: 0.75rem
    }
    .md\:mb-6 {
        margin-bottom: 1.5rem
    }
    .md\:mb-7 {
        margin-bottom: 1.75rem
    }
    .md\:mb-9 {
        margin-bottom: 2.25rem
    }
    .md\:ml-2\.5 {
        margin-left: 0.625rem
    }
    .md\:ml-auto {
        margin-left: auto
    }
    .md\:mr-0 {
        margin-right: 0px
    }
    .md\:mr-2\.5 {
        margin-right: 0.625rem
    }
    .md\:mr-3 {
        margin-right: 0.75rem
    }
    .md\:mt-0 {
        margin-top: 0px
    }
    .md\:mt-10 {
        margin-top: 2.5rem
    }
    .md\:mt-14 {
        margin-top: 3.5rem
    }
    .md\:mt-4 {
        margin-top: 1rem
    }
    .md\:mt-5 {
        margin-top: 1.25rem
    }
    .md\:mt-8 {
        margin-top: 2rem
    }
    .md\:block {
        display: block
    }
    .md\:inline-block {
        display: inline-block
    }
    .md\:flex {
        display: flex
    }
    .md\:grid {
        display: grid
    }
    .md\:hidden {
        display: none
    }
    .md\:h-24 {
        height: 6rem
    }
    .md\:h-6 {
        height: 1.5rem
    }
    .md\:h-\[25px\] {
        height: 25px
    }
    .md\:h-auto {
        height: auto
    }
    .md\:h-fit {
        height: fit-content
    }
    .md\:max-h-80 {
        max-height: 20rem
    }
    .md\:w-1\/2 {
        width: 50%
    }
    .md\:w-1\/3 {
        width: 33.333333%
    }
    .md\:w-1\/4 {
        width: 25%
    }
    .md\:w-2\/3 {
        width: 66.666667%
    }
    .md\:w-2\/6 {
        width: 33.333333%
    }
    .md\:w-24 {
        width: 6rem
    }
    .md\:w-4\/6 {
        width: 66.666667%
    }
    .md\:w-6 {
        width: 1.5rem
    }
    .md\:w-\[60px\] {
        width: 60px
    }
    .md\:w-auto {
        width: auto
    }
    .md\:w-full {
        width: 100%
    }
    .md\:min-w-\[60px\] {
        min-width: 60px
    }
    .md\:min-w-\[635px\] {
        min-width: 635px
    }
    .md\:max-w-\[213px\] {
        max-width: 213px
    }
    .md\:max-w-\[535px\] {
        max-width: 535px
    }
    .md\:max-w-md {
        max-width: 28rem
    }
    .md\:shrink-0 {
        flex-shrink: 0
    }
    .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\:-translate-y-1\/2 {
        --tw-translate-y: -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-0 {
        --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))
    }
    .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-\[42\%_minmax\(0\2c _1fr\)\] {
        grid-template-columns: 42% minmax(0, 1fr)
    }
    .md\:grid-rows-\[min-content_minmax\(0\2c _1fr\)\] {
        grid-template-rows: min-content minmax(0, 1fr)
    }
    .md\:flex-row {
        flex-direction: row
    }
    .md\:flex-wrap {
        flex-wrap: wrap
    }
    .md\:flex-nowrap {
        flex-wrap: nowrap
    }
    .md\:items-start {
        align-items: flex-start
    }
    .md\:items-center {
        align-items: center
    }
    .md\:justify-start {
        justify-content: flex-start
    }
    .md\:justify-end {
        justify-content: flex-end
    }
    .md\:justify-center {
        justify-content: center
    }
    .md\:justify-between {
        justify-content: space-between
    }
    .md\:gap-1 {
        gap: 0.25rem
    }
    .md\:gap-4 {
        gap: 1rem
    }
    .md\:gap-5 {
        gap: 1.25rem
    }
    .md\:gap-x-5 {
        column-gap: 1.25rem
    }
    .md\:gap-x-6 {
        column-gap: 1.5rem
    }
    .md\:gap-x-7 {
        column-gap: 1.75rem
    }
    .md\:gap-y-0 {
        row-gap: 0px
    }
    .md\:space-y-5 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
    }
    .md\:rounded-normal {
        border-radius: 5px
    }
    .md\:border-0 {
        border-width: 0px
    }
    .md\:bg-transparent {
        background-color: transparent
    }
    .md\:p-16 {
        padding: 4rem
    }
    .md\:p-5 {
        padding: 1.25rem
    }
    .md\:px-0 {
        padding-left: 0px;
        padding-right: 0px
    }
    .md\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .md\:px-\[15px\] {
        padding-left: 15px;
        padding-right: 15px
    }
    .md\:px-\[35px\] {
        padding-left: 35px;
        padding-right: 35px
    }
    .md\:py-0 {
        padding-top: 0px;
        padding-bottom: 0px
    }
    .md\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
    .md\:py-\[30px\] {
        padding-top: 30px;
        padding-bottom: 30px
    }
    .md\:pb-1\.5 {
        padding-bottom: 0.375rem
    }
    .md\:pl-16 {
        padding-left: 4rem
    }
    .md\:pl-5 {
        padding-left: 1.25rem
    }
    .md\:pt-0 {
        padding-top: 0px
    }
    .md\:pt-1\.5 {
        padding-top: 0.375rem
    }
    .md\:pt-2\.5 {
        padding-top: 0.625rem
    }
    .md\:text-left {
        text-align: left
    }
    .md\:text-3xl {
        font-size: 29px
    }
    .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
    .md\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem
    }
    .md\:text-x-base {
        font-size: 0.968rem
    }
    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
    .md\:font-bold {
        font-weight: 700
    }
    .md\:leading-\[23\.2px\] {
        line-height: 23.2px
    }
}

@media (min-width: 992px) {
    .lg\:sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }
    .lg\:absolute {
        position: absolute
    }
    .lg\:relative {
        position: relative
    }
    .lg\:sticky {
        position: sticky
    }
    .lg\:-top-\[0\.5px\] {
        top: -0.5px
    }
    .lg\:bottom-auto {
        bottom: auto
    }
    .lg\:left-\[var\(--msrp-inline-offset\)\] {
        left: var(--msrp-inline-offset)
    }
    .lg\:right-auto {
        right: auto
    }
    .lg\:top-0 {
        top: 0px
    }
    .lg\:top-2 {
        top: 0.5rem
    }
    .lg\:top-\[var\(--msrp-block-offset\)\] {
        top: var(--msrp-block-offset)
    }
    .lg\:top-auto {
        top: auto
    }
    .lg\:order-1 {
        order: 1
    }
    .lg\:order-2 {
        order: 2
    }
    .lg\:col-span-2 {
        grid-column: span 2 / span 2
    }
    .lg\:col-span-6 {
        grid-column: span 6 / span 6
    }
    .lg\:mb-0 {
        margin-bottom: 0px
    }
    .lg\:mb-7 {
        margin-bottom: 1.75rem
    }
    .lg\:ml-0 {
        margin-left: 0px
    }
    .lg\:ml-4 {
        margin-left: 1rem
    }
    .lg\:ml-5 {
        margin-left: 1.25rem
    }
    .lg\:mr-16 {
        margin-right: 4rem
    }
    .lg\:mr-4 {
        margin-right: 1rem
    }
    .lg\:mr-\[52px\] {
        margin-right: 52px
    }
    .lg\:mt-0 {
        margin-top: 0px
    }
    .lg\:mt-14 {
        margin-top: 3.5rem
    }
    .lg\:mt-2 {
        margin-top: 0.5rem
    }
    .lg\:mt-3 {
        margin-top: 0.75rem
    }
    .lg\:mt-8 {
        margin-top: 2rem
    }
    .lg\:\!block {
        display: block !important
    }
    .lg\:block {
        display: block
    }
    .lg\:inline-block {
        display: inline-block
    }
    .lg\:inline {
        display: inline
    }
    .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-10 {
        height: 2.5rem
    }
    .lg\:h-auto {
        height: auto
    }
    .lg\:h-full {
        height: 100%
    }
    .lg\:w-1\/2 {
        width: 50%
    }
    .lg\:w-1\/3 {
        width: 33.333333%
    }
    .lg\:w-1\/4 {
        width: 25%
    }
    .lg\:w-1\/6 {
        width: 16.666667%
    }
    .lg\:w-2\/3 {
        width: 66.666667%
    }
    .lg\:w-20 {
        width: 5rem
    }
    .lg\:w-24 {
        width: 6rem
    }
    .lg\:w-56 {
        width: 14rem
    }
    .lg\:w-80 {
        width: 20rem
    }
    .lg\:w-\[65px\] {
        width: 65px
    }
    .lg\:w-auto {
        width: auto
    }
    .lg\:max-w-container-lg {
        max-width: 960px
    }
    .lg\:max-w-xs {
        max-width: 20rem
    }
    .lg\:flex-1 {
        flex: 1 1 0%
    }
    .lg\:table-auto {
        table-layout: auto
    }
    .lg\:\!translate-x-0 {
        --tw-translate-x: 0px !important;
        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)) !important
    }
    .lg\:-translate-y-0 {
        --tw-translate-y: -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))
    }
    .lg\:-translate-y-\[1\.15rem\] {
        --tw-translate-y: -1.15rem;
        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\:flex-row {
        flex-direction: row
    }
    .lg\:flex-row-reverse {
        flex-direction: row-reverse
    }
    .lg\:flex-nowrap {
        flex-wrap: nowrap
    }
    .lg\:items-start {
        align-items: flex-start
    }
    .lg\:justify-start {
        justify-content: flex-start
    }
    .lg\:justify-between {
        justify-content: space-between
    }
    .lg\:gap-3\.5 {
        gap: 0.875rem
    }
    .lg\:gap-x-10 {
        column-gap: 2.5rem
    }
    .lg\:rounded-normal {
        border-radius: 5px
    }
    .lg\:border {
        border-width: 1px
    }
    .lg\:border-1 {
        border-width: 1.5px
    }
    .lg\:border-solid {
        border-style: solid
    }
    .lg\:border-primary-lighter {
        border-color: var(--primary-lighter-border)
    }
    .lg\:p-0 {
        padding: 0px
    }
    .lg\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }
    .lg\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .lg\:py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem
    }
    .lg\:py-32 {
        padding-top: 8rem;
        padding-bottom: 8rem
    }
    .lg\:pl-0 {
        padding-left: 0px
    }
    .lg\:pl-24 {
        padding-left: 6rem
    }
    .lg\:pt-2 {
        padding-top: 0.5rem
    }
    .lg\:text-left {
        text-align: left
    }
    .lg\:text-right {
        text-align: right
    }
    .lg\:text-2xl {
        font-size: 26px
    }
    .lg\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem
    }
    .lg\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
    .lg\:shadow-lg {
        --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
        --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }
}

@media (min-width: 1200px) {
    .xl\:top-0 {
        top: 0px
    }
    .xl\:col-span-2 {
        grid-column: span 2 / span 2
    }
    .xl\:-mt-12 {
        margin-top: -3rem
    }
    .xl\:mt-0 {
        margin-top: 0px
    }
    .xl\:w-1\/2 {
        width: 50%
    }
    .xl\:w-1\/3 {
        width: 33.333333%
    }
    .xl\:w-1\/4 {
        width: 25%
    }
    .xl\:w-1\/5 {
        width: 20%
    }
    .xl\:w-1\/6 {
        width: 16.666667%
    }
    .xl\:w-4\/12 {
        width: 33.333333%
    }
    .xl\:max-w-container-xl {
        max-width: 1140px
    }
    .xl\:grow {
        flex-grow: 1
    }
    .xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .xl\:border-none {
        border-style: none
    }
}

@media (min-width: 1440px) {
    .\32xl\:w-96 {
        width: 24rem
    }
    .\32xl\:\!max-w-container-2xl {
        max-width: 1400px !important
    }
}