:root {
    --color-black: #000000;
    --color-black-rgb: 0, 0, 0;
    --color-filter-black: brightness(0);

    --color-white: #ffffff;
    --color-white-rgb: 255, 255, 255;
    --color-filter-white: brightness(0) invert(1);

    --color-soft-ivory: #f4f5f1;
    --color-soft-ivory-rgb: 244, 245, 241;

    --color-maroon: #48000c;
    --color-maroon-rgb: 72, 0, 12;

    --color-charcoal: #271416;
    --color-charcoal-rgb: 39, 20, 22;

    --color-warm-clay: #e2dbd8;
    --color-warm-clay-rgb: 226, 219, 216;

    --color-ruby: #780011;
    --color-ruby-rgb: 120, 0, 17;
    --color-filter-ruby: brightness(0) saturate(100%) invert(13%) sepia(25%) saturate(7303%) hue-rotate(331deg)
        brightness(92%) contrast(124%);

    --color-smoke: #b7b8b5;
    --color-smoke-rgb: 183, 184, 181;

    --color-urban-gray: #7a7b79;
    --color-urban-gray-rgb: 122, 123, 121;

    --color-graphite-black: #3d3d3c;
    --color-graphite-black-rgb: 61, 61, 60;

    --color-red: #ff0000;
    --color-red-rgb: 255, 0, 0;

    --color-body: var(--color-charcoal);
    --color-body-rgb: var(--color-charcoal-rgb);
    --color-body-couple: var(--color-white);
    --color-body-couple-rgb: var(--color-white-rgb);
    --color-theme: var(--color-maroon);
    --color-theme-rgb: var(--color-maroon-rgb);
    --color-theme-couple: var(--color-white);
    --color-theme-couple-rgb: var(--color-white-rgb);

    --color-active: var(--color-ruby);
    --color-active-rgb: var(--color-ruby-rgb);

    --rgb: var(--color-body-rgb);
    --rgb-couple: var(--color-body-couple-rgb);

    --font-body: "Arial", "Noto Sans Thai", "sans-serif";
    --font-heading: "Beatrice Display Trial", "Arial", "Noto Sans Thai", "sans-serif";
    --font-heading-subttl: "Beatrice Deck Trial", "Arial", "Noto Sans Thai", "sans-serif";
    --font-weight-regular: normal;
    --font-weight-thin: 100;
    --font-weight-extra-light: 200;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --font-weight-body: var(--font-weight-regular);

    --font-size-h0: 6.4rem;
    --font-size-h1: 4.2rem;
    --font-size-h2: 3.4rem;
    --font-size-h3: 3rem;
    --font-size-h4: 2rem;
    --font-size-tagline: 2.2rem;
    --font-size-body: 1.8rem;
    --font-size-body-2: 1.4rem;
    --font-size-button: 1.5rem;

    --line-height-h0: normal;
    --line-height-h1: 1.1;
    --line-height-h2: 1.411;
    --line-height-h3: 1.3;
    --line-height-h4: normal;
    --line-height-tagline: normal;
    --line-height-body: 1.55;
    --line-height-body-2: 1.78;
    --line-height-button: 1.733;

    --icon-size-3xs: 1rem;
    --icon-size-2xs: 1.2rem;
    --icon-size-xs: 1.6rem;
    --icon-size-x: 1.8rem;
    --icon-size-sm: 2rem;
    --icon-size-2sm: 2.4rem;
    --icon-size-md: 2.6rem;
    --icon-size-lg: 3rem;
    --icon-size-xl: 3.2rem;
    --icon-size-2xl: 3.6rem;
    --icon-size-3xl: 4rem;

    --spacing-8xl: 16rem;
    --spacing-7xl: 14rem;
    --spacing-6xl: 12rem;
    --spacing-5xl: 10rem;
    --spacing-4xl: 8rem;
    --spacing-3xl: 7.2rem;
    --spacing-2xl: 6.4rem;
    --spacing-xl: 6rem;
    --spacing-4lg: 5.6rem;
    --spacing-3lg: 5rem;
    --spacing-2lg: 4.8rem;
    --spacing-lg: 4rem;
    --spacing-2md: 3.6rem;
    --spacing-md: 3rem;
    --spacing-2sm: 2.4rem;
    --spacing-sm: 2rem;
    --spacing-xs: 1.6rem;
    --spacing-2xs: 1.2rem;
    --spacing-3xs: 1rem;
    --spacing-4xs: 0.8rem;
    --spacing-5xs: 0.6rem;
    --spacing-6xs: 0.4rem;
    --spacing-7xs: 0.2rem;
    --container-max-width-xl: 188rem;
    --spacing-container: var(--spacing-2sm);
    --gap-section: var(--spacing-4xl);

    --hamburger-size: 3.4rem;
    --hamburger-line: 0.1rem;
    --hamburger-gap: 0.3rem;
    --hamburger-background: var(--color-maroon);
    --logo-height: 3rem;
    --header-height: 9.2rem;
    --announcement-bar-height: 3.4rem;

    --border-width: 1px;
    --border-style: solid;
    --border-color: var(--color-theme);
    --border: var(--border-width) var(--border-style) var(--border-color);
    --border-light: var(--border-width) var(--border-style) rgba(var(--color-white-rgb), 0.2);

    --input-height: 4rem;
    --input-spacing-x: 0;
    --input-spacing-y: 0.3em;
    --input-border: var(--border-width) var(--border-style) var(--color-warm-clay);

    --button-height: 4.7rem;
    --button-spacing-x: var(--spacing-2sm);
    --button-spacing-y: var(--spacing-5xs);

    --radius: 1rem;
    --radius-x2: 2rem;
    --opacity-overlay: 0.7;
    --opacity: 0.5;
    --opacity-light: 0.15;
    --duration: 0.3s;
    --duration-x2: 0.5s;
    --duration-x3: 1s;
    --duration-x4: 1.5s;
    --timing-function: ease-in-out;
}

/* SITE ==================== */
/* BLURRED IMAGE */
.blurred-media {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    filter: blur(1rem);
}

.blurred-media.white-pulse::before {
    background-color: var(--color-white);
}

.blurred-media::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0;
    animation: pulse 1.5s infinite;
    background-color: var(--color-gray-dark);
}

@keyframes pulse {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.1;
    }
    100% {
        opacity: 0;
    }
}

.blurred-media.loaded {
    position: unset;
    filter: none;
}

.blurred-media.loaded::before {
    animation: none;
    content: none;
}

.blurred-media *:is(img, video) {
    opacity: 0;
    transition: opacity 250ms ease-in-out;
}

.blurred-media.loaded *:is(img, video) {
    opacity: 1;
}

/* GENERAL */
.no-scroll {
    height: 100% !important;
    overflow: hidden !important;
}
.c-black {
    color: var(--color-black) !important;
    --rgb: var(--color-black-rgb);
    --rgb-couple: var(--color-white-rgb);
    --filter: var(--filter-black);
}
.c-white {
    color: var(--color-white) !important;
    --rgb: var(--color-white-rgb);
    --rgb-couple: var(--color-black-rgb);
    --filter: var(--filter-white);
}
.c-gray {
    color: var(--color-gray) !important;
    --rgb: var(--color-gray-rgb);
    --rgb-couple: var(--color-white-rgb);
}
.c-theme {
    color: var(--color-theme) !important;
    --rgb: var(--color-theme-rgb);
    --rgb-couple: var(--color-theme-couple-rgb);
}
.c-maroon {
    color: var(--color-maroon) !important;
    --rgb: var(--color-maroon-rgb);
    --rgb-couple: var(--color-white-rgb);
}
.c-charcoal {
    color: var(--color-charcoal) !important;
    --rgb: var(--color-charcoal-rgb);
    --rgb-couple: var(--color-white-rgb);
}
.c-soft-ivory {
    color: var(--color-soft-ivory) !important;
    --rgb: var(--color-soft-ivory-rgb);
    --rgb-couple: var(--color-charcoal-rgb);
}

.bg-black {
    background-color: var(--color-black) !important;
}
.bg-white {
    background-color: var(--color-white) !important;
}
.bg-gray {
    background-color: var(--color-gray) !important;
}
.bg-theme {
    background-color: var(--color-theme) !important;
}

.filter-black {
    -webkit-filter: var(--filter-black) !important;
    filter: var(--filter-black) !important;
}
.filter-white {
    -webkit-filter: var(--filter-white) !important;
    filter: var(--filter-white) !important;
}
.filter-theme {
    -webkit-filter: var(--filter-theme) !important;
    filter: var(--filter-theme) !important;
}

.a-left {
    text-align: left !important;
}
.a-right {
    text-align: right !important;
}
.a-center {
    text-align: center !important;
}

.inline-block {
    display: inline-block !important;
}
.capitalize {
    text-transform: capitalize !important;
}
.uppercase {
    text-transform: uppercase !important;
}
.nowrap {
    white-space: nowrap !important;
}
.hidden {
    display: none !important;
}
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

.overflow-hidden {
    overflow: hidden !important;
}

