@font-face {
    font-family: Marcellus;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/f2626765ca27a6be-s.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: Marcellus;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/7942b7820b31eba3-s.p.woff2) format("woff2");
    unicode-range: u+00??, 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
}

@font-face {
    font-family: Marcellus Fallback;
    src: local("Times New Roman");
    ascent-override: 86.59%;
    descent-override: 24.87%;
    line-gap-override: 0.00%;
    size-adjust: 112.50%
}

.__className_9d314b {
    font-family: Marcellus, Marcellus Fallback;
    font-weight: 400;
    font-style: normal
}

.__variable_9d314b {
    --font-marcellus: "Marcellus", "Marcellus Fallback"
}

@font-face {
    font-family: Figtree;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(/_next/static/media/d9fef5bf2f64cf9a-s.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: Figtree;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(/_next/static/media/de42cfb9a3b980ae-s.p.woff2) format("woff2");
    unicode-range: u+00??, 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
}

@font-face {
    font-family: Figtree;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/d9fef5bf2f64cf9a-s.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: Figtree;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/de42cfb9a3b980ae-s.p.woff2) format("woff2");
    unicode-range: u+00??, 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
}

@font-face {
    font-family: Figtree;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/d9fef5bf2f64cf9a-s.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: Figtree;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/de42cfb9a3b980ae-s.p.woff2) format("woff2");
    unicode-range: u+00??, 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
}

@font-face {
    font-family: Figtree Fallback;
    src: local("Arial");
    ascent-override: 94.32%;
    descent-override: 24.82%;
    line-gap-override: 0.00%;
    size-adjust: 100.72%
}

.__className_1d7f91 {
    font-family: Figtree, Figtree Fallback;
    font-style: normal
}

.__variable_1d7f91 {
    --font-figtree: "Figtree", "Figtree Fallback"
}

.Footer_footer__9S97q {
    background-color: #0c0c0f;
    color: #fff;
    padding: 80px 0
}

.Footer_footer__9S97q p {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: .02em
}

.Footer_footer__9S97q p small {
    font-size: 10px;
    line-height: 12px;
    font-weight: 400;
    opacity: .5
}

.Footer_footer__9S97q ul {
    padding: 0
}

.Footer_footer__9S97q ul li {
    list-style: none;
    margin-right: 24px
}

.Footer_footer__9S97q ul li a {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .02em;
    color: hsla(0, 0%, 100%, .6)
}

.Footer_footer__9S97q ul li:last-child {
    margin-right: 0
}

.Footer_bottomSeperator___mPa_ {
    width: 100%;
    height: 1px;
    margin: 40px 0;
    background-color: hsla(0, 0%, 100%, .2)
}

.Footer_socialUl__eEUu2 {
    margin-top: 0
}

@media only screen and (max-width:780px) {
    .Footer_socialUl__eEUu2 {
        margin-top: 24px
    }
    .Footer_logoWrap__uI1q_ {
        margin-bottom: 24px
    }
}

.Footer_footerNewsletterP__HeENJ {
    margin-bottom: 16px
}

.Footer_footerNewsletter__stMLm form {
    margin-right: 16px
}

.Footer_footerNewsletter__stMLm form p small {
    font-size: 14px;
    color: hsla(0, 0%, 100%, .6);
    opacity: 1
}

.Footer_footerNewsletter__stMLm form input[type=email] {
    padding-right: 0
}

.Footer_footerNewsletter__stMLm form input[type=submit] {
    font-size: 15px;
    padding: 8px 16px;
    line-height: 24px;
    height: 100%;
    color: #0c0c0f;
    background: #ddcfb6;
    width: max-content
}

.Header_heading__4CUz1 {
    margin: 28px auto;
    position: absolute;
    width: 100%;
    z-index: 100
}

.ProductsDropdown_wrapper__PwI3o {
    padding: 8px 16px;
    margin-left: 8px;
    margin-right: 8px;
    cursor: pointer;
    border-radius: 100px
}

.ProductsDropdown_wrapper__PwI3o p {
    margin-left: 16px;
    color: #fff
}

.ProductsDropdown_wrapper__PwI3o.ProductsDropdown_productWrapper__qClb_ p {
    color: #000
}

