:root {
    --container-default: 100%;
    --container-width: 100%;
    --container-padding: 24px;

    --header-h: 58px;

    --color-body: #000000;
    --color-body-rgb: 0,0,0;
    --color-body-bg: #ffffff;
    --color-body-bg-rgb: 255,255,255;
    --color-coal: #1E2125;
    --color-coal-rgb: 30,33,37;
    --color-gray: #8E8E8E;
    --color-gray-rgb: 142,142,142;
    --color-gray-mid: #cbcbcb;
    --color-gray-light: #F6F6F6;
    --color-gray-light-rgb: 246,246,246;
    --color-off-white: #FBFBFB;
    --color-off-white-rgb: 251,251,251;
    --color-theme-green: #65C121;
    --color-theme-green-rgb: 101,193,33;
    --color-theme-green-light: #C3F299;
    --color-theme-green-light-rgb: 195,242,153;
    
    --color-border: var(--color-gray);
    --color-error: #ff0000;
    --color-placeholder: inherit;
    
    --filter-black: brightness(0);
    --filter-white: brightness(0) invert(1);
    
    --font-heading: "Archivo", sans-serif;
    --font-body: "Lato", sans-serif;
    --weight-light: 300;
    --weight-regular: 400;
    --weight-medium: 500;
    --weight-semi: 600;
    --weight-bold: 700;
    
    --font-size-3xs: 10px;
    --font-size-2xs: 12px;
    --font-size-xs: 14px;
    --font-size-sm: 15px;
    --font-size-md: 16px;
    --font-size-lg: 20px;
    --font-size-h4: 16px;
    --font-size-h3: 16px;
    --font-size-h2: 20px;
    --font-size-h1: 32px;
    --font-size-title: 72px;

    --icon-size: 20px;
    --icon-size-lg: 24px;
    
    --line-height-xs: 1;
    --line-height-sm: 1.35;
    --line-height-md: 1.5;
    --line-height-lg: 2;
    
    --spacing-5xl: 150px;
    --spacing-5xl-minus: -150px;
    --spacing-4xl: 120px;
    --spacing-4xl-minus: -120px;
    --spacing-3xl: 100px;
    --spacing-3xl-minus: -100px;
    --spacing-2xl: 80px;
    --spacing-2xl-minus: -80px;
    --spacing-xl: 60px;
    --spacing-xl-minus: -60px;
    --spacing-2lg: 50px;
    --spacing-2lg-minus: -50px;
    --spacing-lg: 40px;
    --spacing-lg-minus: -40px;
    --spacing-2md: 36px;
    --spacing-2md-minus: -36px;
    --spacing-md: 30px;
    --spacing-md-minus: -30px;
    --spacing-2sm: 24px;
    --spacing-2sm-minus: -24px;
    --spacing-sm: 18px;
    --spacing-sm-minus: -18px;
    --spacing-xs: 16px;
    --spacing-xs-minus: -16px;
    --spacing-2xs: 12px;
    --spacing-2xs-minus: -12px;
    --spacing-3xs: 6px;
    --spacing-3xs-minus: -6px;

    --weight-body: var(--weight-light);
    --font-size-body: var(--font-size-md);
    --line-height-body: var(--line-height-md);
    --header-nav-height: 80px;
    --header-noti-height: 0px;
    --header-height: calc(var(--header-nav-height) + var(--header-noti-height));
    --input-height: 50px;
    --button-height: 48px;
    --radius: 5px;
    --radius-x2: 10px;
    --opacity: 0.5;
    --opacity-light: 0.3;
    
    --transition: 0.4s;
    --transition-x2: 0.8s;
    --timing-function: ease-in-out;
}

/*========== FIX STYLE:THEME ==========*/
.c-body { color: var(--color-body) !important;}
.c-gray { color: var(--color-gray) !important;}
.c-error { color: var(--color-error) !important;}

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

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