.media-wrapper {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

*:is(.object, .object-fit, .object-auto, .object-contain, .object-fill-height, .object-fill-width) {
    text-decoration: none !important;
    box-shadow: none !important;
    background-image: none !important;
    display: block;
    overflow: hidden;
    position: relative;
    height: 100%;
}
.object-auto {
    height: auto;
}

.object > *:is(img, video, iframe) {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
}

.object-fit > *:is(img, video, iframe) {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.object-auto > *:is(img, video, iframe) {
    display: block;
    margin: 0 auto;
    width: auto;
    height: auto;
}

.object-contain > *:is(img, video, iframe) {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.object-fill-height > *:is(img, video, iframe) {
    display: block;
    margin: 0 auto;
    width: auto;
    height: 100%;
}

.object-fill-width > *:is(img, video, iframe) {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
}

.aspect-ratio-1 {
    aspect-ratio: 1 / 1;
}

.aspect-ratio-4-3 {
    aspect-ratio: 4 / 3;
}

.aspect-ratio-3-2 {
    aspect-ratio: 3 / 2;
}

.aspect-ratio-16-9 {
    aspect-ratio: 16 / 9;
}

.aspect-ratio-1-2 {
    aspect-ratio: 1 / 2;
}

.aspect-ratio-2-3 {
    aspect-ratio: 2 / 3;
}

.aspect-ratio-3-4 {
    aspect-ratio: 3 / 4;
}

.social {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    grid-gap: var(--spacing-3xs) var(--spacing-5xs);
    line-height: 1;
}
.social.no-border {
    grid-gap: var(--spacing-4xs) var(--spacing-2sm);
}
html.no-touchevents .social.no-border a:hover {
    opacity: 0.5;
    background-color: unset;
}
.social a {
    background-color: var(--color-maroon);
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow: none;
}
.social.no-border a {
    width: auto;
    height: auto;
    display: block;
    border-radius: unset;
}
.social .ic {
    display: block;
    padding: 1px;
    margin: -1px;
    font-size: var(--icon-size-xs);
    color: var(--color-white);
}

html.no-touchevents .social a:hover {
    background-color: var(--color-ruby);
}

.padding-top-0 {
    padding-top: 0 !important;
}

.padding-bottom-0 {
    padding-bottom: 0 !important;
}

.padding-x-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.padding-y-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.padding-0 {
    padding: 0 !important;
}

.margin-top-0 {
    margin-top: 0 !important;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.margin-x-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.margin-y-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.margin-0 {
    margin: 0 !important;
}

/* RESET ==================== */
*,
*:before,
*:after {
    box-sizing: border-box;
}

::-webkit-scrollbar {
    width: 0;
    overflow: hidden;
}

::-moz-selection {
    background: var(--color-theme);
    color: var(--color-white);
}
::selection {
    background: var(--color-theme);
    color: var(--color-white);
}
.bg-theme ::-moz-selection {
    background: var(--color-white);
    color: var(--color-theme);
}
.bg-theme ::selection {
    background: var(--color-white);
    color: var(--color-theme);
}

article,
aside,
figcaption,
figure,
picture,
footer,
header,
hgroup,
main,
nav,
section,
dl,
dd {
    display: block;
    margin: 0;
}
html {
    font-family: sans-serif;
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@view-transition {
    navigation: auto;
}
body {
    margin: 0;
    position: relative;
    min-height: 100svh;
    background: var(--color-soft-ivory);
    color: var(--color-body);
    /* -webkit-animation-name: pageAnimation;
    animation-name: pageAnimation;
    -webkit-animation-duration: var(--duration-x3);
    animation-duration: var(--duration-x3);
    -webkit-animation-timing-function: var(--timing-function);
    animation-timing-function: var(--timing-function);
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: opacity; */
}
@-webkit-keyframes pageAnimation {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes pageAnimation {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}
p {
    margin: 0;
}
small {
    font-size: 88.8888888889%;
}
address {
    font-style: normal;
}
ul,
ol {
    list-style: none;
}
ul,
ol,
li {
    margin: 0;
    padding: 0;
}
a {
    color: inherit;
}
a,
a:hover,
a:focus {
    outline: 0;
    text-decoration: none;
    box-shadow: none;
}
a[href^="tel"] {
    white-space: nowrap;
}
a[href^="mailto"] {
    word-break: break-word;
}
a,
button,
[role="button"] {
    cursor: pointer;
}
button,
input,
textarea,
select {
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: 0;
    border: 0;
    background: none;
    padding: 0;
    margin: 0;
    min-width: 0;
    font: inherit;
    line-height: normal;
    text-transform: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    text-indent: inherit;
    color: inherit;
}
fieldset {
    border: 0 !important;
    background: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
img {
    border: 0;
    outline: 0;
    height: auto;
    width: auto;
    max-width: 100%;
    vertical-align: middle;
}
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
th,
td {
    padding: 0;
    font-weight: inherit;
}
hr {
    margin: 0;
    border: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: var(--border-color);
}
iframe {
    border: 0;
}
[tabindex="-1"]:focus {
    outline: 0 !important;
}
script {
    margin: 0 !important;
}

html.resizing * {
    transition: none !important;
}

/* TEXT ==================== */
body {
    font-family: var(--font-body);
    font-weight: var(--font-weight-light);
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
strong {
    font-weight: var(--font-weight-bold);
}

.font-body {
    font-family: var(--font-body) !important;
}
.font-heading {
    font-family: var(--font-heading) !important;
}
.font-heading-subttl {
    font-family: var(--font-heading-subttl) !important;
}

.style-italic {
    font-style: italic !important;
}
.font-heading.style-italic {
    padding: 0.16em;
    margin: -0.16em;
}

.weight-thin {
    font-weight: var(--font-weight-thin) !important;
}
.weight-extra-light {
    font-weight: var(--font-weight-extra-light) !important;
}

.weight-light {
    font-weight: var(--font-weight-light) !important;
}
.weight-regular {
    font-weight: var(--font-weight-regular) !important;
}
.weight-medium {
    font-weight: var(--font-weight-medium) !important;
}
.weight-semibold {
    font-weight: var(--font-weight-semibold) !important;
}
.weight-bold {
    font-weight: var(--font-weight-bold) !important;
}
.weight-black {
    font-weight: var(--font-weight-black) !important;
}

.size-icon-3xs {
    font-size: var(--icon-size-3xs) !important;
}
.size-icon-2xs {
    font-size: var(--icon-size-2xs) !important;
}
.size-icon-xs {
    font-size: var(--icon-size-xs) !important;
}
.size-icon-x {
    font-size: var(--icon-size-x) !important;
}
.size-icon-sm {
    font-size: var(--icon-size-sm) !important;
}
.size-icon-2sm {
    font-size: var(--icon-size-2sm) !important;
}
.size-icon-md {
    font-size: var(--icon-size-md) !important;
}
.size-icon-lg {
    font-size: var(--icon-size-lg) !important;
}
.size-icon-xl {
    font-size: var(--icon-size-xl) !important;
}
.size-icon-2xl {
    font-size: var(--icon-size-2xl) !important;
}
.size-icon-3xl {
    font-size: var(--icon-size-3xl) !important;
}

.size-h0 {
    font-size: var(--font-size-h0) !important;
    line-height: var(--line-height-h0);
    font-weight: var(--font-weight-extra-light);
}
.size-h1 {
    font-size: var(--font-size-h1) !important;
    line-height: var(--line-height-h1);
    font-weight: var(--font-weight-extra-light);
}
.size-h2 {
    font-size: var(--font-size-h2) !important;
    line-height: var(--line-height-h2);
    font-weight: var(--font-weight-extra-light);
}
.size-h3 {
    font-size: var(--font-size-h3) !important;
    line-height: var(--line-height-h3);
    font-weight: var(--font-weight-extra-light);
}
.size-h4 {
    font-size: var(--font-size-h4) !important;
    line-height: var(--line-height-h4);
    font-weight: var(--font-weight-light);
}
.size-tagline {
    font-size: var(--font-size-tagline) !important;
    line-height: var(--line-height-tagline);
    font-weight: var(--font-weight-thin);
}
.size-body {
    font-size: var(--font-size-body) !important;
    line-height: var(--line-height-body) !important;
    font-weight: var(--font-weight-light);
}
.size-body-2 {
    font-size: var(--font-size-body-2) !important;
    line-height: var(--line-height-body-2);
    font-weight: var(--font-weight-light);
}
.size-button {
    font-size: var(--font-size-button) !important;
    line-height: var(--line-height-button) !important;
    font-weight: var(--font-weight-light);
}

/* TRANSITION ====================*/
img,
a,
button,
[role="button"],
input,
textarea,
select,
.select2-selection__placeholder,
.select2-results__option,
.label.anim,
.button,
.ctrl,
.explore,
.container,
.object,
.object-fit,
.bg-img,
.tab-content,
.tabdata-content,
.ic:before,
*[class*="swiper-button-"] {
    transition: var(--duration) var(--timing-function);
}

/* CTAs ====================*/
html.no-touchevents a:hover {
    color: var(--color-active);
}

.link-overlay {
    font-size: 0;
    opacity: 0;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    pointer-events: auto;
}

.link-block {
    display: block;
    position: relative;
    z-index: 1;
}

*:is(.button, .wp-element-button, .wp-block-button__link) {
    --gap-y: 0;
    --gap-x: 0;
    --button-border: var(--border-width) var(--border-style) var(--button-bg);
    --button-hover-border: var(--button-border);
    --button-bg: var(--color-green5);
    --button-hover-bg: var(--color-green1);
    --button-color: var(--color-white);
    --button-hover-color: var(--color-white);
    text-decoration: none !important;
    box-shadow: none !important;
    margin: 0;
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    grid-gap: var(--gap-y) var(--gap-x);
    vertical-align: top;
    white-space: normal;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 16rem;
    max-width: 100%;
    height: var(--button-height);
    min-height: 0;
    max-height: none;
    padding: var(--button-spacing-y) var(--button-spacing-x) !important;
    opacity: 1 !important;
    color: var(--button-color) !important;
    background: var(--button-bg) !important;
    border: var(--button-border) !important;
    border-radius: 5rem !important;
    overflow: hidden;
    font-family: var(--font-body);
    font-weight: var(--font-weight-light);
    font-size: var(--font-size-button);
    line-height: var(--line-height-button);
    text-align: center;
    transition: var(--duration) var(--timing-function);
    text-transform: capitalize;
}

html.no-touchevents *:is(.button, .wp-element-button, .wp-block-button__link):hover {
    border-radius: 0.6rem !important;
    color: var(--button-hover-color) !important;
    background-color: var(--button-hover-bg) !important;
    border: var(--button-hover-border) !important;
}

*:is(.button, .wp-element-button, .wp-block-button__link).button-theme-solid {
    --button-border: var(--border-width) var(--border-style) var(--color-ruby);
    --button-hover-border: var(--border-width) var(--border-style) var(--color-ruby);
    --button-bg: var(--color-ruby);
    --button-hover-bg: var(--color-ruby);
    --button-color: var(--color-white);
    --button-hover-color: var(--color-white);
}

*:is(.button, .wp-element-button, .wp-block-button__link).button-theme-outline {
    --button-border: var(--border-width) var(--border-style) var(--color-ruby);
    --button-hover-border: var(--border-width) var(--border-style) var(--color-ruby);
    --button-bg: transparent;
    --button-hover-bg: var(--color-ruby);
    --button-color: var(--color-ruby);
    --button-hover-color: var(--color-white);
}

*:is(.button, .wp-element-button, .wp-block-button__link).button-warm-clay-solid {
    --button-border: var(--border-width) var(--border-style) var(--color-warm-clay);
    --button-hover-border: var(--border-width) var(--border-style) var(--color-ruby);
    --button-bg: var(--color-warm-clay);
    --button-hover-bg: var(--color-ruby);
    --button-color: var(--color-ruby);
    --button-hover-color: var(--color-white);
}

*:is(.button, .wp-element-button, .wp-block-button__link).button-warm-clay-outline {
    --button-border: var(--border-width) var(--border-style) var(--color-warm-clay);
    --button-hover-border: var(--border-width) var(--border-style) var(--color-ruby);
    --button-bg: transparent;
    --button-hover-bg: var(--color-ruby);
    --button-color: var(--color-warm-clay);
    --button-hover-color: var(--color-white);
}

.underline-hover {
    --hover-rgb: var(--color-black-rgb);
    --rgb: var(--color-black-rgb);
    display: inline-block;
    position: relative;
}

.underline-hover.white {
    --hover-rgb: var(--color-white-rgb);
    --rgb: var(--color-white-rgb);
}

.underline-hover::before {
    content: "";
    position: absolute;
    bottom: var(--spacing-6xs);
    left: 0;
    width: 0;
    height: 0.1rem;
    background-color: rgba(var(--rgb), 1);
    transition: var(--duration) var(--timing-function);
}

html.no-touchevents .underline-hover:hover {
    color: rgba(var(--hover-rgb), 1);
}
html.no-touchevents .underline-hover:hover::before {
    width: 100%;
}

/* GENERAL ====================*/
.ic,
.ic-name {
    display: inline-block;
}
.ic > img {
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: 1em;
}
*[class*="ic-"] + *[class*="ic-"] {
    margin-left: var(--spacing-2xs);
}
.ic-youtube:before,
.ic-envelope:before {
    transform: scale(1.25);
    display: block;
    margin: 0 0.2em;
}
.ic-line:before {
    transform: scale(1.1);
    display: block;
    margin: 0.2em 0.2em;
}
.ic-shopee:before {
    transform: scale(1.25);
    display: block;
    margin: 0.2em;
    margin-bottom: 0.1em;
}
.brand {
    text-decoration: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
    display: inline-block;
    vertical-align: top;
    line-height: 1;
}
.brand .logo {
    display: inline-block;
    vertical-align: top;
    height: var(--logo-height);
    aspect-ratio: 6.600660066;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.lang ul {
    display: inline-flex;
    vertical-align: top;
    align-items: baseline;
}
.lang ul > li:not(:last-child, :empty):after {
    content: "|";
    margin: 0 0.5em;
}
.lang ul > li > a.active {
    color: var(--color-active);
}

html.no-touchevents .lang ul > li > a:not(.active):hover {
    opacity: var(--opacity);
}

/*CONTENT====================*/
.entry-content {
    --gap-row: var(--spacing-2md);
    --gap-column: var(--spacing-2md);
    --gap-content: var(--spacing-2md);
    --wp--preset--font-size--normal: var(--font-size-body-2);
    --wp--preset--font-size--small: var(--font-size-body);
    --wp--preset--font-size--medium: var(--font-size-tagline);
    --wp--preset--font-size--large: var(--font-size-h4);
    --wp--preset--font-size--x-large: var(--font-size-h3);
    --wp--preset--font-size--xx-large: var(--font-size-h2);
    --wp--preset--font-size--huge: var(--font-size-h1);
    width: 100%;
    font-size: var(--font-size-body-2);
    line-height: var(--line-height-body-2);
}
.entry-content :is(h1, h2, h3, h4, h5, h6) {
    margin: 0;
    font-family: var(--font-body);
    font-weight: var(--font-weight-light);
    font-size: inherit;
    line-height: inherit;
    letter-spacing: normal;
    color: var(--color-theme);
}

.entry-content .has-small-font-size {
    font-size: var(--wp--preset--font-size--small) !important;
    line-height: var(--line-height-body-2);
}
.entry-content :is(h6, .has-normal-font-size, .has-regular-font-size) {
    font-size: var(--wp--preset--font-size--normal) !important;
    line-height: var(--line-height-body-2);
}
.entry-content :is(h5, .has-medium-font-size) {
    font-size: var(--wp--preset--font-size--medium) !important;
    line-height: var(--line-height-tagline);
}
.entry-content :is(h4, .has-large-font-size, .has-larger-font-size) {
    font-size: var(--wp--preset--font-size--large) !important;
    line-height: var(--line-height-h4);
    font-weight: var(--font-weight-extra-light);
}
.entry-content :is(h3, .has-x-large-font-size) {
    font-size: var(--wp--preset--font-size--x-large) !important;
    line-height: var(--line-height-h3);
    font-weight: var(--font-weight-extra-light);
}
.entry-content :is(h2, .has-xx-large-font-size) {
    font-size: var(--wp--preset--font-size--xx-large) !important;
    line-height: var(--line-height-h2);
    font-weight: var(--font-weight-extra-light);
}
.entry-content :is(h1, .has-huge-font-size) {
    font-size: var(--wp--preset--font-size--huge) !important;
    line-height: var(--line-height-h1);
    font-weight: var(--font-weight-extra-light);
}
.entry-content h4:not(:first-child) + p {
    margin-top: var(--spacing-3xs);
}
.entry-content p {
    margin: 0;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: normal;
    color: inherit;
}
.entry-content strong {
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
    font-weight: var(--font-weight-regular);
    display: inline-block;
    margin-bottom: var(--spacing-3xs);
    color: var(--color-theme);
}
.entry-content a {
    color: var(--color-theme);
    text-decoration: underline;
    display: inline-block;
}
.entry-content ul {
    margin: 0;
    padding: 0;
    list-style-type: disc;
    padding-left: 1.1em;
}
.entry-content ol {
    margin: 0;
    padding: 0;
    list-style-type: decimal;
}

.entry-content ol,
.entry-content ul {
    list-style-position: outside;
    padding-left: 1.1em;
}

.entry-content hr {
    background-color: transparent;
    margin-bottom: var(--spacing-xl);
}

.entry-content .is-layout-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: unset;
    grid-gap: var(--gap-row);
}

.entry-content :is(.wp-block-image, .wp-block-video) :is(img, video) {
    margin: 0;
    height: auto;
    max-height: none;
    max-width: 100%;
    vertical-align: top;
    overflow: hidden;
}
.entry-content :is(.wp-block-image, .wp-block-video).size-medium :is(img, video) {
    max-width: min(40rem, calc(100% - 2 * var(--spacing-container)));
    max-height: min(47.3rem, calc(100vh - var(--header-height)));
}

.entry-content .wp-block-embed .wp-block-embed__wrapper {
    position: relative;
}
.entry-content .wp-block-embed .wp-block-embed__wrapper:before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 56.25%;
}
.entry-content .wp-block-embed .wp-block-embed__wrapper > * {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
}

.entry-content [class*="wp-block"] figcaption {
    font-style: normal;
    font-size: var(--font-size-body-sm);
    line-height: var(--line-height-body);
    color: var(--color-gray);
}

.entry-content > *,
.entry-content :is([class*="wp-block-"], figcaption) {
    margin: 0;
}
.entry-content > *:not(:first-child),
*:is(.wp-block-group, .wp-block-column, .wp-block-quote) > *:not(:first-child) {
    margin-top: var(--gap-content);
}
[class*="wp-block-"]:not(.wp-block-heading, .wp-block-list, .wp-block-column) + *:not(:first-child),
* + [class*="wp-block-"]:not(.wp-block-heading, .wp-block-list, .wp-block-column):not(:first-child) {
    margin-top: var(--gap-row);
}
.entry-content li:not(:first-child),
.entry-content br + *:not(:first-child),
.entry-content [class*="wp-block-"] br + *:not(:first-child),
.entry-content [class*="wp-block-"] figcaption:not(:first-child) {
    margin-top: var(--gap-content-xs);
}

.entry-content .wp-block-columns {
    grid-gap: var(--gap-row) var(--gap-column);
}
.entry-content .wp-block-columns > * {
    margin: 0;
}

.entry-content [class*="wp-block"].aligncenter {
    margin-left: auto;
    margin-right: auto;
}

.entry-content p [class*="wp-image-"].aligncenter {
    display: block;
    margin: 0 auto;
}

/* HAMBURGER ====================*/
.hamburger {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    line-height: 1;
}
.hamburger .bars {
    display: block;
    width: var(--hamburger-size);
    height: var(--hamburger-size);
    position: relative;
    transform: rotate(0deg);
    transition: var(--duration) var(--timing-function);
    cursor: pointer;
}
.hamburger .bars > .bar {
    display: block;
    position: absolute;
    width: 100%;
    height: var(--hamburger-line);
    background-color: var(--hamburger-background);
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: var(--duration) var(--timing-function);
}
.hamburger .bars > .bar:nth-child(1) {
    top: calc((var(--hamburger-size) / 3) - (var(--hamburger-line) / 2));
}
.hamburger .bars > .bar:is(:nth-child(2), :nth-child(3)) {
    top: calc((var(--hamburger-size) / 2) - (var(--hamburger-line) / 2));
}
.hamburger .bars > .bar:nth-child(4) {
    top: calc((var(--hamburger-size) / 3) * 2 - (var(--hamburger-line) / 2));
}
.active > .hamburger .bars > .bar:is(:nth-child(1), :nth-child(4)) {
    top: calc((var(--hamburger-size) / 2) - (var(--hamburger-line) / 2));
    left: 50%;
    width: 0%;
}
.active > .hamburger .bars > .bar:nth-child(2) {
    transform: rotate(45deg);
}
.active > .hamburger .bars > .bar:nth-child(3) {
    transform: rotate(-45deg);
}

/* FORM  ====================*/
*:is(input, textarea, select) {
    background: none;
    border-radius: 0;
    border: 0;
    border-bottom: var(--input-border);
    font-family: var(--font-body);
    font-weight: var(--font-weight-light);
    font-size: var(--font-size-body-2);
    line-height: var(--line-height-body-2);
    text-transform: inherit;
    text-align: left;
    letter-spacing: inherit;
    text-indent: inherit;
    color: var(--color-charcoal);
    display: block;
    width: 100%;
    height: var(--input-height);
    padding: var(--input-spacing-y) var(--input-spacing-x);
}

textarea {
    --height: calc(var(--input-height) * 2);
    resize: none;
    display: block;
    overflow: auto;
    width: 100% !important;
    min-width: 100%;
    max-width: 100%;
    min-height: var(--height);
}

.checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: var(--spacing-5xs);
}

.checkbox input[type="checkbox"] {
    --input-height: 20px;
    box-shadow: unset;
    border: none;
    background: none;
    padding: inherit;
    margin: unset;
    min-width: unset;
    font: inherit;
    line-height: normal;
    text-align: center;
    width: unset;
    font: inherit;
    color: currentColor;
    width: 1em;
    height: 1em;
    border: 0.05em solid currentColor;
    border-radius: 0.15em;
    display: grid;
    place-content: center;
}

input[type="checkbox"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    transform-origin: center;
    box-shadow: inset 1em 1em var(--color-white);
    clip-path: polygon(16% 48%, 10% 60%, 48% 90%, 92% 20%, 80% 10%, 45% 70%);
}

input[type="checkbox"]:checked::before {
    transform: scale(1);
}

input[type="checkbox"]:checked {
    background-color: var(--color-ruby);
}

.input-file {
    display: flex;
    flex-direction: column;
    grid-gap: var(--spacing-3xs);
    z-index: 0;
}

.input-file .file-label .subttl {
    font-size: var(--font-size-description);
    line-height: var(--line-height-description);
    font-weight: var(--font-weight-regular);
}

.input-file .file-upload-wrapper {
    display: flex;
    grid-gap: var(--spacing-4xs);
    align-items: center;
}

.input-file .file-upload-button {
    background-color: var(--color-gray-light);
    padding: var(--spacing-xs) var(--spacing-xs);
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
    font-weight: var(--font-weight-regular);
}

.input-file .file-upload-placeholder {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
}

.input-file .file-upload-placeholder .header {
    display: flex;
    grid-gap: var(--spacing-5xs);
    font-size: var(--font-size-description);
    line-height: var(--line-height-description);
    align-items: center;
}

.input-file .file-upload-placeholder .header .cancel-upload {
    margin-left: auto;
    width: var(--spacing-sm);
    aspect-ratio: 1;
    font-size: var(--font-size-description);
    line-height: 1;
    background-color: var(--color-gray);
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
}

.input-file .file-upload-placeholder .file-progress {
    width: 100%;
    border-radius: 0;
    height: 0.2rem;
    margin-top: var(--spacing-5xs);
    background-color: var(--color-white);
}

.input-file .file-upload-placeholder .file-progress {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    mask-image: radial-gradient(white, white);
    -webkit-mask-image: radial-gradient(white, white);
}

.input-file .file-upload-placeholder .file-progress::-webkit-progress-bar {
    background-color: var(--color-white) !important;
}

.input-file .file-upload-placeholder .file-progress::-webkit-progress-value {
    background-color: var(--color-theme);
}

.input-file .custom-file-upload.filled .file-upload-placeholder .file-description {
    display: none;
}

/* SELECT */
.select {
    position: relative;
}
.select select {
    line-height: normal;
    padding-right: var(--input-height);
    text-overflow: "";
    cursor: pointer;
}
.select:after {
    font-family: "iconfont";
    content: "\e90c";
    font-size: var(--icon-size-xs);
    font-weight: normal;
    line-height: 1;
    color: inherit;
    vertical-align: top;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-right: var(--input-spacing-x);
    width: var(--input-height);
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
}
.select2-parent:after {
    display: none !important;
}
.select2-rendered__match {
    text-decoration: underline;
}
.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 98;
    background-color: #fff;
    filter: alpha(opacity=0);
}
.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}
.select2-container {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
}
.select2-dropdown {
    --color-active: var(--color-black);
    box-sizing: border-box;
    display: block;
    width: 100%;
    position: absolute;
    z-index: 1051;
    left: -100000px;
    font-weight: var(--font-weight-body);
    font-size: var(--font-size-body);
    line-height: var(--line-height-body) !important;
    color: var(--color-middark) !important;
    background: var(--color-white) !important;
    border: var(--input-border) !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    transition: none;
}
.select2-container--open .select2-dropdown {
    left: 0;
}
.select2-container--open .select2-dropdown--below {
    margin: -1px 0 0;
}
.select2-container--open .select2-dropdown--above {
    /*top*/
    margin: 0;
}
.select2-results {
    display: block;
}
.select2-results__options {
    list-style: none;
    margin: 0;
    padding: var(--spacing-2xs) var(--spacing-xs);
    font-size: var(--font-size-body-2);
    line-height: var(--line-height-body-2);
    text-align: left;
}
.select2-results__option {
    padding: 0;
}
.select2-results__option:not(:last-child) {
    margin-bottom: var(--spacing-3xs);
}
.select2-results__option[aria-selected] {
    cursor: pointer;
}
.select2-results__option:not([id]) {
    margin: 0;
}
.select2-search--dropdown {
    display: block;
    padding: var(--spacing-sm);
}
.select2-search--dropdown .select2-search__field {
    padding: 7px 15px 8px;
    width: 100%;
    box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
    display: none;
}
.select2-container--default .select2-selection--single {
    outline: 0;
    padding: 0;
    display: block;
    width: 100%;
    height: var(--input-height);
    color: inherit;
    background: none;
    border: 0;
    border-bottom: var(--input-border);
    border-radius: 0;
    transition: none;
    overflow: hidden;
    cursor: pointer;
    font-weight: var(--font-weight-regular);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    display: block;
    padding: var(--input-spacing-y) var(--input-spacing-x);
    padding-right: var(--input-height);
    height: 100%;
    font-size: var(--font-size-body-2);
    font-weight: var(--font-weight-light);
    line-height: calc(var(--input-height) - var(--input-spacing-y) * 2);
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: inherit;
}
.select2-container--default .select2-selection--single .select2-selection__rendered[title] {
    background-color: transparent;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    position: relative;
    cursor: pointer;
    float: right;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--color-theme);
    opacity: 1;
}
.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__clear {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
    display: block;
    width: calc(var(--input-height) / 2);
    height: 100%;
    font-size: 0;
    text-align: center;
    color: inherit;
    cursor: pointer;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0;
    margin: 0;
    position: static;
    top: auto;
    left: auto;
    display: block;
    width: 100%;
    height: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:before,
.select2-container--default .select2-selection--single .select2-selection__clear:before {
    font-family: "iconfont";
    font-size: var(--icon-size-2xs);
    color: var(--color-charcoal);
    font-weight: normal;
    line-height: 1;
    vertical-align: top;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-right: var(--input-spacing-x);
    text-align: center;
    width: 100%;
    height: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    content: "\e90c";
}
.select2-container--default .select2-selection--single .select2-selection__clear:before {
    content: "\e900";
}
.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border: 0;
}
/* .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
} */
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--border-color);
}
.select2-container--default .select2-search--inline {
    float: left;
}
.select2-container--default .select2-search--inline .select2-search__field {
    -webkit-appearance: textfield;
    box-sizing: border-box;
    box-shadow: none;
    background: none;
    border: none;
    padding: 0;
    outline: 0;
    font-size: 100%;
    margin-top: 5px;
}
.select2-container--default .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
.select2-container--default .select2-results > .select2-results__options {
    max-height: 30vh;
    overflow-y: auto;
    overscroll-behavior: contain !important;
    scroll-behavior: auto !important;
}
.select2-container--default .select2-results__option span {
    display: inline;
    font-weight: inherit;
    transition: var(--duration) var(--timing-function);
}
.select2-container--default .select2-results__option[role="group"] {
    padding: 0;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: none;
    color: inherit;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] span {
    color: var(--color-ruby);
    opacity: 0.5;
}
.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option[data-selected="true"] {
    font-weight: inherit;
    text-decoration: none;
    background: none;
    color: inherit;
    text-decoration: underline;
}
.select2-container--default .select2-results__option[aria-selected="true"] span {
    box-shadow: var(--cta-shadow);
}
.select2-container--default .select2-results__option[aria-disabled="true"] {
    background: none !important;
    color: inherit !important;
    opacity: var(--opacity-light) !important;
    pointer-events: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
    display: none;
}
.select2-container--default .select2-results__group {
    display: block;
    padding: 0;
    cursor: default;
}

/* CHECKBOX & RADIO */
.choice {
    position: relative;
    display: flex;
    max-width: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    letter-spacing: normal;
    text-transform: none;
}
.choice > span {
    position: relative;
    display: inline-block;
    -webkit-touch-callout: none;
}
.choice > input {
    position: absolute;
    z-index: -1000;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    background: none;
}
.choice input + span {
    display: inline-block;
    vertical-align: baseline;
    text-align: left;
    padding-left: calc(1em + var(--spacing-5xs));
    line-height: inherit;
    min-width: 1em;
    min-height: 1em;
    height: auto;
    cursor: pointer;
}
.choice input + span:before,
.choice input + span:after {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    border-radius: 2px;
    color: rgba(var(--rgb), 1);
    line-height: 1;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0.25em;
}
.choice input + span:before {
    background: none;
    border: 1px solid;
}
.choice input + span:after {
    background: currentColor;
    opacity: 0;
    transform: scale(0.5);
    transition: opacity var(--duration) var(--timing-function);
}
.choice input:checked + span:after {
    opacity: 1;
}
.choice input[type="checkbox"] + span:after {
    font-family: "iconfont";
    content: "\e923";
    background: none;
    width: 1em;
    height: 1em;
    transform: scale(0.65);
}
.choice input[type="radio"] + span:before,
.choice input[type="radio"] + span:after {
    border-radius: 50%;
}
.choice-container {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: var(--spacing-xs);
}
.label:not(.anim) + *[class*="choice"] {
    margin-top: var(--spacing-sm);
}

.fields {
    --gap-x: var(--spacing-md);
    --gap-y: var(--spacing-md);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    grid-gap: var(--gap-y) var(--gap-x);
}
.field {
    position: relative;
    width: 100%;
}
.field.half-width {
    width: calc(50% - var(--gap-x) / 2);
}
.field.focusin {
    z-index: 2;
}

.label {
    padding: 0;
    border: 0;
    border-radius: 0;
    position: relative;
    display: block;
    font-family: var(--font-body);
    font-weight: var(--font-weight-light);
    font-size: var(--font-size-body-2);
    line-height: var(--line-height-body-2);
    text-transform: none;
    color: var(--color-charcoal);
    opacity: 1;
}
.label:not(.anim):not(:last-child) {
    margin-bottom: var(--spacing-2xs);
}
.label a {
    box-shadow: var(--cta-shadow);
}
.label.anim {
    height: auto;
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    left: 0;
    top: calc(var(--input-height) / 2);
    transform: translateY(-50%);
    padding: 0 var(--input-spacing-x);
    pointer-events: none;
}
.label.anim:not(.fixed) {
    transition-property: opacity, visibility;
}
.input.filled .label.anim:not(.fixed) {
    opacity: 0;
    visibility: hidden;
}
.input:has(*:-internal-autofill-selected) .label.anim:not(.fixed) {
    opacity: 0;
    visibility: hidden;
}

.input.filled .label.anim.fixed {
    top: 0;
    padding: 0;
    transform: translateY(-50%);
    font-size: calc(var(--font-size-body-2) * 0.8);
    opacity: var(--opacity);
}

.input:has(*:-internal-autofill-selected) .label.anim.fixed {
    top: 0;
    padding: 0;
    transform: translateY(-50%);
    font-size: calc(var(--font-size-body-2) * 0.8);
    opacity: var(--opacity);
}

.input {
    position: relative;
    text-align: left;
}

.input .entry-title {
    font-weight: var(--font-weight-light);
    font-size: var(--font-size-body-2);
    line-height: var(--line-height-h3);
}
.input .entry-title:not(:last-child) {
    margin-bottom: var(--spacing-2sm);
}

.input.with-cta .cta {
    margin: 0;
    position: absolute;
    z-index: 3;
    right: 0;
    top: calc(var(--input-height) / 2);
    transform: translateY(-50%);
}
.input input:-internal-autofill-selected,
.input textarea:-internal-autofill-selected,
.input select:-internal-autofill-selected {
    color: inherit;
}
.input input:disabled,
.input textarea:disabled,
.input select:disabled,
.select2-container--default.select2-container--disabled .select2-selection--single {
    cursor: default;
    opacity: 0.1;
}
.input input[type="checkbox"]:disabled,
.input input[type="radio"]:disabled {
    background-color: transparent;
}
.input :-ms-input-placeholder {
    font-size: var(--font-size-body-2) !important;
    font-weight: var(--font-weight-light) !important;
    font-style: normal !important;
    text-transform: none !important;
    color: var(--color-charcoal) !important;
    opacity: 1 !important;
}
.input ::-webkit-input-placeholder {
    font-size: var(--font-size-body-2) !important;
    font-weight: var(--font-weight-light) !important;
    font-style: normal !important;
    text-transform: none !important;
    color: var(--color-charcoal) !important;
    opacity: 1 !important;
}
.input ::-moz-placeholder {
    font-size: var(--font-size-body-2) !important;
    font-weight: var(--font-weight-light) !important;
    font-style: normal !important;
    text-transform: none !important;
    color: var(--color-gray) !important;
    opacity: 1 !important;
}
.input ::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}
.input ::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 0;
}
input::-webkit-contacts-auto-fill-button {
    display: none !important;
    visibility: hidden;
    pointer-events: none;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    box-shadow: 0 0 0px 1000px #fff inset;
    -webkit-transition: 5000s ease 0s;
    transition: 5000s ease 0s;
}
input[type="number"] {
    -moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* FORM:UPLOAD FILE ====================*/

/* PLUGIN:POPUP ====================*/

/* PLUGIN:SLIDER ====================*/
.swiper {
    width: 100%;
}
.swiper-wrapper {
    will-change: transform;
}
.swiper-slide {
    width: 100% !important;
}

*[class*="swiper-button-"] {
    z-index: 10;
    outline: none;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    color: inherit;
    background: none;
    border-radius: 0;
    overflow: visible;
    line-height: 1;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--color-theme-couple);
}
.swiper-button-next {
    right: 0;
}
.swiper-button-prev {
    left: 0;
}
*[class*="swiper-button-"]:after {
    position: relative;
    font-family: "iconfont";
    font-weight: normal;
    font-size: var(--icon-size-sm);
    color: var(--color-theme);
    opacity: 1;
    transition: var(--duration) var(--timing-function);
}

html.no-touchevents *[class*="swiper-button-"]:hover {
    background-color: var(--color-theme);
}

html.no-touchevents *[class*="swiper-button-"]:hover:after {
    color: var(--color-theme-couple);
}
.swiper-button-prev:after {
    content: "\e909";
}
.swiper-button-next:after {
    content: "\e90a";
}
.swiper-button-disabled {
    opacity: var(--opacity-light) !important;
    pointer-events: auto !important;
}
.swiper-button-lock {
    display: none !important;
}

.swiper-pagination {
    --rgb: var(--color-white-rgb);
    line-height: 0;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: var(--spacing-2xs);
    pointer-events: none;
}
.swiper-horizontal > .swiper-pagination-bullets {
    bottom: var(--gap-section);
    left: unset;
    right: var(--header-nav-right);
    width: fit-content;
}

.swiper-pagination.a-center {
    justify-content: center;
}
.swiper-pagination-bullet {
    outline: none !important;
    margin: 0 !important;
    opacity: 1 !important;
    font-size: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    background: transparent;
    border: 1px solid var(--color-white);
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    transition: var(--duration) var(--timing-function);
    pointer-events: auto;
}
.swiper-pagination-bullet-active {
    background: rgba(var(--rgb), 1);
}
.static-pagination .swiper-pagination {
    position: static;
    margin: var(--spacing-2sm) 0;
}
.static-pagination .swiper-pagination-bullet {
    border: var(--border);
}
.static-pagination .swiper-pagination-bullet-active {
    background: rgba(var(--color-theme-rgb), 1);
}
.swiper-pagination[data-style="bar"] {
    grid-gap: 0;
}
.swiper-pagination[data-style="bar"] .swiper-pagination-bullet {
    border-radius: 0;
    height: 2px;
    width: 70px;
    max-width: 12.3076923077vw;
    margin: 0 !important;
}
.swiper-pagination[data-style="bar"] .swiper-pagination-bullet:first-child {
    margin-left: 0 !important;
}
.swiper-pagination[data-style="bar"] .swiper-pagination-bullet:last-child {
    margin-right: 0 !important;
}
.swiper-horizontal > .swiper-pagination[data-style="bar"] {
    bottom: var(--spacing-2md);
}

.swiper-fade .swiper-slide {
    opacity: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
}
.swiper-fade .swiper-slide-active {
    opacity: 1 !important;
    z-index: 1 !important;
    pointer-events: auto !important;
}

.swiper.default.fade .swiper-slide,
.swiper.auto.fade .swiper-slide {
    width: 100% !important;
    height: auto !important;
}
.swiper.default.fade .swiper-slide > *,
.swiper.auto.fade .swiper-slide > * {
    height: 100%;
}

.swiper.fix *[class*="swiper-button-"] {
    top: 0;
    transform: none;
}

.swiper-button-prev.spacing-x {
    left: var(--spacing-container);
}
.swiper-button-next.spacing-x {
    right: var(--spacing-container);
}

/*PLUGIN:MARQUEE====================*/
*[data-js="liMarquee"] .mWrap .mMove,
*[data-js="liMarquee"] .mWrap .mItem {
    width: auto !important;
}
*[data-js="liMarquee"] .mWrap .mItem {
    float: left !important;
}
*[data-js="liMarquee"] .cloneContent {
    padding: 0 !important;
}

/* FUNCTION:TAB ====================*/
.tab,
.tabdata {
    position: relative;
}
.tab-content,
.tabdata-content {
    margin: 0 !important;
    position: relative;
    height: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transition-property: opacity;
    transition-duration: 1s;
}
.tab-content.active,
.tabdata-content.active {
    height: auto;
    opacity: 1;
    overflow: visible;
    pointer-events: auto;
}

/* FUNCTION:ACCORDION ====================*/
.accordion {
    --title-color: var(--color-black);
    --title-color-active: var(--color-theme);
    --border-color: rgba(var(--color-white-rgb), 0.2);
    border-bottom: var(--border-width) var(--border-style) var(--color-warm-clay);
}

.accordion > .entry-panel {
    display: none;
    padding-bottom: var(--spacing-lg);
}
.accordion > .entry-panel *[block-width] {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.accordion > .entry-title {
    font-family: var(--font-heading);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-h5);
    line-height: var(--line-height-h5);
    color: inherit;
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 0;
    padding: var(--spacing-2sm) 0;
    transition: var(--duration) var(--timing-function);
    cursor: pointer;
    padding-right: 3rem;
}
.accordion:first-child > .entry-title {
    padding-top: 0;
}
.accordion.active > .entry-title {
    color: inherit;
}
.accordion > .entry-title:after,
.accordion > .entry-title:before {
    --size: 2.4rem;
    --stroke-width: 0.1rem;
    content: "";
    position: absolute;
    right: 0;
    top: calc(var(--spacing-2md) + (var(--font-size-h3) * var(--line-height-h3) / 2));
    transform: translateY(-50%);
}

.accordion:first-child > .entry-title:after,
.accordion:first-child > .entry-title:before {
    top: calc((var(--font-size-h3) * var(--line-height-h3) / 2));
}

.accordion > .entry-title:before {
    width: var(--size);
    height: var(--stroke-width);
    background-color: var(--color-maroon);
}

.accordion > .entry-title:after {
    width: var(--stroke-width);
    height: var(--size);
    background-color: var(--color-maroon);
    right: calc(var(--size) / 2);
    transition: height var(--duration) var(--timing-function);
}

.accordion.active > .entry-title:after {
    height: 0;
}

/* FUNCTION:VIDEO ==================== */

/* FUNCTION:CLIPBOARD ==================== */
#clipboard {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    width: 100px;
    max-width: 100%;
    margin: 0 auto;
    padding: var(--spacing-xs);
    font-family: var(--font-body);
    font-weight: var(--font-weight-body);
    font-size: var(--font-size-body-sub);
    line-height: normal;
    letter-spacing: normal;
    text-transform: uppercase;
    background-color: var(--color-theme);
    color: var(--color-white);
    border-radius: 50%;
    overflow: hidden;
    position: fixed;
    z-index: 999999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* FUNCTION:COPY TO CLIPBOARD ==================== */
