*,
:before,
:after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

*,
:before,
:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
}

:before,
:after {
    --tw-content: ""
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

header .site-nav__dropdown {
    z-index: 7
}

header .site-nav__deep-dropdown {
    margin-left: 10px
}

header .site-nav__deep-dropdown:before {
    content: none
}

#NavDrawer.drawer {
    max-width: 100%
}

#NavDrawer.drawer--right {
    width: 100vw;
    right: 0;
    transform: translate(100%)
}

#NavDrawer.drawer--right.drawer--is-open {
    transform: translate(0)
}

.mobile-nav .mobile-nav__item:after {
    content: none
}

.mobile-nav__link--button {
    flex: 1
}

.mobile-nav__link--button-small .collapsible-trigger__icon {
    right: 20px !important
}

#NavDrawer .drawer__fixed-header {
    padding: 0
}

#NavDrawer .drawer__header {
    padding: 0 25px;
    border-color: #000
}

.swiper-button-prev:after,
.swiper-button-next:after {
    text-rendering: auto
}

.product-grid-item-2 .custom-quick-product-btn {
    position: static;
    opacity: 1;
    width: 32px;
    height: 32px;
    background-color: #e50112;
    color: #fff;
    padding: 4px;
    transform: translateY(0) scale(1) !important;
    border-radius: 4px
}

.announcement-bar-section {
    position: relative;
    z-index: 27
}

#SiteHeader,
.modal {
    z-index: 27
}

custom-drawer,
custom-drawer-mobile {
    position: relative;
    z-index: 26
}

#custom-drawer-overlay,
#custom-drawer-mobile-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #00000080;
    opacity: 0;
    pointer-events: none;
    display: block;
    transition: all .6s cubic-bezier(.7, 0, .2, 1)
}

#custom-drawer-content {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 60vw;
    background-color: #fff;
    transition: all .6s cubic-bezier(.7, 0, .2, 1)
}

custom-drawer[data-position=left] #custom-drawer-content {
    left: 0;
    transform: translate(-100%)
}

custom-drawer[data-position=right] #custom-drawer-content {
    right: 0;
    transform: translate(100%)
}

#custom-drawer-mobile-content {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 90vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    transform: translateY(100%);
    transition: all .6s cubic-bezier(.7, 0, .2, 1)
}

@media (max-width: 768px) {
    #custom-drawer-content {
        max-width: 90vw
    }
}

.pagination .page.current {
    opacity: 1 !important;
    color: #fff;
    border-radius: 4px;
    padding: 16px 13px !important;
    background-color: #e50112
}

.pagination .next,
.pagination .prev {
    background: transparent !important
}

.pagination .next .icon,
.pagination .prev .icon {
    color: #000 !important
}

.product-color-item {
    position: relative;
    transition: all .3s
}

.product-color-item.active {
    border-color: #000
}

.product-grid-item-2-variant.active {
    color: #fff;
    background-color: #e50112
}

.product-image-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fffc;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all .3s
}

.product-image-loading.active {
    opacity: 1;
    visibility: visible
}

.tw-pointer-events-none {
    pointer-events: none
}

.\!tw-static {
    position: static !important
}

.tw-fixed {
    position: fixed
}

.tw-absolute {
    position: absolute
}

.tw-relative {
    position: relative
}

.tw-inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.tw-bottom-0 {
    bottom: 60px
}

.tw-bottom-16 {
    bottom: 4rem
}

.tw-left-0 {
    left: 0
}

.tw-left-1\/2 {
    left: 50%
}

.tw-left-2 {
    left: .5rem
}

.tw-right-0 {
    right: 0
}

.tw-right-4 {
    right: 1rem
}

.tw-top-0 {
    top: 0
}

.tw-top-1\/2 {
    top: 50%
}

.tw-top-2 {
    top: .5rem
}

.tw-top-full {
    top: 100%
}

.tw-z-10 {
    z-index: 10
}

.tw-z-20 {
    z-index: 20
}

.tw-z-50 {
    z-index: 50
}

.tw-z-\[11\] {
    z-index: 11
}

.tw-z-\[1\] {
    z-index: 1
}

.tw-z-\[2\] {
    z-index: 2
}

.\!tw-float-none {
    float: none !important
}

.\!tw-m-0 {
    margin: 0 !important
}

