*, ::before, ::after {
    --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-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 / 0.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-pointer-events-none {
    pointer-events: none
}
        .tw-absolute {
    position: absolute
}
        .\!tw-absolute {
    position: absolute !important
}
        .tw-relative {
    position: relative
}
        .tw-top-1\/2 {
    top: 50%
}
        .tw-left-3 {
    left: 0.75rem
}
        .tw-top-0 {
    top: 0px
}
        .tw-left-0 {
    left: 0px
}
        .tw--order-2 {
    order: -2
}
        .tw--order-1 {
    order: -1
}
        .\!tw--m-px {
    margin: -1px !important
}
        .tw--mx-4 {
    margin-left: -1rem;
    margin-right: -1rem
}
        .tw-mx-auto {
    margin-left: auto;
    margin-right: auto
}
        .tw-mb-12 {
    margin-bottom: 3rem
}
        .tw-mb-8 {
    margin-bottom: 2rem
}
        .tw-mb-4 {
    margin-bottom: 1rem
}
        .-tw-mt-\[40px\] {
    margin-top: -40px
}
        .tw-mt-4 {
    margin-top: 1rem
}
        .tw-mt-8 {
    margin-top: 2rem
}
        .tw-mb-6 {
    margin-bottom: 1.5rem
}
        .tw-mb-3 {
    margin-bottom: 0.75rem
}
        .tw-mt-2 {
    margin-top: 0.5rem
}
        .tw--mt-1 {
    margin-top: -0.25rem
}
        .tw-mb-1 {
    margin-bottom: 0.25rem
}
        .tw-mr-1 {
    margin-right: 0.25rem
}
        .tw-ml-2 {
    margin-left: 0.5rem
}
        .tw-mb-2 {
    margin-bottom: 0.5rem
}
        .tw-mr-4 {
    margin-right: 1rem
}
        .-tw-ml-1 {
    margin-left: -0.25rem
}
        .tw-mt-\[6px\] {
    margin-top: 6px
}
        .tw-mr-2 {
    margin-right: 0.5rem
}
        .tw-box-border {
    box-sizing: border-box
}
        .tw-block {
    display: block
}
        .tw-inline-block {
    display: inline-block
}
        .tw-flex {
    display: flex
}
        .tw-grid {
    display: grid
}
        .tw-hidden {
    display: none
}
        .tw-h-\[200px\] {
    height: 200px
}
        .tw-h-20 {
    height: 5rem
}
        .tw-h-8 {
    height: 2rem
}
        .tw-h-\[505px\] {
    height: 505px
}
        .\!tw-h-px {
    height: 1px !important
}
        .tw-h-5 {
    height: 1.25rem
}
        .tw-h-full {
    height: 100%
}
        .tw-h-2 {
    height: 0.5rem
}
        .tw-w-full {
    width: 100%
}
        .tw-w-\[90\%\] {
    width: 90%
}
        .tw-w-1\/2 {
    width: 50%
}
        .tw-w-8 {
    width: 2rem
}
        .tw-w-\[380px\] {
    width: 380px
}
        .\!tw-w-px {
    width: 1px !important
}
        .tw-w-5 {
    width: 1.25rem
}
        .tw-max-w-\[400px\] {
    max-width: 400px
}
        .tw-max-w-fit {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}
        .tw--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))
}
        .tw-scale-90 {
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    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))
}
        .tw-transform {
    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))
}
        @-webkit-keyframes tw-spin {
    to {
        transform: rotate(360deg)
    }
}
        @keyframes tw-spin {
    to {
        transform: rotate(360deg)
    }
}
        .tw-animate-spin {
    -webkit-animation: tw-spin 1s linear infinite;
            animation: tw-spin 1s linear infinite
}
        .tw-list-none {
    list-style-type: none
}
        .tw-grid-cols-\[repeat\(auto-fit\,minmax\(200px\,_1fr\)\)\] {
    grid-template-columns: repeat(auto-fit,minmax(200px, 1fr))
}
        .tw-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}
        .tw-flex-col {
    flex-direction: column
}
        .tw-flex-wrap {
    flex-wrap: wrap
}
        .tw-items-center {
    align-items: center
}
        .tw-justify-center {
    justify-content: center
}
        .tw-justify-between {
    justify-content: space-between
}
        .tw-gap-4 {
    gap: 1rem
}
        .tw-gap-2 {
    gap: 0.5rem
}
        .tw-space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}
        .tw-overflow-hidden {
    overflow: hidden
}
        .\!tw-overflow-hidden {
    overflow: hidden !important
}
        .\!tw-whitespace-nowrap {
    white-space: nowrap !important
}
        .tw-rounded-\[20px\] {
    border-radius: 20px
}
        .tw-rounded-full {
    border-radius: 9999px
}
        .tw-border {
    border-width: 1px
}
        .tw-border-4 {
    border-width: 4px
}
        .\!tw-border-0 {
    border-width: 0px !important
}
        .tw-border-b {
    border-bottom-width: 1px
}
        .tw-border-solid {
    border-style: solid
}
        .tw-border-none {
    border-style: none
}
        .tw-border-transparent {
    border-color: transparent
}
        .tw-border-\[\#c9c9c9\] {
    --tw-border-opacity: 1;
    border-color: rgb(201 201 201 / var(--tw-border-opacity))
}
        .tw-border-\[\#797979\] {
    --tw-border-opacity: 1;
    border-color: rgb(121 121 121 / var(--tw-border-opacity))
}
        .tw-border-current {
    border-color: currentColor
}
        .tw-border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity))
}
        .tw-border-b-\[\#c9c9c9\] {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(201 201 201 / var(--tw-border-opacity))
}
        .tw-border-r-transparent {
    border-right-color: transparent
}
        .tw-bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(59 170 57 / var(--tw-bg-opacity))
}
        .tw-bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
        .tw-bg-\[\#414141\] {
    --tw-bg-opacity: 1;
    background-color: rgb(65 65 65 / var(--tw-bg-opacity))
}
        .tw-bg-cover {
    background-size: cover
}
        .tw-object-cover {
    -o-object-fit: cover;
       object-fit: cover
}
        .tw-p-8 {
    padding: 2rem
}
        .tw-p-6 {
    padding: 1.5rem
}
        .tw-p-4 {
    padding: 1rem
}
        .tw-p-2 {
    padding: 0.5rem
}
        .tw-p-3 {
    padding: 0.75rem
}
        .\!tw-p-0 {
    padding: 0px !important
}
        .tw-px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}
        .tw-py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}
        .tw-py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}
        .tw-px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem
}
        .\!tw-py-\[2rem\] {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important
}
        .tw-pt-2 {
    padding-top: 0.5rem
}
        .tw-pt-4 {
    padding-top: 1rem
}
        .tw-pl-20 {
    padding-left: 5rem
}
        .tw-pr-10 {
    padding-right: 2.5rem
}
        .\!tw-pl-12 {
    padding-left: 3rem !important
}
        .tw-text-left {
    text-align: left
}
        .tw-text-center {
    text-align: center
}
        .tw-text-right {
    text-align: right
}
        .tw-align-\[-0\.125em\] {
    vertical-align: -0.125em
}
        .tw-font-\[luma-icons\] {
    font-family: luma-icons
}
        .tw-text-5xl {
    font-size: 3rem;
    line-height: 1
}
        .tw-text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}
        .tw-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}
        .tw-text-\[16px\] {
    font-size: 16px
}
        .tw-text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}
        .\!tw-text-\[16px\] {
    font-size: 16px !important
}
        .tw-text-xs {
    font-size: 0.75rem;
    line-height: 1rem
}
        .tw-font-bold {
    font-weight: 700
}
        .tw-uppercase {
    text-transform: uppercase
}
        .tw-italic {
    font-style: italic
}
        .tw-tracking-\[0\.5px\] {
    letter-spacing: 0.5px
}
        .tw-text-primary {
    --tw-text-opacity: 1;
    color: rgb(59 170 57 / var(--tw-text-opacity))
}
        .tw-text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
        .tw-text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}
        .tw-text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}
        .tw-text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity))
}
        .tw-text-secondary {
    --tw-text-opacity: 1;
    color: rgb(255 116 17 / var(--tw-text-opacity))
}
        .tw-opacity-0 {
    opacity: 0
}
        .tw-opacity-100 {
    opacity: 1
}

        .tw-mobile-header {
    margin-bottom: -10px;
    padding: 1rem;
    padding-bottom: 0px
}

        @media (min-width: 768px) {
    .tw-mobile-header {
        margin-bottom: 0px
    }
    .tw-mobile-header {
        padding-bottom: 1rem
    }
}

        .before\:tw-float-left::before {
    content: var(--tw-content);
    float: left
}

        .before\:tw-font-bold::before {
    content: var(--tw-content);
    font-weight: 700
}

        .before\:tw-content-\[attr\(data-label\)\]::before {
    --tw-content: attr(data-label);
    content: var(--tw-content)
}

        .even\:tw-bg-\[\#c9c9c9\]:nth-child(even) {
    --tw-bg-opacity: 1;
    background-color: rgb(201 201 201 / var(--tw-bg-opacity))
}

        .hover\:tw-border-border_gray:hover {
    --tw-border-opacity: 1;
    border-color: rgb(187 187 187 / var(--tw-border-opacity))
}

        .hover\:tw-bg-secondary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 116 17 / var(--tw-bg-opacity))
}

        .hover\:tw-bg-primary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(59 170 57 / var(--tw-bg-opacity))
}

        .hover\:tw-shadow-product:hover {
    --tw-shadow: 3px 4px 4px 0 rgb(0 0 0 / 30%);
    --tw-shadow-colored: 3px 4px 4px 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)
}

        @media (min-width: 640px) {
    .sm\:tw-mb-0 {
        margin-bottom: 0px
    }
    .sm\:tw-table-cell {
        display: table-cell
    }
    .sm\:tw-table-header-group {
        display: table-header-group
    }
    .sm\:tw-table-row {
        display: table-row
    }
    .sm\:tw-h-32 {
        height: 8rem
    }
    .sm\:tw-border-b-0 {
        border-bottom-width: 0px
    }
    .sm\:tw-border-none {
        border-style: none
    }
    .sm\:tw-border-b-black {
        --tw-border-opacity: 1;
        border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity))
    }
    .sm\:tw-text-left {
        text-align: left
    }
    .sm\:before\:tw-float-none::before {
        content: var(--tw-content);
        float: none
    }
    .sm\:before\:tw-font-normal::before {
        content: var(--tw-content);
        font-weight: 400
    }
    .sm\:before\:tw-content-none::before {
        --tw-content: none;
        content: var(--tw-content)
    }
}

        @media (min-width: 768px) {
    .md\:tw-block {
        display: block
    }
    .md\:tw-hidden {
        display: none
    }
    .md\:tw-h-40 {
        height: 10rem
    }
    .md\:tw-h-\[470px\] {
        height: 470px
    }
    .md\:tw-w-1\/2 {
        width: 50%
    }
    .md\:tw-w-1\/3 {
        width: 33.333333%
    }
    .md\:tw-scale-125 {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25;
        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\: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)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .md\:tw-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

        @media (min-width: 1024px) {
    .lg\:tw-mt-0 {
        margin-top: 0px
    }
    .lg\:tw-h-20 {
        height: 5rem
    }
    .lg\:tw-h-32 {
        height: 8rem
    }
    .lg\:tw-w-1\/3 {
        width: 33.333333%
    }
    .lg\:tw-w-7\/12 {
        width: 58.333333%
    }
    .lg\:tw-w-5\/12 {
        width: 41.666667%
    }
    .lg\:tw-grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}