.ProductsDropdown_wrapper__PwI3o:hover {
    background: rgba(254, 252, 249, .05)
}

.ProductsDropdown_productsDropdown__bGqmo {
    position: relative
}

.ProductsDropdown_chevron__s_u_E {
    margin-left: 8px;
    transition: all .2s ease-in-out
}

.ProductsDropdown_dropdown__s5GlH {
    background: rgba(170, 161, 144, .1);
    box-shadow: 0 4px 24px rgba(0, 0, 0, .1);
    max-width: calc(100vw - 50px);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    top: 100%;
    margin-top: 16px;
    position: absolute;
    padding: 16px 0 !important;
    z-index: 100;
    width: 500px;
    border-radius: 24px;
    right: 0;
    max-height: 500px;
    min-height: 500px !important;
    overflow-y: auto
}

.ProductsDropdown_dropdown__s5GlH a {
    color: inherit
}

@media screen and (max-width:768px) {
    .ProductsDropdown_dropdown__s5GlH {
        width: calc(100vw - 50px);
        left: calc(-100% + 31px)
    }
}

.ProductsDropdown_dropdown__s5GlH ul {
    margin: 0;
    padding: 0
}

.ProductsDropdown_dropdown__s5GlH li {
    padding: 16px 24px;
    display: flex;
    cursor: pointer
}

.ProductsDropdown_dropdown__s5GlH li img {
    margin-right: 16px
}

.ProductsDropdown_dropdown__s5GlH li:hover {
    background-color: rgba(172, 161, 142, .1)
}

.ProductsDropdown_dropdown__s5GlH li small {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px
}

.ProductsDropdown_dropdownLight__YelsN {
    background: hsla(0, 0%, 100%, .6)
}

.ProductsDropdown_dropdownLight__YelsN a,
.ProductsDropdown_dropdownLight__YelsN p,
.ProductsDropdown_dropdownLight__YelsN small {
    color: #000
}

.ProductsDropdown_flipped__4W_ey {
    transform: rotate(180deg)
}

@import"https://fonts.googleapis.com/css2?family=Marcellus";
@import"https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500&display=swap";
.container {
    width: 1280px;
    margin: 0 auto;
    max-width: 100%;
    min-height: 100%;
    min-height: min-content;
    min-height: -webkit-min-content
}

.flex-grid-1 {
    margin-right: 20px;
    width: calc(8.3333333333% - 20px);
    min-width: calc(8.3333333333% - 20px)
}

.flex-grid-1.last-flex {
    margin-right: 0;
    width: calc(8.3333333333% - 0px);
    min-width: calc(8.3333333333% - 0px)
}

.flex-grid-2 {
    margin-right: 20px;
    width: calc(16.6666666667% - 20px);
    min-width: calc(16.6666666667% - 20px)
}

.flex-grid-2.last-flex {
    margin-right: 0;
    width: calc(16.6666666667% - 0px);
    min-width: calc(16.6666666667% - 0px)
}

.flex-grid-3 {
    margin-right: 20px;
    width: calc(25% - 20px);
    min-width: calc(25% - 20px)
}

.flex-grid-3.last-flex {
    margin-right: 0;
    width: calc(25% - 0px);
    min-width: calc(25% - 0px)
}

.flex-grid-4 {
    margin-right: 20px;
    width: calc(33.3333333333% - 20px);
    min-width: calc(33.3333333333% - 20px)
}

.flex-grid-4.last-flex {
    margin-right: 0;
    width: calc(33.3333333333% - 0px);
    min-width: calc(33.3333333333% - 0px)
}

.flex-grid-5 {
    margin-right: 20px;
    width: calc(41.6666666667% - 20px);
    min-width: calc(41.6666666667% - 20px)
}

.flex-grid-5.last-flex {
    margin-right: 0;
    width: calc(41.6666666667% - 0px);
    min-width: calc(41.6666666667% - 0px)
}

.flex-grid-6 {
    margin-right: 20px;
    width: calc(50% - 20px);
    min-width: calc(50% - 20px)
}

.flex-grid-6.last-flex {
    margin-right: 0;
    width: calc(50% - 0px);
    min-width: calc(50% - 0px)
}