.tw-mx-0\.5 {
    margin-left: .125rem;
    margin-right: .125rem
}

.tw-mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.tw-mx-auto {
    margin-left: auto;
    margin-right: auto
}

.\!tw-mb-0 {
    margin-bottom: 0 !important
}

.\!tw-mb-1 {
    margin-bottom: .25rem !important
}

.\!tw-mt-0 {
    margin-top: 0 !important
}

.tw-mb-0 {
    margin-bottom: 0
}

.tw-mb-0\.5 {
    margin-bottom: .125rem
}

.tw-mb-1 {
    margin-bottom: .50rem
}

.tw-mb-10 {
    margin-bottom: 2.5rem
}

.tw-mb-2 {
    margin-bottom: .5rem
}

.tw-mb-3 {
    margin-bottom: .75rem
}

.tw-mb-4 {
    margin-bottom: 1rem
}

.tw-mb-5 {
    margin-bottom: 1.25rem
}

.tw-mb-7 {
    margin-bottom: 1.75rem
}

.tw-ml-2 {
    margin-left: .5rem
}

.tw-mt-1 {
    margin-top: .25rem
}

.tw-mt-10 {
    margin-top: 2.5rem
}

.tw-mt-2 {
    margin-top: .5rem
}

.tw-mt-4 {
    margin-top: 1rem
}

.tw-mt-5 {
    margin-top: 1.25rem
}

.tw-mt-6 {
    margin-top: 1.5rem
}

.tw-box-border {
    box-sizing: border-box
}

.tw-line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.tw-line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.\!tw-block {
    display: block !important
}

.tw-block {
    display: block
}

.\!tw-inline-block {
    display: inline-block !important
}

.tw-inline-block {
    display: inline-block
}

.\!tw-flex {
    display: flex !important
}

.tw-flex {
    display: flex
}

.tw-grid {
    display: grid
}

.\!tw-hidden {
    display: none !important
}

.tw-hidden {
    display: none
}

.tw-aspect-\[4\/3\] {
    aspect-ratio: 4/3
}

.tw-aspect-video {
    aspect-ratio: 16 / 9
}

.\!tw-h-5 {
    height: 1.25rem !important
}

.\!tw-h-\[10px\] {
    height: 10px !important
}

.tw-h-10 {
    height: 2.5rem
}

.tw-h-12 {
    height: 3rem
}

.tw-h-16 {
    height: 4rem
}

.tw-h-3 {
    height: .75rem
}

.tw-h-5 {
    height: 1.25rem
}

.tw-h-6 {
    height: 1.5rem
}

.tw-h-\[12px\] {
    height: 12px
}

.tw-h-\[16px\] {
    height: 16px
}

.tw-h-\[28px\] {
    height: 28px
}

.tw-h-\[32px\] {
    height: 32px
}

.tw-h-\[40px\] {
    height: 40px
}

.tw-h-\[84px\] {
    height: 84px
}

.tw-h-full {
    height: 100%
}

.tw-max-h-0 {
    max-height: 0px
}

.tw-max-h-\[150px\] {
    max-height: 150px
}

.tw-max-h-\[70vh\] {
    max-height: 70vh
}

.tw-max-h-\[80vh\] {
    max-height: 80vh
}

.tw-max-h-\[90px\] {
    max-height: 90px
}

.\!tw-min-h-max {
    min-height: max-content !important
}

.tw-min-h-\[100px\] {
    min-height: 100px
}

.tw-min-h-\[100vh\] {
    min-height: 100vh
}

.\!tw-w-5 {
    width: 1.25rem !important
}

.\!tw-w-\[10px\] {
    width: 10px !important
}

.\!tw-w-auto {
    width: auto !important
}

.\!tw-w-full {
    width: 100% !important
}

.tw-w-1\/2 {
    width: 50%
}

.tw-w-10 {
    width: 2.5rem
}

.tw-w-12 {
    width: 3rem
}

.tw-w-14 {
    width: 3.5rem
}

.tw-w-16 {
    width: 4rem
}

.tw-w-3 {
    width: .75rem
}

.tw-w-4 {
    width: 1rem
}

.tw-w-5 {
    width: 1.25rem
}

.tw-w-6 {
    width: 1.5rem
}

.tw-w-\[12px\] {
    width: 12px
}

