a:active{
    pointer-events: none !important;
}
img.object-contain.mainlogo {
    height: 60px !important;
    width: auto !important;
    position: relative !important;
}
button{
    color:#000 !important
}
a.bg-accent{
    color:#000  !important
}
button:hover,
a.bg-accent{
    background: #38513B !important;
    color: #fff !important;
}
a.bg-accent:hover{
    background: #CCBEA1 !important;
    color: #000 !important;
}
*{
    --color-orange-500: 204, 190, 161 !important;
}
.minn{
    min-height:350px !important
}
.bef{
    object-fit:cover !important;
    object-position: top !important;
}
button.product-cart:hover,
form button:hover{
    background:transparent !important;
    color:#000 !important;
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-button-disabled {
    display: none !important;
}

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

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

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
}

body {
    margin: 0;
    line-height: inherit;
}

h3 {
    font-size: inherit;
    font-weight: inherit;
}

a {
    color: inherit;
    text-decoration: inherit;
}

button,
input {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}

button {
    text-transform: none;
}

[type=button],
button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
}

h3,
p {
    margin: 0;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

input::placeholder {
    color: #9ca3af;
}

button {
    cursor: pointer;
}

:disabled {
    cursor: default;
}

img,
svg {
    display: block;
    vertical-align: middle;
}

img {
    max-width: 100%;
    height: auto;
}

[type=email] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    border-radius: 0;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000;
}

[type=email]:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: #2563eb;
}

input::placeholder {
    color: #6b7280;
    opacity: 1;
}

:root {
    --color-accent: 204, 190, 161;
    --color-accent-hover: 1, 147, 118;
    --color-accent-200: 204, 236, 229;
    --color-accent-300: 153, 217, 204;
    --color-accent-400: 77, 188, 165;
    --color-accent-500: 0, 159, 127;
    --color-accent-600: 0, 143, 114;
    --color-accent-700: 0, 119, 95;
    --color-light: 255, 255, 255;
    --color-dark: 0, 0, 0;
    --color-muted-black: 17, 17, 17;
    --color-current: currentColor;
    --text-base: 107, 114, 128;
    --text-base-dark: 75, 85, 99;
    --text-muted: 156, 163, 175;
    --text-muted-light: 209, 213, 219;
    --text-sub-heading: 55, 65, 81;
    --text-heading: 31, 41, 55;
    --text-bolder: 31, 41, 55;
    --color-border-50: 249, 250, 251;
    --color-border-100: 243, 244, 246;
    --color-border-200: 229, 231, 235;
    --color-border-base: 209, 213, 219;
    --color-border-400: 156, 163, 175;
    --color-gray-50: 249, 250, 251;
    --color-gray-100: 243, 244, 246;
    --color-gray-200: 229, 231, 235;
    --color-gray-300: 209, 213, 219;
    --color-gray-400: 156, 163, 175;
    --color-gray-500: 107, 114, 128;
    --color-gray-600: 75, 85, 99;
    --color-gray-700: 55, 65, 81;
    --color-gray-800: 31, 41, 55;
    --color-gray-900: 31, 41, 55;
    --color-orange-50: 255, 247, 237;
    --color-orange-100: 255, 237, 213;
    --color-orange-200: 254, 215, 170;
    --color-orange-300: 253, 186, 116;
    --color-orange-400: 251, 146, 60;
    --color-orange-500: 249, 115, 22;
    --color-orange-600: 234, 88, 12;
    --color-orange-700: 194, 65, 12;
    --color-orange-800: 154, 52, 18;
    --color-orange-900: 124, 45, 18;
    --color-pending: 201, 161, 22;
    --color-processing: 158, 117, 0;
    --color-complete: 0, 161, 127;
    --color-canceled: 227, 110, 1;
    --color-failed: 238, 43, 0;
    --color-out-for-delivery: 126, 173, 66;
    --text-base-dark: 51, 51, 51;
    --h1: 2.5rem;
    --h2: 2rem;
    --h3: 1.5rem;
    --h4: 1.25rem;
    --h5: 1.125rem;
    --h6: 1rem;
}

