/* Debug */
*{
    /*border: 1px solid red;*/
}
/* Reset */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* Global css */
/* *{
    cursor: none !important;
}
html:not(.cursor-init) .cursor{
    display: none;
}
.is-device.touchevents .cursor{
    display: none;
}
.cursor{
    position: fixed;
    pointer-events: none;
    width: 68px;
    height: 68px;
    z-index: 999;
    transition: all 0s ease;
    mix-blend-mode: difference;
}
.rounded{
    display: grid;
    place-items: center;
    margin-top: 10px;
    margin-left: 10px;
    width: 48px;
    height: 48px;
    border: 1px solid var(--color-body-bg);
    border-radius: 50%;
    font-size: 24px;
    transition: all 0.25s var(--timing-function);
}
.cursor.enter-card,
.cursor.enter-section{
    mix-blend-mode: normal;
}
.cursor-text{
    color: var(--color-body-bg);
    font-size: var(--font-size-sm);
}
.cursor:not(.enter-card) .ic,
.cursor:not(.enter-section) .cursor-text{
    display: none;
}
.cursor.enter-card .rounded{
    margin-top: 0px;
    margin-left: 0px;
    width: 68px;
    height: 68px;
    background-color: var(--color-body-bg);
    color: var(--color-gray-dark);
}
.cursor.enter-section .rounded{
    margin-top: -46px;
    margin-left: -46px;
    width: 163px;
    height: 163px;
    background-color: transparent;
    color: var(--color-body-bg);
} */
@-webkit-keyframes c-fadeInUp {
    0% {
        -webkit-transform: translate3d(0,var(--spacing-xl),0);
        opacity: 0;
        transform: translate3d(0,var(--spacing-xl),0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes c-fadeInUp {
    0% {
        -webkit-transform: translate3d(0,var(--spacing-xl),0);
        opacity: 0;
        transform: translate3d(0,var(--spacing-xl),0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.c-fadeInUp {
    -webkit-animation-name: c-fadeInUp;
    animation-name: c-fadeInUp
}
#page{
    position: relative;
    min-height: 100vh;
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 100%;
}
html.header-enabled,
.header-enabled body,
body.open{
    overflow: hidden;
}
section{
    background-color: var(--color-body-bg);
    position: relative;
    z-index: 2;
}
body{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#main{
    background: var(--color-body-bg);
}
.section-padding{
    padding: var(--spacing-4xl) 0;
}
.section-padding + .section-padding{
    padding-top: 0;
}
.wrapper{
    width: var(--container-default);
    padding: 0 var(--container-padding);
    margin: 0 auto;
    position: relative;
    height: 100%;
    z-index: 3;
}
.wrapper.wrapper-default{
    max-width: calc(1440px + (var(--container-padding) * 2));
}
.wrapper.wrapper-narrow{
    max-width: calc(1130px + (var(--container-padding) * 2));
}
.wrapper.wrapper-content{
    max-width: calc(862px + (var(--container-padding) * 2));
}
.media-wrapper{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.media-wrapper:not(.media-auto):before{
    content: '';
    display: block;
}
.media-wrapper.media1-1:before{
    padding-top: 100%;
}
.media-wrapper.media16-9:before{
    padding-top: calc((9 / 16) * 100%);
}
.media-wrapper.media3-2:before{
    padding-top: calc((2 / 3) * 100%);
}
.media-wrapper.media-contain *{
    object-fit: contain !important;
}
.media-wrapper *{
    transition: all var(--transition) var(--timing-function);
}
.media-wrapper:not(.media-auto) *{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.media-auto{
    object-fit: cover;
    object-position: center;
}
.media-auto.media-w100 *{
    width: 100%;
    height: auto;
}
.media-auto.media-h100 *{
    width: auto;
    height: 100%;
}
.bg-obj{
    position: absolute;
    z-index: 0;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.bg-obj.bg-overlay::after,
.intro-section .media-wrapper::after{
    content: '';
    position: absolute;
    z-index: 2;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--color-body);
    opacity: 0.2;
    pointer-events: none;
}
.bg-obj *{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.link-overlay{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.btn-main::before,
.btn-main::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.btn-main {
    white-space: nowrap;
    text-align: center;
    pointer-events: auto;
    min-width: 164px;
	cursor: pointer;
	border: none;
	padding: 15px 40px;
	margin: 0;
	position: relative;
	display: inline-block;
	overflow: hidden;
	font-size: var(--font-size-sm);
	border-radius: 4px;
	color: var(--color-body-bg);
	background: var(--color-theme-gold);
}

.btn-main span {
	display: block;
	position: relative;
	z-index: 10;
	color: var(--color-body-bg);
}

.btn-main:hover span {
	animation: MoveScaleUpInitial 0.3s forwards, MoveScaleUpEnd 0.3s forwards 0.3s;
}

@keyframes MoveScaleUpInitial {
	to {
		transform: translate3d(0,-105%,0) scale3d(1,2,1);
		opacity: 0;
	}
}

@keyframes MoveScaleUpEnd {
	from {
		transform: translate3d(0,100%,0) scale3d(1,2,1);
		opacity: 0;
	}
	to {
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}

.btn-main::before {
	content: '';
	background: #000;
	width: 120%;
	height: 0;
	padding-bottom: 120%;
	top: -110%;
	left: -10%;
	border-radius: 50%;
	transform: translate3d(0,68%,0) scale3d(0,0,0);
}

.btn-main:hover::before {
	transform: translate3d(0,0,0) scale3d(1,1,1);
	transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}

.btn-main::after {
	content: '';
	background: #000;
	transform: translate3d(0,-100%,0);
	transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}

.btn-main:hover::after {
	transform: translate3d(0,0,0);
	transition-duration: 0.05s;
	transition-delay: 0.4s;
	transition-timing-function: linear;
}

/* End of Global css */
/* Font */
.fw-light{
    font-weight: var(--weight-light);
}
.fw-regular{
    font-weight: var(--weight-regular);
}
.fw-medium{
    font-weight: var(--weight-medium);
}
.fw-bold{
    font-weight: var(--weight-bold);
}
.ff-heading{
    font-family: var(--font-heading);
}
body,
.main-menu,
.ff-body{
    font-family: var(--font-body);
}
.fs-h1{
    font-size: var(--font-size-h1);
}
.fs-h1.ff-heading{
    line-height: 1;
}
.fs-h2{
    font-size: var(--font-size-h2);
}
.fs-h2.ff-heading{
    line-height: 1.08696;
}
.fs-h3{
    font-size: var(--font-size-h3);
}
.fs-h3.ff-heading{
    line-height: 1.16;
}
.fs-h4{    
    font-size: var(--font-size-h4);
}
.fs-h5{    
    font-size: var(--font-size-h5);
}
body,
.fs-body{
    font-size: var(--font-size-sm);
    line-height: normal;
}
.fs-sub1,
.fs-btn,
.bottom-menu a,
.footer-menu a{
    font-size: var(--font-size-sm);
}
.fs-sub2{
    font-size: var(--font-size-xs);
}
.c-gold{
    color: var(--color-theme-gold);
}
.c-gold-light{
    color: var(--color-theme-gold-light);
}
.bg-gray-light{
    background-color: var(--color-gray-light);
}
.bg-gray-dark{
    background-color: var(--color-gray-dark);
}
.c-gray-darklight{
    color: var(--color-gray-darklight);
}
/* End of Font */

/* Header */
#header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 998;
    width: 100%;
    height: var(--header-h);
    background-color: transparent;
    color: var(--color-body-bg);
    transition: all var(--transition) var(--timing-function);
}
.header-init #header{
    color: var(--color-body);
}
.page-scrolling body:not(.open) #header,
.header-init body:not(.open) #header{
    background-color: var(--color-body-bg);
    color: var(--color-body);
}
.page-scrolling body:not(.open) #header .site-logo svg > g > path:not(:nth-last-child(-n+3)),
.header-init body:not(.open) #header .site-logo svg > g > path:not(:nth-last-child(-n+3)){
    fill: var(--color-body) !important;
}
#header .header-container{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 var(--container-padding);
    grid-column-gap: 70px;
}
#header .site-logo svg{
    width: auto;
    height: 46px;
}
#header .site-logo svg > g > path{
    transition: fill var(--transition) var(--timing-function);
}
.header-container .header-m{
    flex-grow: 1;
}
.main-menu{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-gap: var(--spacing-2sm);
}
.secondary-menu{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    grid-gap: var(--spacing-2sm);
}
.menu-item,
.btn-text{
    position: relative;
    white-space: nowrap;
}
.menu-item.menu-item-has-children > a{
    position: relative;
    padding-right: var(--spacing-sm);
}
.menu-item > a::before,
.btn-text::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: var(--color-body-bg);
    mix-blend-mode: difference;
    max-width: 0px;
    transition: max-width var(--transition) var(--timing-function);
}
.btn-text::before{
    mix-blend-mode: normal;
    background-color: currentColor;
}
.menu-item > a:hover::before,
.btn-text:hover::before{
    max-width: 100%;
}
.menu-item.menu-item-has-children > a::after{
    content: '\e90c';
    font-family: 'iconfont';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 8px;
}
.mobile-menu .menu-item.menu-item-has-children > a::after{
    content: '\e90a';
}
.mobile-menu .menu-item.menu-item-has-children .sub-menu{
    display: none;
}
.mobile-menu .menu-item.menu-item-has-children .sub-menu > *{
    margin-top: var(--spacing-xs);
}
.main-menu .sub-menu,
.secondary-menu .sub-menu{
    padding: var(--spacing-2sm);
    border-radius: var(--spacing-2xs);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,calc(100% + 40px));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    grid-gap: var(--spacing-2sm);
    background-color: var(--color-body-bg);
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all var(--transition) var(--timing-function);
}
.menu-item.menu-item-has-children > a{
    position: relative;
}
.menu-item.menu-item-has-children:hover > .sub-menu::before{
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 100%;
    height: 40px;
    transform: translate(-50%, -100%);
}
.menu-item.menu-item-has-children:hover a + .sub-menu,
.sub-menu.sub-open{
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
/* End of Header */

/* Footer */
footer form .input-group input{
    width: 100%;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
footer form .input-submit button{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.signup-form{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    max-width: 400px;
}
.signup-form .input-group{
    flex-grow: 1;
}
footer{
    color: var(--color-body-bg);
    background-color: var(--color-gray-dark);
}
.footer-logo{
    width: fit-content;
    display: block;
    margin-bottom: var(--spacing-sm);
}
.footer-logo img{
    width: auto;
    height: 44px;
}
.footer-menu{
    margin-top: var(--spacing-2sm);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    grid-gap: var(--spacing-2xs);
}
.support-box > *{
    flex: 0 1 50%;
}
.support-box{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: auto;
    padding: var(--spacing-sm);
    border-radius: var(--radius-x2);
    border: 1px solid rgba(var(--color-body-bg-rgb),0.1);
}
/* End of Footer */

/* Homepage */
.intro-section.intro-between .intro-content{
    left: 50%;
    transform: translateX(-50%);
    right: unset;
    width: 100%;
    max-width: calc(1130px + (var(--container-padding) * 2));
    justify-content: space-between;
    grid-column-gap: var(--spacing-xs);
}
.intro-section.intro-between .intro-content > *{
    display: flex;
    align-items: flex-start;
    width: 50%;
    height: 100%;
    padding: 10% 0;
}
.intro-section.intro-between .intro-content > *:last-child{
    align-items: flex-end;
}
.flexCard-section{
    padding: var(--spacing-sm);
}
.flexCard-container{
    width: 100%;
    height: 810px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.flexCard-container > *{
    flex: 1 1 50%;
}
.flex-card{
    transition: all var(--transition) var(--timing-function);
    position: relative;
    width: 100%;
    height: 100%;
}
.card-desc{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    color: var(--color-body-bg);
    display: flex;
    align-items: center;
    padding: var(--spacing-sm);
}
.flex-card:last-child .card-desc{
    justify-content: flex-end;
}
.offer-section{
    position: relative;
    width: 100%;
    height: 810px;
    overflow: hidden;
}
.offer-section .swiper-container{
    width: 100%;
}
.offer-section .swiper-container .swiper.swiper-offer{
    width: 100vw;
    margin-left: calc(var(--container-padding) * -1);
    padding: var(--container-padding);
    overflow: visible;
}
.offer-section .bg-obj::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: linear-gradient(180deg, rgba(34, 34, 34, 0.00) 0%, rgba(34, 34, 34, 0.60) 100%);
}
.offer-section .section-container{
    padding: var(--container-padding);
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 4;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    grid-gap: var(--spacing-md);
}
.offer-section .swiper.swiper-offer .swiper-slide{
    width: 326px;
    height: auto;
}
.offer-section .swiper.swiper-offer .swiper-slide:not(:last-child){
    margin-right: var(--spacing-sm);
}
.offer-card{
    height: 100%;
    color: var(--color-body-bg);
    display: flex;
    flex-direction: column;
    grid-row-gap: var(--spacing-lg);
    justify-content: space-between;
    align-items: flex-start;
    border: 1px solid rgba(var(--color-body-bg-rgb), 0.2);
    background: transparent;
    transition: all var(--transition) var(--timing-function);
    border-radius: 10px;
    padding: var(--spacing-2sm);
}
.swiper-slide.swiper-slide-thumb-active .offer-card,
.offer-card.active{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.30) 100%);
    backdrop-filter: blur(5px);
}
.offer-card .offer-heading{
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-column-gap: var(--spacing-xs);
}
.offer-card .offer-heading img{
    object-fit: contain;
    object-position: center;
    width: 52px;
    height: 52px;
}
.swiper.swiper-partner{
    padding-bottom: var(--spacing-xl);
}
.swiper.swiper-partner .swiper-pagination{
    text-align: left;
}
.swiper-pagination .swiper-pagination-bullet{
    border: 1px solid var(--color-theme-gold);
    background-color: var(--color-body-bg);
    opacity: 1;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: var(--color-theme-gold);
}
.partner-slide{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--spacing-lg);
    justify-items: center;
    align-items: center;
}
.partner-slide img{
    width: 100%;
    max-width: 130px;
}
.grid-slide.grid-slidePartner{
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    padding: var(--spacing-lg);
    grid-row-gap: var(--spacing-2sm);
    background-color: var(--color-body-bg);
    max-width: 600px;
    margin: 0 auto;
    width: 100%;
}
.grid-slide.grid-slidePartner > *{
    width: 100%;
}
.intro-section.banner-section .intro-content{
    left: 50%;
    transform: translateX(-50%);
    right: unset;
    width: calc(1130px + (var(--container-padding) * 2));
    max-width: 100%;
    justify-content: flex-start;
    height: 100%;
    padding: 0 var(--container-padding);
    grid-column-gap: var(--spacing-xs);
}
.intro-section.banner-section::before{
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 53.42%, rgba(0, 0, 0, 0.60) 100%);
}
.logo-section{
    padding: var(--spacing-xl) 0;
}
.swiper.swiper-logo{
    padding: 0 var(--container-padding);
    padding-bottom: var(--spacing-lg);
}
/* End of Homepage */