@-webkit-keyframes copy-slide-up {
    0% {
        -webkit-transform: translate(-50%, 0) scale(0.8);
        transform: translate(-50%, 0) scale(0.8);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(-50%, -120%) scale(1);
        transform: translate(-50%, -120%) scale(1);
        opacity: 1;
    }
}
@keyframes copy-slide-up {
    0% {
        -webkit-transform: translate(-50%, 0) scale(0.8);
        transform: translate(-50%, 0) scale(0.8);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(-50%, -120%) scale(1);
        transform: translate(-50%, -120%) scale(1);
        opacity: 1;
    }
}

#copy_tooltip {
    display: block;
    position: absolute;
    background: var(--color-theme);
    color: #fff;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    top: 0;
    width: 12rem;
    left: 50%;
    margin: auto;
    opacity: 0;
    pointer-events: none;
    line-height: var(--line-height-tagline);
    font-size: var(--font-size-tagline);
    font-family: var(--font-heading);
}

#copy_tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid var(--color-theme);
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

#copy_tooltip.active {
    -webkit-animation: copy-slide-up 0.15s cubic-bezier(0.51, 0.92, 0.265, 1.55) both;
    animation: copy-slide-up 0.15s cubic-bezier(0.51, 0.92, 0.265, 1.55) both;
}

#copy_tooltip.inactive {
    -webkit-animation: copy-slide-up 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both;
    animation: copy-slide-up 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both;
}

/* PAGE ==================== */
#page {
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    min-height: 100svh;
    overflow: clip;
}

/* FILTER ==================== */

/*MODULES==================== */

/* ANIMATE ==================== */
.animate {
    -webkit-animation-duration: var(--duration-x2);
    animation-duration: var(--duration-x2);
    -webkit-animation-timing-function: var(--timing-function);
    animation-timing-function: var(--timing-function);
    /* will-change: opacity, transform; */
}
.animated {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

@-webkit-keyframes matrixZoomOut {
    from {
        opacity: 0;
        transform: scale(1.05);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes matrixZoomOut {
    from {
        opacity: 0;
        transform: scale(1.05);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
.matrixZoomOut {
    transform-origin: center center;
    -webkit-animation-name: matrixZoomOut;
    animation-name: matrixZoomOut;
    animation-duration: 1s;
}

.lenis {
    height: auto;
}
.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}
.lenis.lenis-stopped {
    overflow: hidden;
}
.lenis.lenis-scrolling iframe {
    pointer-events: none;
}

@keyframes CustomZoomOut {
    0% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes ClipIn {
    0% {
        opacity: 0;
        clip-path: inset(var(--spacing-lg));
    }
    60% {
        opacity: 1;
    }
    100% {
        opacity: 1;
        clip-path: inset(0);
    }
}

.clipIn {
    opacity: 0;
    clip-path: inset(var(--spacing-lg));
    animation-name: ClipIn;
    animation-fill-mode: forwards;
    animation-duration: 1.85s;
    animation-timing-function: cubic-bezier(0.83, 0, 0.17, 1);
}

.customZoomOut *:is(img, video, iframe) {
    transform: scale(1.1);
    animation-name: CustomZoomOut;
    animation-fill-mode: forwards;
    animation-duration: 2.85s;
    animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    animation-delay: 0.55s;
}

@keyframes wordReveal {
    0% {
        opacity: 0.5;
        transform: translate3d(0, 1.1em, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

*[data-split-animate] .word {
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    padding: 0.1em;
    margin: -0.1em;
}
*[data-split-animate] .word.overflow-visible {
    overflow: visible;
}

*[data-split-animate] .word-animate {
    display: inline-block;
    vertical-align: top;
    -webkit-animation-name: wordReveal;
    animation-name: wordReveal;
    animation-fill-mode: forwards;
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
    /* animation-delay: calc(0.15s * var(--line-index)); */
}
*[data-split-animate] .word-animate.animated {
    transform: translate3d(0, 1em, 0);
}

@keyframes charReveal {
    0% {
        opacity: 0.01;
        transform: translate3d(0, 0.2em, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

*[data-split-animate] .char-animate {
    opacity: 0;
    display: inline-block;
    vertical-align: top;
    animation-name: charReveal;
    animation-fill-mode: forwards;
    animation-duration: 0.4s;
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-delay: calc(0.2s + var(--char-index) * 0.015s);
}

@keyframes FadeInFromRight {
    0% {
        opacity: 0;
        transform: translate3d(20rem, 0, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.fadeInFromRight {
    opacity: 0;
    animation-name: FadeInFromRight;
    animation-fill-mode: forwards;
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-delay: calc(0.1s * var(--index));
}

@keyframes ZoomInOpacity {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.zoomInOpacity {
    opacity: 0;
    transform: scale(0.8);
    animation-name: ZoomInOpacity;
    animation-fill-mode: forwards;
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-delay: calc(0.1s * var(--index));
}

/* BUNDLE ==================== */
img,
iframe,
.button,
#header,
#footer,
.mfp-close,
.select2-selection--single,
.select2-results__option,
.choice > span,
.accordion > .entry-title,
.sc-billboard {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

html.touchevents a {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

.hamburger,
.plaimanas,
.button,
.social a,
.object,
.object-fit,
.qty-btn,
.sc-link,
.mfp-close .modal-dismiss {
    text-decoration: none !important;
    box-shadow: none !important;
}

/* CHECK ==================== */
#page-message {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: var(--spacing-md);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    background: var(--color-white);
    color: var(--color-black);
    will-change: opacity;
    opacity: 0;
    pointer-events: none;
}
@media (max-width: 991px) and (orientation: landscape) {
    html.is-device #page-message {
        opacity: 1;
        pointer-events: auto;
        transition: opacity var(--duration) var(--timing-function);
    }
}

/* HEADER ==================== */
#header {
    width: 100vw;
    position: sticky;
    top: 0;
    z-index: 99;
    color: var(--color-maroon);
    transition: transform var(--duration) var(--timing-function);
}

.header-scrolled #header {
    transform: translateY(-100%);
}

.header-scrolled.page-scrolling--up #header {
    transform: translateY(0);
}

.header-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-xs);
    padding: 0 var(--spacing-container);
    height: var(--header-height);
    background-color: var(--color-soft-ivory);
}

.header-nav .menu {
    display: flex;
    gap: var(--spacing-lg);
    position: relative;
}

.header-nav .menu > li > a {
    font-family: var(--font-heading-subttl);
    font-size: var(--font-size-button);
    line-height: var(--line-height-button);
    font-weight: var(--font-weight-thin);
    display: flex;
    align-items: center;
    gap: var(--spacing-4xs);
    height: var(--header-height);
}

.header-nav .menu > li.has-submenu > a .ic {
    transition: transform var(--duration) var(--timing-function);
}

.header-nav .menu > li.has-submenu > a:hover .ic {
    transform: rotate(180deg);
}

/* FOOTER ==================== */
.footer-nav {
    padding: var(--spacing-4xl) var(--spacing-3lg) var(--spacing-3lg);
    background-color: var(--color-maroon);
    color: var(--color-warm-clay);
}

html.no-touchevents .footer-nav a:hover {
    color: var(--color-warm-clay);
}

.footer-nav .footer-top {
    display: flex;
    justify-content: space-between;
    gap: var(--spacing-sm);
    padding-bottom: var(--spacing-4xl);
}

.footer-nav .footer-contact {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    max-width: 46.8rem;
}

.footer-nav .footer-contact .contact-ttl > * {
    line-height: 1;
    color: var(--color-soft-ivory);
}

.footer-nav .footer-contact .contact-list {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4xs);
}

.footer-nav .footer-contact .contact-item {
    display: flex;
}

.footer-nav .footer-contact .contact-category {
    width: 10rem;
    flex-shrink: 0;
}

.footer-nav .footer-links {
    display: flex;
    gap: var(--spacing-2xl);
}

.footer-nav .footer-links ul {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2xs);
    font-size: var(--font-size-body-2);
    line-height: 1;
}

.footer-nav .footer-links li.main-link:not(:last-child) {
    margin-bottom: var(--spacing-4xs);
}

.footer-nav .footer-links li:not(.main-link) > * {
    opacity: 0.7;
}

html.no-touchevents .footer-nav .footer-links li:not(.main-link) > a:hover {
    opacity: 1;
}

.footer-nav .footer-middle {
    --border: var(--border-width) var(--border-style) rgba(var(--color-warm-clay-rgb), 0.3);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-md) 0;
    border-top: var(--border);
    border-bottom: var(--border);
}

.footer-nav .footer-bottom a,
.footer-nav .footer-bottom p span {
    opacity: 0.7;
}

html.no-touchevents .footer-nav .footer-bottom a:hover,
html.no-touchevents .footer-nav .footer-bottom p:has(a:hover) {
    opacity: 1;
}

.footer-nav .logo {
    filter: var(--color-filter-white);
}

.footer-nav .footer-bottom {
    font-size: var(--font-size-body-2);
    line-height: var(--line-height-body-2);
    padding-top: var(--spacing-2sm);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--spacing-sm);
}

.footer-nav .privacy-links {
    display: flex;
    gap: var(--spacing-2md);
}

/* MAIN ====================*/
#main {
    --sticky-top: calc(var(--header-height) + var(--spacing-container));
    position: relative;
    width: 100%;
}

section {
    overflow: clip;
    position: relative;
    width: 100vw;
}

.sc-inner {
    position: relative;
    width: 100%;
    padding-top: var(--gap-section);
    padding-bottom: var(--gap-section);
}
.sc-inner.pc-t-header {
    padding-top: var(--header-height);
}
.sc-inner.pc-t-0 {
    padding-top: 0;
}
.sc-inner.pc-t-25 {
    padding-top: calc(var(--gap-section) / 4);
}
.sc-inner.pc-t-50 {
    padding-top: calc(var(--gap-section) / 2);
}
.sc-inner.pc-t-75 {
    padding-top: calc(var(--gap-section) * 3 / 4);
}
.sc-inner.pc-t-100 {
    padding-top: var(--gap-section);
}
.sc-inner.pc-t-125 {
    padding-top: calc(var(--gap-section) * 1.25);
}
.sc-inner.pc-t-150 {
    padding-top: calc(var(--gap-section) * 1.5);
}
.sc-inner.pc-t-175 {
    padding-top: calc(var(--gap-section) * 1.75);
}
.sc-inner.pc-t-200 {
    padding-top: calc(var(--gap-section) * 2);
}
.sc-inner.pc-b-header {
    padding-bottom: var(--header-height);
}
.sc-inner.pc-b-0 {
    padding-bottom: 0;
}
.sc-inner.pc-b-25 {
    padding-bottom: calc(var(--gap-section) / 4);
}
.sc-inner.pc-b-50 {
    padding-bottom: calc(var(--gap-section) * 3 / 4);
}
.sc-inner.pc-b-75 {
    padding-bottom: calc(var(--gap-section) * 3 / 4);
}
.sc-inner.pc-b-100 {
    padding-bottom: var(--gap-section);
}
.sc-inner.pc-b-125 {
    padding-bottom: calc(var(--gap-section) * 1.25);
}
.sc-inner.pc-b-150 {
    padding-bottom: calc(var(--gap-section) * 1.5);
}
.sc-inner.pc-b-175 {
    padding-bottom: calc(var(--gap-section) * 1.75);
}
.sc-inner.pc-b-200 {
    padding-bottom: calc(var(--gap-section) * 2);
}

.container {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--spacing-container);
    padding-right: var(--spacing-container);
}
.wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}
[class*="block-content-"] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
    max-width: 52.8rem;
}
.block-content-start {
    align-items: flex-start;
    text-align: start;
}
.block-content-center {
    align-items: center;
    text-align: center;
    text-wrap: balance;
}
.block-content-end {
    align-items: flex-end;
    text-align: end;
}

.block-ttl > * {
    transition: var(--duration) var(--timing-function);
}

.block-desc > * {
    transition: var(--duration) var(--timing-function);
}

.h-svh {
    height: 100svh;
}
.h-lvh {
    height: 100lvh;
}
.h-vh {
    height: 100vh;
}

.sc-billboard {
    position: relative;
    width: 100%;
    /* -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; */
}

.sc-billboard.full-screen {
    height: 100svh;
}

.sc-billboard.full-screen > .container {
    height: 100%;
}

section:first-child .sc-billboard.full-screen {
    height: calc(100svh - var(--header-height) - var(--announcement-bar-height));
}

[class*="gradient-overlay-"]::before {
    content: "";
    position: absolute;
    width: 100%;
    height: var(--gradient-height, 30%);
    left: 0;
    background: linear-gradient(
        var(--gradient-direction, 0deg),
        rgba(0, 0, 0, var(--gradient-opacity, 0.6)) 0%,
        rgba(0, 0, 0, 0) 100%
    );
    z-index: 10;
}

.gradient-overlay-top::before {
    top: 0;
    --gradient-direction: 180deg;
}

.gradient-overlay-bottom::before {
    bottom: 0;
    --gradient-direction: 0deg;
}

.overlay::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(var(--color-black-rgb), var(--overlay-opacity, 0.3));
    z-index: 1;
}

.sc-billboard .object-fit,
.sc-billboard .sc-inner,
.sc-billboard *:is(.swiper, .swiper-wrapper, .swiper-slide) {
    height: 100%;
    width: 100%;
}

.card {
    --text-align: left;
    width: 100%;
    display: block;
    position: relative;
    color: rgba(var(--rgb), 1);
    text-align: var(--text-align);
    white-space: normal;
}

.card-container {
    --gap-x: 0rem;
    --gap-y: 0rem;
    --column: 1;
    --minmax: 0rem;
    position: relative;
}

.card-container[data-card-layout="grid"] {
    display: grid;
    grid-gap: var(--gap-y) var(--gap-x);
    grid-template-columns: repeat(var(--column), calc((100% - (var(--gap-x) * (var(--column) - 1))) / var(--column)));
    grid-auto-flow: dense;
}

.card-container[data-card-layout="grid-minmax"] {
    display: grid;
    grid-gap: var(--gap-y) var(--gap-x);
    grid-template-columns: repeat(auto-fill, minmax(var(--minmax), 1fr));
    grid-auto-flow: dense;
}

.card-container[data-card-layout="flex"] {
    display: flex;
    flex-wrap: wrap;
    grid-gap: var(--gap-y) var(--gap-x);
}
.card-container[data-card-layout="flex"] > .card {
    width: calc((100% - (var(--gap-x) * (var(--column) - 1))) / var(--column));
}

.card-container[data-card-layout="slider"] {
    margin-left: calc((var(--gap-x) * -1) / 2);
    margin-right: calc((var(--gap-x) * -1) / 2);
}
.card-container[data-card-layout="slider"] .swiper-slide {
    width: calc(100% / var(--column)) !important;
    padding-left: calc(var(--gap-x) / 2);
    padding-right: calc(var(--gap-x) / 2);
}
.card-container[data-card-layout="slider"] .swiper-button-prev {
    transform: translateX(calc((var(--gap-y)) / 2));
}
.card-container[data-card-layout="slider"] .swiper-button-next {
    transform: translateX(calc((var(--gap-x) * -1) / 2));
}

.card .card-image {
    position: relative;
}

.card .card-content {
    position: relative;
    display: flex;
    flex-direction: column;
    grid-gap: var(--spacing-sm);
}

.sc-header {
    width: 100%;
    display: flex;
    align-items: center;
    margin: 0 auto;
    margin-bottom: var(--spacing-md);
    max-width: 85rem;
}
.sc-header.justify-center {
    justify-content: center;
    text-align: center;
}
.sc-header.column {
    flex-direction: column;
}
.sc-header.justify-between {
    justify-content: space-between;
}
.sc-header.morph-logo {
    margin-bottom: var(--spacing-2lg);
}

.sc-header.morph-logo .sc-ttl > * {
    line-height: 1;
}

.sc-header .sc-ttl * {
    color: var(--color-maroon);
}
.sc-header .sc-subttl {
    margin-top: var(--spacing-2sm);
}
.marquee {
    display: inline-flex !important;
}

/* Popup */
.popup {
    width: fit-content;
    position: relative;
    z-index: 90;
    --top-offset: var(--spacing-2xs);
}

.popup-content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: calc(100% + var(--top-offset));
    width: fit-content;
    box-shadow: 0px 0px 10px 0px rgba(var(--color-black-rgb), 0.25);
    transition: var(--duration) var(--timing-function);
}

.popup-content.active {
    opacity: 1;
    visibility: visible;
}

.popup-content-inner {
    padding: var(--spacing-2sm) var(--spacing-xs);
    background-color: var(--color-white);
}

.popup[data-popup-pc-location="start"] .popup-content {
    left: 0;
}

.popup[data-popup-pc-location="center"] .popup-content {
    left: 50%;
    transform: translateX(-50%);
}

.popup[data-popup-pc-location="end"] .popup-content {
    right: 0;
}

/* Map */
.map-wrapper {
    position: relative;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.map-wrapper .map {
    width: 100%;
    aspect-ratio: 5;
}

.marker {
    position: absolute;
    top: 25%;
    left: 25%;
    transform: translate(-50%, -50%);
    width: 8rem;
    aspect-ratio: 1;
}

.marker img {
    animation: none !important;
    transform: none !important;
}

/* COMPONENT */
/* DEFAULT ====================*/
/* Announcement Bar */
.announcement-bar {
    background-color: var(--color-maroon);
    /* overflow-x: auto; */
    height: var(--announcement-bar-height);
    width: 100vw;
    scrollbar-width: none;
    -ms-overflow-style: none;
    position: relative;
}

.announcement-bar::-webkit-scrollbar {
    display: none; /* Hides the scrollbar */
}

.announcement-bar .bar-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: max-content;
    margin: 0 auto;
    height: var(--announcement-bar-height);
    padding: 0 var(--spacing-container);
    transition: opacity var(--duration) var(--timing-function);
}

.announcement-bar .bar-inner p {
    color: var(--color-soft-ivory);
    font-size: var(--font-size-body-2);
}

.announcement-bar .announcement-marquee {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--duration) var(--timing-function);
}

.announcement-bar.show-marquee .announcement-marquee {
    opacity: 1;
    visibility: visible;
}

.announcement-bar.show-marquee > .bar-inner {
    opacity: 0;
    visibility: hidden;
}

.announcement-bar .announcement-marquee .bar-inner {
    height: var(--announcement-bar-height);
}

/* SECTION ====================*/
/* Sticky Media */
[data-section="sticky-media"] {
    --item-spacing: var(--spacing-4xl);
}

[data-section="sticky-media"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 27.7777777778vw;
    opacity: 0.3;
    background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
}

[data-section="sticky-media"] .sticky-bg {
    position: sticky;
    top: 0;
    width: 100%;
}

[data-section="sticky-media"] .sticky-bg *:is(img, video) {
    width: 100%;
    height: auto;
    min-height: 100lvh;
    position: static;
}

[data-section="sticky-media"] .sc-inner {
    margin-top: calc(var(--sticky-image-height) * -1);
    z-index: 5;
}

[data-section="sticky-media"] .sc-header {
    margin-bottom: var(--item-spacing);
}

[data-section="sticky-media"] .main-media-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--item-spacing);
    margin-bottom: calc(var(--item-spacing) * 2);
}

[data-section="sticky-media"] .main-media-column *:is(img, video) {
    width: auto;
    height: auto;
    position: static;
    max-height: 70rem;
    max-width: calc(100vw - var(--spacing-container) * 2);
}

[data-section="sticky-media"] .main-media-column *:is(img, video).portrait {
    max-height: 80rem;
}

.media-marquee *,
.media-marquee {
    height: 43.6rem;
}

.media-marquee .marquee {
    --gap: var(--spacing-3xs);
    gap: var(--gap);
    padding-left: calc(var(--gap) / 2);
    padding-right: calc(var(--gap) / 2);
}

.media-marquee .marquee .media *:is(img, video) {
    position: static;
    width: auto;
    height: 100%;
}

[data-section="sticky-media"] .button-wrapper {
    text-align: center;
    margin-top: var(--item-spacing);
}

/* Why Prayook */
[data-section="why-prayook"] .sc-header {
    margin-bottom: var(--spacing-lg);
}

[data-section="why-prayook"] .card-container {
    --column: 4;
    --gap-x: var(--spacing-3xs);
    margin-bottom: var(--spacing-2lg);
}

[data-section="why-prayook"] .swiper {
    overflow: visible;
}

[data-section="why-prayook"] .swiper-slide {
    height: auto;
}

[data-section="why-prayook"] .swiper-slide:nth-child(4n + 1) .card {
    background-color: var(--color-maroon);
    color: var(--color-soft-ivory);
}
[data-section="why-prayook"] .swiper-slide:nth-child(4n + 2) .card {
    background-color: var(--color-charcoal);
    color: var(--color-soft-ivory);
}
[data-section="why-prayook"] .swiper-slide:nth-child(4n + 3) .card {
    background-color: var(--color-warm-clay);
    color: var(--color-maroon);
}
[data-section="why-prayook"] .swiper-slide:nth-child(4n + 4) .card {
    background-color: var(--color-ruby);
    color: var(--color-soft-ivory);
}

[data-section="why-prayook"] .card {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2lg);
    justify-content: space-between;
    padding: var(--spacing-xl) var(--spacing-lg);
    height: 100%;
}

[data-section="why-prayook"] .card .card-content > p {
    line-clamp: 7;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

[data-section="why-prayook"] .card .card-author > *:nth-child(2) {
    color: var(--color-warm-clay);
    font-weight: var(--font-weight-regular);
    line-height: 1.2;
}

[data-section="why-prayook"] .swiper-slide:nth-child(4n + 3) .card .card-author > *:nth-child(2) {
    color: var(--color-charcoal);
}

[data-section="why-prayook"] .button-wrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-3xs);
}

/* Banner */
[data-section="banner"] {
    min-height: 52.8rem;
    color: var(--color-white);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

[data-section="banner"].media-overlay .media-bg:after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(var(--color-black-rgb), 0.3);
    z-index: 1;
}

[data-section="banner"] .media-bg {
    position: absolute;
    inset: 0;
}

[data-section="banner"] .media-bg .media-bg-inner {
    height: 100%;
}

[data-section="banner"] .sc-inner {
    z-index: 5;
}

[data-section="banner"] .sc-inner .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-md);
    max-width: calc(83.6rem + var(--spacing-container) * 2);
    text-wrap: balance;
    text-align: center;
}

[data-section="banner"] .sc-button {
    display: flex;
    flex-direction: row-reverse;
    gap: var(--spacing-3xs);
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: var(--spacing-5xs);
}

/* Product Example Slide */
[data-section="product-example-slide"] {
    height: 100vh;
    transition: background-color 0.5s ease, color 0.5s ease;
    background-color: var(--bg, transparent);
    color: var(--color, inherit);
}

[data-section="product-example-slide"] .sc-inner,
[data-section="product-example-slide"] .sc-inner .container {
    height: 100%;
}

[data-section="product-example-slide"] .sc-header .sc-ttl * {
    color: var(--color, inherit);
}

[data-section="product-example-slide"] .product-example-slider {
    --gap: var(--spacing-4xl);
    margin-left: calc(var(--gap) * -1 / 2);
    margin-right: calc(var(--gap) * -1 / 2);
}

[data-section="product-example-slide"] .swiper {
    overflow: visible;
}

[data-section="product-example-slide"] .product-example-slider .swiper-slide {
    width: auto !important;
    padding-left: calc(var(--gap) / 2);
    padding-right: calc(var(--gap) / 2);
}

.product-example-item .item-media *:is(img, video) {
    height: 58rem;
    height: 71.6049382716vh;
    width: auto;
    position: static;
    user-drag: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
}

.product-example-item .item-content {
    text-align: center;
    margin-top: var(--spacing-sm);
    opacity: 0;
    transition: opacity var(--duration) var(--timing-function);
}

.swiper-slide-active .product-example-item .item-content {
    opacity: 1;
    transition-delay: 0.6s;
}

/* Custom Cursor for Product Example Slide */
.example-slide-cursor {
    position: fixed;
    width: 4.8rem;
    aspect-ratio: 1;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><g style="mix-blend-mode:difference"><mask id="mask0_341_5897" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="48" height="48"><rect x="48" y="48" width="48" height="48" transform="rotate(-180 48 48)" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_341_5897)"><path d="M28.0002 5.79995L46.2002 24L28.0002 42.1999L26.5002 40.6999L43.2502 24L26.5002 7.29995L28.0002 5.79995Z" fill="white"/></g></g></svg>');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 9999;
    transform: translate(-50%, -50%);
    transition: transform 0.1s ease-out, opacity 0.1s ease-out;
    opacity: 0;
    visibility: hidden;
    mix-blend-mode: difference;
    will-change: transform, opacity;
}

.example-slide-cursor.active {
    opacity: 1;
    visibility: visible;
}

/* Left side cursor styling */
.example-slide-cursor.left {
    transform: translate(-50%, -50%) rotate(180deg);
}

/* Right side cursor styling */
.example-slide-cursor.right {
    transform: translate(-50%, -50%) rotate(0deg);
}

.product-example-slider [class*="swiper-button-"]::after {
    color: var(--color) !important;
}

/* ELEMENT ====================*/
/* Product Carousel */
.product-carousel.on-load .product-item-content {
    opacity: 0;
}
.product-carousel .card-container {
    --column: 3;
    --gap-x: var(--spacing-3xs);
}

.product-carousel .swiper {
    overflow: visible;
}

.product-carousel .product-item {
    height: 68.5rem;
    height: calc(100svh - var(--header-height) - var(--announcement-bar-height));
    position: relative;
}

.product-carousel.on-load .product-item::before {
    opacity: 0;
}