html {
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body,
h3 {
    font-family: system-ui, sans-serif;
}

a {
    text-decoration-line: none;
}

*,
:after,
:before {
    --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-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(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;
}

.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;
}

.visible {
    visibility: visible;
}

.invisible {
    visibility: hidden;
}

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.sticky {
    position: sticky;
}

.bottom-0 {
    bottom: 0;
}

.right-10 {
    right: 2.5rem;
}

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

.top-\[58px\] {
    top: 58px;
}

.top-full {
    top: 100%;
}

.-z-1 {
    z-index: -1;
}

.z-0 {
    z-index: 0;
}

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

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

.z-30 {
    z-index: 30;
}

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

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.col-span-full {
    grid-column: 1/-1;
}

.mx-3 {
    margin-left: .75rem;
    margin-right: .75rem;
}

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

.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}

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

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

.mb-1 {
    margin-bottom: .25rem;
}

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

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

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

.mb-\[2px\] {
    margin-bottom: 2px;
}

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

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

.mt-20 {
    margin-top: 5rem;
}

.mt-3 {
    margin-top: .75rem;
}

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

.mt-8 {
    margin-top: 2rem;
}

.block {
    display: block;
}

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

.flex {
    display: flex;
}

.inline-flex {
    display: inline-flex;
}

.grid {
    display: grid;
}

.hidden {
    display: none;
}

.aspect-\[2\/3\] {
    aspect-ratio: 2/3;
}

.\!h-2\.5 {
    height: .625rem !important;
}

.h-0\.5 {
    height: .125rem;
}

.h-10 {
    height: 2.5rem;
}

.h-11 {
    height: 2.75rem;
}

.h-12 {
    height: 3rem;
}

.h-14 {
    height: 3.5rem;
}

.h-16 {
    height: 4rem;
}

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

.h-4 {
    height: 1rem;
}

.h-5 {
    height: 1.25rem;
}

.h-8 {
    height: 2rem;
}

.h-9 {
    height: 2.25rem;
}

.h-\[2\.125rem\] {
    height: 2.125rem;
}

.h-\[20px\] {
    height: 20px;
}

.h-\[38px\] {
    height: 38px;
}

.h-full {
    height: 100%;
}

.max-h-\[240px\] {
    max-height: 240px;
}

.max-h-full {
    max-height: 100%;
}

.min-h-screen {
    min-height: 100vh;
}

.\!w-2\.5 {
    width: .625rem !important;
}

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

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

.w-3\/4 {
    width: 75%;
}

.w-32 {
    width: 8rem;
}

.w-4 {
    width: 1rem;
}

.w-5 {
    width: 1.25rem;
}

.w-6 {
    width: 1.5rem;
}

.w-8 {
    width: 2rem;
}

.w-\[20px\] {
    width: 20px;
}

.w-\[220px\] {
    width: 220px;
}

.w-\[38px\] {
    width: 38px;
}

.w-full {
    width: 100%;
}

.max-w-\[500px\] {
    max-width: 500px;
}

.max-w-full {
    max-width: 100%;
}

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

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

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

.cursor-pointer {
    cursor: pointer;
}

.grid-cols-\[repeat\(auto-fill\2c minmax\(260px\2c 1fr\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

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

.flex-wrap {
    flex-wrap: wrap;
}

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

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

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

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

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

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

.gap-4 {
    gap: 1rem;
}

.gap-6 {
    gap: 1.5rem;
}

.gap-y-10 {
    row-gap: 2.5rem;
}

.space-x-2\.5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.625rem * var(--tw-space-x-reverse));
    margin-left: calc(.625rem * calc(1 - var(--tw-space-x-reverse)));
}

.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)));
}

.space-x-6>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-7>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.75rem * var(--tw-space-x-reverse));
    margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
}

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

.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));
}

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

.overflow-hidden {
    overflow: hidden;
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate,
.whitespace-nowrap {
    white-space: nowrap;
}

.\!rounded-full {
    border-radius: 9999px !important;
}

.rounded {
    border-radius: 5px;
}

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

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

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

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

.\!border-0 {
    border-width: 0 !important;
}

.border {
    border-width: 1px;
}

.border-0 {
    border-width: 0;
}

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

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

.border-border-200 {
    --tw-border-opacity: 1;
    border-color: rgba(var(--color-border-200), var(--tw-border-opacity));
}

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgba(var(--color-gray-200), var(--tw-border-opacity));
}

.border-gray-800 {
    --tw-border-opacity: 1;
    border-color: rgba(var(--color-gray-800), var(--tw-border-opacity));
}

.border-transparent {
    border-color: transparent;
}

.border-t-border-100 {
    --tw-border-opacity: 1;
    border-top-color: rgba(var(--color-border-100), var(--tw-border-opacity));
}