.flex-grid-7 {
    margin-right: 20px;
    width: calc(58.3333333333% - 20px);
    min-width: calc(58.3333333333% - 20px)
}

.flex-grid-7.last-flex {
    margin-right: 0;
    width: calc(58.3333333333% - 0px);
    min-width: calc(58.3333333333% - 0px)
}

.flex-grid-8 {
    margin-right: 20px;
    width: calc(66.6666666667% - 20px);
    min-width: calc(66.6666666667% - 20px)
}

.flex-grid-8.last-flex {
    margin-right: 0;
    width: calc(66.6666666667% - 0px);
    min-width: calc(66.6666666667% - 0px)
}

.flex-grid-9 {
    margin-right: 20px;
    width: calc(75% - 20px);
    min-width: calc(75% - 20px)
}

.flex-grid-9.last-flex {
    margin-right: 0;
    width: calc(75% - 0px);
    min-width: calc(75% - 0px)
}

.flex-grid-10 {
    margin-right: 20px;
    width: calc(83.3333333333% - 20px);
    min-width: calc(83.3333333333% - 20px)
}

.flex-grid-10.last-flex {
    margin-right: 0;
    width: calc(83.3333333333% - 0px);
    min-width: calc(83.3333333333% - 0px)
}

.flex-grid-11 {
    margin-right: 20px;
    width: calc(91.6666666667% - 20px);
    min-width: calc(91.6666666667% - 20px)
}

.flex-grid-11.last-flex {
    margin-right: 0;
    width: calc(91.6666666667% - 0px);
    min-width: calc(91.6666666667% - 0px)
}

.flex-grid-12 {
    margin-right: 20px;
    width: calc(100% - 20px);
    min-width: calc(100% - 20px)
}

.flex-grid-12.last-flex {
    margin-right: 0;
    width: calc(100% - 0px);
    min-width: calc(100% - 0px)
}

@media screen and (max-width:1200px) {
    body {
        overflow-y: auto;
        overflow-x: hidden
    }
    .container {
        width: calc(100% - 80px);
        margin: 0 40px
    }
}

@media screen and (max-width:900px) {
    .swapWrapper .container {
        margin: 0;
        width: 100%
    }
}

.flex {
    display: flex;
    min-height: min-content;
    min-height: -webkit-min-content
}

.flexAuto {
    flex: auto
}

.column {
    flex-direction: column
}

.row {
    flex-direction: row
}

.flexWrap {
    flex-wrap: wrap
}

.align-center {
    align-items: center
}

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

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

.align-self-center {
    align-self: center
}

.align-self-start {
    align-self: flex-start
}

.align-self-end {
    align-self: flex-end
}

.justify-center {
    justify-content: center
}

.justify-start {
    justify-content: flex-start
}

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

.spacing-xxl {
    margin: 320px 0
}

.spacing-xl {
    margin: 240px 0
}

.spacing-l {
    margin: 120px 0
}

.spacing-md {
    margin: 80px 0
}

.spacing-sm {
    margin: 40px 0
}

.spacing-xs {
    margin: 24px 0
}

.spacing-xxs {
    margin: 16px 0
}

.spacing-xxl-top {
    margin-top: 320px
}

.spacing-xl-top {
    margin-top: 240px
}

.spacing-l-top {
    margin-top: 120px
}

.spacing-md-top {
    margin-top: 80px
}

.spacing-sm-top {
    margin-top: 40px
}

.spacing-xs-top {
    margin-top: 24px
}

.spacing-xxs-top {
    margin-top: 16px
}

.spacing-xxl-bottom {
    margin-bottom: 320px
}

.spacing-xl-bottom {
    margin-bottom: 240px
}

.spacing-l-bottom {
    margin-bottom: 120px
}

.spacing-md-bottom {
    margin-bottom: 80px
}

.spacing-sm-bottom {
    margin-bottom: 40px
}

.spacing-xs-bottom {
    margin-bottom: 24px
}

.spacing-xxs-bottom {
    margin-bottom: 16px
}

.text-center {
    text-align: center
}

@media(max-width:768px) {
    .spacing-xl {
        margin: 120px 0
    }
    .spacing-xxl {
        margin: 160px 0
    }
    .spacing-xl-bottom {
        margin-bottom: 120px
    }
    .spacing-xxl-bottom {
        margin-bottom: 160px
    }
}