/* Bio */
.intro-section{
    position: relative;
    max-height: 100svh !important;
    overflow: hidden;
}
.intro-section.intro-banner{
    max-height: 400px !important;
}
.intro-content{
    z-index: 4;
    position: absolute;
    top: 0;
    left: var(--container-padding);
    right: var(--container-padding);
    bottom: 0;
    display: flex;
    align-items: center;
    max-width: 720px;
}
.aboutBio-section{
    position: relative;
    overflow: hidden;
}
.bio-content{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 13.6111111%;
    grid-row-gap: var(--spacing-2sm);
}
.draw-svg{
    position: relative;
}
.draw-svg svg {
    pointer-events: none;
    stroke-dasharray: 5000;
    stroke-dashoffset: 5000;
}  
@keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}
.svg-animated svg{
    animation: dash 5s linear forwards;
}
.draw-svg svg{
    width: auto;
    height: 115%;
    z-index: 9;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.grid-content.grid2{
    display: grid;
    grid-template-columns: repeat(2, 50%);
}
.aboutBio-section .grid-content.grid2{
    width: 100%;
}
.grid-content.grid-media4{
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-gap: 4px;
    padding: 4px;
    background-color: var(--color-body-bg);
}
.grid-content.grid-media4 > .media-crop{
    position: relative;
    width: 100%;
    height: 100%;
}
.media-crop *{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.vdo-section.bioVdo-section{
    background-color: var(--color-body-bg);
}
.vdo-section .vdo-content{
    width: fit-content;
    position: relative;
    z-index: 2;
    background-color: var(--color-body-bg);
    padding: var(--spacing-lg);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    grid-row-gap: var(--spacing-3xs);
}
.vdo-container{
    position: relative;
}
.vdo-container *{
    width: 100%;
    height: auto;
}
.circleCard-section {
    overflow: hidden;
    background-color: var(--color-body-bg);
}
.swiper-card .swiper-slide{
    width: 550px;
}
.swiper-card .swiper-slide .media-wrapper ~ *{
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all var(--transition) var(--timing-function);
}
.swiper-card .swiper-slide.swiper-slide-active .media-wrapper ~ *{
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.swiper-card .swiper-slide > .media-wrapper,
.swiper-card .swiper-slide > .media-wrapper *{
    border-radius: 50% ;
    overflow: hidden;
}
.swiper-card .swiper-slide > .media-wrapper::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-body-bg);
    opacity: 0.7;
    pointer-events: none;
    transition: all var(--transition) var(--timing-function);
}
.swiper-card .swiper-slide.swiper-slide-active > .media-wrapper::after{
    opacity: 0;
}
.heading-row{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.slide-group .wrapper.wrapper-narrow{
    position: relative;
    z-index: 4;
}
.slide-group .wrapper.wrapper-narrow + .wrapper{
    z-index: 3;
}
.heading-title{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.heading-download{
    width: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    grid-row-gap: var(--spacing-2xs);
    position: relative;
}
.slide-section{
    padding: var(--spacing-3xl) 0;
}
.swiper.swiper-graph{
    max-width: calc(100% - (var(--spacing-lg) * 2));
}
.swiper.swiper-graph .swiper-slide{
    padding: 0 var(--spacing-sm);
    height: auto;
}
.graph-item{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
    grid-row-gap: var(--spacing-sm);
}
.graph-item .graph-img{
    flex-grow: 1;
    display: flex;
    align-items: flex-end;
}
.graph-item .graph-desc{
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.swiper-button{
    width: 36px;
    height: 36px;
    border: 1px solid var(--color-theme-gold-light);
    border-radius: 50%;
    display: grid;
    place-items: center;
}
.swiper-button.swiper-button-lock{
    display: none !important;
}
.swiper-button::after{
    font-family: 'iconfont';
    font-size: var(--font-size-2xs);
    color: var(--color-theme-gold-light);
}
.swiper-button-prev::after{
    content: '\e909';
}
.swiper-button-next::after{
    content: '\e90a';
}
.slide-section .swiper-container{
    margin: var(--spacing-xl) 0;
}
.slide-section > .slide-group:not(:last-child){
    margin-bottom: var(--spacing-xl);
}
.swiper-nutrient .swiper-slide:first-child{
    width: 326px;
}
.swiper-nutrient .swiper-slide{
    width: 275px;
}
.swiper-nutrient .swiper-slide:not(:first-child){
    margin-left: var(--spacing-sm);
}
.nutrient-item{
    padding: var(--spacing-sm);
    border-radius: var(--spacing-sm);
    background-color: var(--color-gray-darklight);
}
.swiper-nutrient .swiper-slide:first-child .nutrient-item{
    background-color: var(--color-theme-gold);
    color: var(--color-body-bg);
}
.swiper-nutrient .swiper-slide:not(:first-child) .nutrient-item .fs-h3{
    color: var(--color-theme-gold);
}
.nutrient-item .nutrient-img{
    max-width: 130px;
    margin-left: auto;
}
.swiper-nutrient .swiper-slide:first-child .nutrient-item .nutrient-img{
    filter: var(--filter-white);
}
.swiper-nutrient{
    max-width: calc(100% - (var(--spacing-lg) * 2));
    overflow: visible;
}
.products-section .section-heading.heading-row > *{
    flex: 1 1 50%;
}
.products-section .swiper-button-prev{
    left: var(--container-padding);
}
.products-section .swiper-button-next{
    right: var(--container-padding);
}
.swiper-prod{
    padding: 0 var(--container-padding);
}
.swiper-prod .swiper-slide{
    width: calc(325px + (var(--spacing-sm) / 2));
    padding: 0 calc(var(--spacing-sm) / 2);
}

.grid-content.grid-testimonials{
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: var(--spacing-sm);
}
.testimonail-item{
    flex: 0 0 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    grid-row-gap: var(--spacing-sm);
}
.testimonials-container{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    grid-row-gap: var(--spacing-lg);
    flex-wrap: wrap;
}
/* End of Bio */

/* Protein */
.hoverList-section{
    width: 100%;
    height: auto;
}
.hoverList-section .grid-content.grid2{
    min-height: 810px;
}
.hoverList-section .grid-context{
    position: relative;
}
.hoverList-section .grid-heading{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: var(--spacing-2xl);
}
.hover-list{
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: calc(472px + (var(--container-padding) * 2));
    margin: 0 auto;
    padding: var(--container-padding);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    grid-row-gap: var(--spacing-sm);
}
.hover-list li{
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    padding: var(--spacing-2sm);
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-column-gap: var(--spacing-xs);
    transition: all var(--transition) var(--timing-function);
}
.hover-list li:hover{
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(5px);
}
.hoverList-section:nth-child(even) .grid-heading{
    order: -1;
}
.bottom-section{
    position: relative;
}
.bottom-section .bottom-content{
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0 10vw;
}
.bottom-section .media-wrapper::after{
    content: '';
    position: absolute;
    z-index: 2;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 53.42%, rgba(0, 0, 0, 0.60) 100%);
}
/* End of Protein */

/* Sustain */
.chart-section{
    padding: var(--spacing-4xl) 0;
    overflow: hidden;
}
.chart-container:not(:first-child){
    margin-top: var(--spacing-5xl);
}
.chart-content{
    margin: 0 auto;
    margin-top: var(--spacing-2lg);
    width: 100%;
    overflow: scroll;
}
.no-touchevents .chart-content img{
    pointer-events: none;
    width: 100%;
}
.touchevents .chart-content img{
    min-width: 862px;
}
.no-touchevents .chart-desc{
    display: none;
}
.chart-desc{
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column-gap: var(--spacing-3xs);
}
/* End of Sustain */

/* About */
.about-media{
    position: relative;
}
.about-media > *{
    position: absolute;
    width: 100%;
}
.about-media > *:first-child{
    z-index: 2;
    max-width: 59%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.about-media > *:last-child{
    z-index: 1;
    max-width: 34%;
    right: 10%;
    bottom: 10%;
}
.page-about .logo-section{
    border-top: 1px solid var(--color-theme-gold-light);
}
.logo-section .swiper-container{
    position: relative;
}
.logo-section .swiper-container .swiper-nav *{
    pointer-events: all;
}
.logo-section .swiper-container .swiper-nav{
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 30px;
    z-index: 2;
}
/* End of About */

/* Team */
.team-section{
    padding: var(--spacing-3xl) 0;
}
.team-item .media-wrapper.media-team::before{
    padding-top: calc((5 / 4) * 100%);
}
.team-item .media-wrapper{
    background: linear-gradient(0deg, #CA9F54 0%, #FFECB4 100%);
}
.team-container{
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: var(--spacing-xs);
}
.team-container .grid-content.grid2{
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 70px;
    grid-row-gap: 40px;
}
.team-container .grid-content.grid3{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 36px;
    grid-row-gap: 40px;
}
.team-item .media-wrapper,
.team-item .media-wrapper *{
    transition: all var(--transition) var(--timing-function);
}
.team-item:hover .media-wrapper{
    border-radius: 100%;
    transform: rotate(25deg);
}
.team-item:hover .media-wrapper *{
    transform: rotate(-25deg) scale(1.1);
}
/* End of Team */

/* Press */
.page-spacing{
    padding-top: var(--header-h);
}
.press-section{
    padding-bottom: var(--spacing-5xl);
}
.press-section .section-heading{
    display: flex;
    justify-content: space-between;
    padding-top: var(--spacing-xl);
    padding-bottom: var(--spacing-lg);
}
.grid-content.grid-press{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: var(--spacing-sm);
    grid-row-gap: var(--spacing-lg);
}
.press-item{
    position: relative;
}
.press-item .press-tag{
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--color-body-bg);
    width: auto;
    height: 40px;
    padding: 10px;
    z-index: 2;
}
.press-item .press-tag img{
    width: auto;
    height: 22px;
}
.press-item:hover .media-wrapper *{
    transform: scale(1.05);
}
.press-section .section-content{
    padding-bottom: var(--spacing-lg);
}
/* End of Press */

/* Contact */
.contact-content{
    position: relative;

}
.contact-content .contact-detail{
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    padding: 286px var(--container-padding);
    max-width: calc(395px + (var(--container-padding) * 2));
    margin: 0 auto;
}
.contact-content .contact-detail .contact-list,
.ir-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    grid-row-gap: var(--spacing-sm);
    margin-top: var(--spacing-md);
}
.contact-content .contact-detail .contact-list li,
.ir-list li a{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-column-gap: var(--spacing-2xs);
}
.contact-content .bg-obj.bg-overlay::after{
    opacity: 0.5;
}
.gridContent-section{
    padding: var(--spacing-3xl) 0;
}
.gridContent-container{
    display: grid;
    grid-template-columns: 5fr 7fr;
    grid-gap: var(--spacing-xs);
}
#main.page-career{
    position: relative;
    z-index: 9;
}
/* End of Contact */

/* IR */
.ir-container{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    grid-gap: var(--spacing-xl);
    flex-wrap: wrap;
}
.ir-container > *{
    width: calc(50% - (var(--spacing-xl) / 2));
}
/* End of IR */

/* Career */
.page-nav {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: var(--spacing-md);
    grid-row-gap: var(--spacing-2sm);
}
.page-nav .active{
    color: var(--color-theme-gold);
    border-bottom: 1px solid var(--color-theme-gold);
}
.career-container{
    /* display: grid;
    grid-template-columns: 100%; */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    grid-row-gap: var(--spacing-2xs);
}
.career-item{
    position: relative;
    width: 100%;
}
.career-popup{
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--color-body-bg);
    padding: var(--spacing-lg) var(--spacing-sm);
    border-radius: 10px;
    transform: translateY(calc(100% + 10px));
    opacity: 0;
    pointer-events: none;
    height: 486px;
    overflow: scroll;
    transition: all var(--transition) var(--timing-function);
}
.career-item.open::before{
    content: '';
    display: block;
    background-color: rgba(var(--color-body-rgb), 0.5);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.career-item.open .career-popup{
    opacity: 1;
    pointer-events: all;
}
.career-item.open .career-card{
    z-index: 3;
}
.career-card{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding: var(--spacing-2sm) var(--spacing-sm);
    border: 1px solid var(--color-gray);
    border-radius: 10px;
    grid-column-gap: var(--spacing-xl);
    transition: all var(--transition) var(--timing-function);
}
.career-item:hover .career-card{
    background-color: var(--color-gray-light);
    border-color: var(--color-gray-light);
}
.career-card .career-heading{
    display: block;
}
.career-card .career-cta{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    grid-row-gap: var(--spacing-2sm);
}
/* End of Career */

/* 404 */
.page-404 + footer{
    display: none;
}
.section-404{
    overflow: hidden;
    height: 100svh;
}
.content-404{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    padding: 0 var(--container-padding);
}
.btn-row{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-column-gap: var(--spacing-xs);
}
/* End of 404 */

/* RESPONSIVE MIN WIDTH */
@media (min-width: 1399.98px) {}
@media (min-width: 1199.98px) {
    .sub-menu a{
        color: var(--color-body);
    }
}
@media (min-width: 1023.98px) {}
@media (min-width: 991.98px) {
    .chart-desc{
        display: none;
    }      
    .gridContent-container .section-heading.heading-sticky{
        position: sticky;
        position: -webkit-sticky;
        top: var(--header-h);
        height: fit-content;
    }
    .content-404{
        max-width: 50%;
    }
    .gridContent-container .section-media .media-wrapper{
        max-width: 327px;
    }
    .testimonail-item{
        flex: 0 1 calc(50% - var(--spacing-xl));
    }
    .testimonials-container{
        grid-column-gap: var(--spacing-xl);
        grid-row-gap: var(--spacing-xl);
    }
    .testimonials-section .section-heading .media-wrapper{
        padding-right: var(--spacing-3xl);
        margin-top: var(--spacing-md);
    }
    .swiper.swiper-graph .swiper-slide{
        width: calc(100% / 3);
    }
    .heading-download{
        align-items: flex-end;
    }
    .circleCard-section {
        padding: 140px 0;
    }
    .vdo-section.bioVdo-section{
        padding-top: var(--spacing-3xl);
        padding-bottom: var(--spacing-2lg);
    }
    .vdo-section .vdo-content{
        margin-left: 6vw;
    }
    .vdo-container{
        margin-top: var(--spacing-3xl-minus);
    }
    .aboutBio-section .grid-content.grid2{
        height: 100svh;
        min-height: 810px;
    }
    footer .footer-container{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: var(--spacing-xl);
        padding: var(--spacing-2lg) 0;
    }
    .footer-join{
        grid-column: 1;
        grid-row: 1;
    }
    .footer-support{
        grid-column: 1;
        grid-row: 2;
    }
    .footer-bottom{
        display: flex;
        justify-content: space-between;
        align-items: center;
        grid-column: 1 / span 2;
    }
    .bottom-menu{
        flex-grow: 1;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        grid-gap: var(--spacing-sm);
        margin-right: var(--spacing-sm);
    }
    .footer-menu-container{
        grid-row: 1;
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
        grid-gap: var(--spacing-xl);
    }
}
@media (min-width: 767.98px) {
    .flex-card:hover{
        flex-basis: 75%;
    }
    .support-box{
        max-width: 440px;
    }
}
/* End of RESPONSIVE MIN WIDTH */

/* RESPONSIVE MAX WIDTH */
@media (max-width: 1399.98px) {}
@media (max-width: 1199.98px) {}
@media (max-width: 1023.98px) {}
@media (max-width: 991.98px) {
    .touchevents .chart-content{
        width: 100vw;
        margin-left: calc(var(--container-padding) * -1);
    }
    .contact-container .grid-content.grid2{
        grid-template-columns: 100%;
        grid-template-rows: 1fr 1fr;
    }
    .contact-container .grid-content.grid2 .contact-detail{
        padding: var(--spacing-xl) var(--container-padding);
    }
    .grid-content.grid-press{
        grid-template-columns: repeat(2, 1fr);
    }
    .team-container,
    .gridContent-container{
        grid-template-columns: 100%;
        grid-row-gap: var(--spacing-lg);
    }
    .bottom-section .media-wrapper.media16-9{
        height: 722px;
    }
    .bottom-section .media-wrapper{
        height: 100%;
    }
    .bottom-section .bottom-content{
        justify-content: flex-start;
        padding: var(--spacing-3xl) var(--container-padding);
    }
    .hoverList-section .grid-content.grid2 .grid-context{
        padding: var(--spacing-3xl) var(--container-padding);
    }
    .hoverList-section .grid-content.grid2 .grid-heading{
        order: -1;
        height: 100vw;
        max-height: 390px;
    }
    .hoverList-section .grid-content.grid2{
        grid-template-columns: 100%;
    }
    .intro-section.banner-section .intro-content{
        align-items: flex-start;
        padding: var(--spacing-lg) var(--container-padding);
    }
    .page-homepage .bio-content{
        min-height: 390px;
    }
    .offer-section{
        height: 720px;
    }
    .intro-section.intro-between .intro-content{
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        padding: 150px var(--container-padding);
    }
    .intro-section.intro-between .intro-content > *{
        padding: 0;
        width: 70%;
        margin-left: 0;
    }
    .intro-section.intro-between .intro-content > *:last-child{
        margin-left: auto;
    }
    header .site-logo svg{
        height: 38px;
    }
    .bio-content{
        padding: var(--spacing-xl) var(--container-padding);
    }
    .swiper-nutrient{
        max-width: 100vw;
    }
    .footer-bottom{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 0;
    }
    .footer-bottom .bottom-menu{
        grid-column: 2;
        grid-row: 1 / span 4;
    }
    .footer-menu-container{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: flex-start;
        grid-row-gap: var(--spacing-lg);
    }
    .footer-menu-container > *{
        flex: 0 0 50%;
    }
    .footer-bottom{
        align-items: flex-start;
    }
    footer .footer-container{
        display: grid;
        grid-template-columns: 100%;
        padding: var(--spacing-2md) 0;
        grid-row-gap: var(--spacing-md);
    }
    .testimonials-section .section-heading .media-wrapper{
        margin-top: var(--spacing-sm);
    }
    .grid-content.grid-testimonials{
        grid-template-columns: 100%;
    }
    .section-padding{
        padding: var(--spacing-3xl) 0;
    }
    .slide-section .swiper-container{
        margin: var(--spacing-2lg) 0;
    }
    .slide-group{
        overflow: hidden;
    }
    .swiper.swiper-graph{
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(var(--container-padding) * -1);
    }
    .swiper.swiper-graph .swiper-slide{
        width: 100%;
    }
    .slide-section{
        padding: var(--spacing-2lg) 0;
    }
    .heading-row{
        flex-direction: column;
        grid-row-gap: var(--spacing-sm);
    }
    .heading-row .section-desc .fs-h3.ff-heading{
        font-family: var(--font-body);
        font-size: var(--font-size-md);
    }
    .circleCard-section {
        padding-bottom: var(--spacing-2xl);
    }
    .swiper-card .swiper-slide{
        width: 320px;
    }
    .vdo-section.bioVdo-section{
        padding: var(--spacing-3xl) 0;
    }
    .vdo-section .vdo-content{
        padding: var(--spacing-sm) calc(var(--spacing-sm) + var(--container-padding));
    }
    .aboutBio-section .grid-content.grid2 .grid-media{
        height: 440px;
    }
    .aboutBio-section .grid-content.grid2 .grid-media.about-media *:first-child{
        width: auto;
        max-height: 374px;
    }
    .aboutBio-section .grid-content.grid2 .grid-media.about-media *:last-child{
        width: auto;
        max-height: 210px;
        right: 50%;
        transform: translateX(150%);
    }
    .intro-section .media-wrapper.media16-9{
        max-height: 100svh;
    }
    .intro-section .media-wrapper.media16-9:before{
        padding-top: calc((16/9) * 100%);
    }
    .aboutBio-section{
        overflow: hidden;
    }
    .aboutBio-section .grid-content.grid2{
        grid-template-columns: 100%;
    }
    .section-note{
        text-align: center;
        margin-top: var(--spacing-lg);
    }
}
@media (max-width: 767.98px) {
    .team-container .grid-content.grid3{
        grid-template-columns: repeat(2,1fr);
        grid-column-gap: var(--spacing-xs);
        grid-row-gap: var(--spacing-2md);
    }
    .offer-section .swiper-container{
        width: 100vw;
        margin-left: calc(var(--container-padding) * -1);
    }
    .offer-section .swiper-container .swiper.swiper-offer{
        padding: var(--container-padding);
    }
    .partner-slide{
        grid-template-columns: repeat(2, 1fr);
    }
    .partner-slide img{
        max-width: 96px;
    }
    .flexCard-container{
        flex-direction: column;
        height: auto;
    }
    .flex-card::before{
        content: '';
        display: block;
        padding-top: 100%;
    }
    .signup-form{
        max-width: 100%;
    }
}
@media (max-width: 575.98px) {
    .ir-container > *{
        width: 100%;
        grid-gap: var(--spacing-lg);
    }
    .grid-content.grid-press{
        grid-template-columns: 100%;
    }
    .team-container .grid-content.grid2{
        grid-template-columns: 100%;
    }
    .swiper.swiper-logo{
        padding: 0 25.6vw;
        padding-bottom: var(--spacing-2lg);
        width: 100vw;
        margin-left: calc(var(--container-padding) * -1);
    }
}

/* DATEPICKER:START */
.datepicker {
    position: relative;
}
.datepicker:before {
    font-family: 'iconfont';
    content: "\e934";
    font-weight: normal;
    font-size: var(--font-size-xl);
    width: var(--input-height);
    height: var(--input-height);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: var(--spacing-md);
    position: absolute;
    top: 0; 
    right: 0;
    pointer-events: none;
}
.ui-datepicker a {
    box-shadow: none;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: var(--spacing-xs) 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    line-height: normal;
    border-radius: 0;
    text-transform: uppercase;
    border: 1px solid rgba(var(--color-body-bg-rgb),0.1);
    border-bottom: 0;
    margin-top: var(--spacing-3xs);
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    display: flex;
    align-items: center;
    vertical-align: top;
    width: var(--input-height);
    height: 100%;
    line-height: inherit;
    text-align: center;
    position: absolute;
    top: 0;
    z-index: 1;
}
.ui-datepicker .ui-datepicker-prev {
    padding-left: var(--spacing-xs);
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev-hover {
    left: 0;
}
.ui-datepicker .ui-datepicker-next {
    padding-right: var(--spacing-xs);
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next-hover {
    right: 0;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    position: static;
    margin: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    text-indent: inherit;
}
.ui-datepicker .ui-datepicker-prev span:before,
.ui-datepicker .ui-datepicker-next span:before {
    font-family: 'iconfont';
    font-size: var(--font-size-md);
    font-weight: normal;
}
.ui-datepicker .ui-datepicker-prev span {
    justify-content: flex-start;
}
.ui-datepicker .ui-datepicker-prev span:before {
    content: "\e909";
    transform: translateX(-3px);
}
.ui-datepicker .ui-datepicker-next span {
    justify-content: flex-end;
}
.ui-datepicker .ui-datepicker-next span:before {
    content: "\e90a";
    transform: translateX(3px);
}
.ui-datepicker .ui-datepicker-title {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    font-size: inherit;
    padding-left: var(--font-size-xs);
}
.ui-datepicker .ui-datepicker-title select {
    width: auto;
    padding: 0 var(--spacing-sm) 0 0 !important;
    border: 0;
    background: none;
    height: auto;
    min-height: 0;
    line-height: normal;
    font-weight: inherit;
    text-transform: uppercase;
}
.ui-datepicker .ui-datepicker-title select:not(:last-child) {
    margin-right: 0;
}
.ui-datepicker .ui-datepicker-title option {
    color: #000;
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month {
    order: 1;
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
    order: 3;
}
.ui-datepicker .ui-datepicker-title:before,
.ui-datepicker .ui-datepicker-title:after {
    font-family: 'iconfont';
    content: "\e90c";
    font-size: var(--font-size-2xs);
    font-weight: normal;
    line-height: 1;
    pointer-events: none;
    transform: translateX(calc(var(--spacing-sm-minus) + var(--spacing-2xs)));
}
.ui-datepicker .ui-datepicker-title:before {
    order: 2;
}
.ui-datepicker .ui-datepicker-title:after {
    order: 4;
}
.ui-datepicker .ui-datepicker-calendar {
    border-radius: 0;
    border: 1px solid rgba(var(--color-body-bg-rgb),0.1);
    border-top: 0;
    margin-bottom: var(--spacing-3xs);
}
.ui-datepicker table {
    margin: 0;
    padding: var(--spacing-3xs) 0;
    font: inherit;
    font-weight: var(--weight-medium);
}
.ui-datepicker th,
.ui-datepicker td {
    padding: var(--spacing-3xs);
    text-align: center;
    text-transform: uppercase;
}
.ui-datepicker td span,
.ui-datepicker td a {
    margin: 0 auto;
    padding: 0;
    width: auto;
    height: auto;
    line-height: normal;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}
.ui-datepicker tbody tr:last-child td {
    padding-bottom: var(--spacing-xs);
}
.ui-datepicker .ui-state-default:hover {
    opacity: var(--opacity-light);
}
.ui-datepicker th,
.ui-datepicker td .ui-state-highlight,
.ui-datepicker td .ui-state-active,
.ui-datepicker .ui-datepicker-title {
    font-weight: inherit;
    font-style: normal;
    opacity: 1;
    color: inherit;
}
.ui-datepicker td.ui-state-disabled {
    pointer-events: none;
    opacity: 0.1;
}
.ui-datepicker td.ui-datepicker-current-day > * {
    text-decoration: underline;
}
/* DATEPICKER:END */

/*BURGER ICON*/
.burger-icon {
    color: var(--color-body-bg);
    cursor: pointer;
    position: relative;
    width: 22px;
    height: 12px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    float: right;
    display: none;
}

.burger-line { /* bar color */
    transition: 0.4s;
    width: 100%;
    height: 1px;
    background-color: var(--color-body-bg);
}
.page-scrolling body:not(.open) .burger-line,
.header-init body:not(.open) .burger-line{
    background-color: var(--color-body);
}
.burger-icon .burger-line:last-child {
    margin-bottom: 0;
}

.burger-line-1 {
    position: relative;
    top: 0;
}

.burger-line-3 {
    position: relative;
    bottom: 0;
}

.open .burger-icon .burger-line-1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
}

.open .burger-icon .burger-line-2 {
    opacity: 0;
}

.open .burger-icon .burger-line-3 {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%) rotate(45deg);
}
.mobile-menu-container{
    padding: 0 var(--container-padding);
    padding-top: calc(var(--header-h) + var(--container-padding));
    padding-bottom: var(--container-padding);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-gray-dark);
    color: var(--color-body-bg);
    z-index: 98;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    overflow-y: scroll;
    transform: translateX(100%);
    transition: all var(--transition) var(--timing-function);
}
.mobile-menu{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    grid-row-gap: var(--spacing-2sm);
    padding: var(--spacing-lg) 0;
}
.mobile-menu + .mobile-menu{
    border-top: 1px solid rgba(var(--color-body-bg-rgb),0.1);
}
.mobile-menu-container .support-box{
    width: 100%;
}
.mobile-menu-container > .mobile-menu-wrapper{
    flex-grow: 1;
    width: 100%;
}
.menu-item a{
    white-space: nowrap;
}
@media only screen and (max-width: 1199.98px) {
    .header-m,
    .header-r{
        display: none;
    }
    .header-l,
    .burger-icon{
        position: relative;
        z-index: 99;
    }
    
    .main-menu,
    .secondary-menu {
        display: none;
    }
    .burger-icon{
        display: flex;
    }
    .open .mobile-menu-container{
        transform: translateX(0);
        pointer-events: all;
    }
}

/* Clipboard */
#clipboard {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    width: 100px;
    max-width: 100%;
    margin: 0 auto;
    padding: var(--spacing-sm);
    font-weight: var(--weight-bold);
    text-transform: uppercase;
    color: #fff;
    border-radius: 50%;
    background: #000;
    position: fixed;
    z-index: 999999;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}