.tw-w-\[16px\] {
    width: 16px
}

.tw-w-\[28px\] {
    width: 28px
}

.tw-w-\[40\%\] {
    width: 40%
}

.tw-w-\[90\%\] {
    width: 90%
}

.tw-w-auto {
    width: auto
}

.tw-w-full {
    width: 100%
}

.tw-min-w-\[110px\] {
    min-width: 110px
}

.tw-min-w-\[300px\] {
    min-width: 300px
}

.tw-min-w-\[700px\] {
    min-width: 700px
}

.\!tw-max-w-\[350px\] {
    max-width: 350px !important
}

.\!tw-max-w-none {
    max-width: none !important
}

.tw-max-w-\[70px\] {
    max-width: 70px
}

.tw-max-w-\[900px\] {
    max-width: 900px
}

.tw-max-w-max {
    max-width: max-content
}

.tw-flex-1 {
    flex: 1 1 0%
}

.tw-flex-\[2\] {
    flex: 2
}

.tw-flex-\[3\] {
    flex: 3
}

.tw-flex-shrink-0 {
    flex-shrink: 0
}

.tw-border-separate {
    border-collapse: separate
}

.tw-border-spacing-0 {
    --tw-border-spacing-x: 0px;
    --tw-border-spacing-y: 0px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}

.\!tw-translate-y-0 {
    --tw-translate-y: 0px !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.-tw-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-tw-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.tw-translate-x-1\/2 {
    --tw-translate-x: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.tw-translate-y-2 {
    --tw-translate-y: .5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.tw-translate-y-full {
    --tw-translate-y: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-tw-rotate-90 {
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.tw-rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.tw-scale-50 {
    --tw-scale-x: .5;
    --tw-scale-y: .5;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes tw-spin {
    to {
        transform: rotate(360deg)
    }
}

.tw-animate-spin {
    animation: tw-spin 1s linear infinite
}

.\!tw-cursor-not-allowed {
    cursor: not-allowed !important
}

.tw-cursor-pointer {
    cursor: pointer
}

.tw-select-none {
    -webkit-user-select: none;
    user-select: none
}

.tw-list-none {
    list-style-type: none
}

.tw-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.tw-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.tw-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.tw-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

.tw-flex-row {
    flex-direction: row
}

.tw-flex-col {
    flex-direction: column
}

.tw-flex-col-reverse {
    flex-direction: column-reverse
}

.tw-flex-wrap {
    flex-wrap: wrap
}

.tw-items-start {
    align-items: flex-start
}

.tw-items-end {
    align-items: flex-end
}

.tw-items-center {
    align-items: center
}

.tw-justify-end {
    justify-content: flex-end
}

.tw-justify-center {
    justify-content: center
}

.tw-justify-between {
    justify-content: space-between
}

.tw-gap-1 {
    gap: .25rem
}

.tw-gap-10 {
    gap: 2.5rem
}

.tw-gap-2 {
    gap: .5rem
}

.tw-gap-20 {
    gap: 5rem
}

.tw-gap-3 {
    gap: .75rem
}

.tw-gap-4 {
    gap: 1rem
}

.tw-gap-5 {
    gap: 1.25rem
}

.tw-gap-8 {
    gap: 2rem
}

.tw-gap-\[10px\] {
    gap: 10px
}

.tw-gap-x-3 {
    column-gap: .75rem
}

.tw-gap-x-5 {
    column-gap: 1.25rem
}

.tw-gap-y-3 {
    row-gap: .75rem
}

.tw-gap-y-6 {
    row-gap: 1.5rem
}

.tw-space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

.tw-space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.tw-overflow-hidden {
    overflow: hidden
}

.tw-overflow-x-auto {
    overflow-x: auto
}

.tw-overflow-y-auto {
    overflow-y: auto
}

.tw-text-ellipsis {
    text-overflow: ellipsis
}

.tw-whitespace-nowrap {
    white-space: nowrap
}

.tw-rounded-2xl {
    border-radius: 1rem
}

.tw-rounded-\[15px\] {
    border-radius: 15px
}

.tw-rounded-\[30px\] {
    border-radius: 30px
}

.tw-rounded-\[4px\] {
    border-radius: 4px
}

.tw-rounded-full {
    border-radius: 9999px
}

.tw-rounded-lg {
    border-radius: .5rem
}

.tw-rounded-md {
    border-radius: .375rem
}

.tw-rounded-xl {
    border-radius: .75rem
}

.tw-border {
    border-width: 1px
}

.tw-border-2 {
    border-width: 2px
}

.tw-border-b {
    border-bottom-width: 1px
}

.tw-border-b-2 {
    border-bottom-width: 2px
}

.tw-border-b-\[3px\] {
    border-bottom-width: 3px
}

.tw-border-l {
    border-left-width: 1px
}

.tw-border-t {
    border-top-width: 1px
}

.\!tw-border-\[\#e50112\] {
    --tw-border-opacity: 1 !important;
    border-color: rgb(229 1 18 / var(--tw-border-opacity)) !important
}

.\!tw-border-black {
    --tw-border-opacity: 1 !important;
    border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important
}

.tw-border-\[\#858585\] {
    --tw-border-opacity: 1;
    border-color: rgb(133 133 133 / var(--tw-border-opacity))
}

.tw-border-\[\#E50112\],
.tw-border-\[\#e50112\] {
    --tw-border-opacity: 1;
    border-color: rgb(229 1 18 / var(--tw-border-opacity))
}

.tw-border-\[\#e8e8e1\] {
    --tw-border-opacity: 1;
    border-color: rgb(232 232 225 / var(--tw-border-opacity))
}

.tw-border-black {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity))
}

.tw-border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-border-opacity))
}

.tw-border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity))
}