.margin-top-xl:not(:first-child) { margin-top: var(--spacing-xl) !important;}
.margin-top-lg:not(:first-child) { margin-top: var(--spacing-lg) !important;}
.margin-top-md:not(:first-child) { margin-top: var(--spacing-md) !important;}
.margin-top-2sm:not(:first-child) { margin-top: var(--spacing-2sm) !important;}
.margin-top-sm:not(:first-child) { margin-top: var(--spacing-sm) !important;}
.margin-top-xs:not(:first-child) { margin-top: var(--spacing-xs) !important;}
.margin-top-2xs:not(:first-child) { margin-top: var(--spacing-2xs) !important;}
.margin-top-3xs:not(:first-child) { margin-top: var(--spacing-3xs) !important;}

.margin-bottom-xl:not(:last-child) { margin-bottom: var(--spacing-xl) !important;}
.margin-bottom-lg:not(:last-child) { margin-bottom: var(--spacing-lg) !important;}
.margin-bottom-md:not(:last-child) { margin-bottom: var(--spacing-md) !important;}
.margin-bottom-sm:not(:last-child) { margin-bottom: var(--spacing-sm) !important;}
.margin-bottom-xs:not(:last-child) { margin-bottom: var(--spacing-xs) !important;}
.margin-bottom-2xs:not(:last-child) { margin-bottom: var(--spacing-2xs) !important;}
.margin-bottom-3xs:not(:last-child) { margin-bottom: var(--spacing-3xs) !important;}

.padding-top-xl { padding-top: var(--spacing-xl) !important;}
.padding-top-lg { padding-top: var(--spacing-lg) !important;}
.padding-top-md { padding-top: var(--spacing-md) !important;}
.padding-top-sm { padding-top: var(--spacing-sm) !important;}
.padding-top-xs { padding-top: var(--spacing-xs) !important;}
.padding-top-2xs { padding-top: var(--spacing-2xs) !important;}
.padding-top-3xs { padding-top: var(--spacing-3xs) !important;}
.padding-top-container { padding-top: var(--container-padding) !important;}

.padding-bottom-xl { padding-bottom: var(--spacing-xl) !important;}
.padding-bottom-lg { padding-bottom: var(--spacing-lg) !important;}
.padding-bottom-md { padding-bottom: var(--spacing-md) !important;}
.padding-bottom-sm { padding-bottom: var(--spacing-sm) !important;}
.padding-bottom-xs { padding-bottom: var(--spacing-xs) !important;}
.padding-bottom-2xs { padding-bottom: var(--spacing-2xs) !important;}
.padding-bottom-3xs { padding-bottom: var(--spacing-3xs) !important;}
.padding-3xs-container { padding-bottom: var(--container-padding) !important;}

.padding-y-xl { padding-top: var(--spacing-xl) !important; padding-bottom: var(--spacing-xl) !important;}
.padding-y-lg { padding-top: var(--spacing-lg) !important; padding-bottom: var(--spacing-lg) !important;}
.padding-y-md { padding-top: var(--spacing-md) !important; padding-bottom: var(--spacing-md) !important;}
.padding-y-sm { padding-top: var(--spacing-sm) !important; padding-bottom: var(--spacing-sm) !important;}
.padding-y-xs { padding-top: var(--spacing-xs) !important; padding-bottom: var(--spacing-xs) !important;}
.padding-y-2xs { padding-top: var(--spacing-2xs) !important; padding-bottom: var(--spacing-2xs) !important;}
.padding-y-3xs { padding-top: var(--spacing-3xs) !important; padding-bottom: var(--spacing-3xs) !important;}

.padding-container { padding: var(--container-padding) !important;}
.padding-x-container { padding-left: var(--container-padding) !important; padding-right: var(--container-padding) !important;}
.padding-y-container { padding-top: var(--container-padding) !important; padding-bottom: var(--container-padding) !important;}

.padding-top-header { padding-top: var(--header-height) !important;}