.product-item::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 22%;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, rgba(var(--color-black-rgb), 1), rgba(var(--color-black-rgb), 0));
    z-index: 5;
    transition: height var(--duration-x2) cubic-bezier(0.77, 0, 0.175, 1), opacity var(--duration-x2) ease-in-out;
}

html.no-touchevents .product-item:hover::before {
    height: 44%;
}

.product-item .product-item-media {
    height: 100%;
}

.product-item .product-item-content {
    --padding-top: 0px;
    --padding-bottom: var(--spacing-2sm);
    --padding-x: var(--spacing-lg);
    --title-height: 0px;
    --item-content-height: 0px;
    position: absolute;
    top: calc(100% - (var(--padding-top) + var(--padding-bottom) + var(--title-height)));
    left: 0;
    right: 0;
    padding: var(--padding-top) var(--padding-x) var(--padding-bottom);
    color: var(--color-white);
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 10;
    transition: top var(--duration-x2) cubic-bezier(0.77, 0, 0.175, 1), opacity var(--duration) var(--timing-function);
}

.product-item .product-item-content > * {
    z-index: 10;
}

.product-item .product-item-content .product-ttl {
    padding-bottom: var(--spacing-4xs);
    text-align: center;
    text-wrap: balance;
}

.product-item .product-item-content .product-ttl .word-animate {
    animation-delay: 0.5s;
}

.product-item .product-item-content .product-subttl {
    padding-bottom: var(--spacing-xs);
}

.product-item .product-item-content .product-subttl,
.product-item .product-item-content .product-button {
    opacity: 0;
    transition: opacity var(--duration-x2) cubic-bezier(0.77, 0, 0.175, 1);
}

html.no-touchevents .product-item:hover .product-item-content {
    top: calc(100% - var(--item-content-height));
}

html.no-touchevents .product-item:hover .product-item-content .product-subttl,
html.no-touchevents .product-item:hover .product-item-content .product-button,
html.no-touchevents .product-item:hover .media-hover,
html.no-touchevents .product-item:hover .media-hover .media.active,
.product-item:hover .media-hover .media:first-child {
    opacity: 1;
}

.product-item .media-hover {
    position: absolute;
    inset: 0;
    z-index: 1;
    opacity: 0;
    transition: opacity var(--duration-x2) cubic-bezier(0.77, 0, 0.175, 1);
    user-select: none;
    background-color: var(--color-soft-ivory);
}

.product-item .media-hover .media {
    height: 100%;
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity var(--duration) var(--timing-function);
    user-select: none;
}

/* Morph Logo */
#morph-logo {
    display: block;
    margin: 0 auto;
    width: fit-content;
    margin-top: var(--spacing-lg);
}

#morph-logo svg {
    width: 6rem;
    height: 2.8rem;
}

#morph-logo #logo-curve {
    visibility: hidden;
}

/* Info Column */
.info-column {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4xl);
}
.info-item {
    display: flex;
}

.info-item .info-item-media {
    min-height: 36.6666666667vw;
    flex-grow: 1;
    flex-shrink: 0;
    position: relative;
}
.info-item .info-item-media .info-item-media-inner {
    height: 100%;
}

.info-item .info-item-content {
    flex-shrink: 0;
    padding: 0 var(--spacing-4xl);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--spacing-md);
    width: 38.8888888889%;
}

.info-item .info-item-icon {
    width: 4rem;
    aspect-ratio: 1;
    margin-bottom: var(--spacing-5xs);
}

.info-item .info-item-content .info-item-ttl * {
    color: var(--color-maroon);
}