.tw-border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity))
}

.tw-border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity))
}

.tw-border-b-black {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity))
}

.tw-border-l-black {
    --tw-border-opacity: 1;
    border-left-color: rgb(0 0 0 / var(--tw-border-opacity))
}

.tw-border-t-black {
    --tw-border-opacity: 1;
    border-top-color: rgb(0 0 0 / var(--tw-border-opacity))
}

.\!tw-bg-\[\#cd3f3d\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(205 63 61 / var(--tw-bg-opacity)) !important
}

.\!tw-bg-transparent {
    background-color: transparent !important
}

.tw-bg-\[\#E50112\] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 1 18 / var(--tw-bg-opacity))
}

.tw-bg-\[\#e50012\] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 0 18 / var(--tw-bg-opacity))
}

.tw-bg-\[\#e50112\] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 1 18 / var(--tw-bg-opacity))
}

.tw-bg-\[\#efefef\] {
    --tw-bg-opacity: 1;
    background-color: rgb(239 239 239 / var(--tw-bg-opacity))
}

.tw-bg-\[\#f3f4f6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}

.tw-bg-\[\#f8f8f8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248 / var(--tw-bg-opacity))
}

.tw-bg-\[\#f9f9f9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(249 249 249 / var(--tw-bg-opacity))
}

.tw-bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}

.tw-bg-black\/60 {
    background-color: #0009
}

.tw-bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}

.tw-bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity))
}

.tw-bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.tw-bg-opacity-20 {
    --tw-bg-opacity: .2
}

.tw-bg-opacity-60 {
    --tw-bg-opacity: .6
}

.tw-bg-cover {
    background-size: cover
}

.tw-bg-center {
    background-position: center
}

.tw-bg-no-repeat {
    background-repeat: no-repeat
}

.tw-object-contain {
    object-fit: contain
}

.tw-object-cover {
    object-fit: cover
}

.tw-object-bottom {
    object-position: bottom
}

.tw-object-center {
    object-position: center
}

.\!tw-p-0 {
    padding: 0 !important
}

.tw-p-0\.5 {
    padding: .125rem
}

.tw-p-1 {
    padding: .25rem
}

.tw-p-10 {
    padding: 2.5rem
}

.tw-p-2 {
    padding: .5rem
}

.tw-p-3 {
    padding: .75rem
}

.tw-p-4 {
    padding: 1rem
}

.tw-p-5 {
    padding: 1.25rem
}

.tw-px-0 {
    padding-left: 0;
    padding-right: 0
}

.tw-px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.tw-px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem
}

.tw-px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.tw-px-20 {
    padding-left: 5rem;
    padding-right: 5rem
}