.btn,
button {
    display: flex;
    background: #ddcfb6;
    border-radius: 999px;
    border: none;
    color: #0c0c0f;
    padding: 8px 32px;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    text-align: center;
    justify-content: center;
    align-items: center;
    transition: all .2s ease-in-out
}

.btn:hover,
button:hover {
    background-color: hsl(38.4615384615, 36.4485981308%, 69.0196078431%)
}

.btn>.btnLoader,
button>.btnLoader {
    margin-left: 8px
}

.btn.btn-clear,
button.btn-clear {
    background: hsla(0, 0%, 100%, .1);
    color: #aca18e
}

.btn.btn-clear:hover,
button.btn-clear:hover {
    background: hsla(0, 0%, 100%, .05)
}

.btn.btn-content,
button.btn-content {
    max-width: max-content
}

.btn.disabled,
button.disabled {
    opacity: .5;
    cursor: not-allowed
}

.btn.disabled:hover,
button.disabled:hover {
    background-color: #ddcfb6
}

.btn:disabled,
button:disabled {
    opacity: .5;
    cursor: default
}

.btn:disabled:hover,
button:disabled:hover {
    background-color: #ddcfb6
}

input {
    padding: 8px 16px;
    font-size: 14px;
    line-height: 20px;
    border: 1px solid rgba(0, 0, 0, .09);
    border-radius: 4px;
    box-shadow: none;
    outline: none
}

.inputWrapper {
    background: rgba(170, 161, 144, .06);
    border-radius: 24px;
    margin-top: 8px
}

.inputWrapper .flexAuto input {
    width: calc(100% - 32px)
}

.inputWrapper input {
    width: 100%;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    padding: 8px 16px;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
    border: none;
    outline: none;
    color: #fff
}

input[type=radio] {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 16px;
    height: 16px;
    border: 2px solid #000;
    border-radius: 50%;
    display: grid;
    place-content: center;
    padding: 0
}

input[type=radio]:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    transform: scale(0);
    transition: transform .12s ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color)
}

input[type=radio]:checked:before {
    transform: scale(1)
}

body,
html {
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: var(--font-figtree)
}

#__next {
    display: flex;
    flex-direction: column;
    min-height: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-marcellus);
    margin: 0;
    font-weight: 400
}

h1 {
    font-size: 48px
}

h1,
p {
    margin: 0
}

p {
    font-weight: 400;
    font-size: 20px;
    font-weight: 300
}

p small {
    font-family: var(--font-figtree);
    font-style: normal;
    line-height: 24px
}

a,
p small {
    font-size: 16px
}

a {
    text-decoration: none
}

main {
    position: relative
}

.image {
    object-fit: contain;
    width: 100% !important;
    position: relative !important;
    height: unset !important
}

.firstInOrder {
    order: -1
}

.grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(calc(25% - 48px), 1fr));
    grid-gap: 48px;
    gap: 48px;
    width: 100%
}

.whiteBox {
    background: rgba(254, 252, 249, .6);
    border: 1px solid rgba(73, 69, 60, .1);
    box-shadow: 0 4px 28px rgba(47, 46, 45, .05);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 24px
}

.particlesCloth {
    position: absolute;
    bottom: 0;
    overflow: hidden
}

#tsparticles,
#tsparticlesInner,
.particlesCloth {
    width: 100%;
    height: 100%
}

@media(prefers-color-scheme:dark) {
    html {
        color-scheme: dark
    }
    .whiteBox {
        background: hsla(0, 0%, 100%, .05);
        border: 1px solid hsla(0, 0%, 100%, .1);
        box-shadow: 0 4px 28px rgba(47, 46, 45, .05);
        -webkit-backdrop-filter: blur(16px);
        backdrop-filter: blur(16px);
        border-radius: 24px
    }
}

@media only screen and (max-width:992px) {
    .grid {
        grid-template-columns: repeat(auto-fit, minmax(calc(50% - 24px), 1fr));
        gap: 24px
    }
}

@media(max-width:768px) {
    h1 {
        font-size: 40px
    }
    p {
        font-size: 14px
    }
    .grid {
        grid-template-columns: 1fr;
        gap: 12px
    }
}