/*========== FIX STYLE:GENERAL ==========*/
.bg-black { background-color: #000000 !important;}
.bg-white { background-color: #ffffff !important;}
.c-black { color: #000000 !important;}
.c-white { color: #ffffff !important;}
.filter-black { -webkit-filter: brightness(0) !important; filter: brightness(0) !important;}
.filter-white { -webkit-filter: brightness(0) invert(1) !important; filter: brightness(0) invert(1) !important;}
.a-left { text-align: left !important;}
.a-right { text-align: right !important;}
.a-center { text-align: center !important;}
.margin-0 { margin: 0 !important;}
.margin-top-0 { margin-top: 0 !important;}
.margin-bottom-0 { margin-bottom: 0 !important;}
.padding-0 { padding: 0 !important;}
.padding-top-0 { padding-top: 0 !important;}
.padding-bottom-0 { padding-bottom: 0 !important;}
.uppercase { text-transform: uppercase !important;}
.nowrap { white-space: nowrap !important;}
.overflow-hidden { overflow: hidden !important;}
.hidden { display: none !important;}
.alignfull { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important;}
.w-100{ width: 100% !important; }
.h-100{ height: 100% !important; }
.underline{ text-decoration: underline; }

/*========== RESET ==========*/
*, *:before, *:after {
    box-sizing: border-box;
}
/* ::-webkit-scrollbar {
    width: 0px;
    overflow: hidden;
} */
::-moz-selection {
    background: var(--color-body);
    color: var(--color-body-bg);
}
::selection {
    background: var(--color-body);
    color: var(--color-body-bg);
}
article, aside, figcaption, figure, picture, footer, header, hgroup, main, nav, section {
    display: block;
}
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {
    margin: 0;
    position: relative;
    min-height: 100vh;
    overflow-x: hidden;
    background: var(--color-body-bg);
    color: var(--color-body);
    -webkit-animation: pageAnimation 0.8s var(--timing-function);
    animation: pageAnimation 0.8s 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 {
    0% { opacity: 0;}
    100% { opacity: 1;}
}
@keyframes pageAnimation {
    0% { opacity: 0;}
    100% { opacity: 1;}
}
h1,h2,h3,h4,h5,h6 {
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}
p {
    margin: 0;
}
address {
    font-style: normal;
}
a {
    color: inherit;
}
a, a:hover, a:focus {
    outline: 0;
    text-decoration: none;
    box-shadow: none;
}
a[href^=tel] {
    white-space: nowrap;
}
a, button, [role="button"] {
    cursor: pointer;
}
button, input, textarea, select {
    outline: 0;
    -webkit-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;
    margin: 0;
    padding: 0;
}
img {
    border: 0;
    outline: 0;
    height: auto;
    width: auto;
    max-width: 100%;
    vertical-align: middle;
}
figure {
    margin: 0;
}
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
th, td {
    padding: 0;
    font-weight: inherit;
}
iframe {
    border: 0;
}
[tabindex="-1"]:focus {
    outline: 0 !important;
}
script {
    margin: 0 !important;
}
html.lenis, html.lenis body {
    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-smooth iframe {
    /* pointer-events: none; */
}

/* ========== Post ========== */
.entry > *:not(:last-child) {
    margin-bottom: var(--spacing-md);
}

.entry-header > *:not(:first-child) {
    margin-top: var(--spacing-2xs);
}

.entry-content {
    --wp--preset--font-size--normal: var(--font-size-body);
    --wp--preset--font-size--small: var(--font-size-sm);
    --wp--preset--font-size--medium: var(--font-size-md);
    --wp--preset--font-size--large: var(--font-size-lg);
    --wp--preset--font-size--x-large: var(--font-size-xl);
    --wp--preset--font-size--huge: var(--font-size-h4);
}

.entry-content > *:not(:first-child),
.entry-content *:is(.wp-block-group, .wp-block-column, .wp-block-quote) > *:not(:first-child) {
    margin-top: var(--spacing-sm);
}
.entry-content li:not(:first-child) {
    margin-top: var(--spacing-3xs);
}
.entry-content li > *:not(:first-child) {
    margin-top: var(--spacing-3xs);
}

.entry-content *:is(h1,h2,h3,h4,h5,h6) {
    font-family: var(--font-heading);
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
}
.entry-content *:is(h5,h6) {
    font-family: var(--font-body);
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
}
.entry-content *:is(h1,h2) {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-h4);
    line-height: var(--line-height-topic);
}
.entry-content *:is(h3) {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-xl);
    line-height: var(--line-height-topic);
}
.entry-content *:is(h4) {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-lg);
}

.entry-content .has-regular-font-size {
    font-size: var(--wp--preset--font-size--normal) !important;
    line-height: inherit !important;
}
.entry-content .has-small-font-size {
    font-size: var(--wp--preset--font-size--small) !important;
    line-height: inherit !important;
}
.entry-content .has-medium-font-size {
    font-size: var(--wp--preset--font-size--medium) !important;
    line-height: inherit !important;
}
.entry-content .has-large-font-size,
.entry-content .has-larger-font-size {
    font-size: var(--wp--preset--font-size--large) !important;
    line-height: inherit !important;
}
.entry-content .has-x-large-font-size {
    font-size: var(--wp--preset--font-size--x-large) !important;
    line-height: inherit !important;
}
.entry-content .has-huge-font-size {
    font-size: var(--wp--preset--font-size--huge) !important;
    line-height: inherit !important;
}
.entry-content small {
    display: inline-block;
    font-size: 87.5%;
    color: var(--color-gray);
}
.entry-content figure {
    overflow: hidden;    
}
.entry-content .is-layout-flex {
    display: flex;
    flex-wrap: wrap;
}
.entry-content .wp-block-video {
    overflow: visible;
}
.entry-content .wp-block-image {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.entry-content .wp-block-image img {
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.entry-content .wp-block-video:not(.alignfull, .alignwide, .size-full, .size-large) {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.entry-content .wp-block-image:not(.alignfull, .alignwide, .size-full, .size-large) *:is(img, video) {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 1024px;
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
.entry-content [class*="wp-block-"] {
    list-style: none;
    padding: 0;
    max-width: 100%;
    margin: 0 auto;
}
.entry-content ul[class*="wp-block-"],
.entry-content ol[class*="wp-block-"]{
    margin-left: 1em;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.entry-content ol[class*="wp-block-"]{
    list-style-type: decimal;
}
.entry-content ul[class*="wp-block-"]{
    list-style-type: disc;
}
.entry-content *[class*="wp-block-"] figcaption {
    font-size: var(--font-size-body-sub);
    line-height: inherit;
    text-align: center;
    color: var(--color-gray);
    margin: var(--spacing-2xs) 0;
}
.entry-content *[class*="wp-block-"] figcaption:first-child {
    margin-top: 0;
}
.entry-content *[class*="wp-block-"] figcaption:last-child {
    margin-bottom: 0;
}
.entry-content [class*="wp-block-"] + *:not(:first-child),
.entry-content * + [class*="wp-block-"]:not(:first-child) {
    margin-top: var(--spacing-md);
}
.entry-content *:is(.wp-block-heading) + *:not(:first-child) {
    margin-top: var(--spacing-sm);
}
.entry-content *:is(.wp-block-image, .wp-block-video) + *:is(.wp-block-image, .wp-block-video) {
    margin-top: var(--spacing-sm);
}
.entry-content .wp-block-gallery {
    --wp--style--unstable-gallery-gap: var(--spacing-sm);
    gap: var(--wp--style--unstable-gallery-gap);
}
.entry-content .wp-block-gallery > * {
    margin: 0 !important;
}
.entry-content .wp-block-gallery .blocks-gallery-grid {
    list-style: none;
    width: auto;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    display: grid;
    grid-gap: var(--spacing-sm);
    grid-template-columns: 100%;
}
.entry-content .wp-block-gallery .blocks-gallery-grid > li {
    flex: none !important;
    flex-basis: auto !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}
.entry-content .wp-block-gallery.columns-2 .blocks-gallery-grid {
    grid-template-columns: repeat(2,1fr);
}
.entry-content .wp-block-gallery.columns-3 .blocks-gallery-grid {
    grid-template-columns: repeat(3,1fr);
}
.entry-content .wp-block-gallery.columns-4 .blocks-gallery-grid {
    grid-template-columns: repeat(4,1fr);
}
.entry-content .wp-block-gallery.columns-5 .blocks-gallery-grid {
    grid-template-columns: repeat(5,1fr);
}
.entry-content .wp-block-gallery.columns-6 .blocks-gallery-grid {
    grid-template-columns: repeat(6,1fr);
}
.entry-content .wp-block-gallery.columns-7 .blocks-gallery-grid {
    grid-template-columns: repeat(7,1fr);
}
.entry-content .wp-block-gallery.columns-8 .blocks-gallery-grid {
    grid-template-columns: repeat(8,1fr);
}
.entry-content .wp-block-gallery .blocks-gallery-item,
.entry-content .wp-block-gallery .blocks-gallery-item > * {
    display: block;
    width: 100%;
}

.entry-content .wp-block-columns {
    justify-content: space-between;
}
.entry-content .wp-block-columns.is-layout-flex {
    gap: var(--spacing-sm) var(--spacing-container);
}
.entry-content .wp-block-columns .wp-block-column {
    margin: 0;
}
.entry-content .wp-block-columns .wp-block-image {
    width: 100%;
}

.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 .wp-block-quote {
    padding: 0 var(--spacing-md);
    border-left: 4px solid var(--color-theme);
}

.entry-content .wp-block-navigation {
    gap: unset;
    display: block;
    padding: 0;
    background: none;
    border: 0;
}
.entry-content .wp-block-navigation .wp-block-navigation__responsive-container {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    z-index: 1 !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    color: inherit !important;
    display: block !important;
    margin: 0 !important;
}
.entry-content .wp-block-navigation .wp-block-navigation__responsive-container-open,
.entry-content .wp-block-navigation .wp-block-navigation__responsive-container-close {
    display: none !important;
}
.entry-content .wp-block-navigation .wp-block-navigation__responsive-container-content {
    gap: unset !important;
    display: block !important;
    margin: 0 !important;
}
.entry-content .wp-block-navigation .wp-block-navigation__container {
    display: block;
    padding: 0;
    list-style-type: decimal;
    list-style-position: inside;
}
.entry-content .wp-block-navigation .wp-block-navigation-item {
    display: list-item;
    list-style: inherit
}
.entry-content .wp-block-navigation .wp-block-navigation-item:not(:first-child) {
    margin-top: var(--spacing-2xs) !important;
}
.entry-content .wp-block-navigation .wp-block-navigation-item a:hover {
    box-shadow: var(--cta-shadow);
}
.entry-content .wp-block-navigation .wp-block-navigation-item__content {
    box-shadow: none;
    display: inline;
}

.entry-content [class*="wp-block-"].alignfull {
	width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

*:is(.entry-content, .entry-link) a:not([class]) {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
}
.bg-theme *:is(.entry-content, .entry-link) a:not([class]) {
    color: inherit;
}
*:is(.entry-content, .entry-link) a:not([class]):hover,
.bg-theme *:is(.entry-content, .entry-link) a:not([class]) {
    box-shadow: var(--cta-shadow);
}

.entry-content.list-gap-sm p + *:is(ul,ol):not(:first-child),
.entry-content.list-gap-sm li:not(:first-child) {
    margin-top: var(--spacing-3xs);
}

.entry-link ul {
    display: flex;
    flex-wrap: wrap;
    grid-gap: var(--spacing-xs);
}
.entry-link ul > li {
    width: 100%;
}

.entry-table table tr > * {
    padding: var(--spacing-xs) 0;
    text-align: left;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: var(--color-gray-light);
}
.entry-table table tr > *:not(:last-child) {
    padding-right: var(--spacing-xs);
}
.entry-table table thead tr > * {
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    padding-top: var(--spacing-3xs);
    padding-bottom: var(--spacing-3xs);
}
.entry-table table thead:first-child > *:first-child > * {
    padding-top: 0;
    border-top: 0;
}

.entry-tag {
    display: flex;
    flex-wrap: wrap;
    grid-gap: var(--spacing-2xs);
}
.entry-tag .tag {
    display: inline-flex;
    align-items: center;
    vertical-align: top;
    white-space: nowrap;
    width: auto;
    height: 28px;
    background: var(--color-theme) !important;
    color: var(--color-theme-couple) !important;
    border-radius: 0;
    overflow: hidden;
    padding: 0 var(--spacing-2xs);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-xs);
    text-transform: uppercase;
}

.entry-gallery .object-fit:before,
.entry-video .object-fit:before {
    padding-bottom: 56.25%;
    background: var(--color-black);
}
/* ========== End of Post ========== */

/* Select */
.select2-container .select2-selection--single{
    height: auto;
    background-color: transparent;
    border-radius: 6px;
    border: 1px solid var(--color-gray-darklight);
    display: flex;
    align-items: center;
    padding: var(--spacing-sm);
}
.bg-gray-dark .select2-container .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__placeholder{
    color: var(--color-body-bg);
}
.select2-container .select2-selection--single .select2-selection__rendered{
    line-height: normal;
}
.select2-dropdown{
    border: 0;
    overflow: hidden;
    border-radius: var(--spacing-xs) !important;
    padding: var(--spacing-xs);
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    position: relative;
    right: unset;
    top: unset;
    height: unset;
    width: unset;
    margin-left: var(--spacing-3xs);
}
.select2-container--default .select2-selection--single .select2-selection__arrow::before{
    content: '\e90c';
    font-family: 'iconfont';
    font-size: var(--font-size-3xs);
    color: var(--color-body-bg);
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    display: none
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color: var(--color-body-bg);
}


/* CHECKBOX&RADIO:START */
label.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-2xs));
    line-height: inherit;
    min-width: 1em;
    min-height: 1em;
    height: auto;
    cursor: pointer;
    user-select: none;
}
.choice input:disabled + span{
    opacity: 0.25;
    pointer-events: none;
}
.choice input + span:before,
.choice input + span:after {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--font-size-body);
    height: var(--font-size-body);
    color: rgba(var(--color-body-rgb),1);
    overflow: hidden;
    line-height: 1;
    margin: 0;
    position: absolute;
    left: 0; 
    top: 0.25ex;
}
.choice input + span:before {
    background: none;
    border: 1px solid;
}
.choice input + span:after {
    background: var(--color-body);
	opacity: 0;
    transform: scale(0.5);
    transition: opacity .1s;
}
.choice input:checked + span:after {
    opacity: 1;
}
.choice input[type="radio"] + span:before,
.choice input[type="radio"] + span:after {
    border-radius: 50%;
}
.choice input[type="checkbox"] + span:after {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.15em 0 0;
    font-family: 'iconfont';
    content: "\e923";
    font-weight: normal;
    font-size: 0.5em;
    line-height: normal;
    background: none;
    border: 1px solid transparent;
    color: var(--color-theme-green);
    transform: none;
}

/* CHECKBOX&RADIO:END */

.input-group {
    width: 100%;
    position: relative;
}
.input-group label:not(.choice){
    position: absolute;
    color: var(--color-body);
    opacity: 0.3;
    transition: all var(--transition) var(--timing-function);
}
.input-group.filled label:not(.choice){
    top: var(--spacing-3xs) !important;
    font-size: var(--font-size-2xs) !important;;
    transform: unset !important;;
}
.input-group:not(.input-textarea) label:not(.choice){
    top: 50%;
    transform: translateY(-50%);
    left: var(--spacing-xs);
}
.input-group.input-textarea label:not(.choice){
    top: var(--spacing-sm);
    left: var(--spacing-xs);
}
.input-group input{
    width: 100%;
    height: var(--input-height);
    border-radius: 46px;
    padding: 0 var(--spacing-xs);
    padding-top: var(--spacing-2xs);
    background-color: var(--color-gray-light);
}
.input-group textarea{
    width: 100%;
    resize: none;
    padding: var(--spacing-sm) var(--spacing-xs);
    padding-top: var(--spacing-2sm);
    background-color: var(--color-gray-light);
    border-radius: 24px;
}
.input-group input:-internal-autofill-selected,
.input-group textarea:-internal-autofill-selected,
.input-group select:-internal-autofill-selected {
    color: inherit;
}
.input-group input:disabled,
.input-group textarea:disabled,
.input-group select:disabled,
.input-group .select2-container--default.select2-container--disabled .select2-selection--single {
    cursor: default;
    opacity: 0.1;
}
.input-group input[type="checkbox"]:disabled,
.input-group input[type="radio"]:disabled {
    background-color: transparent;
}
.input-group :-ms-input-placeholder {
    font-size: inherit !important;
    font-weight: var(--font-weight-body) !important;
    font-style: normal !important;
    text-transform: none !important;
    color: inherit !important;
    opacity: 1 !important;
}
.input-group ::-webkit-input-placeholder {
    font-size: inherit !important;
    font-weight: var(--font-weight-body) !important;
    font-style: normal !important;
    text-transform: none !important;
    color: inherit !important;
    opacity: 1 !important;
}
.input-group ::-moz-placeholder {
    font-size: inherit !important;
    font-weight: var(--font-weight-body) !important;
    font-style: normal !important;
    text-transform: none !important;
    color: inherit !important;
    opacity: 1 !important;
}
.input-group ::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}
.input-group ::-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;
}
.page-nav .select,
.page-nav .select-sort{
    position: relative;
}
.input-group :-ms-input-placeholder {
    font-size: inherit !important;
    font-weight: var(--font-weight-bold) !important;
    font-style: normal !important;
    text-transform: none !important;
    color: inherit !important;
    opacity: 1 !important;
}
.input-group ::-webkit-input-placeholder {
    font-size: inherit !important;
    font-weight: var(--font-weight-bold) !important;
    font-style: normal !important;
    text-transform: uppercase !important;
    color: inherit !important;
    opacity: 1 !important;
}
.input-group ::-moz-placeholder {
    font-size: inherit !important;
    font-weight: var(--font-weight-bold) !important;
    font-style: normal !important;
    text-transform: uppercase !important;
    color: inherit !important;
    opacity: 1 !important;
}
.page-nav .select2-container--default .select2-selection--single .select2-selection__rendered{
    color: var(--color-body-bg);
    padding: 0;
}
.page-nav .select2-container--default .select2-results__option{
    color: var(--color-body);
    padding: var(--spacing-3xs) 0;
    transition: all var(--transition) var(--timing-function);
}
.select2-container--default .select2-results__option[aria-selected=true]{
    background-color: transparent;
}
.page-nav .select2-container--default .select2-results__option.select2-results__option--highlighted[aria-selected]{
    color: var(--color-theme-green);
    text-decoration: underline;
}
.page-filter{
    width: fit-content;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 39px;
    background-color: rgba(var(--color-body-rgb), 0.4);
    border: 1px solid var(--color-body-bg);
}

/* Default Responsive */
/*X-Large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {}

/*Larger devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
    :root{
        --container-padding: 20px;
    }
}

/*Large devices (desktops, less than 1024px)*/
@media (max-width: 1023.98px) {
    
}

/*Medium devices (tablets, less than 992px)*/
@media (min-width: 991.98px) {
    .visible-mb{
        display: none !important;
    }
}
@media (max-width: 991.98px) {
    .hidden-mb{
        display: none !important;
    }
    :root{
        --font-size-title: 48px;
    }
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    
}

/*X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    
}
/* End of Responsive */