[class*="icon-"] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.icon-price {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="18" viewBox="0 0 13 18" fill="none"><path d="M4.0321 18V15.8108H0.5V14.8378H2.61926V3.16216H0.5V2.18919H4.0321V0H4.97399V2.18919H7.31959V0H8.26149V2.37618C9.15962 2.54301 9.85505 2.92591 10.3478 3.5249C10.8407 4.12389 11.0872 4.89486 11.0872 5.83784C11.0872 6.48811 10.9811 7.03459 10.769 7.4773C10.5569 7.9202 10.269 8.29753 9.90538 8.60929C10.7023 8.79801 11.3339 9.2323 11.8004 9.91216C12.2668 10.592 12.5 11.338 12.5 12.15C12.5 13.2278 12.2045 14.0921 11.6134 14.743C11.0226 15.3941 10.1996 15.75 9.14451 15.8108H8.26149V18H7.31959V15.8108H4.97399V18H4.0321ZM3.56115 8.51351H7.55507C8.3233 8.51351 8.94711 8.26216 9.42649 7.75946C9.90568 7.25676 10.1453 6.61743 10.1453 5.84149C10.1453 5.06574 9.90156 4.4252 9.41413 3.91986C8.92689 3.41473 8.30721 3.16216 7.55507 3.16216H3.56115V8.51351ZM3.56115 14.8378H8.96791C9.73614 14.8378 10.3599 14.5865 10.8393 14.0838C11.3185 13.5811 11.5581 12.9418 11.5581 12.1658C11.5581 11.3901 11.3144 10.7495 10.827 10.2442C10.3397 9.73905 9.72005 9.48649 8.96791 9.48649H3.56115V14.8378Z" fill="%23F4F5F1"/></svg>');
}
.icon-ruler {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none"><path d="M1.72823 13.1047C1.23334 13.1047 0.821584 12.9403 0.49295 12.6117C0.164317 12.2831 0 11.8713 0 11.3764V2.62358C0 2.1287 0.164317 1.71694 0.49295 1.38831C0.821584 1.05967 1.23334 0.895355 1.72823 0.895355H19.2718C19.7667 0.895355 20.1784 1.05967 20.507 1.38831C20.8357 1.71694 21 2.1287 21 2.62358V11.3764C21 11.8713 20.8357 12.2831 20.507 12.6117C20.1784 12.9403 19.7667 13.1047 19.2718 13.1047H1.72823ZM1.72823 12.1279H19.2718C19.4598 12.1279 19.632 12.0497 19.7885 11.8932C19.945 11.7367 20.0233 11.5645 20.0233 11.3764V2.62358C20.0233 2.43556 19.945 2.26331 19.7885 2.10682C19.632 1.95034 19.4598 1.8721 19.2718 1.8721H15.75V6.06081H14.7733V1.8721H10.9884V6.06081H10.0116V1.8721H6.22674V6.06081H5.25V1.8721H1.72823C1.5402 1.8721 1.36795 1.95034 1.21147 2.10682C1.05499 2.26331 0.976744 2.43556 0.976744 2.62358V11.3764C0.976744 11.5645 1.05499 11.7367 1.21147 11.8932C1.36795 12.0497 1.5402 12.1279 1.72823 12.1279Z" fill="%23F4F5F1"/></svg>');
}
.icon-fabric {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g clip-path="url(%23clip0_444_1791)"><path d="M13.4462 4.56911C13.657 4.48497 13.8408 4.39018 14.0183 4.2983C14.4801 4.05988 14.9163 3.83403 15.8057 3.83403C16.695 3.83403 17.1317 4.05939 17.5936 4.2983C18.1038 4.56186 18.6309 4.83461 19.6774 4.83461C19.8554 4.83461 20 4.6905 20 4.51205C20 4.3336 19.8559 4.18948 19.6774 4.18948C18.7881 4.18948 18.3514 3.96412 17.8895 3.72522C17.3793 3.46166 16.8522 3.1889 15.8057 3.1889C14.7591 3.1889 14.232 3.46166 13.7218 3.72522C13.5506 3.81372 13.3886 3.89739 13.2068 3.96993C13.0414 4.0357 12.9611 4.22334 13.0269 4.38873C13.0926 4.55412 13.2798 4.63488 13.4457 4.56863L13.4462 4.56911Z" fill="%23F4F5F1"/><path d="M5.34167 4.67793C5.37311 4.67793 5.40551 4.67309 5.43743 4.66342C5.76676 4.56138 6.02549 4.42742 6.276 4.29781C6.73784 4.05891 7.17406 3.83355 8.06341 3.83355C8.95276 3.83355 9.38897 4.05891 9.85081 4.29781C10.066 4.40904 10.2885 4.52414 10.5574 4.61941C10.7252 4.67889 10.9094 4.59088 10.9689 4.42307C11.0284 4.25525 10.9404 4.071 10.7726 4.01152C10.5453 3.93075 10.3518 3.83113 10.1468 3.72522C9.63658 3.46166 9.10945 3.1889 8.06341 3.1889C7.01737 3.1889 6.48975 3.46166 5.98003 3.72522C5.74403 3.84709 5.52158 3.96219 5.2464 4.04779C5.07617 4.1005 4.98139 4.28137 5.0341 4.45111C5.07714 4.58943 5.20433 4.67793 5.34167 4.67793Z" fill="%23F4F5F1"/><path d="M0.322565 3.83401C1.21192 3.83401 1.64813 4.05937 2.10997 4.29827C2.23571 4.36307 2.36145 4.42788 2.49492 4.48881C2.53845 4.50864 2.58391 4.51783 2.6284 4.51783C2.75075 4.51783 2.86778 4.4477 2.92195 4.32922C2.99594 4.16721 2.92436 3.97619 2.76236 3.9022C2.63855 3.84561 2.52249 3.78565 2.40594 3.72568C1.89622 3.46212 1.3686 3.18936 0.322565 3.18936C0.144598 3.18936 0 3.33348 0 3.51193C0 3.69038 0.144115 3.83449 0.322565 3.83449V3.83401Z" fill="%23F4F5F1"/><path d="M17.594 8.29045C18.1043 8.55402 18.6314 8.82677 19.6774 8.82677C19.8554 8.82677 20 8.68266 20 8.50421C20 8.32576 19.8559 8.18164 19.6774 8.18164C18.7881 8.18164 18.3519 7.95628 17.89 7.71738C17.7507 7.64532 17.6061 7.57085 17.4485 7.50121C17.2855 7.42964 17.0955 7.50363 17.0234 7.6666C16.9518 7.82958 17.0258 8.01964 17.1888 8.09169C17.3281 8.15263 17.4567 8.21936 17.5936 8.28997L17.594 8.29045Z" fill="%23F4F5F1"/><path d="M14.7519 7.96788C14.9221 7.91516 15.0169 7.7343 14.9642 7.56455C14.9115 7.39432 14.7306 7.29953 14.5609 7.35225C14.2311 7.45429 13.9723 7.58825 13.7218 7.71785C13.26 7.95675 12.8238 8.18211 11.9344 8.18211C11.0451 8.18211 10.6089 7.95675 10.147 7.71785C9.93229 7.60711 9.71031 7.49201 9.44191 7.39674C9.27362 7.33725 9.08985 7.42479 9.03036 7.5926C8.97088 7.76041 9.05841 7.94466 9.22622 8.00415C9.45303 8.08443 9.64599 8.18453 9.85056 8.28996C10.3608 8.55352 10.8879 8.82628 11.9339 8.82628C12.98 8.82628 13.5076 8.55352 14.0178 8.28996C14.2538 8.16809 14.4762 8.05299 14.7519 7.96739V7.96788Z" fill="%23F4F5F1"/><path d="M0.323049 7.82619C1.2124 7.82619 1.64861 8.05155 2.11046 8.29045C2.62018 8.55402 3.14779 8.82677 4.19383 8.82677C5.23987 8.82677 5.76748 8.55402 6.2772 8.29045C6.44888 8.20147 6.61138 8.1178 6.79321 8.04526C6.9586 7.97949 7.03937 7.79185 6.97311 7.62646C6.90734 7.46107 6.7197 7.38031 6.55431 7.44608C6.34297 7.53022 6.1592 7.62549 5.98075 7.71738C5.51891 7.95628 5.0827 8.18164 4.19335 8.18164C3.304 8.18164 2.86778 7.95628 2.40594 7.71738C1.89622 7.45381 1.3686 7.18106 0.322565 7.18106C0.144598 7.18106 0 7.32518 0 7.50363C0 7.68208 0.144115 7.82619 0.322565 7.82619H0.323049Z" fill="%23F4F5F1"/><path d="M19.6774 12.819C19.8554 12.819 20 12.6744 20 12.4964C20 12.3184 19.8559 12.1738 19.6774 12.1738C18.7881 12.1738 18.3514 11.9485 17.8895 11.7096C17.3793 11.446 16.8522 11.1732 15.8057 11.1732C14.7591 11.1732 14.232 11.446 13.7218 11.7096C13.5506 11.7981 13.3886 11.8817 13.2068 11.9543C13.0414 12.02 12.9611 12.2077 13.0269 12.3731C13.0926 12.5385 13.2798 12.6192 13.4457 12.553C13.6565 12.4688 13.8398 12.374 14.0178 12.2822C14.4796 12.0433 14.9158 11.8179 15.8057 11.8179C16.6955 11.8179 17.1317 12.0433 17.5936 12.2822C18.1038 12.5457 18.6309 12.8185 19.6774 12.8185V12.819Z" fill="%23F4F5F1"/><path d="M5.2464 12.0321C5.07617 12.0848 4.98139 12.2657 5.0341 12.4355C5.07714 12.5738 5.20433 12.6623 5.34167 12.6623C5.37311 12.6623 5.40551 12.6574 5.43743 12.6478C5.76676 12.5457 6.02549 12.4118 6.276 12.2822C6.73784 12.0433 7.17406 11.8179 8.06341 11.8179C8.95276 11.8179 9.38897 12.0433 9.85081 12.2822C10.066 12.3934 10.2885 12.5085 10.5574 12.6038C10.7252 12.6632 10.9099 12.5752 10.9689 12.4074C11.0284 12.2396 10.9404 12.0553 10.7726 11.9959C10.5453 11.9156 10.3518 11.8155 10.1468 11.7096C9.63706 11.446 9.10945 11.1732 8.06341 11.1732C7.01737 11.1732 6.48975 11.446 5.98003 11.7096C5.74403 11.8314 5.52158 11.9465 5.2464 12.0321Z" fill="%23F4F5F1"/><path d="M0.322565 11.8184C1.21192 11.8184 1.64813 12.0437 2.10997 12.2826C2.23571 12.3474 2.36145 12.4122 2.49492 12.4732C2.53845 12.493 2.58391 12.5022 2.6284 12.5022C2.75075 12.5022 2.86778 12.4321 2.92195 12.3136C2.99594 12.1516 2.92436 11.9606 2.76236 11.8866C2.63855 11.83 2.52249 11.77 2.40594 11.7096C1.89573 11.446 1.3686 11.1732 0.322565 11.1732C0.144598 11.1732 0 11.3174 0 11.4958C0 11.6743 0.144115 11.8184 0.322565 11.8184Z" fill="%23F4F5F1"/><path d="M17.1883 16.0765C17.3271 16.1374 17.4562 16.2042 17.5926 16.2748C18.1028 16.5383 18.6299 16.8111 19.6765 16.8111C19.8544 16.8111 19.999 16.667 19.999 16.4885C19.999 16.3101 19.8549 16.166 19.6765 16.166C18.7871 16.166 18.3509 15.9406 17.889 15.7017C17.7498 15.6296 17.6057 15.5552 17.4485 15.486C17.2855 15.4149 17.0955 15.4884 17.0234 15.6514C16.9518 15.8144 17.0258 16.0044 17.1888 16.0765H17.1883Z" fill="%23F4F5F1"/><path d="M14.7519 15.9522C14.9221 15.8995 15.0169 15.7186 14.9642 15.5489C14.9115 15.3787 14.7306 15.2839 14.5609 15.3366C14.2311 15.4386 13.9723 15.5726 13.7218 15.7022C13.26 15.9411 12.8238 16.1665 11.9344 16.1665C11.0451 16.1665 10.6089 15.9411 10.147 15.7022C9.93229 15.5915 9.71031 15.4764 9.44191 15.3811C9.27362 15.3216 9.08985 15.4091 9.03036 15.5769C8.97088 15.7448 9.05841 15.929 9.22622 15.9885C9.45303 16.0688 9.64599 16.1689 9.85056 16.2743C10.3608 16.5379 10.8879 16.8106 11.9339 16.8106C12.98 16.8106 13.5076 16.5379 14.0178 16.2743C14.2538 16.1524 14.4762 16.0373 14.7519 15.9517V15.9522Z" fill="%23F4F5F1"/><path d="M0.323049 15.8105C1.2124 15.8105 1.64861 16.0359 2.11046 16.2748C2.62018 16.5383 3.14779 16.8111 4.19383 16.8111C5.23987 16.8111 5.76748 16.5383 6.2772 16.2748C6.44888 16.1858 6.61089 16.1021 6.79273 16.0296C6.95812 15.9638 7.03888 15.7762 6.97263 15.6108C6.90686 15.4454 6.71922 15.3646 6.55382 15.4309C6.34249 15.515 6.15872 15.6103 5.98075 15.7022C5.51891 15.9411 5.0827 16.1664 4.19335 16.1664C3.30399 16.1664 2.86778 15.9411 2.40594 15.7022C1.89622 15.4386 1.3686 15.1659 0.322565 15.1659C0.144598 15.1659 0 15.3105 0 15.4884C0 15.6664 0.144115 15.811 0.322565 15.811L0.323049 15.8105Z" fill="%23F4F5F1"/><path d="M4.01202 7.4896C4.18998 7.4896 4.33458 7.34549 4.33458 7.16704V0.322565C4.33458 0.144598 4.18998 0 4.01202 0C3.83405 0 3.68945 0.144598 3.68945 0.322565V7.16704C3.68945 7.34501 3.83405 7.4896 4.01202 7.4896Z" fill="%23F4F5F1"/><path d="M3.68945 9.88537V15.1267C3.68945 15.3047 3.83405 15.4493 4.01202 15.4493C4.18998 15.4493 4.33458 15.3051 4.33458 15.1267V9.88537C4.33458 9.7074 4.18998 9.56281 4.01202 9.56281C3.83405 9.56281 3.68945 9.7074 3.68945 9.88537Z" fill="%23F4F5F1"/><path d="M4.33458 19.6774V17.845C4.33458 17.6671 4.18999 17.5225 4.01202 17.5225C3.83405 17.5225 3.68945 17.6671 3.68945 17.845V19.6774C3.68945 19.8554 3.83405 20 4.01202 20C4.18999 20 4.33458 19.8559 4.33458 19.6774Z" fill="%23F4F5F1"/><path d="M8.00421 2.46542C8.18217 2.46542 8.32677 2.32082 8.32677 2.14286V0.322565C8.32677 0.144598 8.18266 0 8.00421 0C7.82576 0 7.68164 0.144598 7.68164 0.322565V2.14334C7.68164 2.32131 7.82576 2.46591 8.00421 2.46591V2.46542Z" fill="%23F4F5F1"/><path d="M8.32677 10.1683V5.014C8.32677 4.83603 8.18266 4.69144 8.00421 4.69144C7.82576 4.69144 7.68164 4.83555 7.68164 5.014V10.1683C7.68164 10.3462 7.82576 10.4908 8.00421 10.4908C8.18266 10.4908 8.32677 10.3467 8.32677 10.1683Z" fill="%23F4F5F1"/><path d="M8.00421 20C8.18217 20 8.32677 19.8559 8.32677 19.6775V12.9955C8.32677 12.8175 8.18266 12.6729 8.00421 12.6729C7.82576 12.6729 7.68164 12.817 7.68164 12.9955V19.6775C7.68164 19.8554 7.82576 20 8.00421 20Z" fill="%23F4F5F1"/><path d="M11.9964 7.4896C12.1744 7.4896 12.319 7.34549 12.319 7.16704V0.322565C12.319 0.144598 12.1744 0 11.9964 0C11.8184 0 11.6738 0.144598 11.6738 0.322565V7.16704C11.6738 7.34501 11.8184 7.4896 11.9964 7.4896Z" fill="%23F4F5F1"/><path d="M11.9964 9.56332C11.8184 9.56332 11.6738 9.70792 11.6738 9.88589V15.1272C11.6738 15.3052 11.8184 15.4498 11.9964 15.4498C12.1744 15.4498 12.319 15.3057 12.319 15.1272V9.88589C12.319 9.70792 12.1744 9.56332 11.9964 9.56332Z" fill="%23F4F5F1"/><path d="M11.6738 17.8455V19.6779C11.6738 19.8559 11.8184 20.0005 11.9964 20.0005C12.1744 20.0005 12.319 19.8564 12.319 19.6779V17.8455C12.319 17.6676 12.1744 17.523 11.9964 17.523C11.8184 17.523 11.6738 17.6676 11.6738 17.8455Z" fill="%23F4F5F1"/><path d="M15.9886 2.46542C16.1665 2.46542 16.3111 2.32082 16.3111 2.14286V0.322565C16.3111 0.144598 16.1665 0 15.9886 0C15.8106 0 15.666 0.144598 15.666 0.322565V2.14334C15.666 2.32131 15.8106 2.46591 15.9886 2.46591V2.46542Z" fill="%23F4F5F1"/><path d="M16.3111 10.1683V5.014C16.3111 4.83603 16.1665 4.69144 15.9886 4.69144C15.8106 4.69144 15.666 4.83555 15.666 5.014V10.1683C15.666 10.3462 15.8106 10.4908 15.9886 10.4908C16.1665 10.4908 16.3111 10.3467 16.3111 10.1683Z" fill="%23F4F5F1"/><path d="M15.666 12.9955V19.6775C15.666 19.8554 15.8106 20 15.9886 20C16.1665 20 16.3111 19.8559 16.3111 19.6775V12.9955C16.3111 12.8175 16.1665 12.6729 15.9886 12.6729C15.8106 12.6729 15.666 12.817 15.666 12.9955Z" fill="%23F4F5F1"/></g><defs><clipPath id="clip0_444_1791"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>');
}
.icon-box-advice {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><mask id="mask0_444_315" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="48" height="48"><rect width="48" height="48" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_444_315)"><path d="M14.4 26.8C14.8 26.8 15.1333 26.6666 15.4 26.4C15.6666 26.1333 15.8 25.8083 15.8 25.425C15.8 25.0416 15.6666 24.7083 15.4 24.425C15.1333 24.1416 14.8083 24 14.425 24C14.0416 24 13.7083 24.1416 13.425 24.425C13.1416 24.7083 13 25.0333 13 25.4C13 25.8 13.1416 26.1333 13.425 26.4C13.7083 26.6666 14.0333 26.8 14.4 26.8ZM14.4 21.4C14.8 21.4 15.1333 21.2666 15.4 21C15.6666 20.7333 15.8 20.4083 15.8 20.025C15.8 19.6416 15.6666 19.3083 15.4 19.025C15.1333 18.7416 14.8083 18.6 14.425 18.6C14.0416 18.6 13.7083 18.7416 13.425 19.025C13.1416 19.3083 13 19.6333 13 20C13 20.4 13.1416 20.7333 13.425 21C13.7083 21.2666 14.0333 21.4 14.4 21.4ZM14.4 16C14.8 16 15.1333 15.8666 15.4 15.6C15.6666 15.3333 15.8 15.0083 15.8 14.625C15.8 14.2416 15.6666 13.9083 15.4 13.625C15.1333 13.3416 14.8083 13.2 14.425 13.2C14.0416 13.2 13.7083 13.3416 13.425 13.625C13.1416 13.9083 13 14.2333 13 14.6C13 15 13.1416 15.3333 13.425 15.6C13.7083 15.8666 14.0333 16 14.4 16ZM20.6 25.95H28.7V24.85H20.6V25.95ZM20.6 20.55H34.7V19.45H20.6V20.55ZM20.6 15.15H34.7V14.05H20.6V15.15ZM6.59998 39V9.29998C6.59998 8.54064 6.86014 7.90081 7.38048 7.38047C7.90114 6.86014 8.54098 6.59998 9.29998 6.59998H38.7C39.4593 6.59998 40.0991 6.86014 40.6195 7.38047C41.1398 7.90081 41.4 8.54064 41.4 9.29998V30.7C41.4 31.459 41.1398 32.0988 40.6195 32.6195C40.0991 33.1398 39.4593 33.4 38.7 33.4H12.2L6.59998 39ZM11.7 32.3H38.7C39.1 32.3 39.4666 32.1333 39.8 31.8C40.1333 31.4666 40.3 31.1 40.3 30.7V9.29998C40.3 8.89998 40.1333 8.53331 39.8 8.19998C39.4666 7.86664 39.1 7.69998 38.7 7.69998H9.29998C8.89998 7.69998 8.53331 7.86664 8.19998 8.19998C7.86664 8.53331 7.69998 8.89998 7.69998 9.29998V36.4L11.7 32.3Z" fill="%2348000C"/></g></svg>');
}
.icon-advice {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="33" viewBox="0 0 36 33" fill="none"><path d="M8.39998 20.8C8.79998 20.8 9.13331 20.6666 9.39998 20.4C9.66664 20.1333 9.79998 19.8083 9.79998 19.425C9.79998 19.0416 9.66664 18.7083 9.39998 18.425C9.13331 18.1416 8.80831 18 8.42498 18C8.04164 18 7.70831 18.1416 7.42498 18.425C7.14164 18.7083 6.99998 19.0333 6.99998 19.4C6.99998 19.8 7.14164 20.1333 7.42498 20.4C7.70831 20.6666 8.03331 20.8 8.39998 20.8ZM8.39998 15.4C8.79998 15.4 9.13331 15.2666 9.39998 15C9.66664 14.7333 9.79998 14.4083 9.79998 14.025C9.79998 13.6416 9.66664 13.3083 9.39998 13.025C9.13331 12.7416 8.80831 12.6 8.42498 12.6C8.04164 12.6 7.70831 12.7416 7.42498 13.025C7.14164 13.3083 6.99998 13.6333 6.99998 14C6.99998 14.4 7.14164 14.7333 7.42498 15C7.70831 15.2666 8.03331 15.4 8.39998 15.4ZM8.39998 9.99998C8.79998 9.99998 9.13331 9.86664 9.39998 9.59998C9.66664 9.33331 9.79998 9.00831 9.79998 8.62498C9.79998 8.24164 9.66664 7.90831 9.39998 7.62498C9.13331 7.34164 8.80831 7.19998 8.42498 7.19998C8.04164 7.19998 7.70831 7.34164 7.42498 7.62498C7.14164 7.90831 6.99998 8.23331 6.99998 8.59998C6.99998 8.99998 7.14164 9.33331 7.42498 9.59998C7.70831 9.86664 8.03331 9.99998 8.39998 9.99998ZM14.6 19.95H22.7V18.85H14.6V19.95ZM14.6 14.55H28.7V13.45H14.6V14.55ZM14.6 9.14998H28.7V8.04998H14.6V9.14998ZM0.599976 33V3.29998C0.599976 2.54064 0.860142 1.90081 1.38048 1.38047C1.90114 0.860142 2.54098 0.599976 3.29998 0.599976H32.7C33.4593 0.599976 34.0991 0.860142 34.6195 1.38047C35.1398 1.90081 35.4 2.54064 35.4 3.29998V24.7C35.4 25.459 35.1398 26.0988 34.6195 26.6195C34.0991 27.1398 33.4593 27.4 32.7 27.4H6.19998L0.599976 33ZM5.69998 26.3H32.7C33.1 26.3 33.4666 26.1333 33.8 25.8C34.1333 25.4666 34.3 25.1 34.3 24.7V3.29998C34.3 2.89998 34.1333 2.53331 33.8 2.19998C33.4666 1.86664 33.1 1.69998 32.7 1.69998H3.29998C2.89998 1.69998 2.53331 1.86664 2.19998 2.19998C1.86664 2.53331 1.69998 2.89998 1.69998 3.29998V30.4L5.69998 26.3Z" fill="%2348000C"/></svg>');
}
.icon-box-shirt {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><mask id="mask0_444_185" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="48" height="48"><rect width="48" height="48" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_444_185)"><path d="M14.75 16.85L10.35 19.3C10.0167 19.5 9.67167 19.5606 9.315 19.482C8.95833 19.403 8.70333 19.1756 8.55 18.8L6.7 15.65C6.5 15.2833 6.45 14.95 6.55 14.65C6.65 14.35 6.86767 14.101 7.203 13.903L16.05 8.59998H18.05C18.4867 8.59998 18.8292 8.71947 19.0775 8.95847C19.3258 9.19781 19.45 9.52831 19.45 9.94998V10.1C19.45 11.3666 19.8917 12.4416 20.775 13.325C21.6583 14.2083 22.7333 14.65 24 14.65C25.2667 14.65 26.35 14.2083 27.25 13.325C28.15 12.4416 28.6 11.3666 28.6 10.1V9.94998C28.6 9.52831 28.7195 9.19781 28.9585 8.95847C29.1978 8.71947 29.5283 8.59998 29.95 8.59998H31.95L40.8445 13.903C41.1815 14.101 41.3917 14.35 41.475 14.65C41.5583 14.95 41.5 15.2833 41.3 15.65L39.4365 18.782C39.2788 19.1606 39.0083 19.4 38.625 19.5C38.2417 19.6 37.9 19.55 37.6 19.35L33.2 16.8V38C33.2 38.4 33.0667 38.7333 32.8 39C32.5333 39.2666 32.2055 39.4 31.8165 39.4H16.1335C15.7445 39.4 15.4167 39.2666 15.15 39C14.8833 38.7333 14.75 38.4 14.75 38V16.85ZM15.85 14.95V38.3H32.1V14.95L38.4 18.45L40.45 14.9L31.7 9.69998H29.75C29.85 11.3666 29.3333 12.7916 28.2 13.975C27.0667 15.1583 25.6667 15.75 24 15.75C22.3333 15.75 20.9417 15.1583 19.825 13.975C18.7083 12.7916 18.1833 11.3666 18.25 9.69998H16.35L7.55 14.9L9.6 18.45L15.85 14.95Z" fill="%2348000C"/></g></svg>');
}
.icon-shirt {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="32" viewBox="0 0 36 32" fill="none"><path d="M8.75 8.84997L4.35 11.3C4.01667 11.5 3.67167 11.5606 3.315 11.482C2.95833 11.403 2.70333 11.1756 2.55 10.8L0.7 7.64998C0.5 7.28331 0.45 6.94998 0.55 6.64998C0.65 6.34998 0.867667 6.10098 1.203 5.90298L10.05 0.599976H12.05C12.4867 0.599976 12.8292 0.719475 13.0775 0.958475C13.3258 1.19781 13.45 1.52831 13.45 1.94998V2.09998C13.45 3.36664 13.8917 4.44164 14.775 5.32498C15.6583 6.20831 16.7333 6.64998 18 6.64998C19.2667 6.64998 20.35 6.20831 21.25 5.32498C22.15 4.44164 22.6 3.36664 22.6 2.09998V1.94998C22.6 1.52831 22.7195 1.19781 22.9585 0.958475C23.1978 0.719475 23.5283 0.599976 23.95 0.599976H25.95L34.8445 5.90298C35.1815 6.10098 35.3917 6.34998 35.475 6.64998C35.5583 6.94998 35.5 7.28331 35.3 7.64998L33.4365 10.782C33.2788 11.1606 33.0083 11.4 32.625 11.5C32.2417 11.6 31.9 11.55 31.6 11.35L27.2 8.79997V30C27.2 30.4 27.0667 30.7333 26.8 31C26.5333 31.2666 26.2055 31.4 25.8165 31.4H10.1335C9.7445 31.4 9.41667 31.2666 9.15 31C8.88333 30.7333 8.75 30.4 8.75 30V8.84997ZM9.85 6.94998V30.3H26.1V6.94998L32.4 10.45L34.45 6.89998L25.7 1.69998H23.75C23.85 3.36664 23.3333 4.79164 22.2 5.97498C21.0667 7.15831 19.6667 7.74998 18 7.74998C16.3333 7.74998 14.9417 7.15831 13.825 5.97498C12.7083 4.79164 12.1833 3.36664 12.25 1.69998H10.35L1.55 6.89998L3.6 10.45L9.85 6.94998Z" fill="%2348000C"/></svg>');
}
.icon-box-sewing {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><mask id="mask0_444_1721" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="48" height="48"><rect width="48" height="48" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_444_1721)"><path d="M38.8498 36.65H37.7998C37.9332 36.9833 37.8832 37.2833 37.6498 37.55C37.4165 37.8166 37.1498 37.9666 36.8498 38L12.4498 41.05C11.6832 41.15 11.0077 40.971 10.4233 40.513C9.83933 40.0553 9.49816 39.4676 9.39983 38.75L6.84983 19.1C6.74983 18.3666 6.94266 17.684 7.42833 17.052C7.914 16.4196 8.52116 16.0856 9.24983 16.05L11.3498 15.9V17.062L9.44983 17.15C9.0165 17.1833 8.6665 17.375 8.39983 17.725C8.13316 18.075 8.0165 18.4833 8.04983 18.95L10.4998 38.55C10.5665 39.0166 10.7748 39.3833 11.1248 39.65C11.4748 39.9166 11.8665 40.0166 12.2998 39.95L38.8498 36.65ZM17.7498 32.95C16.9832 32.95 16.3415 32.6916 15.8248 32.175C15.3082 31.6583 15.0498 31.0166 15.0498 30.25V9.29998C15.0498 8.53331 15.3082 7.89164 15.8248 7.37498C16.3415 6.85831 16.9832 6.59998 17.7498 6.59998H38.6998C39.4665 6.59998 40.1082 6.85831 40.6248 7.37498C41.1415 7.89164 41.3998 8.53331 41.3998 9.29998V30.25C41.3998 31.0166 41.1415 31.6583 40.6248 32.175C40.1082 32.6916 39.4665 32.95 38.6998 32.95H17.7498ZM17.7498 31.85H38.6998C39.1665 31.85 39.5498 31.6916 39.8498 31.375C40.1498 31.0583 40.2998 30.6833 40.2998 30.25V9.29998C40.2998 8.83331 40.1498 8.44998 39.8498 8.14998C39.5498 7.84998 39.1665 7.69998 38.6998 7.69998H17.7498C17.3165 7.69998 16.9415 7.84998 16.6248 8.14998C16.3082 8.44998 16.1498 8.83331 16.1498 9.29998V30.25C16.1498 30.6833 16.3082 31.0583 16.6248 31.375C16.9415 31.6916 17.3165 31.85 17.7498 31.85ZM27.8498 28.75C30.1832 28.7166 32.1998 27.8916 33.8998 26.275C35.5998 24.6583 36.5332 22.6833 36.6998 20.35C34.3665 20.35 32.3248 21.1666 30.5748 22.8C28.8248 24.4333 27.9165 26.4166 27.8498 28.75ZM27.8498 28.75C27.7498 26.4166 26.8248 24.4333 25.0748 22.8C23.3248 21.1666 21.2832 20.35 18.9498 20.35C19.1165 22.6833 20.0582 24.6583 21.7748 26.275C23.4915 27.8916 25.5165 28.7166 27.8498 28.75ZM27.8498 22.55C28.4498 22.55 28.9498 22.3416 29.3498 21.925C29.7498 21.5083 29.9498 21 29.9498 20.4V19.9L30.4498 20.1C31.0498 20.3333 31.6082 20.3916 32.1248 20.275C32.6415 20.1583 33.0332 19.8666 33.2998 19.4C33.5998 18.9 33.7082 18.35 33.6248 17.75C33.5415 17.15 33.1832 16.7186 32.5498 16.456L32.0498 16.2595L32.5498 16.063C33.1832 15.7673 33.5415 15.3245 33.6248 14.7345C33.7082 14.1448 33.5998 13.6 33.2998 13.1C33.0332 12.6333 32.6498 12.3416 32.1498 12.225C31.6498 12.1083 31.0832 12.1666 30.4498 12.4L29.9498 12.6V12.1C29.9498 11.5 29.7498 11 29.3498 10.6C28.9498 10.2 28.4498 9.99998 27.8498 9.99998C27.2498 9.99998 26.7415 10.2 26.3248 10.6C25.9082 11 25.6998 11.5 25.6998 12.1V12.6L25.1998 12.4C24.5665 12.1666 23.9998 12.1083 23.4998 12.225C22.9998 12.3416 22.6165 12.6333 22.3498 13.1C22.0165 13.6 21.8998 14.1448 21.9998 14.7345C22.0998 15.3245 22.4665 15.7673 23.0998 16.063L23.5998 16.2595L23.0998 16.456C22.4665 16.7186 22.1082 17.1583 22.0248 17.775C21.9415 18.3916 22.0498 18.9333 22.3498 19.4C22.6165 19.9 23.0082 20.2 23.5248 20.3C24.0415 20.4 24.5998 20.3333 25.1998 20.1L25.6998 19.9V20.4C25.6998 21 25.9082 21.5083 26.3248 21.925C26.7415 22.3416 27.2498 22.55 27.8498 22.55ZM27.8488 18.35C27.2495 18.35 26.7498 18.1496 26.3498 17.749C25.9498 17.3483 25.7498 16.8483 25.7498 16.249C25.7498 15.6496 25.9502 15.15 26.3508 14.75C26.7515 14.35 27.2515 14.15 27.8508 14.15C28.4168 14.15 28.9082 14.3503 29.3248 14.751C29.7415 15.1516 29.9498 15.6516 29.9498 16.251C29.9498 16.8503 29.7412 17.35 29.3238 17.75C28.9065 18.15 28.4148 18.35 27.8488 18.35Z" fill="%2348000C"/></g></svg>');
}
.icon-sewing {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none"><path d="M32.8498 30.65H31.7998C31.9332 30.9833 31.8832 31.2833 31.6498 31.55C31.4165 31.8166 31.1498 31.9666 30.8498 32L6.44983 35.05C5.68316 35.15 5.00766 34.971 4.42333 34.513C3.83933 34.0553 3.49816 33.4676 3.39983 32.75L0.849831 13.1C0.749831 12.3666 0.942664 11.684 1.42833 11.052C1.914 10.4196 2.52116 10.0856 3.24983 10.05L5.34983 9.89998V11.062L3.44983 11.15C3.0165 11.1833 2.6665 11.375 2.39983 11.725C2.13316 12.075 2.0165 12.4833 2.04983 12.95L4.49983 32.55C4.5665 33.0166 4.77483 33.3833 5.12483 33.65C5.47483 33.9166 5.8665 34.0166 6.29983 33.95L32.8498 30.65ZM11.7498 26.95C10.9832 26.95 10.3415 26.6916 9.82483 26.175C9.30816 25.6583 9.04983 25.0166 9.04983 24.25V3.29998C9.04983 2.53331 9.30816 1.89164 9.82483 1.37498C10.3415 0.858309 10.9832 0.599976 11.7498 0.599976H32.6998C33.4665 0.599976 34.1082 0.858309 34.6248 1.37498C35.1415 1.89164 35.3998 2.53331 35.3998 3.29998V24.25C35.3998 25.0166 35.1415 25.6583 34.6248 26.175C34.1082 26.6916 33.4665 26.95 32.6998 26.95H11.7498ZM11.7498 25.85H32.6998C33.1665 25.85 33.5498 25.6916 33.8498 25.375C34.1498 25.0583 34.2998 24.6833 34.2998 24.25V3.29998C34.2998 2.83331 34.1498 2.44998 33.8498 2.14998C33.5498 1.84998 33.1665 1.69998 32.6998 1.69998H11.7498C11.3165 1.69998 10.9415 1.84998 10.6248 2.14998C10.3082 2.44998 10.1498 2.83331 10.1498 3.29998V24.25C10.1498 24.6833 10.3082 25.0583 10.6248 25.375C10.9415 25.6916 11.3165 25.85 11.7498 25.85ZM21.8498 22.75C24.1832 22.7166 26.1998 21.8916 27.8998 20.275C29.5998 18.6583 30.5332 16.6833 30.6998 14.35C28.3665 14.35 26.3248 15.1666 24.5748 16.8C22.8248 18.4333 21.9165 20.4166 21.8498 22.75ZM21.8498 22.75C21.7498 20.4166 20.8248 18.4333 19.0748 16.8C17.3248 15.1666 15.2832 14.35 12.9498 14.35C13.1165 16.6833 14.0582 18.6583 15.7748 20.275C17.4915 21.8916 19.5165 22.7166 21.8498 22.75ZM21.8498 16.55C22.4498 16.55 22.9498 16.3416 23.3498 15.925C23.7498 15.5083 23.9498 15 23.9498 14.4V13.9L24.4498 14.1C25.0498 14.3333 25.6082 14.3916 26.1248 14.275C26.6415 14.1583 27.0332 13.8666 27.2998 13.4C27.5998 12.9 27.7082 12.35 27.6248 11.75C27.5415 11.15 27.1832 10.7186 26.5498 10.456L26.0498 10.2595L26.5498 10.063C27.1832 9.76731 27.5415 9.32448 27.6248 8.73448C27.7082 8.14481 27.5998 7.59998 27.2998 7.09998C27.0332 6.63331 26.6498 6.34164 26.1498 6.22498C25.6498 6.10831 25.0832 6.16664 24.4498 6.39998L23.9498 6.59998V6.09998C23.9498 5.49998 23.7498 4.99998 23.3498 4.59998C22.9498 4.19998 22.4498 3.99998 21.8498 3.99998C21.2498 3.99998 20.7415 4.19998 20.3248 4.59998C19.9082 4.99998 19.6998 5.49998 19.6998 6.09998V6.59998L19.1998 6.39998C18.5665 6.16664 17.9998 6.10831 17.4998 6.22498C16.9998 6.34164 16.6165 6.63331 16.3498 7.09998C16.0165 7.59998 15.8998 8.14481 15.9998 8.73448C16.0998 9.32448 16.4665 9.76731 17.0998 10.063L17.5998 10.2595L17.0998 10.456C16.4665 10.7186 16.1082 11.1583 16.0248 11.775C15.9415 12.3916 16.0498 12.9333 16.3498 13.4C16.6165 13.9 17.0082 14.2 17.5248 14.3C18.0415 14.4 18.5998 14.3333 19.1998 14.1L19.6998 13.9V14.4C19.6998 15 19.9082 15.5083 20.3248 15.925C20.7415 16.3416 21.2498 16.55 21.8498 16.55ZM21.8488 12.35C21.2495 12.35 20.7498 12.1496 20.3498 11.749C19.9498 11.3483 19.7498 10.8483 19.7498 10.249C19.7498 9.64964 19.9502 9.14998 20.3508 8.74998C20.7515 8.34998 21.2515 8.14998 21.8508 8.14998C22.4168 8.14998 22.9082 8.35031 23.3248 8.75098C23.7415 9.15164 23.9498 9.65164 23.9498 10.251C23.9498 10.8503 23.7412 11.35 23.3238 11.75C22.9065 12.15 22.4148 12.35 21.8488 12.35Z" fill="%2348000C"/></svg>');
}
.icon-box-fabric-straight {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><mask id="mask0_444_1609" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="48" height="48"><rect width="48" height="48" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_444_1609)"><path d="M14.1499 40.1V33.85H7.8999V32.75H14.1499V24.55H7.8999V23.45H14.1499V15.2H7.8999V14.1H14.1499V7.90002H15.2499V14.1H23.4499V7.90002H24.5499V14.1H32.7999V7.90002H33.8999V14.1H40.0999V15.2H33.8999V23.45H40.0999V24.55H33.8999V32.75H40.0999V33.85H33.8999V40.1H32.7999V33.85H24.5499V40.1H23.4499V33.85H15.2499V40.1H14.1499ZM15.2499 32.75H23.4499V24.55H15.2499V32.75ZM24.5499 32.75H32.7999V24.55H24.5499V32.75ZM15.2499 23.45H23.4499V15.2H15.2499V23.45ZM24.5499 23.45H32.7999V15.2H24.5499V23.45Z" fill="%2348000C"/></g></svg>');
}
.icon-fabric-straight {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34" fill="none"><path d="M7.1499 33.1V26.85H0.899902V25.75H7.1499V17.55H0.899902V16.45H7.1499V8.20002H0.899902V7.10002H7.1499V0.900024H8.2499V7.10002H16.4499V0.900024H17.5499V7.10002H25.7999V0.900024H26.8999V7.10002H33.0999V8.20002H26.8999V16.45H33.0999V17.55H26.8999V25.75H33.0999V26.85H26.8999V33.1H25.7999V26.85H17.5499V33.1H16.4499V26.85H8.2499V33.1H7.1499ZM8.2499 25.75H16.4499V17.55H8.2499V25.75ZM17.5499 25.75H25.7999V17.55H17.5499V25.75ZM8.2499 16.45H16.4499V8.20002H8.2499V16.45ZM17.5499 16.45H25.7999V8.20002H17.5499V16.45Z" fill="%2348000C"/></svg>');
}
.icon-box-qc {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><mask id="mask0_444_1683" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="48" height="48"><rect width="48" height="48" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_444_1683)"><path d="M21.8501 29.15L31.4001 19.65L30.6501 18.85L21.9001 27.6L17.3501 23.05L16.5501 23.85L21.8501 29.15ZM24.0001 41.3C20.1668 40.0667 16.9751 37.675 14.4251 34.125C11.8751 30.5751 10.6001 26.5667 10.6001 22.1V11.8L24.0001 6.80005L37.4001 11.8V22.1C37.4001 26.5667 36.1251 30.5751 33.5751 34.125C31.0251 37.675 27.8334 40.0667 24.0001 41.3ZM24.0001 40.1C27.5668 38.9667 30.5084 36.7167 32.8251 33.35C35.1418 29.9834 36.3001 26.2334 36.3001 22.1V12.55L24.0001 7.95005L11.7001 12.55V22.1C11.7001 26.2334 12.8584 29.9834 15.1751 33.35C17.4918 36.7167 20.4334 38.9667 24.0001 40.1Z" fill="%2348000C"/></g></svg>');
}
.icon-qc {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="36" viewBox="0 0 28 36" fill="none"><path d="M11.8501 23.15L21.4001 13.65L20.6501 12.85L11.9001 21.6L7.3501 17.05L6.5501 17.85L11.8501 23.15ZM14.0001 35.3C10.1668 34.0667 6.9751 31.675 4.4251 28.125C1.8751 24.5751 0.600098 20.5667 0.600098 16.1V5.80005L14.0001 0.800049L27.4001 5.80005V16.1C27.4001 20.5667 26.1251 24.5751 23.5751 28.125C21.0251 31.675 17.8334 34.0667 14.0001 35.3ZM14.0001 34.1C17.5668 32.9667 20.5084 30.7167 22.8251 27.35C25.1418 23.9834 26.3001 20.2334 26.3001 16.1V6.55005L14.0001 1.95005L1.7001 6.55005V16.1C1.7001 20.2334 2.85843 23.9834 5.1751 27.35C7.49176 30.7167 10.4334 32.9667 14.0001 34.1Z" fill="%2348000C"/></svg>');
}
.icon-box-delivery {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><mask id="mask0_444_1574" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="48" height="48"><rect width="48" height="48" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_444_1574)"><path d="M15.1501 37.4C13.8501 37.4 12.7584 36.9416 11.8751 36.025C10.9918 35.1083 10.5668 34 10.6001 32.7H6.3001L6.5501 31.6H10.7501C11.0168 30.6333 11.5584 29.8416 12.3751 29.225C13.1918 28.6083 14.1168 28.3 15.1501 28.3C16.1834 28.3 17.1084 28.6083 17.9251 29.225C18.7418 29.8416 19.3001 30.6333 19.6001 31.6H29.5501L34.1001 11.7H11.9001V11.75C11.9668 11.4166 12.1251 11.1416 12.3751 10.925C12.6251 10.7083 12.9334 10.6 13.3001 10.6H35.5001L33.9001 17.45H37.7001L42.8501 24.35L41.2001 32.7H39.4001C39.4334 34 39.0084 35.1083 38.1251 36.025C37.2418 36.9416 36.1501 37.4 34.8501 37.4C33.5501 37.4 32.4584 36.9416 31.5751 36.025C30.6918 35.1083 30.2668 34 30.3001 32.7H19.7001C19.7334 34 19.3084 35.1083 18.4251 36.025C17.5418 36.9416 16.4501 37.4 15.1501 37.4ZM31.7001 26.8H41.2501L41.6501 24.6L37.1501 18.55H33.6001L31.7001 26.8ZM33.4001 14.65L34.1001 11.7L29.5501 31.6L30.2501 28.65L33.4001 14.65ZM4.1001 25.65L4.3501 24.55H12.7001L12.4501 25.65H4.1001ZM8.1001 18.75L8.3501 17.65H18.7001L18.4501 18.75H8.1001ZM15.1501 36.3C16.1168 36.3 16.9334 35.9583 17.6001 35.275C18.2668 34.5916 18.6001 33.7833 18.6001 32.85C18.6001 31.8833 18.2668 31.0666 17.6001 30.4C16.9334 29.7333 16.1168 29.4 15.1501 29.4C14.2168 29.4 13.4084 29.7333 12.7251 30.4C12.0418 31.0666 11.7001 31.8833 11.7001 32.85C11.7001 33.7833 12.0418 34.5916 12.7251 35.275C13.4084 35.9583 14.2168 36.3 15.1501 36.3ZM34.8501 36.3C35.8168 36.3 36.6334 35.9583 37.3001 35.275C37.9668 34.5916 38.3001 33.7833 38.3001 32.85C38.3001 31.8833 37.9668 31.0666 37.3001 30.4C36.6334 29.7333 35.8168 29.4 34.8501 29.4C33.9168 29.4 33.1084 29.7333 32.4251 30.4C31.7418 31.0666 31.4001 31.8833 31.4001 32.85C31.4001 33.7833 31.7418 34.5916 32.4251 35.275C33.1084 35.9583 33.9168 36.3 34.8501 36.3Z" fill="%2348000C"/></g></svg>');
}
.icon-delivery {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="39" height="28" viewBox="0 0 39 28" fill="none"><path d="M11.1501 27.4C9.8501 27.4 8.75843 26.9416 7.8751 26.025C6.99176 25.1083 6.56676 24 6.6001 22.7H2.3001L2.5501 21.6H6.7501C7.01676 20.6333 7.55843 19.8416 8.3751 19.225C9.19176 18.6083 10.1168 18.3 11.1501 18.3C12.1834 18.3 13.1084 18.6083 13.9251 19.225C14.7418 19.8416 15.3001 20.6333 15.6001 21.6H25.5501L30.1001 1.69998H7.9001V1.74998C7.96676 1.41664 8.1251 1.14164 8.3751 0.924976C8.6251 0.708309 8.93343 0.599976 9.3001 0.599976H31.5001L29.9001 7.44998H33.7001L38.8501 14.35L37.2001 22.7H35.4001C35.4334 24 35.0084 25.1083 34.1251 26.025C33.2418 26.9416 32.1501 27.4 30.8501 27.4C29.5501 27.4 28.4584 26.9416 27.5751 26.025C26.6918 25.1083 26.2668 24 26.3001 22.7H15.7001C15.7334 24 15.3084 25.1083 14.4251 26.025C13.5418 26.9416 12.4501 27.4 11.1501 27.4ZM27.7001 16.8H37.2501L37.6501 14.6L33.1501 8.54998H29.6001L27.7001 16.8ZM29.4001 4.64998L30.1001 1.69998L25.5501 21.6L26.2501 18.65L29.4001 4.64998ZM0.100098 15.65L0.350098 14.55H8.7001L8.4501 15.65H0.100098ZM4.1001 8.74998L4.3501 7.64998H14.7001L14.4501 8.74998H4.1001ZM11.1501 26.3C12.1168 26.3 12.9334 25.9583 13.6001 25.275C14.2668 24.5916 14.6001 23.7833 14.6001 22.85C14.6001 21.8833 14.2668 21.0666 13.6001 20.4C12.9334 19.7333 12.1168 19.4 11.1501 19.4C10.2168 19.4 9.40843 19.7333 8.7251 20.4C8.04176 21.0666 7.7001 21.8833 7.7001 22.85C7.7001 23.7833 8.04176 24.5916 8.7251 25.275C9.40843 25.9583 10.2168 26.3 11.1501 26.3ZM30.8501 26.3C31.8168 26.3 32.6334 25.9583 33.3001 25.275C33.9668 24.5916 34.3001 23.7833 34.3001 22.85C34.3001 21.8833 33.9668 21.0666 33.3001 20.4C32.6334 19.7333 31.8168 19.4 30.8501 19.4C29.9168 19.4 29.1084 19.7333 28.4251 20.4C27.7418 21.0666 27.4001 21.8833 27.4001 22.85C27.4001 23.7833 27.7418 24.5916 28.4251 25.275C29.1084 25.9583 29.9168 26.3 30.8501 26.3Z" fill="%2348000C"/></svg>');
}
.icon-box-polo {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><mask id="mask0_539_1268" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="48" height="48"><rect width="48" height="48" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_539_1268)"><path d="M24.2866 17.5337C24.5072 17.5337 24.6861 17.3549 24.6861 17.1343C24.6861 16.9137 24.5072 16.7349 24.2866 16.7349C24.066 16.7349 23.8872 16.9137 23.8872 17.1343C23.8872 17.3549 24.066 17.5337 24.2866 17.5337Z" fill="%2348000C"/><path d="M24.2242 14.4194C24.4442 14.4194 24.6236 14.5988 24.6236 14.8189C24.6236 15.0389 24.4442 15.2183 24.2242 15.2183C24.0041 15.2183 23.8271 15.0389 23.8271 14.8189C23.8271 14.5988 24.0041 14.4194 24.2242 14.4194Z" fill="%2348000C"/><path d="M19.9989 7.27757C20.2716 6.96663 20.7428 6.83987 21.1685 6.7705C23.3212 6.41651 25.5169 6.58873 27.6887 6.76333C28.1096 6.79681 28.5928 6.86618 28.8224 7.22017C29.1094 7.66505 28.82 8.24387 28.5162 8.6744C28.2436 9.05948 27.9566 9.435 27.6528 9.79856C26.6698 10.9849 25.5336 12.0445 24.2803 12.9414C23.0653 11.9225 21.8239 10.9179 20.8002 9.72441C20.616 9.51393 20.4414 9.29627 20.274 9.07144C19.9296 8.61221 19.6139 8.00947 19.8578 7.49044C19.8937 7.41151 19.9391 7.34454 19.9966 7.28236" stroke="%2348000C" stroke-width="1.02524" stroke-linecap="round" stroke-linejoin="round"/><path d="M28.8229 7.22009C29.8562 8.16965 30.7029 9.82479 30.7029 9.82479C30.7029 9.82479 29.8921 12.4367 26.9238 15.4049C26.4646 15.0701 26.0245 14.7161 25.6131 14.343C25.1419 13.922 24.7042 13.4747 24.3072 12.994C23.8432 13.3456 23.3959 13.7115 22.963 14.1038C22.4798 14.5367 22.0158 15.0031 21.5661 15.5102C19.8273 13.9674 18.4448 12.0277 17.5957 9.95634C18.3133 8.93503 18.9375 8.33947 19.9971 7.28228C19.9971 7.28228 19.9979 7.28069 19.9995 7.2775" stroke="%2348000C" stroke-width="1.02524" stroke-linecap="round" stroke-linejoin="round"/><path d="M34.5142 22.267C34.5142 22.267 34.5142 22.2694 34.5166 22.2694C35.3586 23.4031 36.2316 24.5105 37.1429 25.5916C38.865 24.3981 40.4842 23.2835 42.0007 22.0446C40.568 18.7701 39.0204 15.699 37.3198 12.7164C35.2079 11.3316 32.9978 10.3724 30.7017 9.82471" stroke="%2348000C" stroke-width="1.02524" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.0728 12.8195C12.4194 14.721 13.2685 17.0387 13.6488 19.3373C13.8162 20.361 13.9166 21.3918 13.9764 22.4275C14.0506 23.7167 14.0673 25.0131 14.0817 26.307C14.1367 30.94 14.1893 35.5754 14.2874 40.3734C20.7836 42.4806 27.9351 42.5165 34.582 40.4619C34.3835 34.401 34.185 28.3257 34.5175 22.2696C34.5366 21.8917 34.5605 21.5114 34.5844 21.1335C34.7782 18.1724 36.0147 14.9411 37.3207 12.7167" stroke="%2348000C" stroke-width="1.02524" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.7993 9.72425C22.8754 8.53551 25.6069 8.54986 27.6519 9.7984" stroke="%2348000C" stroke-width="1.02524" stroke-linecap="round" stroke-linejoin="round"/><path d="M22.9619 14.1038C23.005 16.0866 23.0432 18.0694 23.0863 20.0522C23.8899 20.2005 24.7199 20.2005 25.5212 20.0522C25.5523 18.1483 25.581 16.2468 25.6121 14.3429" stroke="%2348000C" stroke-width="1.02524" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.9767 22.4274C13.1515 23.4703 12.2666 24.47 11.329 25.4124C9.57816 24.5657 7.94454 23.5181 6.56445 22.205C7.73167 18.8755 9.24809 15.7542 11.0707 12.8194H11.0731C13.1061 11.4609 15.2683 10.4467 17.5956 9.95642" stroke="%2348000C" stroke-width="1.02524" stroke-linecap="round" stroke-linejoin="round"/></g></svg>');
}
.icon-box-school-uniform {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><mask id="mask0_539_1303" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="48" height="48"><rect width="48" height="48" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_539_1303)"><path d="M41.5141 15.3024L35.0352 12.5996L31.8333 8.23498C31.8258 8.22488 31.8131 8.22009 31.8045 8.21052C31.7679 8.16693 31.7248 8.13291 31.677 8.10154C31.6552 8.08772 31.6376 8.07017 31.6142 8.05901C31.5499 8.02871 31.4797 8.0117 31.4048 8.00691C31.3952 8.00638 31.3867 8 31.3766 8H16.4868C16.482 8 16.4783 8.00319 16.4735 8.00319C16.3911 8.00585 16.3141 8.02658 16.2439 8.06007C16.2274 8.06805 16.2152 8.08028 16.1992 8.08984C16.1423 8.1244 16.0924 8.16534 16.0509 8.21637C16.0451 8.22381 16.0355 8.22647 16.0302 8.23392L12.8287 12.597L6.353 15.3024C6.13929 15.3912 6 15.6006 6 15.8324V39.9352C6 40.2521 6.25731 40.5094 6.57415 40.5094H41.293C41.6104 40.5094 41.8671 40.2521 41.8671 39.9352V15.8324C41.8671 15.6006 41.7279 15.3917 41.5136 15.3024H41.5141ZM40.7188 31.3628H32.5658V29.668H40.7188V31.3628ZM40.7188 28.5191H31.9917C31.6748 28.5191 31.4175 28.7764 31.4175 29.0933V39.3606H24.508V19.3486L30.6818 23.5644C30.7785 23.6308 30.8912 23.6649 31.0055 23.6649C31.0629 23.6649 31.1209 23.6564 31.1772 23.6388C31.3447 23.5867 31.4792 23.4602 31.5425 23.2959L35.1394 13.8883L40.7194 16.2163V28.5202L40.7188 28.5191ZM29.3235 12.177L31.3596 9.53055L34.1315 13.3046L30.7285 22.2056L24.7552 18.1264L29.3235 12.177ZM28.5887 11.2525H19.2779L17.6601 9.14937H30.2049L28.5893 11.2525H28.5887ZM16.5044 9.53108L18.54 12.177L23.1077 18.1264L17.1344 22.2056L13.7325 13.3077L16.5038 9.53108H16.5044ZM20.1604 12.4013H27.7062L23.9317 17.3135L20.1604 12.4013ZM7.14884 16.2152L12.724 13.8867L16.3215 23.2954C16.3842 23.4597 16.5187 23.5862 16.6862 23.6383C16.7425 23.6558 16.8005 23.6643 16.8579 23.6643C16.9722 23.6643 17.0854 23.6303 17.1817 23.5639L23.3591 19.3459V39.3606H7.14884V16.2152ZM32.5664 39.3611V32.5116H40.7194V39.3611H32.5664Z" fill="%2348000C"/></g></svg>');
}
.icon-box-bag {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><mask id="mask0_539_1615" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="48" height="48"><rect width="48" height="48" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_539_1615)"><path d="M30.2546 17.9096L30.2377 22.4158C30.2377 22.8144 30.1274 23.23 29.6383 23.2413H28.6065C28.2757 23.2413 28.0071 22.9756 28.0071 22.642V18.9725C28.0071 18.916 28.0184 18.8623 28.0326 18.8086V17.9067H19.5204V21.8957C19.5204 21.9776 19.5204 22.0568 19.5261 22.136V22.642C19.5261 22.9728 19.2603 23.2413 18.9268 23.2413H17.8949C17.5641 23.2413 17.2956 22.9756 17.2956 22.642V22.4158H17.2843V17.9096H11.438L11.3277 19.128L9.99902 33.8624V36.9298C9.99902 39.6041 12.1532 41.7583 14.8276 41.7583H32.7254C35.3998 41.7583 37.554 39.6041 37.554 36.9298V33.8624L36.2253 19.128L36.115 17.9096H30.2518H30.2546Z" stroke="%2348000C" stroke-linecap="round" stroke-linejoin="round"/><path d="M23.8561 7C21.4983 7 19.4431 8.3287 18.3066 10.3274C17.7101 11.3791 17.3652 12.6116 17.3652 13.9375V22.4157H17.3765V22.6419C17.3765 22.9727 17.6423 23.2412 17.9759 23.2412H19.0077C19.3385 23.2412 19.6071 22.9755 19.6071 22.6419V22.1359C19.6042 22.0567 19.6014 21.9776 19.6014 21.8956V14.8959C19.6014 12.9622 20.3986 11.2773 21.6001 10.3274C22.2532 9.81006 23.0249 9.50474 23.8561 9.50474C24.6872 9.50474 25.459 9.81006 26.112 10.3274C27.3135 11.2773 28.1107 12.9622 28.1107 14.8959V18.8113C28.0966 18.8622 28.0853 18.9187 28.0853 18.9753V22.6447C28.0853 22.9755 28.351 23.2441 28.6846 23.2441H29.7165C30.2056 23.2327 30.3158 22.8172 30.3158 22.4186L30.3328 17.9123L30.3469 13.9403C30.3469 12.6173 30.002 11.3819 29.4055 10.3302C28.2691 8.33153 26.2138 7.00283 23.8561 7.00283V7Z" stroke="%2348000C" stroke-linecap="round" stroke-linejoin="round"/></g></svg>');
}
.icon-box-basic {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34" fill="none"><g clip-path="url(%23clip0_539_974)"><path d="M22.8592 7.7675C23.2177 7.62445 23.5301 7.46331 23.8318 7.30711C24.617 6.9018 25.3585 6.51786 26.8704 6.51786C28.3823 6.51786 29.1247 6.90098 29.9098 7.30711C30.7772 7.75517 31.6733 8.21885 33.4524 8.21885C33.7549 8.21885 34.0007 7.97386 34.0007 7.67049C34.0007 7.36712 33.7558 7.12213 33.4524 7.12213C31.9405 7.12213 31.1981 6.73902 30.413 6.33288C29.5456 5.88482 28.6495 5.42114 26.8704 5.42114C25.0913 5.42114 24.1952 5.88482 23.3279 6.33288C23.0368 6.48333 22.7614 6.62556 22.4523 6.74888C22.1711 6.86069 22.0347 7.17968 22.1465 7.46085C22.2583 7.74201 22.5764 7.87931 22.8584 7.76668L22.8592 7.7675Z" fill="%2348000C"/><path d="M9.0828 7.95248C9.13624 7.95248 9.19132 7.94426 9.24558 7.92782C9.80545 7.75435 10.2453 7.52662 10.6712 7.30629C11.4563 6.90015 12.1978 6.51704 13.7097 6.51704C15.2216 6.51704 15.9632 6.90015 16.7483 7.30629C17.1142 7.49538 17.4924 7.69104 17.9495 7.853C18.2347 7.95412 18.548 7.8045 18.6491 7.51922C18.7502 7.23394 18.6006 6.92071 18.3153 6.81958C17.9289 6.68229 17.6001 6.51293 17.2515 6.33288C16.3841 5.88482 15.488 5.42114 13.7097 5.42114C11.9315 5.42114 11.0345 5.88482 10.168 6.33288C9.76681 6.54006 9.38863 6.73573 8.92084 6.88124C8.63145 6.97086 8.47031 7.27833 8.55992 7.5669C8.63309 7.80203 8.84931 7.95248 9.0828 7.95248Z" fill="%2348000C"/><path d="M0.548361 6.5179C2.06026 6.5179 2.80182 6.90101 3.58695 7.30714C3.80071 7.41731 4.01446 7.52747 4.24137 7.63106C4.31536 7.66477 4.39264 7.68039 4.46828 7.68039C4.67627 7.68039 4.87523 7.56118 4.96731 7.35976C5.09309 7.08434 4.97142 6.7596 4.69601 6.63382C4.48554 6.53763 4.28823 6.43568 4.0901 6.33374C3.22357 5.88568 2.32663 5.422 0.548361 5.422C0.245817 5.422 0 5.66699 0 5.97036C0 6.27372 0.244995 6.51872 0.548361 6.51872V6.5179Z" fill="%2348000C"/><path d="M29.9091 14.0938C30.7765 14.5419 31.6726 15.0056 33.4508 15.0056C33.7534 15.0056 33.9992 14.7606 33.9992 14.4572C33.9992 14.1538 33.7542 13.9088 33.4508 13.9088C31.9389 13.9088 31.1974 13.5257 30.4122 13.1196C30.1755 12.9971 29.9297 12.8705 29.6616 12.7521C29.3846 12.6304 29.0615 12.7562 28.939 13.0333C28.8173 13.3103 28.9431 13.6334 29.2202 13.7559C29.4569 13.8595 29.6756 13.973 29.9083 14.093L29.9091 14.0938Z" fill="%2348000C"/><path d="M25.0786 13.5455C25.368 13.4558 25.5292 13.1484 25.4395 12.8598C25.3499 12.5704 25.0425 12.4093 24.7539 12.4989C24.1932 12.6724 23.7534 12.9001 23.3275 13.1204C22.5424 13.5266 21.8008 13.9097 20.2889 13.9097C18.777 13.9097 18.0354 13.5266 17.2503 13.1204C16.8853 12.9322 16.5079 12.7365 16.0516 12.5745C15.7655 12.4734 15.4531 12.6222 15.352 12.9075C15.2509 13.1928 15.3997 13.506 15.685 13.6071C16.0705 13.7436 16.3986 13.9138 16.7463 14.093C17.6137 14.5411 18.5098 15.0047 20.2881 15.0047C22.0663 15.0047 22.9633 14.5411 23.8306 14.093C24.2318 13.8858 24.61 13.6902 25.0786 13.5446V13.5455Z" fill="%2348000C"/><path d="M0.549183 13.3045C2.06108 13.3045 2.80264 13.6876 3.58777 14.0937C4.4543 14.5418 5.35124 15.0055 7.12951 15.0055C8.90778 15.0055 9.80472 14.5418 10.6712 14.0937C10.9631 13.9425 11.2393 13.8002 11.5485 13.6769C11.8296 13.5651 11.9669 13.2461 11.8543 12.9649C11.7425 12.6838 11.4235 12.5465 11.1423 12.6583C10.7831 12.8013 10.4706 12.9633 10.1673 13.1195C9.38215 13.5256 8.64058 13.9087 7.12869 13.9087C5.61679 13.9087 4.87523 13.5256 4.0901 13.1195C3.22357 12.6714 2.32663 12.2078 0.548361 12.2078C0.245817 12.2078 0 12.4528 0 12.7561C0 13.0595 0.244995 13.3045 0.548361 13.3045H0.549183Z" fill="%2348000C"/><path d="M33.4524 21.7922C33.7549 21.7922 34.0007 21.5464 34.0007 21.2439C34.0007 20.9413 33.7558 20.6955 33.4524 20.6955C31.9405 20.6955 31.1981 20.3124 30.413 19.9062C29.5456 19.4582 28.6495 18.9945 26.8704 18.9945C25.0913 18.9945 24.1952 19.4582 23.3279 19.9062C23.0368 20.0567 22.7614 20.1989 22.4523 20.3222C22.1711 20.4341 22.0347 20.753 22.1465 21.0342C22.2583 21.3154 22.5764 21.4527 22.8584 21.34C23.2169 21.197 23.5285 21.0359 23.831 20.8797C24.6161 20.4735 25.3577 20.0904 26.8704 20.0904C28.3831 20.0904 29.1247 20.4735 29.9098 20.8797C30.7772 21.3277 31.6733 21.7914 33.4524 21.7914V21.7922Z" fill="%2348000C"/><path d="M8.91889 20.4546C8.6295 20.5442 8.46836 20.8517 8.55797 21.1403C8.63114 21.3754 8.84736 21.5258 9.08085 21.5258C9.13428 21.5258 9.18937 21.5176 9.24363 21.5012C9.8035 21.3277 10.2433 21.1 10.6692 20.8797C11.4543 20.4735 12.1959 20.0904 13.7078 20.0904C15.2197 20.0904 15.9613 20.4735 16.7464 20.8797C17.1122 21.0687 17.4904 21.2644 17.9475 21.4264C18.2328 21.5275 18.5469 21.3779 18.6472 21.0926C18.7483 20.8073 18.5986 20.4941 18.3134 20.393C17.927 20.2565 17.5981 20.0863 17.2495 19.9062C16.383 19.4582 15.4861 18.9945 13.7078 18.9945C11.9295 18.9945 11.0326 19.4582 10.1661 19.9062C9.76486 20.1134 9.38668 20.3091 8.91889 20.4546Z" fill="%2348000C"/><path d="M0.548361 20.0912C2.06026 20.0912 2.80182 20.4743 3.58695 20.8805C3.80071 20.9906 4.01446 21.1008 4.24137 21.2044C4.31536 21.2381 4.39264 21.2537 4.46828 21.2537C4.67627 21.2537 4.87523 21.1345 4.96731 20.9331C5.09309 20.6577 4.97142 20.3329 4.69601 20.2071C4.48554 20.111 4.28823 20.009 4.0901 19.9062C3.22275 19.4582 2.32663 18.9945 0.548361 18.9945C0.245817 18.9945 0 19.2395 0 19.5429C0 19.8462 0.244995 20.0912 0.548361 20.0912Z" fill="%2348000C"/><path d="M29.2213 27.33C29.4572 27.4336 29.6767 27.5471 29.9086 27.6671C30.7759 28.1152 31.6721 28.5788 33.4511 28.5788C33.7537 28.5788 33.9995 28.3339 33.9995 28.0305C33.9995 27.7271 33.7545 27.4821 33.4511 27.4821C31.9393 27.4821 31.1977 27.099 30.4126 26.6929C30.1758 26.5704 29.9308 26.4438 29.6636 26.3262C29.3865 26.2054 29.0634 26.3303 28.9409 26.6074C28.8193 26.8844 28.9451 27.2075 29.2221 27.33H29.2213Z" fill="%2348000C"/><path d="M25.0786 27.1187C25.368 27.0291 25.5292 26.7216 25.4395 26.433C25.3499 26.1437 25.0425 25.9825 24.7539 26.0721C24.1932 26.2456 23.7534 26.4733 23.3275 26.6937C22.5424 27.0998 21.8008 27.4829 20.2889 27.4829C18.777 27.4829 18.0354 27.0998 17.2503 26.6937C16.8853 26.5054 16.5079 26.3097 16.0516 26.1478C15.7655 26.0466 15.4531 26.1955 15.352 26.4807C15.2509 26.766 15.3997 27.0792 15.685 27.1804C16.0705 27.3168 16.3986 27.487 16.7463 27.6662C17.6137 28.1143 18.5098 28.578 20.2881 28.578C22.0663 28.578 22.9633 28.1143 23.8306 27.6662C24.2318 27.4591 24.61 27.2634 25.0786 27.1179V27.1187Z" fill="%2348000C"/><path d="M0.549183 26.8779C2.06108 26.8779 2.80264 27.261 3.58777 27.6671C4.4543 28.1152 5.35124 28.5789 7.12951 28.5789C8.90778 28.5789 9.80472 28.1152 10.6712 27.6671C10.9631 27.5159 11.2385 27.3736 11.5476 27.2503C11.8288 27.1385 11.9661 26.8195 11.8535 26.5383C11.7417 26.2572 11.4227 26.1199 11.1415 26.2325C10.7822 26.3756 10.4698 26.5375 10.1673 26.6937C9.38215 27.0999 8.64058 27.483 7.12869 27.483C5.61679 27.483 4.87523 27.0999 4.0901 26.6937C3.22357 26.2457 2.32663 25.782 0.548361 25.782C0.245817 25.782 0 26.0278 0 26.3303C0 26.6329 0.244995 26.8787 0.548361 26.8787L0.549183 26.8779Z" fill="%2348000C"/><path d="M6.81984 12.7323C7.12239 12.7323 7.36821 12.4873 7.36821 12.184V0.548361C7.36821 0.245817 7.12239 0 6.81984 0C6.5173 0 6.27148 0.245817 6.27148 0.548361V12.184C6.27148 12.4865 6.5173 12.7323 6.81984 12.7323Z" fill="%2348000C"/><path d="M6.27148 16.8052V25.7154C6.27148 26.018 6.5173 26.2638 6.81984 26.2638C7.12239 26.2638 7.36821 26.0188 7.36821 25.7154V16.8052C7.36821 16.5027 7.12239 16.2568 6.81984 16.2568C6.5173 16.2568 6.27148 16.5027 6.27148 16.8052Z" fill="%2348000C"/><path d="M7.36821 33.4516V30.3366C7.36821 30.034 7.12239 29.7882 6.81984 29.7882C6.5173 29.7882 6.27148 30.034 6.27148 30.3366V33.4516C6.27148 33.7542 6.5173 34 6.81984 34C7.12239 34 7.36821 33.755 7.36821 33.4516Z" fill="%2348000C"/><path d="M13.607 4.19122C13.9095 4.19122 14.1553 3.9454 14.1553 3.64286V0.548361C14.1553 0.245817 13.9103 0 13.607 0C13.3036 0 13.0586 0.245817 13.0586 0.548361V3.64368C13.0586 3.94622 13.3036 4.19204 13.607 4.19204V4.19122Z" fill="%2348000C"/><path d="M14.1553 17.2861V8.52382C14.1553 8.22128 13.9103 7.97546 13.607 7.97546C13.3036 7.97546 13.0586 8.22046 13.0586 8.52382V17.2861C13.0586 17.5886 13.3036 17.8344 13.607 17.8344C13.9103 17.8344 14.1553 17.5894 14.1553 17.2861Z" fill="%2348000C"/><path d="M13.607 34C13.9095 34 14.1553 33.755 14.1553 33.4517V22.0923C14.1553 21.7898 13.9103 21.5439 13.607 21.5439C13.3036 21.5439 13.0586 21.7889 13.0586 22.0923V33.4517C13.0586 33.7542 13.3036 34 13.607 34Z" fill="%2348000C"/><path d="M20.3941 12.7323C20.6966 12.7323 20.9424 12.4873 20.9424 12.184V0.548361C20.9424 0.245817 20.6966 0 20.3941 0C20.0915 0 19.8457 0.245817 19.8457 0.548361V12.184C19.8457 12.4865 20.0915 12.7323 20.3941 12.7323Z" fill="%2348000C"/><path d="M20.3941 16.2576C20.0915 16.2576 19.8457 16.5034 19.8457 16.8059V25.7162C19.8457 26.0187 20.0915 26.2645 20.3941 26.2645C20.6966 26.2645 20.9424 26.0195 20.9424 25.7162V16.8059C20.9424 16.5034 20.6966 16.2576 20.3941 16.2576Z" fill="%2348000C"/><path d="M19.8457 30.3374V33.4525C19.8457 33.755 20.0915 34.0008 20.3941 34.0008C20.6966 34.0008 20.9424 33.7558 20.9424 33.4525V30.3374C20.9424 30.0349 20.6966 29.7891 20.3941 29.7891C20.0915 29.7891 19.8457 30.0349 19.8457 30.3374Z" fill="%2348000C"/><path d="M27.1812 4.19122C27.4837 4.19122 27.7295 3.9454 27.7295 3.64286V0.548361C27.7295 0.245817 27.4837 0 27.1812 0C26.8786 0 26.6328 0.245817 26.6328 0.548361V3.64368C26.6328 3.94622 26.8786 4.19204 27.1812 4.19204V4.19122Z" fill="%2348000C"/><path d="M27.7276 17.2861V8.52382C27.7276 8.22128 27.4818 7.97546 27.1792 7.97546C26.8767 7.97546 26.6309 8.22046 26.6309 8.52382V17.2861C26.6309 17.5886 26.8767 17.8344 27.1792 17.8344C27.4818 17.8344 27.7276 17.5894 27.7276 17.2861Z" fill="%2348000C"/><path d="M26.6328 22.0923V33.4517C26.6328 33.7542 26.8786 34 27.1812 34C27.4837 34 27.7295 33.755 27.7295 33.4517V22.0923C27.7295 21.7898 27.4837 21.5439 27.1812 21.5439C26.8786 21.5439 26.6328 21.7889 26.6328 22.0923Z" fill="%2348000C"/></g><defs><clipPath id="clip0_539_974"><rect width="34" height="34" fill="white"/></clipPath></defs></svg>');
}
.icon-box-elegance {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none"><path d="M18.0742 1L18.0742 7.69882" stroke="%2348000C" stroke-width="1.1" stroke-miterlimit="10" stroke-linecap="round"/><path d="M21.3418 9.93628L14.4517 9.93628" stroke="%2348000C" stroke-width="1.1" stroke-miterlimit="10" stroke-linecap="round"/><path d="M28.2461 4.59644L21.3423 4.59644" stroke="%2348000C" stroke-width="1.1" stroke-miterlimit="10" stroke-linecap="round"/><path d="M4.26758 1L4.26758 7.69882" stroke="%2348000C" stroke-width="1.1" stroke-miterlimit="10" stroke-linecap="round"/><path d="M1.00047 9.93628L7.9043 9.93628" stroke="%2348000C" stroke-width="1.1" stroke-miterlimit="10" stroke-linecap="round"/><path d="M7.90482 4.59644L14.7949 4.59644" stroke="%2348000C" stroke-width="1.1" stroke-miterlimit="10" stroke-linecap="round"/><path d="M18.0742 18.8864L18.0742 12.1876" stroke="%2348000C" stroke-width="1.1" stroke-miterlimit="10" stroke-linecap="round"/><path d="M18.0742 23.6406L18.0742 30.3394" stroke="%2348000C" stroke-width="1.1" stroke-miterlimit="10" stroke-linecap="round"/><path d="M21.3418 32.5763L14.4517 32.5763" stroke="%2348000C" stroke-width="1.1" stroke-miterlimit="10" stroke-linecap="round"/><path d="M21.3418 21.2697L14.4517 21.2697" stroke="%2348000C" stroke-width="1.1" stroke-miterlimit="10" stroke-linecap="round"/><path d="M24.9668 24.8516L24.9668 18.1661" stroke="%2348000C" stroke-width="1.1" stroke-miterlimit="10" stroke-linecap="round"/><path d="M28.2461 15.9294L21.3423 15.9294" stroke="%2348000C" stroke-width="1.1" stroke-miterlimit="10" stroke-linecap="round"/><path d="M24.9668 35L24.9668 29.4731" stroke="%2348000C" stroke-width="1.1" stroke-miterlimit="10" stroke-linecap="round"/><path d="M28.2461 27.2365L21.3423 27.2364" stroke="%2348000C" stroke-width="1.1" stroke-miterlimit="10" stroke-linecap="round"/><path d="M4.26758 18.8864L4.26758 12.1876" stroke="%2348000C" stroke-width="1.1" stroke-miterlimit="10" stroke-linecap="round"/><path d="M4.26758 23.6406L4.26758 30.3394" stroke="%2348000C" stroke-width="1.1" stroke-miterlimit="10" stroke-linecap="round"/><path d="M1.00047 32.5763L7.9043 32.5763" stroke="%2348000C" stroke-width="1.1" stroke-miterlimit="10" stroke-linecap="round"/><path d="M1.00047 21.2697L7.9043 21.2697" stroke="%2348000C" stroke-width="1.1" stroke-miterlimit="10" stroke-linecap="round"/><path d="M11.1738 24.8516L11.1738 18.1661" stroke="%2348000C" stroke-width="1.1" stroke-miterlimit="10" stroke-linecap="round"/><path d="M24.9668 13.2799L24.9668 6.58105" stroke="%2348000C" stroke-width="1.1" stroke-miterlimit="10" stroke-linecap="round"/><path d="M11.1738 13.2799L11.1738 6.58105" stroke="%2348000C" stroke-width="1.1" stroke-miterlimit="10" stroke-linecap="round"/><path d="M7.90482 15.9294L14.7949 15.9294" stroke="%2348000C" stroke-width="1.1" stroke-miterlimit="10" stroke-linecap="round"/><path d="M11.1738 35L11.1738 29.4731" stroke="%2348000C" stroke-width="1.1" stroke-miterlimit="10" stroke-linecap="round"/><path d="M7.90482 27.2364L14.7949 27.2365" stroke="%2348000C" stroke-width="1.1" stroke-miterlimit="10" stroke-linecap="round"/><path d="M31.3613 1L31.3613 7.69882" stroke="%2348000C" stroke-width="1.1" stroke-miterlimit="10" stroke-linecap="round"/><path d="M28.0962 9.93628L35 9.93628" stroke="%2348000C" stroke-width="1.1" stroke-miterlimit="10" stroke-linecap="round"/><path d="M31.3613 18.8864L31.3613 12.1876" stroke="%2348000C" stroke-width="1.1" stroke-miterlimit="10" stroke-linecap="round"/><path d="M31.3613 23.6406L31.3613 30.3394" stroke="%2348000C" stroke-width="1.1" stroke-miterlimit="10" stroke-linecap="round"/><path d="M28.0962 32.5763L35 32.5763" stroke="%2348000C" stroke-width="1.1" stroke-miterlimit="10" stroke-linecap="round"/><path d="M28.0962 21.2697L35 21.2697" stroke="%2348000C" stroke-width="1.1" stroke-miterlimit="10" stroke-linecap="round"/></svg>');
}