.tw-px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.tw-px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.tw-px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.tw-px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.tw-px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.tw-py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.tw-py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.tw-py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.tw-py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.tw-py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.tw-py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.tw-py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.tw-py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.tw-py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.tw-py-\[22px\] {
    padding-top: 22px;
    padding-bottom: 22px
}

.\!tw-pr-0 {
    padding-right: 0 !important
}

.\!tw-pr-1 {
    padding-right: .25rem !important
}

.tw-pb-1 {
    padding-bottom: .25rem
}

.tw-pb-10 {
    padding-bottom: 2.5rem
}

.tw-pb-2 {
    padding-bottom: .5rem
}

.tw-pb-3 {
    padding-bottom: .75rem
}

.tw-pb-4 {
    padding-bottom: 1rem
}

.tw-pb-5 {
    padding-bottom: 1.25rem
}

.tw-pb-6 {
    padding-bottom: 1.5rem
}

.tw-pb-\[25px\] {
    padding-bottom: 25px
}

.tw-pl-10 {
    padding-left: 2.5rem
}

.tw-pl-2 {
    padding-left: .5rem
}

.tw-pl-5 {
    padding-left: 1.25rem
}

.tw-pr-2 {
    padding-right: .5rem
}

.tw-pr-5 {
    padding-right: 1.25rem
}

.tw-pt-0\.5 {
    padding-top: .125rem
}

.tw-pt-1 {
    padding-top: .25rem
}

.tw-pt-1\.5 {
    padding-top: .375rem
}

.tw-pt-10 {
    padding-top: 2.5rem
}

.tw-pt-2 {
    padding-top: .5rem
}

.tw-pt-3 {
    padding-top: .75rem
}

.tw-pt-4 {
    padding-top: 1rem
}

.tw-pt-5 {
    padding-top: 1.25rem
}

.tw-pt-6 {
    padding-top: 1.5rem
}

.tw-text-center {
    text-align: center
}

.tw-text-right {
    text-align: right
}

.tw-align-bottom {
    vertical-align: bottom
}

.\!tw-text-\[15px\] {
    font-size: 15px !important
}

.\!tw-text-\[17px\] {
    font-size: 17px !important
}

.\!tw-text-\[18px\] {
    font-size: 18px !important
}

.\!tw-text-\[20px\] {
    font-size: 20px !important
}

.\!tw-text-sm {
    font-size: .875rem !important;
    line-height: 1.25rem !important
}

.tw-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.tw-text-\[10px\] {
    font-size: 10px
}

.tw-text-\[15px\] {
    font-size: 15px
}

.tw-text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.tw-text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.tw-text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.tw-text-xs {
    font-size: .95rem;
    line-height: 1rem
}

.\!tw-font-bold {
    font-weight: 700 !important
}

.tw-font-bold {
    font-weight: 700
}

.tw-font-semibold {
    font-weight: 600
}

.tw-uppercase {
    text-transform: uppercase
}

.\!tw-normal-case {
    text-transform: none !important
}

.\!tw-leading-loose {
    line-height: 2 !important
}

.\!tw-leading-none {
    line-height: 1 !important
}

.\!tw-leading-relaxed {
    line-height: 1.625 !important
}

.tw-leading-none {
    line-height: 1
}

.tw-leading-snug {
    line-height: 1.375
}

.tw-leading-tight {
    line-height: 1.25
}

.\!tw-tracking-normal {
    letter-spacing: 0em !important
}

.tw-tracking-widest {
    letter-spacing: .1em
}

.\!tw-text-\[\#046671\] {
    --tw-text-opacity: 1 !important;
    color: rgb(4 102 113 / var(--tw-text-opacity)) !important
}

.\!tw-text-\[\#E50112\] {
    --tw-text-opacity: 1 !important;
    color: rgb(229 1 18 / var(--tw-text-opacity)) !important
}

.\!tw-text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.tw-text-\[\#046671\] {
    --tw-text-opacity: 1;
    color: rgb(4 102 113 / var(--tw-text-opacity))
}

.tw-text-\[\#666666\] {
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity))
}

.tw-text-\[\#7F7F7F\] {
    --tw-text-opacity: 1;
    color: rgb(127 127 127 / var(--tw-text-opacity))
}

.tw-text-\[\#7d7d7d\] {
    --tw-text-opacity: 1;
    color: rgb(125 125 125 / var(--tw-text-opacity))
}