.\!bg-accent {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--color-accent), var(--tw-bg-opacity)) !important;
}

.bg-accent {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-accent), var(--tw-bg-opacity));
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-gray-100), var(--tw-bg-opacity));
}

.bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-gray-400), var(--tw-bg-opacity));
}

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-gray-50), var(--tw-bg-opacity));
}

.bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-gray-600), var(--tw-bg-opacity));
}

.bg-light {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-light), var(--tw-bg-opacity));
}

.bg-transparent {
    background-color: transparent;
}

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

.bg-opacity-90 {
    --tw-bg-opacity: 0.9;
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain;
}

.\!p-1 {
    padding: .25rem !important;
}

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

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

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

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

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

.px-\[22px\] {
    padding-left: 22px;
    padding-right: 22px;
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0;
}

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

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

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

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

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

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

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

.pb-20 {
    padding-bottom: 5rem;
}

.pb-\[40px\] {
    padding-bottom: 40px;
}

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

.pt-16 {
    padding-top: 4rem;
}

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

.pt-8 {
    padding-top: 2rem;
}

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

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

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

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

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

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

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

.\!font-normal {
    font-weight: 400 !important;
}

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

.font-medium {
    font-weight: 500;
}

.font-normal {
    font-weight: 400;
}

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

.uppercase {
    text-transform: uppercase;
}

.not-italic {
    font-style: normal;
}

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

.text-accent {
    --tw-text-opacity: 1;
    color: rgba(var(--color-accent), var(--tw-text-opacity));
}

.text-body {
    --tw-text-opacity: 1;
    color: rgba(var(--text-base), var(--tw-text-opacity));
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgba(var(--color-gray-400), var(--tw-text-opacity));
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgba(var(--color-gray-500), var(--tw-text-opacity));
}

.text-heading {
    --tw-text-opacity: 1;
    color: rgba(var(--text-heading), var(--tw-text-opacity));
}

.text-light {
    --tw-text-opacity: 1;
    color: rgba(var(--color-light), var(--tw-text-opacity));
}

.text-orange-500 {
    --tw-text-opacity: 1;
    color: rgba(var(--color-orange-500), var(--tw-text-opacity));
}

.no-underline {
    text-decoration-line: none;
}

.\!opacity-70 {
    opacity: .7 !important;
}

.opacity-0 {
    opacity: 0;
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
}

.shadow {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-300 {
    --tw-shadow: rgba(0, 0, 0, .16) 0px 0px 6px;
    --tw-shadow-colored: 0px 0px 6px var(--tw-shadow-color);
}

.shadow-300 {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-400 {
    --tw-shadow: rgba(0, 0, 0, .1) 0px 0px 8px 0;
    --tw-shadow-colored: 0px 0px 8px 0 var(--tw-shadow-color);
}

.shadow-400 {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
}

.shadow-sm {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}

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

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}

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

.duration-150 {
    transition-duration: .15s;
}

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

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

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.last\:pb-0:last-child {
    padding-bottom: 0;
}

.hover\:border-accent-hover:hover {
    --tw-border-opacity: 1;
    border-color: rgba(var(--color-accent-hover), var(--tw-border-opacity));
}

.hover\:bg-accent:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-accent), var(--tw-bg-opacity));
}

.hover\:bg-accent-hover:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-accent-hover), var(--tw-bg-opacity));
}

.hover\:pl-\[25px\]:hover {
    padding-left: 25px;
}

.hover\:text-accent:hover {
    --tw-text-opacity: 1;
    color: rgba(var(--color-accent), var(--tw-text-opacity));
}

.hover\:text-accent-hover:hover {
    --tw-text-opacity: 1;
    color: rgba(var(--color-accent-hover), var(--tw-text-opacity));
}

.hover\:text-light:hover {
    --tw-text-opacity: 1;
    color: rgba(var(--color-light), var(--tw-text-opacity));
}

.hover\:text-orange-500:hover {
    --tw-text-opacity: 1;
    color: rgba(var(--color-orange-500), var(--tw-text-opacity));
}

.hover\:opacity-100:hover {
    opacity: 1;
}

.focus\:border-accent-hover:focus {
    --tw-border-opacity: 1;
    border-color: rgba(var(--color-accent-hover), var(--tw-border-opacity));
}

.focus\:bg-accent:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-accent), var(--tw-bg-opacity));
}