.icon-box-basic,
.icon-box-elegance {
    background-size: calc(100% - var(--spacing-2xs));
}

.icon-box-cool {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><mask id="mask0_227_3092" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="48" height="48"><rect width="48" height="48" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_227_3092)"><path d="M23.4508 32.15L15.7008 39.85C15.6008 39.95 15.4758 39.9917 15.3258 39.975C15.1758 39.9584 15.0508 39.9 14.9508 39.8C14.8174 39.7001 14.7508 39.5751 14.7508 39.425C14.7508 39.275 14.8174 39.1334 14.9508 39L23.4508 30.5V24.55H17.5008L9.00078 33.05C8.90078 33.15 8.77578 33.2 8.62578 33.2C8.47578 33.2 8.35078 33.1334 8.25078 33C8.11745 32.9 8.05078 32.775 8.05078 32.625C8.05078 32.475 8.11745 32.35 8.25078 32.25L15.8508 24.55H5.80078C5.66745 24.55 5.55078 24.5 5.45078 24.4C5.35078 24.3 5.30078 24.1667 5.30078 24C5.30078 23.8667 5.35078 23.7417 5.45078 23.625C5.55078 23.5084 5.68411 23.45 5.85078 23.45H15.8508L8.15078 15.75C8.05078 15.65 8.00078 15.525 8.00078 15.375C8.00078 15.225 8.06745 15.0834 8.20078 14.95C8.30078 14.85 8.42578 14.8 8.57578 14.8C8.72578 14.8 8.86745 14.85 9.00078 14.95L17.5008 23.45H23.4508V17.5L14.9508 9.05005C14.8508 8.95005 14.8091 8.82505 14.8258 8.67505C14.8424 8.52505 14.9008 8.38338 15.0008 8.25005C15.1008 8.15005 15.2258 8.10005 15.3758 8.10005C15.5258 8.10005 15.6674 8.15005 15.8008 8.25005L23.4508 15.8V5.85005C23.4508 5.71672 23.5008 5.59172 23.6008 5.47505C23.7008 5.35838 23.8341 5.30005 24.0008 5.30005C24.1341 5.30005 24.2591 5.35838 24.3758 5.47505C24.4924 5.59172 24.5508 5.71672 24.5508 5.85005V15.8L32.2508 8.20005C32.3508 8.10005 32.4758 8.05005 32.6258 8.05005C32.7758 8.05005 32.9174 8.10005 33.0508 8.20005C33.1508 8.33338 33.2008 8.47505 33.2008 8.62505C33.2008 8.77505 33.1508 8.90005 33.0508 9.00005L24.5508 17.5V23.45H30.5008L38.9508 15C39.0508 14.9 39.1758 14.85 39.3258 14.85C39.4758 14.85 39.6174 14.9167 39.7508 15.05C39.8508 15.15 39.9008 15.275 39.9008 15.425C39.9008 15.575 39.8508 15.7 39.7508 15.8L32.2008 23.45H42.1508C42.2841 23.45 42.4091 23.5084 42.5258 23.625C42.6424 23.7417 42.7008 23.8667 42.7008 24C42.7008 24.1667 42.6424 24.3 42.5258 24.4C42.4091 24.5 42.2841 24.55 42.1508 24.55H32.2008L39.8008 32.3C39.9008 32.4 39.9508 32.525 39.9508 32.675C39.9508 32.825 39.9008 32.95 39.8008 33.05C39.6674 33.15 39.5258 33.2084 39.3758 33.225C39.2258 33.2417 39.1008 33.1834 39.0008 33.05L30.5008 24.55H24.5508V30.5L33.0508 39.05C33.1508 39.15 33.2008 39.275 33.2008 39.425C33.2008 39.5751 33.1341 39.7167 33.0008 39.85C32.9008 39.95 32.7758 40 32.6258 40C32.4758 40 32.3508 39.95 32.2508 39.85L24.5508 32.15V42.2001C24.5508 42.3334 24.4924 42.4501 24.3758 42.55C24.2591 42.65 24.1341 42.7001 24.0008 42.7001C23.8341 42.7001 23.7008 42.65 23.6008 42.55C23.5008 42.4501 23.4508 42.3167 23.4508 42.1501V32.15Z" fill="%2348000C"/></g></svg>');
}
.icon-box-no-sweat {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><mask id="mask0_227_3120" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="48" height="48"><rect width="48" height="48" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_227_3120)"><path d="M37.4 26.3C37.4 27.1333 37.3 28.025 37.1 28.975C36.9 29.925 36.6 30.8667 36.2 31.8L35.35 30.95C35.6833 30.3167 35.925 29.5833 36.075 28.75C36.225 27.9167 36.3 27.1 36.3 26.3C36.3 24.7333 35.9833 23.1917 35.35 21.675C34.7167 20.1583 33.8167 18.85 32.65 17.75L24 9.2L18.7 14.4L17.9 13.6L24 7.6L33.5 16.9C34.6333 18.0333 35.5667 19.475 36.3 21.225C37.0333 22.975 37.4 24.6667 37.4 26.3ZM40 41.8L33.6 35.4C32.5333 36.6333 31.125 37.6083 29.375 38.325C27.625 39.0417 25.8333 39.4 24 39.4C20.3 39.4 17.1417 38.125 14.525 35.575C11.9083 33.025 10.6 29.9333 10.6 26.3C10.6 24.3333 11 22.5167 11.8 20.85C12.6 19.1833 13.6 17.7667 14.8 16.6L6.5 8.3L7.3 7.5L40.8 41L40 41.8ZM24 38.3C25.9667 38.3 27.7333 37.9333 29.3 37.2C30.8667 36.4667 32.05 35.6167 32.85 34.65L15.6 17.35C14.6 18.25 13.7 19.475 12.9 21.025C12.1 22.575 11.7 24.3333 11.7 26.3C11.7 29.6667 12.9 32.5083 15.3 34.825C17.7 37.1417 20.6 38.3 24 38.3Z" fill="%2348000C"/></g></svg>');
}
.icon-box-anti-odor {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><mask id="mask0_227_3126" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="48" height="48"><rect width="48" height="48" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_227_3126)"><path d="M23.9769 43.4C22.7946 43.4 21.7862 42.9722 20.9519 42.1165C20.1176 41.2612 19.7004 40.239 19.7004 39.05C19.7004 38.5354 19.7837 38.065 19.9504 37.639C20.1171 37.213 20.3337 36.8 20.6004 36.4L11.6004 27.45C11.2004 27.75 10.7757 27.975 10.3264 28.125C9.87739 28.275 9.41872 28.35 8.95039 28.35C7.74839 28.35 6.73122 27.921 5.89889 27.063C5.06656 26.2054 4.65039 25.1804 4.65039 23.988C4.65039 22.796 5.06656 21.775 5.89889 20.925C6.73122 20.075 7.74839 19.65 8.95039 19.65C10.0837 19.65 11.0504 20.025 11.8504 20.775C12.6504 21.525 13.1171 22.4334 13.2504 23.5H19.7504C19.8837 22.5334 20.2921 21.7 20.9754 21C21.6587 20.3 22.5004 19.8667 23.5004 19.7V13.25C22.4337 13.0834 21.5337 12.6 20.8004 11.8C20.0671 11 19.7004 10.05 19.7004 8.95002C19.7004 7.76102 20.1294 6.74719 20.9874 5.90852C21.8451 5.06952 22.8701 4.65002 24.0624 4.65002C25.2544 4.65002 26.2754 5.06952 27.1254 5.90852C27.9754 6.74719 28.4004 7.76102 28.4004 8.95002C28.4004 9.41836 28.3171 9.87719 28.1504 10.3265C27.9837 10.7755 27.7671 11.1834 27.5004 11.55L36.5004 20.55C36.8671 20.2834 37.2749 20.0667 37.7239 19.9C38.1732 19.7334 38.6321 19.65 39.1004 19.65C40.2894 19.65 41.3032 20.079 42.1419 20.937C42.9809 21.7947 43.4004 22.8197 43.4004 24.012C43.4004 25.204 42.9809 26.225 42.1419 27.075C41.3032 27.925 40.2894 28.35 39.1004 28.35C38.0004 28.35 37.0504 27.9834 36.2504 27.25C35.4504 26.5167 34.9671 25.6167 34.8004 24.55H28.4004C28.2337 25.55 27.7921 26.3917 27.0754 27.075C26.3587 27.7584 25.5171 28.1667 24.5504 28.3V34.8C25.6171 34.9667 26.5254 35.443 27.2754 36.229C28.0254 37.015 28.4004 37.9554 28.4004 39.05C28.4004 40.239 27.9671 41.2612 27.1004 42.1165C26.2337 42.9722 25.1926 43.4 23.9769 43.4ZM23.5004 34.8V28.3185C23.0004 28.2395 22.5421 28.0917 22.1254 27.875C21.7087 27.6584 21.3337 27.3834 21.0004 27.05C20.6671 26.7167 20.3921 26.3417 20.1754 25.925C19.9587 25.5084 19.8109 25.05 19.7319 24.55H13.2504C13.2171 24.75 13.1712 24.9417 13.1129 25.125C13.0546 25.3084 12.9879 25.4834 12.9129 25.65C12.8379 25.8167 12.7587 25.9834 12.6754 26.15C12.5921 26.3167 12.4837 26.4834 12.3504 26.65C12.5504 26.85 13.1004 27.3917 14.0004 28.275C14.9004 29.1584 15.8671 30.1167 16.9004 31.15L21.4004 35.65C21.5671 35.5167 21.7337 35.4084 21.9004 35.325C22.0671 35.2417 22.2337 35.1667 22.4004 35.1C22.5671 35.0334 22.7421 34.975 22.9254 34.925C23.1087 34.875 23.3004 34.8334 23.5004 34.8ZM28.4004 23.45H34.8004C34.8337 23.25 34.8754 23.0584 34.9254 22.875C34.9754 22.6917 35.0421 22.5167 35.1254 22.35L35.3754 21.85C35.4587 21.6834 35.5671 21.5167 35.7004 21.35L26.7004 12.35C26.5337 12.4834 26.3671 12.5917 26.2004 12.675L25.7004 12.925C25.5337 13.0084 25.3587 13.075 25.1754 13.125C24.9921 13.175 24.8004 13.2167 24.6004 13.25V19.7C25.0671 19.8 25.5171 19.9584 25.9504 20.175C26.3837 20.3917 26.7671 20.6584 27.1004 20.975C27.4337 21.2917 27.7087 21.6667 27.9254 22.1C28.1421 22.5334 28.3004 22.9834 28.4004 23.45ZM39.1004 27.25C40.0004 27.25 40.7587 26.9345 41.3754 26.3035C41.9921 25.6725 42.3004 24.9059 42.3004 24.0035C42.3004 23.1345 41.9921 22.375 41.3754 21.725C40.7587 21.075 39.9921 20.75 39.0754 20.75C38.1921 20.75 37.4421 21.0739 36.8254 21.7215C36.2087 22.3692 35.9004 23.1275 35.9004 23.9965C35.9004 24.8989 36.2079 25.6667 36.8229 26.3C37.4379 26.9334 38.1971 27.25 39.1004 27.25ZM24.0469 27.25C24.9159 27.25 25.6754 26.9345 26.3254 26.3035C26.9754 25.6725 27.3004 24.9059 27.3004 24.0035C27.3004 23.1345 26.9766 22.375 26.3289 21.725C25.6812 21.075 24.9229 20.75 24.0539 20.75C23.1516 20.75 22.3837 21.0739 21.7504 21.7215C21.1171 22.3692 20.8004 23.1275 20.8004 23.9965C20.8004 24.8989 21.1159 25.6667 21.7469 26.3C22.3779 26.9334 23.1446 27.25 24.0469 27.25ZM24.0469 42.3C24.9159 42.3 25.6754 41.9834 26.3254 41.35C26.9754 40.7167 27.3004 39.9417 27.3004 39.025C27.3004 38.175 26.9766 37.4334 26.3289 36.8C25.6812 36.1667 24.9229 35.85 24.0539 35.85C23.1516 35.85 22.3837 36.1659 21.7504 36.7975C21.1171 37.4292 20.8004 38.18 20.8004 39.05C20.8004 39.95 21.1159 40.7167 21.7469 41.35C22.3779 41.9834 23.1446 42.3 24.0469 42.3ZM9.02539 27.25C9.87539 27.25 10.6171 26.9345 11.2504 26.3035C11.8837 25.6725 12.2004 24.9059 12.2004 24.0035C12.2004 23.1345 11.8846 22.375 11.2529 21.725C10.6212 21.075 9.87039 20.75 9.00039 20.75C8.10039 20.75 7.33372 21.0739 6.70039 21.7215C6.06706 22.3692 5.75039 23.1275 5.75039 23.9965C5.75039 24.8989 6.06706 25.6667 6.70039 26.3C7.33372 26.9334 8.10872 27.25 9.02539 27.25ZM24.0469 12.15C24.9159 12.15 25.6754 11.8425 26.3254 11.2275C26.9754 10.6125 27.3004 9.85336 27.3004 8.95002C27.3004 8.05002 26.9766 7.28336 26.3289 6.65002C25.6812 6.01669 24.9229 5.70002 24.0539 5.70002C23.1516 5.70002 22.3837 6.01669 21.7504 6.65002C21.1171 7.28336 20.8004 8.05836 20.8004 8.97502C20.8004 9.85836 21.1159 10.6084 21.7469 11.225C22.3779 11.8417 23.1446 12.15 24.0469 12.15Z" fill="%2348000C"/></g></svg>');
}
.icon-box-resize {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><mask id="mask0_229_3204" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="48" height="48"><rect width="48" height="48" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_229_3204)"><path d="M38.2996 17.55V9.69998H30.4496V8.59998H39.3996V17.55H38.2996ZM8.59961 39.4V30.4H9.69961V38.3H17.5996V39.4H8.59961ZM8.59961 24.85V23.15H10.2996V24.85H8.59961ZM8.59961 17.55V15.85H10.2996V17.55H8.59961ZM8.59961 10.3V8.59998H10.2996V10.3H8.59961ZM15.8996 10.3V8.59998H17.5996V10.3H15.8996ZM23.1496 39.4V37.7H24.8496V39.4H23.1496ZM23.1496 10.3V8.59998H24.8496V10.3H23.1496ZM30.4496 39.4V37.7H32.1496V39.4H30.4496ZM37.6996 39.4V37.7H39.3996V39.4H37.6996ZM37.6996 32.1V30.4H39.3996V32.1H37.6996ZM37.6996 24.85V23.15H39.3996V24.85H37.6996Z" fill="%2348000C"/><path d="M32 32L25.2308 32V31.2307L30.7 31.2307L16.7693 17.3V22.7693L16 22.7693V16L22.7693 16V16.7693L17.3 16.7693L31.2308 30.7V25.2307L32 25.2307V32Z" fill="%2348000C"/></g></svg>');
}
.icon-box-laundry {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><mask id="mask0_229_3192" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="48" height="48"><rect width="48" height="48" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_229_3192)"><path d="M13.2996 41.4C12.5746 41.4 11.9434 41.1311 11.4061 40.5935C10.8684 40.0561 10.5996 39.425 10.5996 38.7V9.29998C10.5996 8.57498 10.8684 7.94364 11.4061 7.40598C11.9434 6.86864 12.5746 6.59998 13.2996 6.59998H34.6996C35.4246 6.59998 36.0559 6.86864 36.5936 7.40598C37.1309 7.94364 37.3996 8.57498 37.3996 9.29998V38.7C37.3996 39.425 37.1309 40.0561 36.5936 40.5935C36.0559 41.1311 35.4246 41.4 34.6996 41.4H13.2996ZM13.2996 40.3H34.6996C35.0996 40.3 35.4663 40.1333 35.7996 39.8C36.1329 39.4666 36.2996 39.1 36.2996 38.7V9.29998C36.2996 8.89998 36.1329 8.53331 35.7996 8.19998C35.4663 7.86664 35.0996 7.69998 34.6996 7.69998H13.2996C12.8996 7.69998 12.5329 7.86664 12.1996 8.19998C11.8663 8.53331 11.6996 8.89998 11.6996 9.29998V38.7C11.6996 39.1 11.8663 39.4666 12.1996 39.8C12.5329 40.1333 12.8996 40.3 13.2996 40.3ZM24.0116 36C26.1873 36 28.0459 35.2251 29.5876 33.6755C31.1289 32.1261 31.8996 30.2636 31.8996 28.088C31.8996 25.9123 31.1248 24.0536 29.5751 22.512C28.0258 20.9706 26.1633 20.2 23.9876 20.2C21.8119 20.2 19.9533 20.9748 18.4116 22.5245C16.8703 24.0738 16.0996 25.9363 16.0996 28.112C16.0996 30.2876 16.8744 32.1463 18.4241 33.688C19.9734 35.2293 21.8359 36 24.0116 36ZM23.9996 34.35C23.1626 34.35 22.3581 34.2 21.5861 33.9C20.8141 33.6 20.1519 33.15 19.5996 32.55L28.4496 23.7C29.0496 24.2666 29.4996 24.9336 29.7996 25.701C30.0996 26.4683 30.2496 27.268 30.2496 28.1C30.2496 29.836 29.6419 31.3116 28.4266 32.527C27.2113 33.7423 25.7356 34.35 23.9996 34.35ZM15.7836 13.6C16.2943 13.6 16.7246 13.4136 17.0746 13.041C17.4246 12.6686 17.5996 12.227 17.5996 11.716C17.5996 11.2053 17.4214 10.775 17.0651 10.425C16.7088 10.075 16.2673 9.89998 15.7406 9.89998C15.2466 9.89998 14.8163 10.0781 14.4496 10.4345C14.0829 10.7908 13.8996 11.2323 13.8996 11.759C13.8996 12.253 14.0859 12.6833 14.4586 13.05C14.8309 13.4166 15.2726 13.6 15.7836 13.6ZM21.9836 13.6C22.4943 13.6 22.9246 13.4136 23.2746 13.041C23.6246 12.6686 23.7996 12.227 23.7996 11.716C23.7996 11.2053 23.6214 10.775 23.2651 10.425C22.9088 10.075 22.4673 9.89998 21.9406 9.89998C21.4466 9.89998 21.0163 10.0781 20.6496 10.4345C20.2829 10.7908 20.0996 11.2323 20.0996 11.759C20.0996 12.253 20.2859 12.6833 20.6586 13.05C21.0309 13.4166 21.4726 13.6 21.9836 13.6Z" fill="%2348000C"/></g></svg>');
}