.tw-text-\[\#7e7e7e\] {
    --tw-text-opacity: 1;
    color: rgb(126 126 126 / var(--tw-text-opacity))
}

.tw-text-\[\#7f7f7f\] {
    --tw-text-opacity: 1;
    color: rgb(127 127 127 / var(--tw-text-opacity))
}

.tw-text-\[\#CCCCCC\] {
    --tw-text-opacity: 1;
    color: rgb(204 204 204 / var(--tw-text-opacity))
}

.tw-text-\[\#E50112\] {
    --tw-text-opacity: 1;
    color: rgb(229 1 18 / var(--tw-text-opacity))
}

.tw-text-\[\#b2b2b2\] {
    --tw-text-opacity: 1;
    color: rgb(178 178 178 / var(--tw-text-opacity))
}

.tw-text-\[\#cccccc\] {
    --tw-text-opacity: 1;
    color: rgb(204 204 204 / var(--tw-text-opacity))
}

.tw-text-\[\#e50112\] {
    --tw-text-opacity: 1;
    color: rgb(229 1 18 / var(--tw-text-opacity))
}

.tw-text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}

.tw-text-slate-800 {
    --tw-text-opacity: 1;
    color: rgb(30 41 59 / var(--tw-text-opacity))
}

.tw-text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.tw-underline {
    text-decoration-line: underline
}

.tw-line-through {
    text-decoration-line: line-through
}

.\!tw-opacity-0 {
    opacity: 0 !important
}

.tw-opacity-0 {
    opacity: 0
}

.tw-opacity-100 {
    opacity: 1
}

.tw-opacity-20 {
    opacity: .2
}

.tw-opacity-30 {
    opacity: .3
}

.tw-opacity-50 {
    opacity: .5
}

.tw-opacity-70 {
    opacity: .7
}

.tw-opacity-80 {
    opacity: .8
}

.\!tw-shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.tw-shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.tw-transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.tw-transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.tw-duration-1000 {
    transition-duration: 1s
}

.tw-duration-200 {
    transition-duration: .2s
}

.tw-duration-300 {
    transition-duration: .3s
}

.tw-duration-500 {
    transition-duration: .5s
}

.last\:tw-mb-0:last-child {
    margin-bottom: 0
}

.last\:tw-border-b:last-child {
    border-bottom-width: 1px
}

.last\:tw-border-b-0:last-child {
    border-bottom-width: 0px
}

.hover\:tw-bg-\[\#E50112\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(229 1 18 / var(--tw-bg-opacity))
}

.hover\:tw-bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}