.focus\:text-accent:focus {
    --tw-text-opacity: 1;
    color: rgba(var(--color-accent), var(--tw-text-opacity));
}

.focus\:text-light:focus {
    --tw-text-opacity: 1;
    color: rgba(var(--color-light), var(--tw-text-opacity));
}

.focus\:\!shadow-none:focus {
    --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;
}

.focus\:shadow:focus {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
}

.focus\:shadow:focus {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.focus\:outline-0:focus {
    outline-width: 0;
}

.focus\:\!ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.focus\:ring-1:focus {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-1:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}

.focus\:ring-accent-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(var(--color-accent-700), var(--tw-ring-opacity));
}

.group:hover .group-hover\:visible {
    visibility: visible;
}

.group:hover .group-hover\:w-3\/4 {
    width: 75%;
}

.group:hover .group-hover\:w-full {
    width: 100%;
}

.group:hover .group-hover\:text-accent {
    --tw-text-opacity: 1;
    color: rgba(var(--color-accent), var(--tw-text-opacity));
}

.group:hover .group-hover\:text-orange-500 {
    --tw-text-opacity: 1;
    color: rgba(var(--color-orange-500), var(--tw-text-opacity));
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1;
}

:is([dir=ltr] .ltr\:-left-4) {
    left: -1rem;
}

:is([dir=ltr] .ltr\:-right-4) {
    right: -1rem;
}

:is([dir=ltr] .ltr\:left-0) {
    left: 0;
}

:is([dir=ltr] .ltr\:right-3) {
    right: .75rem;
}

:is([dir=ltr] .ltr\:ml-1) {
    margin-left: .25rem;
}

:is([dir=ltr] .ltr\:ml-10) {
    margin-left: 2.5rem;
}

:is([dir=ltr] .ltr\:ml-auto) {
    margin-left: auto;
}

:is([dir=ltr] .ltr\:mr-2) {
    margin-right: .5rem;
}

:is([dir=ltr] .ltr\:mr-6) {
    margin-right: 1.5rem;
}

:is([dir=ltr] .ltr\:mr-auto) {
    margin-right: auto;
}

:is([dir=ltr] .ltr\:pl-2\.5) {
    padding-left: .625rem;
}

:is([dir=ltr] .ltr\:pl-5) {
    padding-left: 1.25rem;
}

:is([dir=ltr] .ltr\:pr-11) {
    padding-right: 2.75rem;
}

:is([dir=ltr] .ltr\:text-left) {
    text-align: left;
}

@media (min-width:640px) {
    .sm\:mb-6 {
        margin-bottom: 1.5rem;
    }

    .sm\:mt-24 {
        margin-top: 6rem;
    }

    .sm\:space-x-6>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1.5rem * var(--tw-space-x-reverse));
        margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
    }

    .sm\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }

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

    .sm\:\!leading-\[3rem\] {
        line-height: 3rem !important;
    }
}