/* Icon Menu */
.icon-menu {
    --gap: var(--spacing-3lg);
    /* margin-left: calc(var(--gap) * -1 / 2);
    margin-right: calc(var(--gap) * -1 / 2); */
}

.icon-menu .swiper {
    overflow: visible;
}

.icon-menu .swiper-slide {
    width: auto !important;
    padding-left: calc(var(--gap) / 2);
    padding-right: calc(var(--gap) / 2);
}

.icon-menu .swiper-slide:first-child {
    padding-left: 0;
}

.icon-menu .swiper-slide:last-child {
    padding-right: 0;
}

.icon-menu .swiper-slide:not(:last-child):after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 6.4rem;
    width: 0.1rem;
    background-color: #e2dbd8;
}

.icon-menu .tab {
    width: 17rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-2xs);
}

html.no-touchevents .icon-menu .tab:hover .icon {
    scale: 1.1;
}

.icon-menu .icon {
    width: 5rem;
    aspect-ratio: 1;
    transition: scale var(--duration) var(--timing-function);
}

.icon-menu .icon-text {
    text-align: center;
    text-wrap: balance;
    color: var(--color-maroon);
}

/* PAGE */
/* PAGE: INDEX */
/* Sponsor Marquee */
[data-section="sponsor-marquee"] .sponsor-marquee {
    --gap: var(--spacing-lg);
    padding: var(--spacing-sm) 0;
}