.hover\:\!tw-text-white:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.tw-group:hover .group-hover\:tw-scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (min-width: 768px) {
    .md\:tw-mb-10 {
        margin-bottom: 2.5rem
    }

    .md\:tw-mb-16 {
        margin-bottom: 4rem
    }

    .md\:tw-mb-2 {
        margin-bottom: .5rem
    }

    .md\:tw-mb-5 {
        margin-bottom: 1.25rem
    }

    .md\:tw-mb-8 {
        margin-bottom: 2rem
    }

    .md\:tw-mt-12 {
        margin-top: 3rem
    }

    .md\:tw-mt-8 {
        margin-top: 2rem
    }

    .md\:tw-block {
        display: block
    }

    .md\:tw-grid {
        display: grid
    }

    .md\:tw-hidden {
        display: none
    }

    .md\:\!tw-h-3 {
        height: .75rem !important
    }

    .md\:tw-h-12 {
        height: 3rem
    }

    .md\:tw-h-\[50px\] {
        height: 50px
    }

    .md\:tw-h-\[92px\] {
        height: 92px
    }

    .md\:\!tw-w-1\/2 {
        width: 50% !important
    }

    .md\:\!tw-w-3 {
        width: .75rem !important
    }

    .md\:tw-w-1\/2 {
        width: 50%
    }

    .md\:tw-w-10 {
        width: 2.5rem
    }

    .md\:tw-w-12 {
        width: 3rem
    }

    .md\:tw-w-5 {
        width: 1.25rem
    }

    .md\:tw-w-8 {
        width: 2rem
    }

    .md\:tw-w-\[50px\] {
        width: 50px
    }

    .md\:tw-min-w-\[160px\] {
        min-width: 160px
    }

    .md\:\!tw-max-w-\[500px\] {
        max-width: 500px !important
    }

    .md\:tw-max-w-\[144px\] {
        max-width: 144px
    }

    .md\:tw-grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .md\:tw-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:tw-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .md\:tw-flex-row {
        flex-direction: row
    }

    .md\:tw-flex-col {
        flex-direction: column
    }

    .md\:tw-items-center {
        align-items: center
    }

    .md\:tw-justify-end {
        justify-content: flex-end
    }

    .md\:tw-justify-center {
        justify-content: center
    }

    .md\:tw-gap-10 {
        gap: 2.5rem
    }

    .md\:tw-gap-5 {
        gap: 1.25rem
    }

    .md\:tw-gap-8 {
        gap: 2rem
    }

    .md\:tw-gap-y-8 {
        row-gap: 2rem
    }

    .md\:tw-rounded-3xl {
        border-radius: 1.5rem
    }

    .md\:tw-p-10 {
        padding: 2.5rem
    }

    .md\:tw-p-6 {
        padding: 1.5rem
    }

    .md\:tw-px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .md\:tw-px-28 {
        padding-left: 7rem;
        padding-right: 7rem
    }

    .md\:tw-px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .md\:tw-px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .md\:tw-py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .md\:tw-py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .md\:tw-py-3 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .md\:tw-py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .md\:tw-py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .md\:tw-py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .md\:tw-pb-10 {
        padding-bottom: 2.5rem
    }

    .md\:tw-pb-5 {
        padding-bottom: 1.25rem
    }

    .md\:tw-pb-7 {
        padding-bottom: 1.75rem
    }

    .md\:tw-pr-5 {
        padding-right: 1.25rem
    }

    .md\:tw-pt-10 {
        padding-top: 2.5rem
    }

    .md\:tw-pt-12 {
        padding-top: 3rem
    }

    .md\:tw-pt-16 {
        padding-top: 4rem
    }

    .md\:tw-pt-5 {
        padding-top: 1.25rem
    }

    .md\:tw-pt-8 {
        padding-top: 2rem
    }

    .md\:tw-text-left {
        text-align: left
    }

    .md\:\!tw-text-\[25px\] {
        font-size: 25px !important
    }

    .md\:\!tw-text-\[27px\] {
        font-size: 27px !important
    }

    .md\:tw-text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .md\:tw-text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .md\:tw-text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .md\:tw-text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .md\:tw-text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .md\:tw-text-xs {
        font-size: .75rem;
        line-height: 1rem
    }

    .md\:tw-leading-tight {
        line-height: 1.25
    }
}

@media (min-width: 990px) {
    .md2\:tw-h-\[40px\] {
        height: 40px
    }

    .md2\:tw-w-\[40px\] {
        width: 40px
    }
}

@media (min-width: 1024px) {
    .lg\:tw-ml-0 {
        margin-left: 0
    }

    .lg\:tw-block {
        display: block
    }

    .lg\:\!tw-inline-block {
        display: inline-block !important
    }

    .lg\:tw-flex {
        display: flex
    }

    .lg\:\!tw-hidden {
        display: none !important
    }

    .lg\:tw-hidden {
        display: none
    }

    .lg\:tw-h-\[50px\] {
        height: 50px
    }

    .lg\:tw-w-1\/2 {
        width: 50%
    }

    .lg\:tw-w-\[50px\] {
        width: 50px
    }

    .lg\:tw-scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .lg\:tw-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .lg\:tw-grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .lg\:tw-grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .lg\:tw-flex-row {
        flex-direction: row
    }

    .lg\:tw-justify-start {
        justify-content: flex-start
    }

    .lg\:tw-gap-10 {
        gap: 2.5rem
    }

    .lg\:tw-gap-16 {
        gap: 4rem
    }

    .lg\:tw-border-b {
        border-bottom-width: 1px
    }

    .lg\:tw-px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .lg\:tw-py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .lg\:tw-pb-5 {
        padding-bottom: 1.25rem
    }

    .lg\:tw-pt-14 {
        padding-top: 3.5rem
    }

    .lg\:tw-text-left {
        text-align: left
    }

    .lg\:tw-text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .lg\:tw-text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

@media (min-width: 1300px) {
    .xl\:tw-mt-20 {
        margin-top: 5rem
    }
}