@media (min-width:768px) {
    .md\:col-span-2 {
        grid-column: span 2/span 2;
    }

    .md\:h-10 {
        height: 2.5rem;
    }

    .md\:h-14 {
        height: 3.5rem;
    }

    .md\:h-16 {
        height: 4rem;
    }

    .md\:max-h-\[610px\] {
        max-height: 610px;
    }

    .md\:w-48 {
        width: 12rem;
    }

    .md\:w-\[8\.625rem\] {
        width: 8.625rem;
    }

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

    .md\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

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

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

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

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

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

@media (min-width:1024px) {
    .lg\:top-\[84px\] {
        top: 84px;
    }

    .lg\:order-1 {
        order: 1;
    }

    .lg\:order-2 {
        order: 2;
    }

    .lg\:col-auto {
        grid-column: auto;
    }

    .lg\:mx-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .lg\:mb-0 {
        margin-bottom: 0;
    }

    .lg\:mb-2 {
        margin-bottom: .5rem;
    }

    .lg\:mb-7 {
        margin-bottom: 1.75rem;
    }

    .lg\:mt-0 {
        margin-top: 0;
    }

    .lg\:mt-12 {
        margin-top: 3rem;
    }

    .lg\:mt-14 {
        margin-top: 3.5rem;
    }

    .lg\:mt-6 {
        margin-top: 1.5rem;
    }

    .lg\:block {
        display: block;
    }

    .lg\:\!flex {
        display: flex !important;
    }

    .lg\:flex {
        display: flex;
    }

    .lg\:inline-flex {
        display: inline-flex;
    }

    .lg\:hidden {
        display: none;
    }

    .lg\:h-22 {
        height: 5.25rem;
    }

    .lg\:w-\[360px\] {
        width: 360px;
    }

    .lg\:w-auto {
        width: auto;
    }

    .lg\:grid-cols-\[repeat\(auto-fill\2c minmax\(200px\2c 1fr\)\)\] {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }

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

    .lg\:items-start {
        align-items: flex-start;
    }

    .lg\:justify-end {
        justify-content: flex-end;
    }

    .lg\:justify-between {
        justify-content: space-between;
    }

    .lg\:gap-x-5 {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
    }

    .lg\:gap-y-3 {
        row-gap: .75rem;
    }

    .lg\: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)));
    }

    .lg\:border-b-8 {
        border-bottom-width: 8px;
    }

    .lg\:border-t-0 {
        border-top-width: 0;
    }

    .lg\:\!px-7 {
        padding-left: 1.75rem !important;
        padding-right: 1.75rem !important;
    }

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

    .lg\:px-7 {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }

    .lg\:px-\[50px\] {
        padding-left: 50px;
        padding-right: 50px;
    }

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

    .lg\:pb-12 {
        padding-bottom: 3rem;
    }

    .lg\:pb-16 {
        padding-bottom: 4rem;
    }

    .lg\:pt-24 {
        padding-top: 6rem;
    }

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

    .lg\:text-\[27px\] {
        font-size: 27px;
    }

    .lg\:font-bold {
        font-weight: 700;
    }
}

@media (min-width:1280px) {
    .xl\:right-28 {
        right: 7rem;
    }

    .xl\:mx-4 {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .xl\:flex {
        display: flex;
    }

    .xl\:hidden {
        display: none;
    }

    .xl\:w-\[240px\] {
        width: 240px;
    }

    .xl\:w-\[400px\] {
        width: 400px;
    }

    .xl\:min-w-150 {
        min-width: 150px;
    }

    .xl\:grid-cols-\[repeat\(auto-fill\2c minmax\(220px\2c 1fr\)\)\] {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    }

    .xl\:gap-8 {
        gap: 2rem;
    }

    .xl\:gap-y-11 {
        row-gap: 2.75rem;
    }

    .xl\:gap-y-12 {
        row-gap: 3rem;
    }

    .xl\:overflow-hidden {
        overflow: hidden;
    }

    .xl\:border {
        border-width: 1px;
    }

    .xl\:\!px-10 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }

    .xl\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .xl\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .xl\:px-32 {
        padding-left: 8rem;
        padding-right: 8rem;
    }

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

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

    .xl\:py-32 {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .xl\:pb-\[54px\] {
        padding-bottom: 54px;
    }

    .xl\:text-accent {
        --tw-text-opacity: 1;
        color: rgba(var(--color-accent), var(--tw-text-opacity));
    }
}

@media (min-width:1536px) {
    .\32xl\:right-64 {
        right: 16rem;
    }

    .\32xl\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .\32xl\:grid-cols-\[repeat\(auto-fill\2c minmax\(280px\2c 1fr\)\)\] {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    }

    .\32xl\:space-x-10>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(2.5rem * var(--tw-space-x-reverse));
        margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
    }
}

@media (min-width:2100px) {
    .\33xl\:w-\[480px\] {
        width: 480px;
    }

    .\33xl\:grid-cols-\[repeat\(auto-fill\2c minmax\(360px\2c 1fr\)\)\] {
        grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    }

    .\33xl\:pb-\[60px\] {
        padding-bottom: 60px;
    }

    .\33xl\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: hsla(0, 0%, 100%, .7);
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error);
}

/*! CSS Used from: https://pickbazar-react-rest.vercel.app/_next/static/css/f691a1a2728431e3.css */
:root {
    --swiper-theme-color: #007aff;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
}

.swiper-wrapper {
    transform: translateZ(0);
}

.swiper-horizontal {
    touch-action: pan-y;
}

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

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden;
}

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

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

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}

.swiper-pagination-bullet:only-child {
    display: none !important;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-pagination-lock {
    display: none;
}

/*! CSS Used fontfaces */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmZiArmlw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmQiArmlw.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmYiArmlw.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmXiArmlw.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVnoiArmlw.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVn6iArmlw.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmbiArmlw.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmaiArmlw.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmUiAo.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}