.sponsor-marquee .marquee {
    gap: var(--gap);
    padding-left: calc(var(--gap) / 2);
    padding-right: calc(var(--gap) / 2);
}

.sponsor-marquee .sponsor {
    width: 10.2083333333vw;
    aspect-ratio: 1.3363636364;
    filter: grayscale(1);
    transition: filter var(--duration) var(--timing-function);
}

html.no-touchevents .sponsor-marquee .sponsor:hover {
    filter: grayscale(0);
}

/* PAGE: PRODUCT SINGLE */
/* Product Cta */
.product-cta {
    position: fixed;
    bottom: var(--spacing-container);
    right: var(--spacing-container);
    z-index: 50;
}

.product-cta-menu {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2xs);
    align-items: center;
    transform: translateY(var(--spacing-md));
    opacity: 0;
    pointer-events: none;
    transition: var(--duration) var(--timing-function);
}
.overlap-footer .product-cta-menu .cta-item,
.overlap-footer .product-cta-trigger {
    background-color: var(--color-ruby);
}
.product-cta-menu.active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
.product-cta-menu .cta-item {
    width: 7.6rem;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: var(--color-maroon);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-4xs);
    color: var(--color-soft-ivory) !important;
    transition: var(--duration) var(--timing-function);
}
.product-cta-menu .cta-item:hover {
    transform: scale(1.18);
    background-color: var(--color-ruby);
}
.product-cta-menu .cta-icon {
    height: 2rem;
    aspect-ratio: 1;
}
.product-cta-menu .cta-text > * {
    line-height: 1;
    font-size: var(--font-size-body-2);
}

.product-cta-trigger {
    position: relative;
    z-index: 10;
    width: 5.6rem;
    aspect-ratio: 1;
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--color-maroon);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-5xs);
    margin: 0 auto;
    margin-top: var(--spacing-2xs);
    transition: var(--duration) var(--timing-function);
}
.product-cta-trigger:hover {
    background-color: var(--color-ruby);
}
.product-cta-trigger .circle {
    width: 0.6rem;
    aspect-ratio: 1;
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--color-white);
}

/* Product Page Popup */
/* .mfp-wrap,
.mfp-bg {
    top: 0 !important;
    position: fixed !important;
    height: 100lvh !important;
    width: 100vw !important;
    overflow: hidden auto !important;
} */
.content-popup {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.content-popup-scroll {
    overflow: auto;
    height: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.content-popup-scroll::-webkit-scrollbar {
    display: none;
    width: 0px;
    overflow: hidden;
}

.content-popup .mfp-close {
    opacity: 1;
    width: 2rem;
    height: 2rem;
    top: var(--spacing-sm);
    right: var(--spacing-sm);
    color: transparent;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M1.93036 21.4734L0.925781 20.4688L10.347 11.048L0.925781 1.62714L1.93036 0.622559L11.3512 10.0438L20.772 0.622559L21.7766 1.62714L12.3554 11.048L21.7766 20.4688L20.772 21.4734L11.3512 12.0521L1.93036 21.4734Z" fill="%231C1B1F"/></svg>');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

html.no-touchevents .content-popup .mfp-close:hover {
    filter: var(--color-filter-ruby);
}

#size-popup.content-popup {
    width: 104.5rem;
    height: 65rem;
}

#price-popup.content-popup {
    width: 51.2rem;
    height: 53rem;
}
.content-popup .content-popup-inner {
    background-color: var(--color-soft-ivory);
    padding: var(--spacing-2xl) var(--spacing-4xl);
    overflow: hidden;
}

.content-popup .popup-ttl {
    text-align: center;
    margin-bottom: var(--spacing-2sm);
}

.content-popup .tab-links {
    --gap: var(--spacing-lg);
    margin-left: calc(var(--gap) * -1 / 2);
    margin-right: calc(var(--gap) * -1 / 2);
}

.content-popup .tab-links .swiper {
    overflow: visible;
}

.content-popup .tab-links .swiper-slide {
    width: auto !important;
}

.content-popup .tab-links .tab .tab-link {
    display: flex;
    align-items: center;
    height: 4.7rem;
    transition: var(--duration) var(--timing-function);
    color: var(--color-maroon);
    padding-left: calc(var(--gap) / 2);
    padding-right: calc(var(--gap) / 2);
}

.content-popup .tab-links .tab .tab-link.active {
    color: var(--color-white);
    background-color: var(--color-maroon);
    padding: 0 var(--spacing-2sm);
    border-radius: 5rem;
}

.content-popup .tab-contents {
    margin-top: var(--spacing-2lg);
}

.content-popup .tab-content .media *:is(img, video) {
    position: static;
    width: auto;
    height: auto;
    object-fit: contain;
    object-position: center;
}

/* PAGE: SERVICES */
[data-section="service"] .info-column {
    margin-top: var(--spacing-4xl);
}

/* PAGE: ABOUT */
/* Hero */
[data-section="about-hero"] .about-media {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    aspect-ratio: 1.3271889401;
}

[data-section="about-hero"] .about-media .media-inner {
    height: 100%;
}

/* About Info Text */
[data-section="about-info"] .about-info-text {
    max-width: 74rem;
    margin: 0 auto;
    text-align: center;
}

/* About Gallery */
[data-section="about-gallery"] .card-container {
    --column: 3;
    --gap-x: var(--spacing-3xs);
}

[data-section="about-gallery"] .swiper {
    overflow: visible;
}

[data-section="about-gallery"] .about-gallery-media {
    width: 100%;
    aspect-ratio: 0.6671532847;
    position: relative;
}

[data-section="about-gallery"] .about-gallery-media:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 21.89781022%;
    opacity: 0.8;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
}

[data-section="about-gallery"] .about-gallery-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: var(--spacing-sm) var(--spacing-lg);
    color: var(--color-white);
    text-align: center;
}

[data-section="about-gallery"] .about-gallery-text .word-animate {
    animation-delay: calc(0.3s * var(--index));
}

/* About Standards */
[data-section="about-standards"] .sc-header {
    margin-bottom: var(--spacing-2lg);
}

[data-section="about-standards"] .sc-header .sc-ttl {
    margin-bottom: var(--spacing-4xs);
}

[data-section="about-standards"] .standards-container {
    --gap: var(--spacing-5xl);
    margin-left: calc(var(--gap) * -1 / 2);
    margin-right: calc(var(--gap) * -1 / 2);
}

[data-section="about-standards"] .swiper {
    overflow: visible;
}

[data-section="about-standards"] .swiper-slide {
    width: auto !important;
    padding-left: calc(var(--gap) / 2);
    padding-right: calc(var(--gap) / 2);
}

[data-section="about-standards"] .standard {
    height: 10rem;
    max-width: 14rem;
    position: relative;
    background-color: var(--color-soft-ivory);
}

[data-section="about-standards"] .standard .normal-blend-mode {
    height: 100%;
    z-index: 1;
    position: relative;
}

[data-section="about-standards"] .standard .mix-blend-mode {
    z-index: 5;
    position: absolute;
    inset: 0;
    transition: opacity var(--duration) var(--timing-function);
    background-color: var(--color-soft-ivory);
}

[data-section="about-standards"] .standard *:is(img, video) {
    height: 100%;
    width: auto;
    position: static;
    object-fit: contain;
}

[data-section="about-standards"] .standard .mix-blend-mode *:is(img, video) {
    mix-blend-mode: multiply;
}

html.no-touchevents [data-section="about-standards"] .standard:hover .mix-blend-mode {
    opacity: 0;
}

[data-section="about-standards"] .button-wrapper {
    text-align: center;
    margin-top: var(--spacing-2lg);
}

/* Stats Container */
[data-section="stats-banner"] {
    min-height: 52.8rem;
    color: var(--color-white);
    display: flex;
    justify-content: center;
    align-items: center;
}

[data-section="stats-banner"] .media-bg {
    position: absolute;
    inset: 0;
}

[data-section="stats-banner"] .media-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(var(--color-maroon-rgb), 0.85);
    z-index: 1;
}

[data-section="stats-banner"] .media-bg .media-bg-inner {
    height: 100%;
}

[data-section="stats-banner"] .sc-text {
    max-width: 85rem;
    margin: 0 auto;
    text-align: center;
    text-wrap: balance;
    margin-bottom: var(--spacing-3lg);
}

[data-section="stats-banner"] .stats-container {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

[data-section="stats-banner"] .stat {
    --gap: var(--spacing-2xl);
    padding-left: var(--gap);
    padding-right: var(--gap);
    position: relative;
}

[data-section="stats-banner"] .stat:first-child {
    padding-left: 0;
}

[data-section="stats-banner"] .stat:last-child {
    padding-right: 0;
}

[data-section="stats-banner"] .stat:not(:last-child):after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0.1rem;
    height: 100%;
    background-color: rgba(var(--color-warm-clay-rgb), 0.6);
    z-index: 1;
}

[data-section="stats-banner"] .stat .number .countup {
    font-family: var(--font-heading);
    font-size: var(--font-size-h1);
    line-height: 1;
    font-weight: var(--font-weight-extra-light);
    letter-spacing: 0.0126rem;
    margin-bottom: var(--spacing-4xs);
}

[data-section="stats-banner"] .stat .text {
    font-family: var(--font-heading-subttl);
    font-size: var(--font-size-tagline);
    font-weight: var(--font-weight-extra-light);
    text-transform: uppercase;
    letter-spacing: 0.044rem;
}

/* About Timeline */
[data-section="about-timeline"] .sc-header {
    margin-bottom: var(--spacing-2lg);
}

[data-section="about-timeline"] .timeline-item {
    display: flex;
    align-items: center;
    grid-gap: var(--spacing-xs);
    justify-content: space-between;
    padding: var(--spacing-2sm) 0;
    position: relative;
    transition: var(--duration) var(--timing-function);
}

[data-section="about-timeline"] .timeline-item:not(:first-child) {
    border-top: 0.1rem solid var(--color-warm-clay);
}

[data-section="about-timeline"] .timeline-item .year,
[data-section="about-timeline"] .timeline-item .timeline-media {
    width: 25%;
}

[data-section="about-timeline"] .timeline-item .timeline-content {
    width: 40%;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4xs);
}

.timeline-item .timeline-content .desc {
    display: none;
}

.timeline-item .media {
    width: 12rem;
    aspect-ratio: 3 / 2;
    margin-left: auto;
    transition: var(--duration) var(--timing-function);
}

.timeline-item.active .media {
    width: 100%;
}

.timeline-item .year > * {
    transition: var(--duration) var(--timing-function);
    letter-spacing: 0.084rem;
}

.timeline-item.active .year > * {
    font-size: var(--font-size-h3) !important;
}

.timeline-item .timeline-content .title {
    text-align: center;
}

.timeline-item.active .timeline-content .title {
    text-align: left;
}

/* About Video */
[data-section="fullscreen-video"] .media {
    width: 100vw;
    height: 100vh;
}

[data-section="fullscreen-video"] .media .media-inner {
    height: 100%;
}

/* PAGE: PORTFOLIO */
[data-section="portfolio"] .tab-links {
    margin-bottom: var(--spacing-2lg);
}

[data-section="portfolio"] .portfolio-gallery {
    display: flex;
    gap: var(--spacing-4xl);
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 var(--spacing-container);
}

.portfolio-gallery .gallery-item .gallery-item-inner {
    height: 100%;
    position: relative;
    transition: transform var(--duration) var(--timing-function);
}

[data-section="portfolio"] .portfolio-gallery .gallery-item .media *:is(img, video) {
    position: static;
    height: 25.9027777778vw;
    width: auto;
    object-fit: contain;
    object-position: center;
}

.portfolio-gallery .gallery-item:nth-child(3n + 2),
.portfolio-gallery .gallery-item:nth-child(3n + 2) .media {
    animation-delay: 0.2s;
}

.portfolio-gallery .gallery-item:nth-child(3n + 3),
.portfolio-gallery .gallery-item:nth-child(3n + 3) .media {
    animation-delay: 0.3s;
}

html.no-touchevents .portfolio-gallery .gallery-item-inner:hover {
    transform: scale(1.05);
}

[data-section="portfolio"] .load-more {
    text-align: center;
    margin-top: var(--spacing-4xl);
}

/* PAGE: JOURNAL */
.journal-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-4xl) var(--spacing-3xs);
}

.journal-item {
    position: relative;
}

.journal-item .item-media {
    width: 100%;
    aspect-ratio: 3 / 4;
    overflow: hidden;
}

.journal-item .item-media .item-media-inner {
    height: 100%;
}

.journal-item .item-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-4xs);
    margin-top: var(--spacing-xs);
    text-align: center;
}

.journal-item .item-content .item-desc > * {
    line-clamp: 2;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: balance;
}

.journal-item.large {
    grid-column: span 3;
    max-width: 52.3706896552%;
    justify-self: center;
}

.journal-item.large .item-media {
    aspect-ratio: 1;
}

html.no-touchevents .journal-item:hover .item-media *:is(picture, figure) {
    transform: scale(1.05) !important;
}

[data-section="journal"] .load-more {
    text-align: center;
    margin-top: var(--spacing-4xl);
}

/* PAGE: JOURNAL SINGLE */
[data-section="journal-single"] .container {
    max-width: 89rem;
}

[data-section="journal-single"] .share-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-xs);
    margin-top: var(--spacing-5xl);
}

/* Other Journal */
[data-section="other-journal"] .card-container {
    --column: 3;
    --gap-x: var(--spacing-3xs);
}

[data-section="other-journal"] .swiper {
    overflow: visible;
}

/* PAGE: FAQ */
[data-section="faq"] .container {
    max-width: 85rem;
}

[data-section="faq"] .accordion:not(:first-child) .entry-title {
    padding-top: var(--spacing-2md);
}

[data-section="faq"] .accordion .entry-title > * {
    transition: var(--duration) var(--timing-function);
    min-height: calc(var(--font-size-h3) * var(--line-height-h3));
    display: flex;
    align-items: center;
}

[data-section="faq"] .accordion.active .entry-title > * {
    font-size: var(--font-size-h3) !important;
    line-height: var(--line-height-h3);
}

/* PAGE: CONTACT */
/* CONTACT */
[data-section="contact"] .contact-info {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    color: var(--color-maroon);
}

[data-section="contact"] .contact-info .contact-list {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3xs);
    margin: var(--spacing-4xs) 0;
}

[data-section="contact"] .contact-info .contact-item {
    display: flex;
    align-items: center;
    gap: var(--spacing-3xs);
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
}

[data-section="contact"] .contact-info .contact-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--icon-size-sm);
    height: var(--icon-size-sm);
}

[data-section="contact"] .contact-info .social {
    justify-content: flex-start;
}

[data-section="contact"] .contact-info .underline-hover {
    --rgb: var(--color-ruby-rgb);
    --hover-rgb: var(--color-ruby-rgb);
}

/* CONTACT FORM */
[data-section="contact-form"] .container {
    max-width: 85rem;
}

[data-section="contact-form"] .sc-header {
    margin-bottom: var(--spacing-lg);
}

[data-section="contact-form"] .sc-header .sc-subttl {
    margin-top: var(--spacing-xs);
}

[data-section="contact-form"] form .cta {
    text-align: center;
    margin-top: var(--spacing-2lg);
}

/* PAGE: QUOTE */
[data-section="quote"] .container {
    max-width: 85rem;
}

[data-section="quote"] .product-selection {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-3xs);
}

[data-section="quote"] form {
    color: var(--color-maroon);
}

[data-section="quote"] .form-section:not(:nth-last-child(2)) {
    margin-bottom: var(--spacing-4xl);
}

[data-section="quote"] .form-sc-ttl {
    margin-bottom: var(--spacing-2sm);
}

[data-section="quote"] .product-selection .checkbox-item {
    padding: var(--spacing-3xs);
    padding-bottom: var(--spacing-sm);
    border-radius: 0.4rem;
    border: 0.1rem solid var(--color-warm-clay);
    cursor: pointer;
    transition: var(--duration) var(--timing-function);
}

[data-section="quote"] .product-selection .checkbox-item.checked {
    border-color: var(--color-ruby);
}

[data-section="quote"] .product-selection .checkbox-item .checkbox-item-media {
    aspect-ratio: 1;
}

[data-section="quote"] .product-selection .checkbox-item .checkbox-item-media *:is(img, video) {
    user-drag: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
}

[data-section="quote"] .product-selection .checkbox-item .checkbox {
    margin-top: var(--spacing-xs);
    pointer-events: none;
}

[data-section="quote"] .product-details {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2sm);
}

[data-section="quote"] .product-detail {
    opacity: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    transition: opacity var(--duration) var(--timing-function);
    display: none;
}

[data-section="quote"] .product-detail.active {
    opacity: 1;
    height: auto;
    visibility: visible;
    display: block;
}

[data-section="quote"] .product-ttl {
    display: flex;
    gap: var(--spacing-3xs);
    align-items: center;
    width: 100%;
}

[data-section="quote"] .product-ttl:before {
    content: "";
    width: 0.8rem;
    aspect-ratio: 1;
    background-color: var(--color-ruby);
}

[data-section="quote"] .ui-datepicker-trigger {
    display: none;
}

[data-section="quote"] .date {
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 1.4rem;
    padding-right: 2rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="14" viewBox="0 0 13 14" fill="none"><path d="M1.95349 14C1.59998 14 1.30484 13.8816 1.06806 13.6448C0.83128 13.4081 0.712891 13.1129 0.712891 12.7594V2.95366C0.712891 2.60016 0.83128 2.30502 1.06806 2.06824C1.30484 1.83146 1.59998 1.71307 1.95349 1.71307H3.31196V0H4.13903V1.71307H9.63282V0H10.4008V1.71307H11.7592C12.1127 1.71307 12.4079 1.83146 12.6447 2.06824C12.8814 2.30502 12.9998 2.60016 12.9998 2.95366V12.7594C12.9998 13.1129 12.8814 13.4081 12.6447 13.6448C12.4079 13.8816 12.1127 14 11.7592 14H1.95349ZM1.95349 13.2321H11.7592C11.8775 13.2321 11.9858 13.1829 12.0843 13.0844C12.1827 12.986 12.2319 12.8777 12.2319 12.7594V6.0254H1.48082V12.7594C1.48082 12.8777 1.53004 12.986 1.62846 13.0844C1.72688 13.1829 1.83523 13.2321 1.95349 13.2321ZM1.48082 5.25727H12.2319V2.95366C12.2319 2.8354 12.1827 2.72706 12.0843 2.62864C11.9858 2.53021 11.8775 2.481 11.7592 2.481H1.95349C1.83523 2.481 1.72688 2.53021 1.62846 2.62864C1.53004 2.72706 1.48082 2.8354 1.48082 2.95366V5.25727Z" fill="%23271416"/></svg>');
}

[data-section="quote"] form .cta {
    text-align: center;
    margin-top: var(--spacing-2lg);
}

/* Date Picker */
.ui-datepicker .ui-datepicker-title {
    display: flex;
    margin: 0;
    justify-content: space-between;
}

.ui-widget.ui-widget-content {
    border: unset;
    border-radius: 0.8rem;
    background-color: var(--color-white);
    padding: var(--spacing-3xs);
    color: var(--color-ruby);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
}

.ui-widget-header {
    border: unset;
    background: unset;
}

.ui-datepicker .ui-datepicker-title select {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--font-size-body-2);
    line-height: var(--line-height-body-2);
    font-family: var(--font-body);
    border-bottom: unset;
    color: var(--color-ruby);
    user-select: none;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
}

.ui-datepicker .ui-datepicker-title select {
    position: relative;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><path d="M4.175 6.31689L8 10.1419L11.825 6.31689L13 7.50023L8 12.5002L3 7.50023L4.175 6.31689Z" fill="%2300868A"/></svg>');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 2rem;
    padding-right: 2.8rem;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.ui-datepicker select.ui-datepicker-year {
    width: 30%;
}

.ui-datepicker th {
    padding: var(--spacing-sm) var(--spacing-5xs);
    font-weight: var(--font-weight-light);
    color: var(--color-ruby);
    text-transform: uppercase;
}

.ui-datepicker th:first-child {
    padding-left: 0;
}

.ui-datepicker th:last-child {
    padding-right: 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    display: none;
}

.ui-datepicker-trigger {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
    border: none !important;
    background-color: transparent;
    border-radius: 50%;
    font-family: var(--font-body);
    font-size: var(--font-size-body-2);
    line-height: var(--line-height-body-2);
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-ruby);
}
.ui-state-active,
.ui-widget-content .ui-state-active {
    background-color: var(--color-ruby);
    color: var(--color-white);
}

/* PAGE: POLICY */
[data-section="policy"] .container {
    max-width: calc(85rem + var(--spacing-container) * 2);
}

/* PAGE: MATERIAL */
[data-section="material"] .material-columns {
    display: flex;
    flex-direction: column;
    margin-top: var(--spacing-3lg);
    gap: var(--spacing-5xl);
}

[data-section="material"] [data-section="banner"] {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

[data-section="material"] [data-section="banner"] .sc-inner .container {
    gap: var(--spacing-2sm);
}

.material-columns .card-container {
    --column: 3;
    --gap-x: var(--spacing-3xs);
    --gap-y: var(--spacing-4xl);
    margin-top: var(--spacing-4xl);
}

[data-card="material"] .card-media {
    aspect-ratio: 3 / 4;
}

[data-card="material"] .card-content {
    gap: var(--spacing-xs);
    margin-top: var(--spacing-2sm);
    text-align: center;
}

[data-card="material"] .card-content .card-ttl {
    margin-bottom: calc(-1 * var(--spacing-5xs));
}

[data-card="material"] .card-desc {
    text-wrap: balance;
}

[data-card="material"] .card-button {
    margin-top: var(--spacing-4xs);
}

html.no-touchevents [data-card="material"]:hover .card-media *:is(img, video) {
    transform: scale(1.05);
}

/* PAGE: MATERIAL SINGLE */
/* Material Single */
[data-section="material-single"] .sc-ttl {
    margin-bottom: var(--spacing-sm);
}

[data-section="material-single"] .sc-header.morph-logo .sc-ttl > h1 {
    line-height: var(--line-height-h0);
}

[data-section="material-single"] .icon-menu-ttl {
    margin-top: calc(-1 * var(--spacing-3xs));
    text-align: center;
    margin-bottom: var(--spacing-2sm);
}

[data-section="material-single"] .icon-menu-ttl [data-split-animate] .char-animate {
    animation-delay: calc(1s + var(--char-index) * 0.015s);
}

[data-section="material-single"] .icon-menu {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

[data-section="material-single"] .icon-menu .row {
    width: 100%;
    display: flex;
    justify-content: center;
}

[data-section="material-single"] .icon-menu .row:not(:last-child) {
    margin-bottom: var(--spacing-2sm);
}

[data-section="material-single"] .icon-menu .tab {
    padding: 0 var(--spacing-2sm);
}

[data-section="material-single"] .icon-menu > .tab {
    width: min(22rem, calc(100% / var(--icon-count)));
}

[data-section="material-single"] .icon-menu .row > .tab {
    width: min(22rem, calc(100% / var(--row-count)));
}

[data-section="material-single"] .icon-menu .tab:first-child {
    padding-left: 0;
}

[data-section="material-single"] .icon-menu .tab:last-child {
    padding-right: 0;
}

[data-section="material-single"] .icon-menu .tab:not(:last-child):after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 6.4rem;
    width: 0.1rem;
    background-color: var(--color-warm-clay);
}

[data-section="material-single"] .info-column {
    margin-top: var(--spacing-2lg);
}

[data-section="material-single"] .info-item .info-item-content {
    gap: var(--spacing-md);
}

.info-column .content-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: var(--spacing-2xs);
    max-width: 36rem;
}

.info-column .content-subttl {
    margin-bottom: var(--spacing-xs);
}

.info-column .content-grid .content-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-5xs);
    text-wrap: balance;
    text-align: center;
}

.info-column .content-grid .item-media {
    aspect-ratio: 1;
    width: 3.4rem;
    border-radius: 50%;
    overflow: hidden;
}

.info-column .content-grid .item-media *:is(.item-color, img) {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Other Material */
[data-section="other-material"] .card-container {
    --column: 3;
    --gap-x: var(--spacing-3xs);
}

[data-section="other-material"] .swiper {
    overflow: visible;
}

/* PAGE: NOT FOUND */
.not-found-page *:is(.announcement-bar, #header, #footer) {
    display: none;
}

[data-section="not-found"] {
    background-color: #dedfe3;
    width: 100vw;
    height: 100svh;
}

[data-section="not-found"] .bg {
    position: absolute;
    height: 100vh;
    aspect-ratio: 1.350617284;
    left: 0;
    top: 0;
}

[data-section="not-found"] .bg:after {
    content: "";
    height: 100%;
    width: 15%;
    background: linear-gradient(270deg, #dedfe3 0%, rgba(222, 223, 227, 0) 100%);
    z-index: 1;
    position: absolute;
    right: 0;
    top: 0;
}

[data-section="not-found"] .sc-inner,
[data-section="not-found"] .container {
    height: 100%;
    position: relative;
    z-index: 10;
}

[data-section="not-found"] .content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--spacing-sm);
    margin-left: auto;
    margin-right: var(--spacing-4xl);
    max-width: 36.6rem;
}

[data-section="not-found"] .content *:is(.social, .content-button) {
    margin-top: var(--spacing-5xs);
}
