@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display&family=Poppins:wght@400;500;700&display=swap");
* {
    margin: 0;
    padding: 0;
}
body {
    position: relative;
    z-index: 1;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(121 128 138 / var(--tw-text-opacity));
    font-family: "Montserrat", sans-serif;
}
html {
    scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins", sans-serif;
}
.ml {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.vh {
    fill: #2b4e14;
}

label,
p,
a {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    font-family: "Montserrat", sans-serif;
}

.story-swiper-pagination .swiper-pagination-bullet {
    width: 34px;
    height: 4px;
    display: inline-block;
    border-radius: 0;
    background: #fff;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

.story-swiper-pagination .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #fff;
}

#product {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}

.ambox {
    --tw-shadow: 0px 8px 70px rgba(0, 0, 0, 0.05);
    --tw-shadow-colored: 0px 8px 70px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.header_shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
        0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.bl {
    transition-property: color, background-color, border-color, fill, stroke,
        opacity, box-shadow, transform, filter, -webkit-text-decoration-color,
        -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-text-decoration-color,
        -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.box_shad {
    --tw-shadow: 0px 8px 70px rgba(0, 0, 0, 0.05);
    --tw-shadow-colored: 0px 8px 70px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.input_shadow {
    --tw-shadow: 0px 6px 30px rgba(0, 0, 0, 0.03);
    --tw-shadow-colored: 0px 6px 30px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.th {
    fill: #79808a;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.product-shadow {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 5%);
}