:root {
    --main-cl: #D4A528;
    --sub-cl: #D4AA34;
    --third-cl: #713B0E;
    --four-cl: #333333;
    --container-w: 75rem;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

body::-webkit-scrollbar {
    width: 0.525rem;
    background-color: #cedbff;
}

body::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
}

input, optgroup, select, textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
    outline: none !important;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.f-mk-200 {
    font-family: 'Manrope 200';
}

.f-mk-300 {
    font-family: 'Manrope 300';
}

.f-mk {
    font-family: 'Manrope';
}

.f-mk-500 {
    font-family: 'Manrope 500';
}

.f-mk-600 {
    font-family: 'Manrope 600';
}

.f-mk-bold {
    font-family: 'Manrope bold';
}

.f-mk-extra {
    font-family: 'Manrope extrabold';
}

body {
    font-family: Manrope;
    color: var(--four-cl);
    font-size: 1rem;
}

body.page-template-home {
    overflow-x: unset;
}

.grid-container {
    max-width: var(--container-w);
    margin-left: auto;
    margin-right: auto;
}

#search-lightbox {
    width: 37.5rem;
    max-width: 100%;
}

#search-lightbox .search-lightbox-title {
    margin-bottom: 1.667rem;
    font-size: 1.979rem;
    line-height: 1.2;
    font-family: 'Manrope bold';
}

#search-lightbox .search-keywords {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 2.083rem;
    gap: 0.521rem;
}

#search-lightbox .search-keywords > a {
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    font-size: 0.833rem;
    line-height: 1.042rem;
    border: 1px solid rgba(255, 255, 255, 0.6);
    padding: 0.3125rem 0.833rem;
    display: flex;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.single #header .header-wrapper.stuck li.menu-item:hover > a {
    color: var(--main-cl);
}

#search-lightbox .search-keywords > a:hover {
    background-color: #fff;
    color: #000
}

#search-lightbox .flex-row > div {
    display: flex;
}

#search-lightbox .flex-row {
    align-items: unset;
    display: flex;
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    overflow: hidden;
}

#search-lightbox input {
    height: 100%;
    border: none;
}

#search-lightbox .button.icon {
    line-height: normal;
    min-height: unset;
    height: 100%;
    border: none;
    min-width: unset;
    background-color: #FFF;
    display: flex;
    align-items: center;
}

#search-lightbox .button.icon i {
    font-size: 0.9375rem;
    line-height: 1.25rem;
    color: #000
}

#search-lightbox input {
    font-size: 1.042rem;
    line-height: 1.25rem;
    padding-left: 1.5625rem;
    box-shadow: unset;
    height: 2.604rem;
}

.mfp-bg.mfp-ready {
    opacity: 0.8;
}

.mfp-content #search-lightbox {
    transform: translateY(-70%);
}

.load_home_page svg {
    width: 20.833rem;
    max-width: 95%;
    height: auto;
    position: absolute;
    z-index: 99;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.load_home_page {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999;
    transition: 1s all;
    opacity: 1;
    background: transparent;
}

div.load_home_page .mask {
    /*background-color: #00BDFFFF;*/
    transition: 1s all ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
}

div.load_home_page.complete .mask {
    background-color: transparent;
}

div.load_home_page .mask span {
    display: block;
    width: 100%;
    height: 20%;
    position: absolute;
    left: 0;
    transition: 1s all ease-in-out;
    background-color: var(--third-cl);
    /*backdrop-filter: blur(40px);*/
}

div.load_home_page .mask span:nth-child(even) {
    left: unset;
    right: 0;
}

div.load_home_page .mask span:nth-child(1) {
    top: 0;
}

div.load_home_page .mask span:nth-child(2) {
    top: 20%;
}

div.load_home_page .mask span:nth-child(3) {
    top: 40%;
}

div.load_home_page .mask span:nth-child(4) {
    top: 60%;
}

div.load_home_page .mask span:nth-child(5) {
    top: 80%;
}

.load_home_page.complete {
    visibility: hidden;
}

div.load_home_page.complete .mask span {
    width: 0;
    opacity: 0;
    transition-delay: .8s;
}

#respond input#wp-comment-cookies-consent {
    height: auto !important;
    margin: 0 10px 0 0 !important;
}

.load_home_page.complete svg {
    transition-delay: 0.8s;
    opacity: 0;
}

.load_home_page rect,
.load_home_page path {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

img.logo_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 17rem;
    max-width: 80vw;
    transition: .3s all ease-in-out;
    opacity: 1;
}

.load_home_page.complete img.logo_center {
    opacity: 0;
}

.inner_filter + .inner_filter {
    margin-top: 2rem;
}

.path-1 {
    animation-name: Signature2;
    animation-duration: 10s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(2, .25, .43, .96);
    stroke: #FFF;
    stroke-width: 1px;
    stroke-dasharray: 2108;
    stroke-dashoffset: 2108;
    fill: transparent;
}

.path-2 {
    animation-name: Signature1;
    animation-duration: 20s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(2, .25, .43, .96);
    stroke: var(--sub-cl);
    stroke-width: 1px;
    stroke-dasharray: 2108;
    stroke-dashoffset: 2108;
    fill: transparent;
}

.load_home_page.complete .path-2 {
    fill: var(--sub-cl);
}

.load_home_page.complete .path-1 {
    fill: #FFF
}

@keyframes Signature1 {
    to {
        stroke: var(--sub-cl);
        stroke-dashoffset: 0;
    }
}

@keyframes Signature2 {
    to {
        stroke: #FFF;
        stroke-dashoffset: 0;
    }
}

.tile-reveal {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-flow: row wrap;
    align-self: flex-start;
    align-items: center;
    align-content: center;
    justify-content: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 99;
    background-color: var(--third-cl);
}

.tile-reveal-square {
    flex: 1 1 auto;
    width: 75px;
    height: 75px;
    background-color: var(--third-cl);
    opacity: 1;
}

.wrap-enter-site {
    position: fixed;
    width: 100%;
    height: auto;
    bottom: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}

.search-page {
    padding: 7rem 0 5.208rem;
}

.search-page h1 {
    margin-bottom: 2.604rem;
}

.search-tabs .search-tabs-title {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
    gap: 0.833rem;
}

.search-tabs .search-tabs-title .search-tab-title {
    padding: 0.625rem 1.25rem;
    border: 1px solid var(--main-cl);
    font-size: 0.833rem;
    line-height: 1.042rem;
    color: var(--main-cl);
    -webkit-border-radius: 0.521rem;
    -moz-border-radius: 0.521rem;
    border-radius: 0.521rem;
    font-family: 'Manrope 600';
    cursor: pointer;
    transition: all 0.4s;
}

.search-tabs .search-tab-title:hover,
.search-tabs .search-tab-title.active {
    background-color: var(--main-cl);
    color: #FFF;
}

.search-tabs .search-tab-content {
    display: none;
}

.search-tabs .search-tab-content.active {
    display: block;
}

.search-tabs .search-empty {
    color: #333;
    font-size: 1.25rem;
    line-height: 2.083rem;
    padding: 0.521rem;
}

.search-tabs .search-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1.667rem;
    margin-bottom: 1.5625rem;
}

.search-tabs .search-item h3 {
    margin: 0.521rem 0 0 0;
    font-size: 18px;
    line-height: 24px;
    font-family: 'Manrope 600';
}

.back_to_home a.button {
    border-radius: 8px;
    background: var(--main-cl);
}

/*COMPONENTS*/
html.js.has-off-canvas-undefined {
    margin-right: 0.417rem !important;
}

body.compensate-for-scrollbar {
    margin-right: 0 !important;
}

/*transition svg*/
[itemprop="name"], cite, circle, svg, rect, path, g, img, a, input, textarea, h1, h2, h3, h4, h5, h6, .box_img, span.icon, span.text, .swiper-pagination-bullet, ::before, ::after {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.text_white *,
.text_white {
    color: #fff !important;
}

.container, .container-width, .full-width .ubermenu-nav, .row {
    max-width: var(--container-w) !important;
}

/*line-camp*/
.limit-line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.limit-line.limit-1 {
    -webkit-line-clamp: 1;
}

.limit-line.limit-2 {
    -webkit-line-clamp: 2;
}

.limit-line.limit-3 {
    -webkit-line-clamp: 3;
}

.limit-line.limit-4 {
    -webkit-line-clamp: 4;
}

.limit-line.limit-5 {
    -webkit-line-clamp: 5;
}

/*link item hover*/
.wrap-link {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    z-index: 20;
    opacity: 0 !important;
}

/*box img*/
.box_img {
    overflow: hidden;
    position: relative;
}

.box_img img {
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*subtitle*/
.subtitle {
    display: block;
    width: fit-content;
    font-size: 1rem;
    line-height: normal;
    color: var(--four-cl);
    margin-bottom: 0.521rem;
    text-transform: uppercase;
}

.subtitle.dot {
    position: relative;
    padding-left: 1.4rem;
}

.subtitle.dot:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1.042rem;
    height: 0.625rem;
    background-image: url('../images/dot_subtitle.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

.text_white .subtitle.dot:before {
    filter: brightness(0) invert(1);
}

.text-center .subtitle.dot {
    margin-left: auto;
    margin-right: auto;
}

/*heading*/
h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
    transition: .5s all;
    color: var(--third-cl);
}

.heading_sec {
    color: var(--third-cl);
    line-height: 1.2;
    margin-bottom: 0.677rem;
}

.heading_sec.fs_60 {
    font-size: 3.125rem;
}

.heading_sec.fs_55 {
    font-size: 2.865rem;
}

.heading_sec.fs_50 {
    font-size: 2.5rem /* 50/19.2 */;
}

.heading_sec.fs_40 {
    font-size: 2.083rem /* 40/19.2 */;
}

.heading_sec.fs_30 {
    font-size: 1.5625rem /* 30/19.2 */;
}

.fs_20 {
    font-size: 1rem;
    line-height: 1.3;
}

.content-16 {
    font-size: 0.833rem;
}

.desc_sec, .content_sec {
    line-height: 1.3;
}

/*desc section*/
.desc_sec {
    font-size: 1.1rem;
    color: var(--four-cl);
    /*line-height: 1.6;*/
}

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

.col {
    padding-bottom: 1.5625rem;
}

/*fonts family*/
.font_manrope {
    font-family: 'Manrope';
}

.font_inter {
    font-family: 'Inter';
}

/*fonts weight*/
.fw_400 {
    font-weight: 400;
}

.fw_500 {
    font-weight: 500;
}

.fw_600 {
    font-family: 'Manrope 600';
}

.fw_700 {
    font-family: 'Manrope bold';
}

.fw_800 {
    font-weight: 800;
}

.fw_900 {
    font-weight: 900;
}

/*button link*/
.btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.417rem;
    width: fit-content;
    min-width: 8rem;
    border: 1px solid transparent;
    padding: 0.8rem 1.2rem;
    margin-top: 2.083rem;
    overflow: hidden;
}

.btn span.text {
    font-family: Manrope;
    font-weight: 500;
    font-size: 1rem;
    color: var(--third-cl);
    line-height: normal;
    line-height: 1;
}

.text_white .btn {
    border-color: #fff;
}

.text_white .btn span.text {
    color: #fff;
}

.btn:hover .icon {
    transform: translateX(5px);
}

.btn .icon {
    display: flex;
    transition: transform .45s ease;
}

.text_white .btn_style_1 {
    border-color: #fff;
}

.btn_style_1:hover {
    background: var(--sub-cl);
    border-color: var(--sub-cl);
}

.btn_style_1:hover .icon {
    transform: translateX(0) rotateZ(90deg);
}

.btn_style_2 {
    border-color: var(--third-cl);
}

.btn_style_2 path {
    stroke: var(--third-cl);
}

.btn_style_2:hover {
    background: var(--third-cl);
    border-color: var(--third-cl);
    transition: .5s all;
    color: white;
}

.btn_style_2:hover .icon svg path {
    stroke: white;
    transition: .5s all;
}

.btn_style_2:hover span {
    color: white !important;
    transition: .5s all;
}

.btn_style_2:hover span.text {
    color: var(--third-cl);
}

.btn_style_2:hover path {
    stroke: var(--third-cl);
}

.text_white .btn_style_2:hover {
    background: var(--third-cl);
    border-color: var(--third-cl);
}

.text_white .btn_style_2 path {
    stroke: #fff;
}


/*swiper pagination*/
.swiper-pagination {
    position: unset;
    display: none;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: unset;
    padding-top: 2rem;
    padding-bottom: 0.35rem;
    background-color: unset !important;
}

.swiper-pagination .swiper-pagination-bullet {
    position: relative;
    width: 8px;
    height: 8px;
    display: block;
    border-radius: 50%;
    background: var(--main-cl);
    margin: 0 !important;
    transition: .5s all;
    opacity: .65;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background: #713B0E;
}

.pagination_2 .swiper-pagination .swiper-pagination-bullet {
    width: 1.042rem;
    height: 2px;
    border-radius: 0;
    background: #FFFFFF;
    opacity: unset;
}

.pagination_2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 2.604rem;
    background: #D7AB29;
}

/*swiper navigation*/
.arrow {
    width: 3.125rem;
    height: 3.125rem;
}

.arrow svg {
    display: flex;
    width: 100%;
    height: 100%;
}

.arrow:hover {
    cursor: pointer;
}

.arrow:hover stop {
    stop-color: var(--main-cl);
}

.arrow:hover.swiper-button-disabled {
    opacity: .5;
    cursor: not-allowed;
}

/*absolute arrow*/
.arrow_absolute > .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.arrow_absolute > .arrow.prev {
    left: 0;
}

.arrow_absolute > .arrow.next {
    right: 0;
}

/*reset col default*/
.col, .columns, .gallery-item {
    padding-bottom: 0;
}

/*CUSTOM SCROLL*/
.custom_scroll {
    overflow-y: auto;
    padding-right: 1rem;
    overscroll-behavior: auto;

}

.custom_scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.custom_scroll::-webkit-scrollbar {
    width: 3px;
    background-color: #cedbff;
}

.custom_scroll::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
}

.custom_scroll2 {
    overflow-y: auto;
}

.custom_scroll2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F0F0F080;
}

.custom_scroll2::-webkit-scrollbar {
    width: 3px;
    background-color: #F0F0F080;
}

.custom_scroll2::-webkit-scrollbar-thumb {
    background-color: #FFFFFF;
}

/*counter up*/
.number .inner.relative,
.number {
    position: relative;
    display: flex;
    line-height: 1;
}

.number span.counter {
    font-family: 'Manrope bold';
    position: absolute;
    top: 0;
    left: 0;
}

.number span.counter_opacity {
    opacity: 0;
}

.number .unit {
    display: flex;
    margin-left: 2px;
}

.number .unit > span {
    display: flex;
}

/*hover icon rotate*/
.hover_rotate:hover img {
    transform: rotateY(180deg);
}

/*effect img*/
.item_hover:hover .hover_zoom img {
    transform: scale(1);
    transition: .6s all;
}

.item_hover:hover .hover_zoom img {
    transform: scale(1.1);
}

.item_hover:hover h3 {
    color: var(--main-cl);
}

.item_hover .box_logo > .img {
    max-width: 50%;
    width: 10rem;
    height: 100%;
    background-image: url("../images/logo.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: scale(0);
    opacity: 0;
    transition: .8s all;
}

.item_hover:hover .box_logo > .img {
    transform: scale(1);
    opacity: 1;
}

.item_hover .box_logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(0 0 0 / 70%);
    backdrop-filter: blur(5px);
    opacity: 0;
    transition: .5s all;
    z-index: 3;
}

.item_hover:hover .box_logo {
    opacity: 1;
}

/*------------------------------*/


/*HEADER*/
.search #header {
    position: relative;
}

.search .stuck #header,
#header {
    position: fixed;
    top: 0;
}

#header .header-main {
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    z-index: 0;
    transition: .4s all;
    /*height:6.51rem !important;*/
}

header#header .header-bg-container.fill {
    display: none !important;
}

header#header.active:before {
    filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, .15));
    opacity: 1;
}

#header .header-wrapper {
    position: relative;
}

#header .header-wrapper:after,
#header .header-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 160%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
    transition: .5s all;
}

#header .stuck.header-wrapper:before {
    opacity: 0;
}

#header .header-wrapper:after {
    height: 100%;
    background: #fff;
    opacity: 0;
    z-index: -1;
}

#header .stuck.header-wrapper:after {
    opacity: 1;
}

body.search #header .header-wrapper:after,
body.search #header .header-wrapper:before {
    content: unset;
}

.fill {
    z-index: -1;
}

.header-shadow .header-wrapper {
    box-shadow: none;
    transition: .4s all;
}

header#header #masthead #logo {
    width: 11rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0;
    margin-bottom: -3rem;
    transition: .3s all;
}

header#header #masthead #logo img {
    height: 7rem;
    max-height: 7rem;
    width: auto;
    object-fit: contain;
}

header#header .stuck #masthead #logo {
    margin-bottom: 0;
}

header#header .stuck #masthead #logo img {
    height: 4.948rem;
    max-height: unset !important;
}

header#header .stuck .icon-search:before {
    filter: unset !important;
}

/*.mfp-content:has(#search-lightbox) {*/
/*    top: unset !important;*/
/*    transform: unset !important;*/
/*}*/
/*.mfp-inline-holder .mfp-content {*/
/*    position: relative !important;*/
/*}*/
html.js.has-off-canvas-undefined {
    margin-right: -0rem !important;
}

body.compensate-for-scrollbar {
    margin-right: 0 !important;
}

header#header .stuck #masthead #logo {
    align-items: start;
    justify-content: start;
}

header#header #masthead .header-nav-main.nav-left {
    justify-content: center;
    border-right: 1px solid #FFFFFF33;
}

header#header .stuck #masthead .header-nav-main.nav-left {
    border-color: rgba(151, 151, 151, 0.3);
}

#header .nav > li {
    margin: 0 1.5625rem;
}

#header .nav > li > a {
    font-family: 'Manrope';
    position: relative;
    font-size: 1.042rem;
    text-align: center;
    line-height: 4.25rem !important;
    color: #fff;
    padding: 0;
}

.stuck .header-main .nav > li > a {
    line-height: 4.25rem !important;
}

/*ul.header-nav.header-nav-main.nav.nav-left {*/
/*    height: 6.51rem !important;*/
/*}*/
.header-inner.flex-row.container.logo-left.medium-logo-center {
    height: 6.51rem;
}

.flex-col.hide-for-medium.flex-left.flex-grow {
    height: 100%;
    display: flex;
}

.flex-col.hide-for-medium.flex-right {
    height: 100%;
    display: flex;
}

.dark .searchform-wrapper .icon-search:before {
    filter: brightness(0) invert(0);
}

header#header .header-main li > a:before {
    content: '';
    position: absolute;
    bottom: -25%;
    left: 0;
    width: 0;
    height: 3px;
    z-index: 9;
    transition: .5s all;
    opacity: 1 !important;
    background: var(--main-cl) !important;
}

#header .nav > li > a.active,
#header .nav > li.current_page_item > a,
#header .nav > li > a:hover {
    color: var(--main-cl);
}

#header .nav > li > a.active:before,
#header .nav > li.current_page_item > a:before,
#header .nav > li > a:hover:before {
    width: 100%;
}

header#header .header-top .nav-divided > li + li > a:after {
    content: unset;
}

body.search header#header .header-main:before {
    background: rgb(220 220 220 / 60%);
}

header#header .header-main:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 13rem;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.3);
    transition: .4s all;
    opacity: 1;
}

header#header .stuck .header-main:before {
    opacity: 0;
}

body.search header#header a,
header#header .stuck a {
    color: var(--four-cl);
}

body.search header#header .header-main li.current_page_item > a:before,
body.search header#header .header-main li > a:hover:before,
header#header .header-main li.current_page_item > a:before,
header#header .header-main li > a:hover:before {
    width: 100% !important;
}

.header_language a.lang-toggle:before,
.header_info a.btn_style_1:before,
header#header a[href="#search-lightbox"]:before,
header#header .header-main .sub-menu li > a:before {
    content: unset !important;
}

header#header .icon-search {
    color: #fff;
}

body.search #header .icon-search,
header#header .stuck .icon-search {
    color: var(--four-cl);
}

#header .header-main .header-nav-main.nav-right li {
    margin: 0 1.042rem;
}

#header .header-main .header-nav-main.nav-right li.header-search {
    margin-right: 3.073rem !important;
    margin-left: 0 !important;
    padding-left: 2.865rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#header .header-main .header-nav-main.nav-right li.header_language {
    margin-left: 0 !important;
    margin-right: 0 !important;
    height: 100%;
    display: flex;
}

#header .header-main li.header-search a {
    color: #333333;
}

#header .header-main li.header-search a:hover i:before {
    color: var(--main-cl);
}


/*FOOTER*/
#footer {
    padding-top: 4.375rem;
}

.footer_top .col_left {
    padding-right: 14rem;
}

.footer_top .col_right {
    margin-left: -10rem;
}

.logo_footer {
    width: fit-content;
    height: 9.635rem;
}

.logo_footer img {
    object-fit: contain;
}

.block_footer.block_1 {
    margin-top: 4.0625rem;
}

.block_footer.block_1 span.title_block {
    font-size: 1.667rem;
    color: var(--third-cl);
    font-family: 'Manrope bold';
}

.block_footer.block_1 .box_content {
    margin-top: 0.78125rem;
}

.block_footer.block_1 .box_content .item:not(:last-child) {
    margin-bottom: 0.521rem;
}

.block_footer.block_1 .box_content span.title {
    font-weight: 400;
    font-size: 0.9rem;
    color: #999999;
    margin-bottom: 5px;
}

.block_footer.block_1 .box_content .content {
    font-weight: 400;
    font-size: 0.9375rem;
    color: var(--four-cl);
}

.block_footer.block_2 {
    margin-top: 1.302rem;
}

.box_socials ul {
    gap: 0.521rem;
}

.box_socials a {
    display: block;
    width: 2.1875rem;
    aspect-ratio: 1 / 1;
}

.box_socials a:hover path {
    fill: var();
}

.box_socials a:hover stop {
    stop-color: var(--six-cl);
}

.box_socials a:hover img {
    transform: scale(0.9);
}

a > svg {
    width: 100%;
    height: 100%;
}

.block_footer .content_menu {
    gap: 2rem;
    justify-content: space-between;
}

.block_footer span.title_menu {
    position: relative;
    display: block;
    font-size: 1.042rem;
    color: var(--four-cl);
    margin-bottom: 1.042rem;
    padding-bottom: 1.042rem;
    border-bottom: 1px solid #0000001A;
    font-family: 'Manrope bold';
}

.block_footer span.title_menu:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 1px;
    background: var(--sub-cl);
    z-index: 1;
}

.block_footer .menu_footer a {
    font-weight: 400;
    font-size: 0.833rem;
    color: var(--four-cl);
}

.block_footer .menu_footer > li:not(:last-child) {
    margin-bottom: 4px;
}

#footer a:hover {
    color: var(--third-cl);
}

.footer_bottom {
    margin-top: 3.125rem;
    padding: 0.5rem 0;
    background: var(--third-cl);
}

.copyright {
    font-weight: 500;
    font-size: 0.8rem;
}

.footer_bottom .link_external {
    gap: 2.083rem;
}

.footer_bottom .link_external a {
    font-family: 'Manrope 600';
    font-size: 0.8rem;
    border-bottom: 1px solid transparent;
}

.footer_bottom .link_external a:hover {
    border-color: #fff;
}


/*HOME*/
.w_full {
    width: 100% !important;
}

.h_full {
    height: 100% !important;
}

.obj_cover {
    object-fit: cover;
}

.banner_hero .item {
    height: 48.75rem;
    width: 100%;
}

.banner_hero .item:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000004D;
    pointer-events: none;
    overflow: hidden;
    z-index:1;
}

.banner_hero .box_content {
    width: 100%;
    max-width: 35%;
    position: absolute;
    top: 50%;
    left: calc((100vw - var(--container-w)) / 2);
    transform: translateX(0) translateY(130%);
    opacity: 0;
    transition: 1.2s all;
    transition-delay: .2s;
    z-index: 2;
}

.banner_hero .item:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 49.479rem;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
}

.banner_hero .swiper-slide.swiper-slide-active .box_content {
    opacity: 1;
    transform: translateX(0) translateY(-55%);
}

.banner_hero .box_content .box_img {
    width: 20.104rem;
    margin: 0 auto;
}

.banner_hero h1 {
    margin-bottom: 1.042rem;
    line-height: 1.2;
    font-size: 3rem !important;
}

.banner_hero .content {
    font-family: 'Montserrat SemiBold', sans-serif;
    font-size: 1.354rem;
}

.banner_hero .swiper-pagination {
    display: flex;
    position: absolute;
    bottom: 2.8125rem /* 54/19.2 */;
}

.banner_hero .swiper-pagination {
    position: absolute !important;
    top: unset !important;
    bottom: 3.59375rem !important;
    display: flex;
    padding: 0;
}

.home_scroll_slide_mobile .swiper-pagination {
    position: absolute !important;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    display: flex;
    bottom: 2%;
}

.home_scroll_slide_mobile .swiper-pagination .swiper-pagination-bullet {
    width: 1.042rem;
    height: 2px;
    border-radius: 0;
    background: #FFFFFF;
    opacity: unset;
}

.home_scroll_slide_mobile .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 2.604rem;
    background: #D7AB29;
}

section.banner_hero_wrap {
    /*margin-bottom: 5rem;*/
}

.home_1 {
    /*padding-top: 5.833rem;*/
    /*height: 100vh;*/
    margin-top: 2.5rem;
    overflow: hidden;
}

.layout_scroll_horizontal {
    display: flex;
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
}

.layout_scroll_horizontal::-webkit-scrollbar {
    display: none;
}

.layout_scroll_horizontal {
    -ms-overflow-style: none;
    scrollbar-width: none;
}


.layout_scroll_horizontal .item {
    width: 100vw;
    height: 100%;
    flex-shrink: 0;
}

.wrap_section_2 .item > .layer {
    position: absolute;
    pointer-events: none;
    z-index: 3;
}

.wrap_section_2 .item .layer.layer_2,
.wrap_section_2 .item .layer.layer_1 {
    top: 0;
    left: 0;
    width: 15%;
    height: 100%;
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.932396) 10.73%, rgba(255, 255, 255, 0.866) 22.39%, rgba(255, 255, 255, 0.259712) 68.19%, rgba(255, 255, 255, 0.173322) 77.74%, rgba(255, 255, 255, 0.0828375) 88.87%, rgba(255, 255, 255, 0) 100%);
}

.wrap_section_2 .item .layer.layer_2 {
    left: unset;
    right: 0;
    background: linear-gradient(-90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.932396) 10.73%, rgba(255, 255, 255, 0.866) 22.39%, rgba(255, 255, 255, 0.259712) 68.19%, rgba(255, 255, 255, 0.173322) 77.74%, rgba(255, 255, 255, 0.0828375) 88.87%, rgba(255, 255, 255, 0) 100%);
}

.wrap_section_2 .item .layer.layer_3 {
    width: 100%;
    height: 30%;
    left: 0;
    bottom: 0;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}

.wrap_section_2 .item > .box_content {
    top: 0;
    left: calc((100vw - var(--container-w)) / 2);
    z-index: 10;
}

.wrap_section_2 .item.layout_1 > .box_content {
    top: 7rem;
    width: 28rem;
}

.wrap_section_2 .item.layout_1 .heading_sec {
    margin-bottom: 0.78125rem;
    line-height: 1.4;
}

.wrap_section_2 .item.layout_2 .layer.layer_4 {
    width: 100%;
    height: 20%;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}

.content {
    font-size: 1rem;
    line-height: 1.6;
}

.wrap_section_2 .item.layout_2 > .box_content {
    top: 9.1rem;
    width: 22%;
    z-index: 10;
}

.box_effect {
    width: 100%;
    height: 100%;
}

.wrap_section_2 .item.layout_3 > .box_content {
    left: 0;
}


.wrap_section_2 .item.layout_2 .content {
    font-size: 1rem;
}

.wrap_section_2 .item.layout_2 strong {
    font-family: 'Manrope 600';
    font-size: 1.25rem;
}

.wrap_section_2 .item.layout_3 > .box_content {
    top: 9.2rem;
    width: 100%;
    z-index: 10;
}

.wrap_section_2 .item.layout_3 .group_heading {
    gap: 4.0625rem;
}

.wrap_section_2 .item.layout_3 .content_wrap {
    gap: 4.271rem;
}

.wrap_section_2 .layout_3 .box_effect > .img_2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    display: block;
    z-index: 2;
}

.wrap_section_2 .layout_3 .box_effect > .box_img {
    position: absolute;
    top: 67%;
    left: 47%;
    transform: translate(-50%, -50%);
    width: 27.865rem;
    aspect-ratio: 1/1;
    z-index: 1;
    transform-origin: center;
    animation: spinInfinite 20s linear infinite;
}

@keyframes spinInfinite {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.wrap_section_2 .item.layout_4 > .box_content {
    width: 56%;
    top: 9.2rem;
    left: unset;
    right: calc((100vw - var(--container-w)) / 2);
    z-index: 10;
}

.wrap_section_2 .item.layout_4 .group_heading {
    gap: 5.208rem;
}

.wrap_section_2 .item.layout_4 .heading_sec {
    width: fit-content;
    flex-shrink: 0;
}

.layout_scroll_horizontal {
    display: flex;
    height: 100%;
    overflow-x: auto; /* Giữ overflow-x */
    overflow-y: hidden;
    scroll-behavior: auto; /* Tắt smooth native để dùng RAF */
}

/* Ẩn scrollbar */
.layout_scroll_horizontal::-webkit-scrollbar {
    display: none;
}

.layout_scroll_horizontal {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.layout_scroll_horizontal .item {
    width: 100vw;
    height: 100%;
    flex-shrink: 0;
}

.layout_scroll_horizontal {
    /*scroll-snap-type: x mandatory;*/
    /*scroll-behavior: smooth;*/
}

.layout_scroll_horizontal .item {
    scroll-snap-align: start;
    flex-shrink: 0; /* Đảm bảo item không bị co lại */
}

.layout_scroll_horizontal {
    width: 100%;
    overflow-x: hidden;
}

.layout_scroll_horizontal .item {
    width: 100%;
    flex: 0 0 100%;
}

.home_2 {
    padding-top: 7.292rem;
}

.home_2 .btn_home2,
.home_2 .content_sec {
    margin-left: 2rem;
}


.cards_hover_wrapper {
    display: flex;
    align-items: center;
    gap: 3px;
    width: 100%;
    height: 33.854rem;
    margin: 0 auto;
    margin-top: 2.604rem;
}

.cards_hover_wrapper .item {
    height: 100%;
    overflow: hidden;
    transition: 1s all;
    cursor: pointer;
    width: 100%
}

.cards_hover_wrapper .item.active {
    width: 60%;
    flex: 0 0 auto
}

.cards_hover_wrapper .box_content {
    position: absolute;
    display: flex;
    justify-content: space-between;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 2.34375rem 1.40625rem 1.927rem;
    z-index: 2;
    transition: all 500ms ease-in-out;
    align-content: flex-end;
}

.cards_hover_wrapper .item.active .box_content {
    left: 0;
    transform: translateX(0);
    padding: 2.34375rem 2.604rem 1.927rem;
}

.cards_hover_wrapper .content_container {
    height: fit-content;
    margin-top: auto;
    opacity: 0;
    overflow: hidden;
    transition: .5s all;
    gap: 2.083rem;
}

.cards_hover_wrapper .item.active .content_container {
    opacity: 1;
    transition-delay: .4s
}

.cards_hover_wrapper .logo {
    width: auto;
    height: 4.167rem;
    flex-shrink: 0;
}

.cards_hover_wrapper .content_inner > .line {
    width: 1px;
    height: 4.167rem;
    background: #FFFFFF33;
    margin: auto 1.354rem;
}

.cards_hover_wrapper h3 {
    font-size: 1.667rem;
    transition: .5s all;

    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    width: auto;
    min-width: 7rem;
    margin-bottom: 0;
    white-space: nowrap;
}

.cards_hover_wrapper .item.active h3 {
    text-align: left;
    margin-bottom: 1rem;
    left: 2rem;
    transform: unset
}

.cards_hover_wrapper h4 {
    font-family: Manrope;
    font-family: 'Manrope bold';
    font-size: 1.146rem;
    margin-bottom: 8px;
}

.cards_hover_wrapper .content {
    font-family: Manrope;
    font-weight: 400;
    font-size: 0.9375rem;
}

.cards_hover_wrapper .item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.cards_hover_wrapper .item::before,
.cards_hover_wrapper .item::after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    opacity: .8;
    pointer-events: none;
}

.cards_hover_wrapper .item::before {
    top: 0;
    height: 25%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

.cards_hover_wrapper .item::after {
    bottom: 0;
    height: 40%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

.cards_hover_wrapper .link {
    width: 2.604rem;
    height: 2.604rem;
    /*aspect-ratio: 1/1;*/
    border-radius: 5rem;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
}

.cards_hover_wrapper .link.absolute {
    left: 50%;
    bottom: 3rem;
    transform: translateX(-50%);
    transition: .15s all;
    opacity: 1;
    background: transparent;
    border: 1px solid #fff;
}

.cards_hover_wrapper .link.absolute path {
    stroke: #fff;
}

.cards_hover_wrapper .item.active .link.absolute {
    opacity: 0;
}

.home_3 {
    padding: 7.292rem 0 8rem;
    background: linear-gradient(180deg, rgba(253, 248, 237, 0) 0%, #FDF8ED 100%);
}

.product_home_wrap {
    margin-top: 4rem;
}

.product_home_wrap .graphic_wrap {
    position: absolute;
    top: 0;
    left: calc(-1 * ((100vw - var(--container-w)) / 2) + 1rem);
    width: 100%;
    height: 100%;
}

.product_home_wrap .graphic_wrap img {
    width: auto;
    height: 30.208rem;
}

.product_home:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 5%;
    height: 100%;
    background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    z-index: 2;
}

.product_home {
    margin-left: -3.385rem;
    margin-right: calc(-1 * ((100vw - var(--container-w)) / 2 + 15px));
}

.product_home .item {
    margin: 0 3.385rem;
    cursor: pointer;
}

.product_home .item h3 {
    font-family: Manrope;
    font-family: 'Manrope 600';
    font-size: 1.667rem;
    color: var(--four-cl);
    margin-bottom: 2px;
}

.product_home .item .cat {
    font-family: Manrope;
    font-family: 'Manrope 600';
    font-size: 1.042rem;
    color: #999999;
}

.product_home .information {
    width: fit-content;
    margin: 0.78125rem auto 0;
}

.product_home .information .title {
    min-width: 7rem;
    flex-shrink: 0;

    font-family: Manrope;
    font-weight: 400;
    font-size: 0.9375rem;
    color: #666666;
}

.product_home .rating_wrap {
    gap: 4px;
}

.product_home .rating_wrap img {
    width: auto;
    height: 1.042rem;
}

.item.hover_product {
    display: flex;
    flex-direction: column;
    row-gap: 1.302rem;
}

/*.product_home .box_img {*/
/*    margin-top: 1.302rem;*/
/*}*/

.hover_product .box_img {
    z-index: 0;
}

.hover_product .box_img > img {
    transform-origin: center;
    transition: .8s all;
}

.hover_product .box_img:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    background: #FCFCE2;
    border-radius: 100%;
    z-index: -1;
    opacity: 0;
}

.hover_product:hover .box_img:before {
    opacity: 1;
}

.hover_product:hover .box_img > img {
    transform: rotateZ(15deg);
}

.hover_product:hover h3 {
    color: var(--third-cl);
}

.home_4 {
    padding-top: 7.292rem;
}

.process_wrap > * {
    width: 50%;
}

.process_wrap > .imgs_inner {
    padding-right: 5rem;
}

.process_wrap .imgs_inner .item_img {
    display: none;
    transition: .5s all;
}

.process_wrap .imgs_inner .item_img.active {
    display: block;
    transition: .5s all;
    animation: opacity;
    animation-duration: 1s;
}

@keyframes opacity {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.process_wrap .group_heading {
    margin-right: -2rem;
}

.process_wrap .list_content {
    margin-top: 2.083rem;
    padding-right: 6rem;
}

.process_wrap .list_content > .inner {
    height: 27rem;
}

.process_wrap .list_content:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    z-index: 2;
    pointer-events: none;
}

.process_wrap .list_content .item_content {
    opacity: .3;
    transition: .5s all;
    cursor: pointer;
    margin-bottom: 1.5625rem;
}

.process_wrap .list_content .item_content:hover,
.process_wrap .list_content .item_content.active {
    opacity: 1;
}

.process_wrap .list_content .item_content:last-child {
    margin-bottom: 3rem;
}

.process_wrap .list_content .heading {
    margin-left: 1.25rem;
}

.process_wrap .list_content .idx {
    flex-shrink: 0;
}

.process_wrap .list_content .item_content:first-child .idx:after,
.process_wrap .list_content .idx:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 150%;
    background: #0000001A;
}

.process_wrap .list_content .item_content:first-child .idx:after {
    top: -1rem;
    height: 1.5rem;
}

.process_wrap .list_content .item_content:last-child .idx:before {
    height: 5rem;
}

.process_wrap .list_content .idx > .inner {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.5625rem;
    height: 1.5625rem;
    border-radius: 5rem;
    background: var(--sub-cl);
    color: #fff;
    transition: .5s all;
}

.process_wrap .list_content .item_content:hover .idx > .inner {
    background: var(--third-cl);
}

.process_wrap .list_content h3 {
    font-family: Manrope;
    font-size: 1.2rem;
    color: var(--four-cl);
    line-height: 1.2;
    margin-bottom: 4px;
    font-family: 'Manrope 600';
}

.process_wrap .list_content .content {
    font-size: 0.9375rem;
}

.home_5 {
    padding-top: 8.333rem;
}

.tabs_maps {
    gap: 2.865rem;
}

.tabs_maps .item {
    font-family: 'Manrope bold';
    font-size: 0.9375rem;
    color: var(--third-cl);
    transition: .5s all;
    cursor: pointer;
}

.tabs_maps .item.active,
.tabs_maps .item:hover {
    color: var(--main-cl);
}

.tabs_maps .item.active .icon,
.tabs_maps .item:hover .icon {
    color: #D7AB29;
}

.tabs_maps .icon {
    margin-bottom: 0.677rem;
}

.tabs_maps .icon img {
    object-fit: contain;
}

.tabs_maps .item:nth-child(1) .icon.box_img {
    width: auto;
    height: 2.5rem;
}

.tabs_maps .item:nth-child(2) .icon.box_img {
    width: auto;
    height: 2.76rem;
}

.tabs_maps .item.active .icon > .icon_1,
.tabs_maps .item:hover .icon > .icon_1 {
    opacity: 0;
}

.tabs_maps .icon > .icon_2 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 2;
}

.tabs_maps .item.active .icon > .icon_2,
.tabs_maps .item:hover .icon > .icon_2 {
    opacity: 1;
}

.markets_wrap {
    margin-top: 1.875rem;
}

.markets_wrap .item {
    display: none;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .5s all;
}

.markets_wrap .item.active {
    display: block;
    opacity: 1;
    transition: .5s all;
    animation: fade_up;
    animation-duration: 1s;
}

@keyframes fade_up {
    from {
        opacity: 0;
        transform: translateY(2rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.markets_wrap .item[data-id='0'] .box_maps {
    max-width: 56.875rem;
    width: 100%;
    margin: 0 auto;
}

.markets_wrap .box_maps > img,
.markets_wrap .box_maps > svg {
    width: 100%;
    height: 100%;
}

.markets_wrap .box_maps > svg {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
}

.markets_wrap .box_maps .map-dot {
    position: absolute;
    transform: translateY(-50%) translateX(-50%);
    z-index: 9;
    left: 76.5%;
    top: 55%;
    transition: all 2s;
}

.markets_wrap .box_maps.active .map-dot {
    top: var(--top) !important;
    left: var(--left) !important;
}

.markets_wrap .box_maps .map-dot .dot {
    width: 0.521rem;
    height: 0.521rem;
    border-radius: 50%;
    background-color: var(--main-cl);
    position: relative;
}

.markets_wrap .box_maps .map-dot .dot:before {
    width: 0.9375rem;
    height: 0.9375rem;
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid var(--main-cl);
    animation: scaleBorder 1s infinite;
    border-radius: 50%;
}

.markets_wrap .box_maps .map-dot .map-tooltip {
    position: absolute;
    top: 50%;
    left: calc(100% + 10px);
    transform: translateY(-50%);
    width: max-content;
    opacity: 0;
    transition: all 0.4s;
    pointer-events: none !important;
}

.markets_wrap .box_maps .map-dot .map-tooltip > .flex {
    gap: 0.208rem;
    border-radius: 1.042rem;
    background-color: #FFF;
    padding: 0.104rem 0.417rem;
    font-family: 'Manrope 600';
    font-size: 0.9rem;
    letter-spacing: -3%;
    color: #003E2D;
}

.markets_wrap .box_maps .map-dot .map-tooltip img {
    width: 1.042rem;
    height: auto;
    object-fit: contain;
}

.markets_wrap .box_maps .map-dot:hover {
    z-index: 99;
}

.markets_wrap .box_maps .map-dot:hover .map-tooltip {
    opacity: 1;
}

.markets_wrap .box_maps > svg > path {
    transition: all 2s;
    /* clip-path: inset(0 0 0 100%); */
    stroke-dasharray: 1200;
    stroke-dashoffset: 1200;
    transition: 1s all;
}

.markets_wrap .box_maps.active > svg > path {
    clip-path: inset(0 0 0 0);
}

@keyframes scaleBorder {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    100% {
        transform: translate(-50%, -50%) scale(1.3);
        opacity: 0;
    }
}

.item_global .list_counter_maps {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.markets_wrap .item[data-id='0'] .list_counter_maps {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.list_counter_maps .item_counter:nth-child(1) .number {
    font-size: 8.2rem;
}

.list_counter_maps .item_counter {
    position: relative;
    padding-bottom: 2.5rem;
}

.list_counter_maps .item_counter:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #D7AB29;
}

.list_counter_maps .number {
    font-size: 3.646rem;
    color: var(--third-cl);
}

.home_5 span.unit {
    font-family: 'Manrope bold';
}

.list_counter_maps .item_counter:not(:first-child) .number {
    align-items: center;
}

.list_counter_maps h3 {
    font-family: 'Manrope 600';
    font-size: 1.042rem;
    color: #666666;
}

.list_counter_maps .item_counter:not(:first-child) h3 {
    font-size: 0.9rem;
}

.markets_wrap .item_vietnam .inner_wrap {
    gap: 13.28125rem;
}

.markets_wrap .item_vietnam .box_maps {
    width: 35.8328125rem;
}

.item_vietnam .list_counter_maps .item_counter {
    padding-left: 1.771rem;
    padding-bottom: 0;
}

.item_vietnam .list_counter_maps .item_counter:not(:last-child) {
    margin-bottom: 4.167rem;
}

.item_vietnam .list_counter_maps .item_counter:before {
    top: 0;
    left: 0;
    bottom: unset;
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg, #D7AB29 0%, rgba(215, 171, 41, 0) 100%);
}

.item_vietnam .list_counter_maps .number {
    font-family: Manrope;
    font-family: 'Manrope bold';
    font-size: 4rem !important;
    margin-bottom: 0.521rem;
}

.item_vietnam .list_counter_maps h3 {
    font-family: 'Manrope 600';
    font-size: 1.042rem;
}

.markets_wrap .item_vietnam .box_maps .map-dot {
    left: var(--left);
    top: var(--top);
}

.home_6 {
    padding-top: 6.51rem;
}

.bg_member_container {
    height: 48.75rem /* 936/19.2 */;
}

.bg_member_container:after,
.bg_member_container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000033;
    z-index: 3;
}

.bg_member_container:after {
    top: unset;
    bottom: 0;
    height: 30%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 4;
}

.box_member_wrapper .bg_member {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.5s ease, z-index 0s 0.5s;
    z-index: 1;
    opacity: 0;
}

.box_member_wrapper .bg_member > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.box_member_wrapper .bg_member.active {
    z-index: 2;
    opacity: 1;
    transition: opacity 0.5s ease, z-index 0s;
}

.box_member_wrapper .item_member_container {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.box_member_wrapper .item_member_container > .inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 0 calc((100vw - var(--container-w)) / 2);
}

.box_member_wrapper .item_member_container > .inner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000066;
    pointer-events: none;
}

.box_member_wrapper .group_heading {
    max-width: 33.33%;
    margin-top: 4.6875rem;
}

.box_member_wrapper .box_item_wrap {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3px;
    height: 29.167rem;
}

.box_member_wrapper .box_item_wrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
}

.box_member_wrapper .item_member {
    width: 100%;
    aspect-ratio: 1/1;
    padding: 0 3.255rem 4.479rem;
    cursor: pointer;
    height: 100%;
}

.box_member_wrapper .item_member:before {
    content: '';
    position: absolute;
    inset: 0;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);

    /* Gradient mask: trong suốt ở trên, đậm dần xuống dưới */
    mask-image: linear-gradient(180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 50%,
    rgba(0, 0, 0, 1) 100%
    );
    -webkit-mask-image: linear-gradient(180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 50%,
    rgba(0, 0, 0, 1) 100%
    );
    z-index: 1;
}

.box_member_wrapper .item_member:after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.3) 50%,
    rgba(0, 0, 0, 0.6) 100%
    );
    z-index: 2;
    transition: .5s all;
}

.box_member_wrapper .item_member.active:after,
.box_member_wrapper .item_member:hover:after {
    background: linear-gradient(180deg, rgba(142, 106, 0, 0) 0%, rgba(142, 106, 0, 0.518671) 47.78%, rgba(142, 106, 0, 0.677815) 73.41%, rgba(142, 106, 0, 0.7) 100%);
    backdrop-filter: blur(8px);

}

.box_member_wrapper .item_member > .inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    /*height: 100%;*/
    position: relative;
    z-index: 4;
    margin-top: 11.458rem;
}

.box_member_wrapper .item_member .icon {
    width: auto;
    height: 3.125rem;
    margin-right: auto;
    margin-bottom: 1.302rem;
}

.box_member_wrapper .item_member .icon > img {
    width: 100%;
    height: 100%;
}

.box_member_wrapper .item_member h3 {
    font-family: 'Manrope bold';
    font-size: 1.667rem;
    margin-bottom: 6px;
}

.box_member_wrapper .item_member .desc {
    /*font-weight: 500;*/
    font-size: 1rem;
}

.home_7 {
    padding-top: 7.708rem;
    background: linear-gradient(0deg, rgba(252, 252, 226, 0) 0%, rgba(252, 252, 226, 0.4) 100%);

}

.home_7 .group_heading {
    padding-right: 5rem;
}

.home_7 .list_logo {
    gap: 1.5625rem;
    margin-top: 1.042rem;
}

.home_7 .list_logo .box_img {
    width: auto;
    height: 4.167rem;
}

.home_7 .list_content {
    margin-top: 2rem;
    padding-right: 5rem;
}

.home_7 .list_content > .custom_scroll {
    height: unset;
    overflow: unset;
}

.home_7 .list_content .item_content {
    padding-bottom: 1.5625rem;
    margin-bottom: 1.5625rem;
    border-bottom: 1px solid #0000001A;
    cursor: pointer;
    transition: .5s all;
}

.home_7 .list_content .item_content.active {
    border-color: var(--main-cl);
}

.home_7 .list_content h3 {
    font-family: 'Manrope bold';
    font-size: 1.25rem;
    color: var(--four-cl);
    margin-bottom: 0.78125rem;
    line-height: 1;
}

.home_7 .list_content .item_content.active h3 {
    color: var(--sub-cl);
    /*line-height: 1;*/
}

.home_7 .list_content .item_content .content {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
}

.home_7 .imgs_inner {
    margin-right: calc(-1 * (100vw - var(--container-w)) / 2 - 15px);
}

.home_7 .list_statistics {
    margin-top: 3.7rem;
    padding-right: 5rem;
    row-gap: 1rem;
}

.home_7 .imgs_inner > .item {
    display: none;
    transition: .5s all;
}

.home_7 .imgs_inner > .item.active {
    display: block;
    transition: .5s all;
    animation: opacity;
    animation-duration: 1s;
}

.home_7 .list_statistics .item:not(:last-child) {
    border-right: 1px solid #0000001A;
    margin-right: 2.604rem;
    padding-right: 2.604rem;
}

.home_7 .list_statistics .number_inner {
    font-weight: 800;
    font-size: 1.667rem;
    line-height: 1;
}

.home_7 .list_statistics .unit {
    font-family: 'Manrope 600';
    font-size: 0.9rem;
    margin-left: 4px;
}

.home_7 .list_statistics h3 {
    font-weight: 400;
    font-size: 1rem;
    color: var(--four-cl);
    margin-bottom: 0.625rem;
    line-height: 2.5;
    font-family: 'Manrope';
}

.home_8 {
    padding-top: 3.646rem;
}

.home_8 .group_heading {
    padding: 0 17rem;
}

.home_8 .group_heading > .desc_sec {
    max-width: 60%;
}

.home_8 .standards_wrap,
.eco_rice_7 .standards_wrap,
.home_8 .standards_wrap {
    margin: 2.604rem -2.24rem 0;
    padding: 0 6.40625rem;
}

.home_8 .slide_standards .item,
.eco_rice_7 .slide_standards .item,
.about_9 .slide_standards .item {
    padding: 0 2.24rem;
}

.home_8 .slide_standards .box_img,
.eco_rice_7 .slide_standards .box_img,
.about_9 .slide_standards .box_img {
    width: 10.417rem;
    aspect-ratio: 1/1;
}

.home_8 .slide_standards .box_img > img,
.eco_rice_7 .slide_standards .box_img > img,
.about_9 .slide_standards .box_img > img {
    object-fit: contain;
}

.home_8 .slide_standards h3 {
    font-weight: 800;
    font-size: 1.2rem;
    color: #353535;
    margin-bottom: 0;
    margin-top: 1.40625rem;
}

.about_9 .slide_standards h3,
.eco_rice_7 .slide_standards h3 {
    color: #353535;
    margin-bottom: 0;
    margin-top: 1.40625rem;
}

.home_9 {
    margin-top: 4.792rem;
}

.home_9 img.img_1 {
    width: 100%;
    /* height: 100%; */
}

.home_9 .box_effect:after,
.home_9 .box_effect:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70%;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    z-index: 2;
}

.home_9 .box_effect:after {
    top: unset;
    bottom: 0;
    height: 30%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    z-index: 5;
}

.home_9 .box_effect > .img_2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    display: block;
    z-index: 3;
}

.home_9 .box_effect > .box_img {
    position: absolute;
    top: 48%;
    left: 71%;
    transform: translate(-50%, -50%);
    width: 43.854rem;
    aspect-ratio: 1 / 1;
    z-index: 2;
    transform-origin: center;
    animation: spinInfinite 20s linear infinite;
}

.home_9 .box_content {
    top: 3.698rem;
    left: .5%;
    width: 100%;
    z-index: 6;
}

.home_10 .desc_sec.font_manrope.fs_20.fw_500 {
    font-size: 1.042rem;
}

.home_9 .box_content .group_heading {
    max-width: 31rem;
}

.home_10 .inner.custom_scroll {
    padding-left: 2.6rem;
}

.home_10 .group_heading {
    padding-right: 2.083rem;
}

.home_10 {
    padding-top: 7.292rem;
}

.home_10 .list_news_home {
    padding-left: 3.646rem;
}

.list_news_home .item_news_home {
    padding-top: 1.5625rem;
}

.list_news_home .item_news_home:not(:last-child) {
    padding-bottom: 1.5625rem;
    border-bottom: 1px solid #0000001A;
}

.item_news_home {
    gap: 3.385rem;
}

.item_news_home .date_wrap {
    flex-shrink: 0;
}

.item_news_home .date {
    font-weight: 500;
    font-size: 2.604rem;
    line-height: 1;
    color: var(--four-cl);
}

.item_news_home .month {
    font-weight: 400;
    font-size: 1rem;
    color: #666666;
}

.item_news_home .box_img {
    width: 19.53125rem;
    /*height: 12.917rem;*/
    /*aspect-ratio: 375/248;*/
    flex-shrink: 0;
}

.box_img_main.hover_zoom {
    aspect-ratio: 375 / 248;
}

.item_news_home .cat {
    font-weight: 500;
    font-size: 0.9rem;
    color: #999999;
}

.item_news_home h3 {
    font-family: 'Manrope bold';
    font-size: 1.02rem;
    color: var(--four-cl);
    margin-top: 0.521rem;
}

.home_11 {
    margin-top: 3.542rem;
    padding-top: 5rem;
    padding-bottom: 4.6875rem;
    background: linear-gradient(180deg, rgba(252, 252, 226, 0) 0%, rgba(252, 252, 226, 0.6) 100%);
}

.marquee-img-wrap {
    margin-top: 1.979rem;
}

.marquee-img-wrap .marquee-img {
    display: flex;
    width: max-content;
    max-width: unset;
    align-items: center;
}

.marquee-img-wrap .marquee-img .box_img {
    margin: 0 2.083rem;
}

.marquee-img-wrap .marquee-img img {
    filter: saturate(0);
    transition: filter 0.3s ease;
}

.marquee-img-wrap .marquee-img .box_img:hover > img {
    filter: saturate(1);
}

.marquee-img-wrap .marquee-img:has(.box_img:hover) {
    animation-play-state: paused;
}

.page-template-home .sec_collaboration {
}

.sec_collaboration:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000080;
    pointer-events: none;
    z-index: 1;
}

.sec_collaboration .box_content {
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 3;
}

.sec_collaboration .box_content .group_heading {
    max-width: 64%;
    margin: 0 auto;
    padding-bottom: 7.292rem;
}

.sec_collaboration .btn_collab {
    width: fit-content;
    margin: 0 auto;
}

/*----search page-----*/
body.search .item_news_home {
    flex-direction: column;
    gap: 0;
}

body.search .item_news_home .box_img {
    margin-top: 0;
    margin-bottom: 1.042rem;
    order: -3;
}

body.search .item_news_home .date_wrap {
    display: flex;
    align-items: center;
    gap: 2px;
}

body.search .item_news_home .date_wrap * {
    font-size: 0.7rem !important;
    font-weight: 400;
}

.home_2_right {
    padding-top: 2.448rem;
}

.home_2_right .btn_style_2 {
    margin-top: 1.042rem;
}

.number.relative {
    display: flex;
    gap: .55rem;
}

.block_footer.block_3 span.title {
    color: var(--third-cl);
    font-size: 2.34375rem;
    font-family: 'Manrope 600';
    line-height: 1.3;
}

/*.form_wrap {*/
/*    display: flex;*/
/*    align-items: center;*/
/*}*/
.footer_form {
    margin-top: 1.198rem;
}

.form_wrap input::placeholder {
    color: rgba(153, 153, 153, 1);
}

.form_item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 0.417rem;
}

.form_wrap input {
    box-shadow: none;
    background: none;
    border: none;
    padding: 0.417rem 5rem 0.417rem 0;
    margin: 0;
    font-size: 1.042rem;
}

.form_wrap input:focus {
    box-shadow: none;
    background: none;
}

.footer_top .submit_btn {
    position: absolute;
    top: 1.5rem;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 1.042rem;
}

.contact_form textarea {
    min-height: 60px;
}

.contact_form span.wpcf7-form-control-wrap.recaptcha {
    margin-bottom: .5rem;
    margin-top: 0 !important;
}

/*.footer_top .submit_btn svg{*/
/*    transition: .5s all;*/
/*}*/

.footer_top .submit_btn .icon svg {
    transition: .5s all;
    width: 1.7rem;
}

.footer_top .submit_btn .inner {
    display: flex;
    align-items: center;
}

.footer_top .submit_btn input {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: fit-content;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0 !important;
}

.footer_top .wpcf7-spinner {
    display: none;
}

.footer_top .submit_btn .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
}

.wpcf7 .wpcf7-not-valid-tip {
    background-color: var(--third-cl);
    color: white;
    border-radius: 5px;
    margin-top: -5px;
    position: absolute;
}


.wpcf7 .wpcf7-not-valid-tip:after {
    border-bottom-color: var(--third-cl);
}

.block_footer.block_4 {
    margin-top: 4rem;
}

.mobile_display_pagi {
    display: none;
}

.desktop_display {
    display: block;
}

.nav-dropdown-has-shadow .nav-dropdown {
    box-shadow: 1px 15px 15px rgba(0, 0, 0, .15);
    padding: .5rem;
    border-width: 1px;
    z-index: 10;
}

ul.sub-menu li:not(:last-child) {
    border-bottom: 0 !important;
}

.nav-dropdown.nav-dropdown-default > li > a {
    font-size: .9rem !important;
    color: #333;
    margin: 0 .4rem;
    transition: .5s all !important;
}

.nav-dropdown.nav-dropdown-default > li > a:hover {
    color: var(--main-cl) !important;
    transition: .5s all !important;
}

.nav-dropdown.nav-dropdown-default > li > a {
    transition: .5s all !important;
}

.home_1 {
    height: 100vh;
    overflow: hidden; /* Quan trọng! */
}

.edb_signature_item:hover .edb_signature_item_icon {
    transform: rotateY(360deg);
    transition: .7s all;
}

.product_detail_key_item:hover .product_detail_key_image {
    transform: rotateY(360deg);
    transition: .7s all;
}

.product_detail_key_item .product_detail_key_image {
    transition: .7s all;
}

.edb_signature_item .edb_signature_item_icon {
    transition: .7s all;
}

.product_detail_key_title {
    text-align: center
}


.mobile_display {
    display: none;
}

.banner_hero_wrap .btn .icon svg {
    transform: rotate(90deg);
}

.banner_hero_wrap .btn_style_1:hover .icon {
    transform: translateX(0) rotateZ(0);
}

.banner_hero_wrap .subtitle.dot:before {
    filter: unset;
}

.icon-search:before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjg3NSAxOC43NUMxNS4yMjQyIDE4Ljc1IDE4Ljc1IDE1LjIyNDIgMTguNzUgMTAuODc1QzE4Ljc1IDYuNTI1NzYgMTUuMjI0MiAzIDEwLjg3NSAzQzYuNTI1NzYgMyAzIDYuNTI1NzYgMyAxMC44NzVDMyAxNS4yMjQyIDYuNTI1NzYgMTguNzUgMTAuODc1IDE4Ljc1WiIgc3Ryb2tlPSIjNzEzQjBFIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2LjQ0MTQgMTYuNDQ1M0wyMC45OTc3IDIxLjAwMTYiIHN0cm9rZT0iIzcxM0IwRSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
}

i.icon-search {
    width: 1.25rem;
    height: 1.25rem;
}

.home_7 .imgs_inner {
    margin-top: 1.667rem;
}

.home_7 .desc_sec.font_manrope.fw_500 {
    font-size: 0.9375rem;
}

.date_wrap {
    width: 6.146rem;
    margin-right: 1.5625rem;
}

.item_news_home .box_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.item_news_home_wrap .heading {
    width: 14.0625rem;
}

.item_news_home_wrap {
    width: 100%;
    gap: 3.385rem;
}

.home_10 .sticky {
    position: sticky;
    top: 10rem;
}

section.home_10 {
    position: relative;
}

section.banner_hero_wrap,
section.home_1,
section.home_2,
section.home_3,
section.home_4,
section.home_5,
section.home_6,
section.home_7,
section.home_8,
section.home_9,
section.home_11,
section.sec_collaboration {
    overflow: hidden;
}

.home_10 .btn {
    margin-top: 1.5625rem;
}

.slide_product .swiper-slide:nth-child(even) .hover_product {
    flex-direction: column-reverse;
}

header#header .icon-search:before {
    filter: brightness(0) invert(1);
}

section.sec_collaboration.relative {
    height: 41.667rem;
}

.header-wrapper.stuck .header-inner.flex-row.container.logo-left.medium-logo-center {
    height: 6.25rem;
}

@keyframes fadeUp {
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.is-visible .ef-img-t {
    animation: fadeUp 1s forwards;
    animation-delay: var(--delay);
}

.ef-img-t {
    display: inline-block;
    opacity: 0;
    transform: translateY(50px);
    animation: none;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.3, 1.3);
    }
}

.home_7 .imgs_inner img {
    animation: zoom-in-zoom-out 50s ease infinite;
    overflow: hidden;
    transition: 1s all;
}

.header-wrapper.stuck img.header_logo.header-logo {
    display: none;
}


.header-wrapper.stuck img.header-logo-dark {
    display: block !important;
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.home_logo_track {
    margin-top: 1.979rem;
    display: flex;
    width: max-content;
    animation: marquee 40s linear infinite;
    gap: 2.083rem;
}

.home_logo {
    width: 100%;
    overflow: hidden;
}

.home_logo_item {
    flex: 0 0 auto;
    /*margin-right: 2.083rem;*/
}

.home_logo_item img {
    filter: saturate(0);
    transition: filter 0.3s ease;
}

.home_logo_item:hover > img {
    filter: saturate(1);
}

.home_scroll_slide .item {
    background: white;
}

.layer.layer_1 {
    display: none !important;
}

.layer.layer_2 {
    display: none !important;
}

section.home_3.relative {
    /* Không cần overflow-x auto, Swiper tự xử lý */
    overflow: visible;
}

.product_home {
    overflow: visible;
    cursor: grab;
}

.product_home:active {
    cursor: grabbing;
}

.banner {
    min-height: 48.75rem;
}

.banner_2 {
    min-height: 31.25rem;
}

.banner_3 {
    min-height: 41.667rem;
}

.banner_content {
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
}

.t-w {
    color: white;
}

h1 {
    font-family: 'Manrope bold' !important;
    font-weight: unset !important;
    font-size: 3.646rem !important;
}

.banner h1,
.banner_2 h1 {
    line-height: 1.3;
}

.banner:before,
.banner_2:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 12.8125rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}

.banner_breadcrumb {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 2.604rem;
}

.banner_breadcrumb ol {
    display: flex;
    list-style: none;
    gap: 0.625rem;
    margin: 0;
}

.banner_breadcrumb ol li {
    margin: 0;
}

.banner_breadcrumb ol li a {
    color: #FFFFFF;
    opacity: 60%;
    position: relative;
    transition: 0.7s all;
    font-size: .7rem;
    text-transform: uppercase;
}

.banner_breadcrumb ol li:hover > a {
    opacity: 1;
    transition: 0.7s all;
    color: #FFFFFF;
}

.banner_breadcrumb ol li:not(:last-child) a:before {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    border: 1px solid #ffffffb0;
    height: 0.729rem;
}

.banner_breadcrumb ol li:not(:last-child) a {
    padding-right: 0.625rem;
}

.banner_breadcrumb ol li:last-child a {
    opacity: 1;
}

.m-cl {
    color: var(--main-cl);
}

.s-cl {
    color: var(--sub-cl);
}

.t-cl {
    color: var(--third-cl);
}

img {
    transition: .7s all;
}

.ct-24 {
    font-size: 1.25rem;
}

.ct-16 {
    font-size: 0.833rem;
}

section.about_2 {
    background: #FDF8ED;
    padding-top: 9.583rem;
}

.about_2 .group_content {
    padding-top: 3.698rem;
}

.ceo_image {
    width: 29.84375rem;
    height: 100%;
}

.about_2 .quote {
    font-size: 2.604rem;
    line-height: 1.3;
}

.about_2 .quote span {
    font-family: 'Manrope extrabold';
}

.about_2 .content_detail {
    margin-top: 2.8125rem;
    padding: 2.1875rem 0 2.083rem 3.229rem;
    z-index: 2;
    max-width: 17.40625rem;
}

.content_detail_pattern.pattern.absolute {
    top: 0;
    left: 0;
    z-index: -1;
}

.about_2 .content_detail:before {
    position: absolute;
    content: '';
    left: 0;
    top: 3.1rem;
    width: 2.604rem;
    border: 1px solid #713B0E;
}

.about_2 .ceo_name {
    text-transform: uppercase;
}

.ceo_content {
    color: #808080;
    margin-top: 0.3125rem;
    line-height: 1.3;
}

.content_detail_pattern {
    width: 8.4375rem;
}

h2 {
    font-size: 2.604rem;
    color: var(--third-cl);
    line-height: 1.2;
    font-family: 'Manrope bold';
}

.desc_sec {
    font-size: 0.9375rem;
    line-height: 1.5;
}

.text-justify {
    text-align: justify;
}

.clearfix:after {
    content: unset;
}

.about_story_image {
    width: 100%;
    height: auto;
    margin-top: 1.5625rem;
}

.about_3 {
    padding-top: 7.76rem;
}

.content_20, .content-20 {
    font-size: 1.042rem;
    color: #333333;
}

.fc {
    flex-direction: column;
}

.about_3 .group_content_2 {
    max-width: 48.90625rem;
    margin: 6.927rem auto 2.1875rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    row-gap: 1.198rem;
}

.about_story_logo {
    width: 3.646rem;
    height: 3.646rem;
}

.about_story_line {
    background-image: linear-gradient(
            180deg, rgba(216, 172, 45, 0) 0%, #D8AC2D 100%);
    height: 6.25rem;
    width: 1px;
    margin-top: 1.927rem;
}

.about_count_list .about_count_item:first-child .number {
    font-size: 6.771rem;
}

.about_count_item .number.relative {
    gap: 0;
}

.content-24 {
    font-size: 1.2rem;
}

.about_count_list .about_count_item:first-child .about_count_content.content {
    font-size: 1.25rem;
    margin-top: 0.26rem;
}

.about_count_list {
    row-gap: 2.604rem;
    padding-top: 2.604rem;
}

.about_count_list .about_count_item:not(:last-child) {
    padding-bottom: 2.604rem;
}

.about_count_list .about_count_item:not(:last-child):before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0.208rem;
    width: 100%;
    background-image: linear-gradient(90deg, #E4C153 0%, rgba(228, 193, 83, 0) 100%);
    height: 1px;
}

.about_count_list .about_count_item:not(:last-child):after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 0.521rem;
    height: 0.521rem;
    border-radius: 100%;
    background: var(--main-cl);
}

.about_count_list .about_count_item .number {
    font-size: 3.646rem;
}

.about_count_content.content.f-mk-600 {
    margin-top: 0.521rem;
}

.about_map.relative {
    margin-left: 2.34375rem;
}

.about_map_item {
    width: 52.1875rem;
    height: 40.104rem;
}

.about_map_item.about_map_opacity {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .7s all;
}

.about_map:hover .about_map_opacity {
    opacity: 1;
    transition: .7s all;
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.marquee_list {
    width: max-content;
    animation: marquee 40s linear infinite;
    gap: 2.604rem;
}

.marquee_item {
    gap: 2.604rem;
    flex: 0 0 auto;
}

.marquee_item_logo {
    width: 3.125rem;
}

.marquee_wrap {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.marquee_item_title {
    font-size: 3.4375rem;
    display: -webkit-box;
    color: white;
    text-shadow: 1px 1px 0px var(--third-cl), -1px -1px 0px var(--third-cl), -1px 1px 0px var(--third-cl), 1px -1px 0px var(--third-cl);
}

.content-32 {
    font-size: 1.667rem;
}

section.about_4 {
    opacity: 30%;
    padding-top: 5.99rem;
}

.about_4 .group_content {
    transform: translateX(calc(-1 * calc(calc(calc(100vw - var(--container-w)) / 2)) / 2));
    transition: .7s all;
    width: fit-content;
}

.about_mission_image_wrap {
    gap: 1.042rem;
    transition: .7s all;
}

.about_mission_image_item {
    width: calc(100% / 2 - (1.042rem * 1 / 2));
    transition: .7s all;
    height: 30.365rem;
}


.about_4.active .about_mission_image_item.about_mission_image_right {
    transform: translateY(2.604rem);
}

.about_mission_image_wrap {
    transform: translateY(7.292rem);
    align-items: start;
}


section.about_4.active {
    opacity: 1;
    transition: .7s all;
}

.about_4.active .group_content {
    transform: translateX(0);
    transition: .7s all;
}

.about_4.active .about_mission_image_wrap {
    transform: translateY(0);
    transition: .7s all;
}

section.about_5 {
    margin-top: 7.292rem;
}

.about_pattern_background_back {
    padding-top: 2.917rem;
}

.about_pattern_background_front.absolute {
    padding-top: 2.917rem;
}

.about_pattern_background_front {
    top: 0;
    z-index: 3;
}

.about_pattern_background_main {
    top: 0;
    z-index: 2;
    left: 6%;
    width: 37.65625rem;
    height: 37.604rem;
    animation: spinNoTransform 30s linear infinite;
}

@keyframes spinNoTransform {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.about_mission_list {
    margin-top: 2.083rem;
    row-gap: 2.083rem;
    display: flex;
    flex-direction: column;
}

.about_mission_item {
    row-gap: 1.042rem;
}

.about_mission_content.content {
    color: #333333;
    line-height: 1.5;
}

.p-r-0 {
    padding-right: 0;
}

.about_pattern_content {
    right: 0;
    top: 5rem;
    width: 100%;
}

.about_pattern_background {
    pointer-events: none;
}

.content-30 {
    font-size: 1.5625rem;
}

section.about_6 {
    padding-top: 9.0625rem;
    padding-bottom: 6.354rem;
    background: #FDF8ED;
}

.about_value_list {
    padding-left: 5.208rem;
    row-gap: 2.552rem;
    z-index: 3;
    position: relative;
}

.about_value_item {
    display: flex;
    gap: 4.271rem;
}

.about_value_index {
    color: #000000
}

.about_value_detail {
    row-gap: 1rem;
    height: fit-content;
}

.about_value_title {
    line-height: 1;
}

.about_value_title.f-mk-500.content-30 {
    line-height: 1;
}

.about_value_image {
    width: 15.625rem;
    height: 15.625rem;
    flex: 0 0 auto;
    margin-top: -4.427rem;
    z-index: 2;
    opacity: 0;
    transition: .7s all;
}

.about_value_image img {
    border-radius: 100%;
}

.about_value_item.active .about_value_image {
    opacity: 1;
    transition: .7s all;
}

.about_value_item {
    padding-top: 1.615rem;
}


.about_value_item:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 0;
    border: 1.75px solid #D7AB29;
    opacity: 0;
    transition: .7s all;
}


.about_value_item:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    border: 1.75px solid #0000001A;
    opacity: 1;
    transition: .7s all;
}

.scroll_horizon_track {
    position: relative;
}

.about_value_item.active:after {
    width: 100%;
    opacity: 1;
    transition: .7s all;
}

.lh-5 {
    line-height: 1.5;
}

.about_6_background {
    left: 0;
    bottom: 0;
    width: 42.65625rem;
}

.sticky_wrap {
    position: sticky;
    top: 10rem;
    z-index: 3;
}

.about_6 .sticky_wrap {
    margin-bottom: 15rem;
}

.about_7 {
    padding-top: 8.333rem;
}

.about_milestones_content_item_desc.content {
    height: 4.90625rem;
}

.scroll_horizon_wrap {
    /*height: 300vh;*/
    overflow: hidden;
    margin-top: 3.125rem;
}

.scroll_horizon_container:before {
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    border: 1px solid #0000001A;
    top: 5.2rem;
}

/*.scroll_horizon_container {*/
/*    position: sticky;*/
/*    top: 9.509375rem;*/
/*    height: 33.53125rem;*/
/*    overflow: hidden;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    flex-direction: column;*/
/*    justify-content: space-between;*/
/*}*/
.scroll_horizon_container {
    height: 33.53125rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

.scroll_horizon_track {
    width: 100%;
    will-change: transform;
    position: relative;
}

.about_milestones_list {
    display: flex;
    gap: 10.417rem;
    padding-left: 13.59375rem;
    padding-right: 6rem;
    position: relative;
}

.about_7 .content_20 {
    padding-left: 5.104rem;
}

.about_milestones_year {
    font-size: 5.729rem;
    line-height: 1;
}

.about_milestones_item {
    flex: 0 0 auto;
}

.about_milestones_image {
    width: 15.052rem;
    height: 9.01rem;
    flex: 0 0 auto;
    margin-top: 10.417rem;
}

.about_milestones_wrap {
    display: flex;
    gap: 9.375rem;
}

.about_milestones_content_item {
    display: flex;
    flex-direction: column;
    row-gap: 2.083rem;
    width: 18.4375rem;
    flex: 0 0 auto;
    padding-top: 4.425rem;
    position: relative;
}

.about_process_list:first-child {
    margin-bottom: 4.5rem;
}

.about_8 .about_process_list:nth-child(2) {
    flex-direction: row-reverse;
}

.about_milestones_content_list {
    display: flex;
    gap: 5.99rem;
}

.about_milestones_content_item_image {
    width: 100%;
    height: 13.021rem;
}

.about_milestones_pattern {
    position: absolute;
    top: -1.521rem;
    width: 1.794rem;
    height: 1.042rem;
}

.about_milestone_bottom_wrap {
    margin-top: 1.5625rem;
    gap: 0.833rem;
    display: flex;
    align-items: center;
    line-height: 1;
    padding-left: 13.59375rem;
    width: 100%;
}

.about_milestone_bottom_border {
    width: 2.76rem;
    height: 1px;
    transform: rotate(180deg);
    background-image: repeating-linear-gradient(
            90deg,
            rgba(215, 171, 41, 1) 0,
            rgba(215, 171, 41, 1) 3px,
            rgba(215, 171, 41, 0) 3px,
            rgba(215, 171, 41, 0) 6px
    );
    mask-image: linear-gradient(to right, #000 0%, transparent 100%);
}

.about_milestone_bottom_svg svg {
    width: 100%;
    height: 100%;
    display: block;
}

.about_process_list {
    margin-top: 1.198rem;
    column-gap: 6.927rem;
    row-gap: 4.53125rem;
    z-index: 4;
    position: relative;
}

.about_process_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: .7s all;
    width: calc(100% / 4 - (6.927rem * 3 / 4));
    z-index: 3;
}

.about_process_item_image {
    width: 13.021rem;
    height: 13.021rem;
    background: #FFF6E1;
    padding: 3.255rem;
    border-radius: 100%;
    transition: .7s all;
}

.about_process_item_title {
    margin-top: 0.78125rem;
    text-align: center;
    white-space: nowrap;
    line-height: 1;
}

.about_process_step {
    margin-top: 0.933rem;
    padding: 0.417rem 1.276rem;
    border: 1px solid #00000033;
    border-radius: 60px;
    transition: .7s all;
    background: white;
}

.about_process_item:hover img {
    transform: scale(1.05);
    transition: .7s all;
}

.about_process_item:hover .about_process_step {
    border: 1px solid var(--third-cl);
    background: var(--third-cl);
    transition: .7s all;
    color: white;
}

.about_8_line_bg {
    position: absolute;
    /*top: 24.375rem;*/
    height: 45.3078125rem;
}

.about_process_bg.relative {
    height: 33.958rem;
    margin-top: 2.604rem;
}

.about_8_line_bg svg {
    width: 100%;
    display: block;
}

.about_8_line_bg {
    position: absolute;
    top: 35.1%;
    height: 45.3078125rem;
}

.about_process_desc {
    padding-top: 4.0625rem;
    padding-left: 4.01rem;
    padding-right: 3.125rem;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.about_process_svg {
    width: 1.25rem;
}

.about_9 .group_content .content {
    margin-top: 0.78125rem;
    max-width: 24.21875rem;
}

section.about_9 {
    padding: 6.302rem 0 7.65625rem;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.standards_wrap {
    margin-top: 2.65625rem;
}

section.about_2.relative {
    overflow: hidden;
}

section.about_2:hover .about-2_pattern {
    transform: scale(1);
    transition: .7s all;
}


.ceo_image {
    position: relative;
    z-index: 3;
}

.about_2_pattern.absolute {
    right: 25%;
    bottom: -23%;
    transform: scale(0);
    width: 29.479rem;
    transition: .7s all;
    z-index: 1;
}

.about_2:hover .about_2_pattern {
    transform: scale(1);
    transition: .7s all;
}

.about_10_bg_item {
    position: absolute;
    opacity: 0;
    transition: opacity .7s ease-in-out;
    top: 0;
}

.about_10_bg_item.active {
    opacity: 1;
    position: relative;
}

section.about_10:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00000070;
    z-index: 2;
}

.about_10_group_content {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 4;
}

.about_10_group_content .group_content {
    max-width: 28rem;
    margin: 5.208rem auto 0;
}

.edb_signature_list.signature_list_2 .edb_signature_item {
    flex-direction: row-reverse;
    text-align: right;
}

.eco_advantage_list {
    display: flex;
    gap: 4.167rem;
    margin-top: 4.84375rem;
}

.signature_list_2 .edb_signature_item_detail_content:before {
    background-image: linear-gradient(
            270deg, #E4C153 0%, rgba(228, 193, 83, 0) 100%);
}

.signature_list_2 .edb_signature_item_detail_content:after {
    left: unset;
    right: 0;
}

.stuck {
    animation: stuckMoveDown .6s !important;
}

.about_company_list {
    display: flex;
    top: 0;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    justify-content: space-between;
}

.about_company_item {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    padding-bottom: 4.74rem;
    padding-right: 4.792rem;
    padding-left: 5.208rem;
    position: relative;
}

.about_company_item_logo {
    width: 8.333rem;
    height: 8.333rem;
}

.about_company_item:before {
    right: 0;
    height: 100%;
    top: 0;
    border: 1px solid #FFFFFF33;
    width: 1px;
    position: absolute;
    content: '';
}

.about_company_item_content {
    margin-top: 0.521rem;
    max-width: 21.823rem;
    text-align: center;
}

.about_company_item_link {
    margin-top: 0.521rem;
}

.about_company_item_title {
    max-width: 23.177rem;
}

.about_company_detail {
    opacity: 0;
    transition: .7s all;
}

/*.about_company_item_logo {*/
/*    transform: translateY(160%);*/
/*    transition: .7s all;*/
/*}*/

.about_company_item_logo {
    position: absolute;
    transform: unset;
    bottom: 10%;
}

.about_company_item:hover .about_company_item_logo, .about_company_item.active .about_company_item_logo {
    bottom: 50%;
}

.about_company_item:hover .about_company_detail,
.about_company_item.active .about_company_detail {
    opacity: 1;
    transition: 1s all;
}

.about_company_detail {
    min-height: 12.65625rem;
}

section.product_detail_1.banner_2.relative {
    min-height: 15.5rem;
}

.about_company_item:hover .about_company_item_logo,
.about_company_item.active .about_company_item_logo {
    transform: translateY(0%);
    transition: 1s all;
    opacity: 0;
}

.about_company_detail {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
}

section.eco_2.relative {
    padding-top: 8.854rem;
}

.eco_2_bg {
    margin-top: -6rem;
}

.eco_2 .group_content {
    max-width: 27.1875rem;
}

.eco_2_pattern {
    bottom: 6.865rem;
    right: 10.729rem;
    width: 38.802rem;
    z-index: 1;
    animation: spinNoTransform 30s linear infinite;

}

.eco_2_bg.relative img {
    position: relative;
    z-index: 3;
}

section.eco_3 {
    padding-top: 6.51rem;
    padding-bottom: 7.865rem;
}

.eco_system_list {
    margin-top: 2.604rem;
    display: flex;
    flex-direction: column;
}

.eco_system_item_avatar {
    width: 50%;
    flex: 0 0 auto;
}

.eco_system_item_content {
    width: 50%;
    flex: 0 0 auto;
    background: #FDF8ED;
    padding-top: 5.15625rem;
    padding-bottom: 5.15625rem;
    padding-right: 5.104rem;
    padding-left: 6.365rem;
}

.eco_system_item_avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

h3.eco_system_item_title.t-cl.f-mk-bold {
    font-size: 2.083rem;
    margin-bottom: 0;
}

.eco_system_item_desc {
    margin-top: 0.833rem;
    line-height: 1.6;
}

.eco_system_item_link a.btn.btn_style_2 {
    margin-top: 1.5625rem;
}

.eco_system_list .eco_system_item:nth-child(even) {
    flex-direction: row-reverse;
}

.eco_system_item_avatar {
    overflow: hidden;
}

.eco_system_item_avatar img {
    transition: .7s all;
}

.eco_system_item:hover img {
    transform: scale(1.1);
    transition: .7s all;
}

.banner_breadcrumb ol li span {
    color: white;
    font-family: 'Manrope 500';
    font-weight: unset !important;
    text-transform: uppercase;
}

.breadcrumbs {
    font-weight: unset !important;
}

section.eco_detail_2 {
    padding-top: 6.823rem;
}

.eco_detail_2 .group_content.text-center {
    max-width: 48.385rem;
    margin: 0 auto;
}

.eco_detail_overview {
    margin-top: 2.65625rem;
    width: 100%;
    height: auto;
}

section.eco_detail_3 {
    padding-top: 6.823rem;
}

.eco_rice_advantage_list {
    margin-top: 5.885rem;
    display: flex;
    align-items: stretch;
    gap: 2.083rem;
}

.eco_advantage_item {
    width: calc(100% / 3 - (3.802rem * 2 / 3));
    background: linear-gradient(180deg, #FDF3DD 0%, rgba(253, 243, 221, 0) 100%);
    padding: 2.03125rem 2.135rem 0;
    height: 21.875rem;
}

.eco_advantage_item_icon {
    width: 4.167rem;
    height: 4.167rem;
}

.eco_advantage_item_title {
    margin-top: 1.042rem;
}

.eco_advantage_item_content {
    margin-top: 0.78125rem;
    padding-top: 0.78125rem;
    position: relative;
    line-height: 1.5;
}

.eco_advantage_item_content:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 3.90625rem;
    border: 1px solid #D7AB29;
}

.eco_advantage_detail_wrap {
    padding-bottom: 30rem;
}

.eco_advantage_item:hover {
    transform: translateY(-2.917rem);
    transition: .7s all;
}

.eco_advantage_item {
    transition: .7s all;
}

.eco_advantage_desc {
    bottom: 3.958rem;
    width: 100%;
}

.eco_advantage_desc_wrap {
    max-width: 37.76rem;
    margin: 0 auto;
}

.eco_detail_3 .btn_collab {
    display: flex;
    justify-content: center;
}

.eco_detail_3 a.btn.btn_style_2 {
    margin-top: 1.042rem;
}

.line_white {
    background-image: linear-gradient(
            180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    width: 1px;
    height: 51px;
    margin: 0 auto;
}

.eco_advantage_line {
    margin-bottom: 1.042rem;
}

section.eco_detail_4 {
    padding-top: 6.927rem;
}

.eco_detail_capa_image {
    width: 35.9375rem;
    flex: 0 0 auto;
    height: 37.083rem;
}

.eco_detail_capa {
    margin-top: 3.125rem;
    justify-content: space-between;
}

.eco_detail_capa_detail {
    margin-top: 1.042rem;
    display: flex;
    flex-direction: column;
    row-gap: 1.823rem;
}

.eco_detail_capa_detail_content {
    text-align: justify;
    line-height: 1.5;
    margin-top: 1.042rem;
}

.eco_detail_capa_detail_item {
    padding-bottom: 1rem;
}

.eco_detail_capa_detail_wrap {
    padding-right: 7.1875rem;
}

.eco_detail_capa_arrow {
    right: 0;
    bottom: 0.521rem;
    opacity: 0;
    transition: .7s all;
    padding-right: 1.042rem;
}

.eco_detail_capa_detail_item.active .eco_detail_capa_arrow {
    opacity: 1;
    transition: .7s all;
}

.eco_detail_capa_detail_item:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    border: 0.052rem solid #0000001A;
}

.eco_detail_capa_detail_item:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 0;
    opacity: 0;
    transition: 1s all;
    border: 1px solid #D7AB29;
}

.eco_detail_capa_detail_item.active:after {
    width: 100%;
    opacity: 1;
    transition: 1s all;
}

.eco_detail_capa_image {
    width: 35.9375rem;
    flex: 0 0 auto;
    height: 36.4rem;
    overflow: hidden;
}

.eco_detail_capa_image_item.active {
    opacity: 1;
    position: relative;
}

.blog_related_title {
    color: #333333 !important;
}

.eco_detail_capa_detail_title {
    padding-right: 1.5rem;
}

.eco_detail_capa_arrow.absolute svg {
    width: 1.667rem;
    height: 1.667rem;
    display: block;
}

.eco_related.flex.items-stretch {
    justify-content: space-between;
}

section.eco_detail_related {
    padding-top: 8.802rem;
}

.eco_related_item {
    width: 100%;
}

.eco_related_item_avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .7s all;
}

.eco_related_item_avatar {
    aspect-ratio: 960 / 350;
    overflow: hidden;
}

.product_item_cta {
    width: 3.385rem;
    height: 3.385rem;
}

.product_item_cta svg {
    width: 100%;
    height: 100%;
    display: block;
}

.eco_related_item:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00000080;
    z-index: 1;
}

.eco_related_item_detail {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    color: white;
    padding-bottom: 0.78125rem;
    border-bottom: 1px solid white;
}

.eco_related_item_title {
    font-size: 2.083rem;
}

.eco_related_item_detail:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.eco_related_item:hover img {
    transform: scale(1.1);
    transition: .7s all;
}

section.eco_rice_2 {
    padding-top: 6.458rem;
}

.eco_rice_2 .content {
    text-align: justify;
    /*padding-left: 5.208rem;*/
    line-height: 1.5;
}

.eco_rice_2 h2 {
    margin-bottom: 0;
}

.eco_rice_2 .group_content.aos-init.aos-animate {
    max-width: 30.573rem;
}

.eco_rice_award_image {
    width: 37.135rem;
    height: auto;
    margin: 0 auto;
}

.eco_rice_award_detail {
    margin-top: 2.083rem;
    position: relative;
    z-index: 3;
}

.eco_rice_award_detail_subtitle {
    font-size: 1.5625rem;
}

.eco_rice_pattern {
    bottom: 8.53125rem;
    left: 0;
    width: 100%;
    height: 35.26rem;
    pointer-events: none;
}

.eco_rice_award_detail_title {
    font-size: 2.604rem;
    line-height: 1;
}

.eco_rice_background {
    background: linear-gradient(180deg, rgba(253, 248, 237, 0) 0%, #FDF8ED 100%);
    /*margin-top: -3.646rem;*/
    padding: 2.865rem 0 6.09375rem;
}

.eco_rice_pattern img {
    transition: 1s all;
}

section.eco_rice_2:hover .eco_rice_pattern img {
    transform: translateY(-2.604rem);
    transition: 1s all;
}

.eco_chart_list {
    padding-right: 4.74rem;
    min-height: 28.958rem;
    height: 100%;
    gap: 1.042rem;
}

section.eco_rice_3 {
    padding-top: 8.542rem;
    position: relative;
}

.eco_rice_3 .group_content {
    margin-top: 3.958rem;
}

.eco_chart_item {
    height: 100%;
    background: #F3F3F3;
    width: 5.104rem;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
}

.eco_chart_item_main {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    /*overflow: hidden;*/
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1.146rem;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    transition: height 1s ease;
}


.eco_chart_item_number {
    background: #D7AB29;
    border-radius: 100%;
    width: 5.104rem;
    height: 5.104rem;
    position: relative;
}

.eco_chart_item .number span.counter {
    left: unset;
    top: unset;
    font-family: 'Manrope 500';
}

.eco_chart_item_number_wrap {
    width: 4.53125rem;
    height: 4.53125rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    transform: translate(-50%, -50%);
}

.eco_chart_item_year {
    writing-mode: sideways-lr;
}

.eco_chart_item_number:before {
    position: absolute;
    content: '';
    left: 50%;
    transform: translate(-50%);
    height: 6.667rem;
    background-image: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    width: 1px;
    top: 100%;
}

.group_content_wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

/*section.eco_rice_3:before {*/
/*    position: absolute;*/
/*    content: '';*/
/*    left: 0;*/
/*    bottom: 0;*/
/*    width: 0;*/
/*    transition: 1s;*/
/*    border: 1px solid #713B0E;*/
/*}*/

.eco_rice_3_line {
    width: 0;
    transition: 1s all;
    border: 1px solid #713B0E;
    opacity: 0;
}

.eco_rice_3.active .eco_rice_3_line {
    width: 100%;
    transition: 1s all;
    opacity: 1;
}

.eco_rice_3_line:before {
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDkgMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04Ljc4MDMyIDcuNzE5NjVMMS4yODAzMiAwLjIxOTY0NkMxLjE3NTQzIDAuMTE0NzYzIDEuMDQxNzkgMC4wNDMzMzkgMC44OTYzMDEgMC4wMTQ0MDU5QzAuNzUwODE1IC0wLjAxNDUyNzIgMC42MDAwMTcgMC4wMDAzMzAyNTMgMC40NjI5NzUgMC4wNTcwOTkxQzAuMzI1OTMzIDAuMTEzODY4IDAuMjA4ODAyIDAuMjA5OTk5IDAuMTI2Mzk0IDAuMzMzMzM2QzAuMDQzOTg1IDAuNDU2NjczIC0zLjcyNTc0ZS0wNyAwLjYwMTY3NyAwIDAuNzUwMDEyVjE1Ljc1QzMuMjA4MDhlLTA2IDE1Ljg5ODMgMC4wNDM5OTAxIDE2LjA0MzMgMC4xMjYzOTkgMTYuMTY2N0MwLjIwODgwOCAxNi4yOSAwLjMyNTkzOSAxNi4zODYxIDAuNDYyOTc5IDE2LjQ0MjlDMC42MDAwMiAxNi40OTk3IDAuNzUwODE2IDE2LjUxNDUgMC44OTYzMDEgMTYuNDg1NkMxLjA0MTc5IDE2LjQ1NjcgMS4xNzU0MiAxNi4zODUzIDEuMjgwMzIgMTYuMjgwNEw4Ljc4MDMyIDguNzgwMzhDOC44NDk5NyA4LjcxMDczIDguOTA1MjIgOC42MjgwNSA4Ljk0MjkyIDguNTM3MDVDOC45ODA2MSA4LjQ0NjA0IDkuMDAwMDEgOC4zNDg1MSA5LjAwMDAxIDguMjUwMDFDOS4wMDAwMSA4LjE1MTUxIDguOTgwNjEgOC4wNTM5OCA4Ljk0MjkyIDcuOTYyOThDOC45MDUyMiA3Ljg3MTk4IDguODQ5OTcgNy43ODkyOSA4Ljc4MDMyIDcuNzE5NjVWNy43MTk2NVoiIGZpbGw9IiM3MTNCMEUiLz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 0.365rem;
    height: 0.885rem;
    z-index: 3;
    opacity: 0;
    transition: .5s all;
}

.eco_rice_3.active .eco_rice_3_line:before {
    opacity: 1;
    transition: .5s all;
}

.eco_rice_unit_chart {
    color: #666666;
    padding-bottom: 0.677rem;
}

.group_content_wrap {
    padding-right: 3.125rem;
}

.group_content_wrap .content-20 {
    padding-right: 3.125rem;
}

.eco_chart_item_number:after {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    width: calc(100% + .5rem);
    height: calc(100% + .5rem);
    background: var(--main-cl);
    border-radius: 100%;
    transform: translate(-50%, -50%);
    animation: opacity_2 2s ease-out infinite;
    will-change: transform, opacity;
}

@keyframes opacity_2 {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1.15);
    }
}

.eco_chart_item_number {
    opacity: 0;
    transition: 2s all;
}

.eco_rice_3.active .eco_chart_item_number {
    opacity: 1;
    transition: 2s all;
}

.home_reason_list {
    margin-top: 5.885rem;
    gap: 2.03125rem;
}

.eco_ice_4:hover .eco_rice_advantage_list .eco_rice_advantage_item:nth-child(1) {
    transform: translateY(15%);
    transition: 1s all;
}

.eco_ice_4:hover .eco_rice_advantage_list .eco_rice_advantage_item:nth-child(2) {
    transform: translateY(0.104rem);
    transition: 1s all;
}

.eco_ice_4:hover .eco_rice_advantage_list .eco_rice_advantage_item:nth-child(3) {
    transform: translateY(-15%);
    transition: 1s all;
}

.eco_ice_4:hover .eco_rice_advantage_list .eco_rice_advantage_item:nth-child(4) {
    transform: translateY(-35%);
    transition: 1s all;
}

.eco_ice_4:hover .eco_rice_advantage_list .eco_rice_advantage_item:nth-child(5) {
    transform: translateY(-55%);
    transition: 1s all;
}

section.eco_ice_4 {
    padding-top: 8.958rem;
    position: relative;
}

.eco_advantage_wrap {
    padding-bottom: 18.854rem;
}

.eco_rice_advantage_wrap {
    padding-bottom: 24.635rem;
}

.eco_rice_advantage_item {
    flex-direction: column;
    row-gap: 1.146rem;
    transition: 1s all;
    position: relative;
    width: calc(100% / 5 - (2.03125rem * 4 / 5));
}

.eco_advantage_title {
    font-size: 1.302rem;
    line-height: 1.3;
}

.eco_advantage_content {
    margin-top: 1.25rem;
}

.eco_rice_advantage_item_index {
    font-size: 2.083rem;
    line-height: 1;
}

.eco_rice_advantage_number {
    width: 4.84375rem;
    height: 4.84375rem;
    border: 1px solid var(--main-cl);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.eco_advantage_detail {
    margin-left: 4.167rem;
    width: 8.854rem;
}

.eco_rice_advantage_number:before {
    transform: translateY(100%);
    bottom: 0;
    z-index: 10;
    position: absolute;
    width: 1px;
    content: '';
    left: 50%;
    background-image: linear-gradient(
            180deg, #D7AB29 0%, rgba(215, 171, 41, 0.355769) 42.79%, rgba(215, 171, 41, 0) 100%);
}

.eco_rice_advantage_number {
    position: relative;
}

.eco_rice_advantage_item:nth-child(1) .eco_rice_advantage_number:before {
    height: 11.927rem;
}

.eco_rice_advantage_item:nth-child(2) .eco_rice_advantage_number:before {
    height: 15.99rem;
}

.eco_rice_advantage_item:nth-child(3) .eco_rice_advantage_number:before {
    height: 20.052rem;
}

.eco_rice_advantage_item:nth-child(4) .eco_rice_advantage_number:before {
    height: 24.115rem;
}

.eco_rice_advantage_item:nth-child(5) .eco_rice_advantage_number:before {
    height: 28.177rem;
}

section.eco_ice_4:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 11.458rem;
    background: linear-gradient(0deg, #FFFFFF 1.83%, rgba(255, 255, 255, 0) 103.75%);
}

.eco_rice_advantage_wrap h2 {
    margin-bottom: 0;
}

section.eco_rice_5 {
    padding-top: 6.042rem;
    padding-bottom: 24.896rem;
}

section.eco_rice_5:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 14.53125rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    opacity: 50%;
}

.eco_rice_5 .content_box {
    max-width: 43.229rem;
}

.eco_rice_5 h2 {
    margin-bottom: 0.78125rem;
}

.eco_rice_5 .group_content {
    margin-bottom: 1.5625rem;
}

section.eco_rice_6 {
    padding-top: 8.542rem;
}

.eco_rice_6 h2 {
    margin-bottom: 0.78125rem;
}

.product_list {
    row-gap: 0.382rem;
}

.product_item {
    width: calc(100% / 4);
    background: #FDF8ED;
    border-style: solid;
    border-color: #F3E5BD;
    border-width: 1px 0 1px 0.5px;
    padding: 2.96875rem 1.875rem 2.917rem 1.667rem;
    height: 34.896rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: .7s all;
}

.product_item:hover {
    background: #FFF0CF;
    transition: .7s all;
}

.product_title {
    font-size: 1.5625rem;
}

.product_term.content-20.f-mk-600 {
    color: #333333CC;
}

.product_item_detail_avatar {
    position: absolute;
    right: -28%;
    top: 6.771rem;
    width: 22.03125rem;
    height: 20.833rem;
}

.product_detail_index_title.content-16 {
    line-height: 1;
    color: #666666;
    font-size: 1rem;
}

.product_item_detail_index {
    display: flex;
    flex-direction: column;
    row-gap: 0.46875rem;
}

.product_item_detail {
    row-gap: 1.5625rem;
}

.product_item_detail_index .rating_wrap.flex.items-center {
    gap: 0.199rem;
}

.product_item_detail_avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product_item_cta {
    overflow: hidden;
    right: 1.875rem;
    bottom: 2.917rem;
    transition: .7s all;
}

.product_item:hover .product_item_cta {
    transform: rotateY(360deg);
    transition: .7s all;
}

.eco_rice_6 .product_list {
    margin-top: 3.125rem;
}

section.eco_rice_7 {
    padding-top: 7.135rem;
}

.eco_rice_7 .content-20 {
    max-width: 36.458rem;
}

.banner_2:after {
    position: absolute;
    content: '';
    left: 0;
    width: 49.479rem;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
}
.banner_2:has(video):after {
    display: none !important;
}

.banner_2 .banner_content.absolute {
    z-index: 2;
}

.banner_2 .banner_breadcrumb {
    z-index: 2;

}

.single-product .banner_2 .banner_breadcrumb {
    bottom: unset;
    top: 1.40625rem;
}

.product_detail_1.banner_2:after {
    width: 100%;
    background: #0000004D;
}

.eco_brand_2 .group_content .content {
    max-width: 45.26rem;
}

.eco_brand_introduce_list {
    display: flex;
    gap: 2.604rem;
    margin-top: 1.771rem;
    width: fit-content;
}

.eco_brand_introduce_item {
    width: auto;
    max-height: 5.208rem;
}

.eco_brand_introduce_item {
    height: 6.25rem;
    flex: 0 0 auto;
}

.eco_brand_introduce_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.eco_brand_introduce_list .eco_brand_introduce_item:not(:last-child) {
    padding-right: 2.604rem;
}

section.eco_brand_2 {
    padding-top: 6.615rem;
    padding-bottom: 35.573rem;
}

.eco_brand_introduce_item {
    position: relative;
}

.eco_brand_introduce_item:not(:last-child):before {
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-right: 1px solid #0000001A;
    width: 1px;
    height: 4.0625rem;
}

.eco_brand_2_content {
    bottom: -1.458rem;
    width: 100%;
}

.eco_brand_2_bg_title {
    font-size: 3.125rem;
    margin-bottom: 0.625rem;
}

section.eco_brand_3 {
    padding-top: 10.521rem;
}

.eco_brand_3 .group_content .content-20 {
    max-width: 43.958rem;
}

.edb_signature_list {
    row-gap: 3.125rem;
    margin-top: 1.042rem;
}

.eco_brand_3 .group_content {
    margin-bottom: 2.24rem;
}

.edb_signature_item {
    gap: 1.979rem;
}

.edb_signature_item_icon {
    width: 4.167rem;
    height: 4.167rem;
    border: 1px solid var(--third-cl);
    border-radius: 100%;
    flex: 0 0 auto;
    padding: 0.833rem 0.9375rem;
}

.edb_signature_item_detail_title.f-mk-600 {
    font-size: 1.2rem;
    line-height: 1;
}

.edb_signature_item_detail_content {
    margin-top: 0.78125rem;
    line-height: 1.5;
    padding-bottom: 2.083rem;
    position: relative;
}

.edb_signature_item_detail_content:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0.225rem;
    width: 100%;
    background-image: linear-gradient(90deg, #E4C153 0%, rgba(228, 193, 83, 0) 100%);
    height: 1.5px;
}

.edb_signature_item_detail_content:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: .5rem;
    height: .5rem;
    border-radius: 100%;
    background: var(--main-cl);
}

.eco_brand_signature_link {
    left: 50%;
    transform: translateX(-50%);
    bottom: 6rem;
}

.eco_brand_4 .content-20.f-mk {
    max-width: 42.96875rem;
}

.eco_showroom_item_title.content-20 {
    font-size: 1.2rem;
}

section.eco_brand_4 {
    background: linear-gradient(180deg, rgba(253, 248, 237, 0) 0%, #FDF8ED 100%);
    padding-top: 1.667rem;
    padding-bottom: 9.583rem;
}

.edb_signature_image {
    width: 100%;
    height: 36.458rem;
}

.edb_signature_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product_show_wrap_image {
    width: 8.78125rem;
    position: absolute;
    left: 2.708rem;
}

.product_show_wrap_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product_show_link .btn {
    margin: 0;
}

.product_show_link {
    bottom: 5rem;
    left: 50%;
    transform: translateX(-50%);
}

.btn_home3 {
    bottom: 0;
    position: absolute;
    left: 5.677rem;
}

.btn_home3 .btn {
    margin: 0;
}

.eco_brand_3 .btn_style_2 {
    margin: 0;
}

.product_show_list {
    margin-top: 2.396rem;
    padding: 0 6rem 0 13.542rem;
}

.home_3 .scroll_horizon_product_wrap {
    margin-top: 1.71875rem;
}

.product_show_wrap_image {
    margin-top: 0.698rem;
}

.product_show_item_detail_subtitle {
    color: #999999;
}

.information .title {
    font-size: 1rem;
    color: #666666;
}

.product_show_item .information {
    width: 10.417rem;
    display: flex;
    flex-direction: column;
    row-gap: 0.78125rem;
    justify-content: space-between;
    margin-top: 0.78125rem;
}

.product_show_item .inner.flex {
    justify-content: space-between;
    width: 100%;
}

.product_show_list {
    gap: 2.083rem;
}

.product_show_item .rating_wrap {
    gap: 0.26rem;
}

.product_show_list .product_show_item:nth-child(even) {
    flex-direction: column-reverse;
}

.product_show_item {
    display: flex;
    flex-direction: column;
    row-gap: 1.302rem;
}

.product_show_item_image {
    width: 17.448rem;
    height: 17.448rem;
}

.product_show_item_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product_show_item_detail_heading {
    min-height: 3.90625rem;
}

.product_show_item_detail_title {
    line-height: 1;
}

.product_show_item_detail_subtitle {
    line-height: 1;
    margin-top: 0.78125rem;
}

.scroll_horizon_product_wrap {
    /*height: 180vh;*/
    margin-top: 3.125rem;
    padding: 2.083rem 0;
}

.scroll_horizon_product_container {
    position: sticky;
    /*top: 6.509375rem;*/
    /*height: 32.53125rem;*/
    top: 10rem;
    height: fit-content;
    /*overflow: hidden;*/
    display: flex;
    align-items: center;
}

.scroll_horizon_product_track {
    width: 100%;
    will-change: transform;
}

section.about_5 {
    overflow: hidden;
}

.scroll_horizon_product_container {
    overflow: hidden;
}

section.eco_brand_5 {
    padding-top: 7.8125rem;
}

.eco_showroom_item.flex.items-start {
    margin-top: 2.448rem;
    gap: 1.5625rem;
}

.eco_showroom_item_image {
    width: 7.8125rem;
    height: 15.625rem;
    border-radius: 100%;
    flex: 0 0 auto;
}

.eco_showroom_item_image_box {
    width: 100%;
    height: 7.8125rem;
}

.eco_showroom_item_image_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.eco_showroom_item_image:before {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
    height: 7.8125rem;
    background-image: linear-gradient(
            180deg, #713B0E 0%, rgba(113, 59, 14, 0) 100%);
    width: 2px;
    z-index: 2;
}

.eco_showroom_arrow {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 3.125rem;
}

.eco_showroom_item-content.content-20.f-mk-500 {
    margin-top: 0.625rem;
}

.arrow_wrap_item {
    width: 2.083rem;
    height: 2.083rem;
    border-radius: 100%;
    border: 1px solid var(--third-cl);
    padding: 0.542rem;
}

.arrow_wrap_item svg {
    width: 1.042rem;
    height: 1.042rem;
    display: block;
}

.eco_showroom_map {
    height: 35.78125rem;
}

.eco_showroom_map img {
    width: auto;
    height: 100%;
    object-fit: cover;
}

.eco_showroom_map_detail {
    right: 0;
    top: 4.0625rem;
}

.eco_showroom_map_number {
    padding-left: 1.40625rem;
}

.eco_showroom_map_number {
    font-size: 4.375rem;
}

.eco_showroom_map_number .number {
    gap: 0.521rem;
    display: flex;
    line-height: 1.5;
}

.eco_showroom_map_number:before {
    position: absolute;
    content: '';
    left: 0.234375rem;
    top: 1.771rem;
    background-image: linear-gradient(
            180deg, #713B0E 0%, rgba(113, 59, 14, 0) 100%);
    height: 8.90625rem;
    width: 0.052rem;
}

.eco_showroom_map_number:after {
    position: absolute;
    content: '';
    left: 0;
    top: 1.771rem;
    width: .525rem;
    height: .525rem;
    border-radius: 100%;
    background: var(--third-cl);
}

.eco_showroom_map_tiny_image {
    bottom: 6.042rem;
    right: 1.198rem;
    width: 21.042rem;
    height: 12.708rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.eco_showroom_arrow {
    z-index: 5;
}

.arrow_wrap_item {
    cursor: pointer;
}

.eco_showroom_map_tiny_image img {
    /* width: 100%; */
    height: 100%;
    object-fit: cover;
}

.eco_showroom_map {
    padding-left: 5.052rem;
}

.eco_showroom_arrow {
    gap: 0.521rem;
}

.arrow_wrap_item {
    transition: .7s all;
}

.arrow_wrap_item:hover {
    background: var(--third-cl);
    transition: .7s all;
}

.arrow_wrap_item:hover svg path {
    stroke: white;
    transition: .7s all;
}

.arrow_wrap_item svg path {
    transition: .7s all;
}

section.eco_brand_6 {
    padding-top: 5.573rem;
}

.eco_brand_map_heading:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0.521rem;
    width: 100%;
    border: 1px solid #00000033;
}

.eco_brand_map_heading h2 {
    line-height: 1.3;
    position: relative;
    z-index: 3;
    width: fit-content;
    margin: 0 auto;
    background: white;
    padding: 0 2.083rem;
    font-size: 2.083rem;
}

section.eco_brand_7 {
    padding-top: 8.854rem;
}

.eco_brand_collab_detail {
}

.eco_brand_collab {
    height: 28.646rem;
    position: relative;
}

.eco_brand_collab_detail {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-left: 5.208rem;
    max-width: 30.833rem;
    z-index: 3;
    position: relative;
}

.eco_brand_collab:before {
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 64.09%);
}

.single:not(.single-ecosystem) #header .header-wrapper {
    position: relative;
    background: white;
}

.single:not(.single-ecosystem) .stuck #header,
.single:not(.single-ecosystem) #header {
    position: relative;
}

.single:not(.single-ecosystem) .header-bg-color.fill {
    background: white;
}


.single:not(.single-ecosystem) #header .header-wrapper:after {
    content: unset;
}

.single:not(.single-ecosystem) #header .header-wrapper:before {
    content: unset;
}

.single:not(.single-ecosystem) header#header #masthead #logo img.header_logo {
    display: none;
}

.single:not(.single-ecosystem) header#header #masthead #logo img.header-logo-dark {
    display: block !important;
    height: 4.948rem;
}

.single:not(.single-ecosystem) #header .nav > li > a {
    color: black;
}

.single:not(.single-ecosystem) header#header .icon-search {
}

.single:not(.single-ecosystem) .header_language .lang-toggle > img {
    filter: brightness(0.5) invert(0);
}

.single:not(.single-ecosystem) .header_language .lang-toggle:after {
    filter: brightness(0) invert(0);
}

.single:not(.single-ecosystem) header#header #masthead #logo {
    margin-bottom: 0 !important;
}

.single:not(.single-ecosystem) #header .header-wrapper.stuck {
    position: fixed;
}

.product_detail_avatar {
    width: 23rem;
    height: 23rem;
    margin: -7.8125rem auto 0;
}

.product_detail_avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product_detail_heading {
    padding-top: 3.90625rem;
    padding-right: 5.104rem;
}

.product_detail_title {
    font-size: 2.604rem;
}

.product_detail_short_desc.content {
    margin-top: 1.042rem;
    line-height: 1.5;
    text-align: justify;
}

.product_detail_awards {
    margin-top: 2.865rem;
    gap: 8.75rem;
    justify-content: center;
    width: 100%;
}

.product_detail_award_item {
    width: calc(100% / 3 - (8.75rem * 2 / 3));
}

.product_detail_link a.btn.btn_style_2 {
    margin-top: 3.125rem;
}

section.product_detail_4 {
    background: linear-gradient(180deg, #FDF8ED 0%, rgba(253, 248, 237, 0) 100%);
    width: 92.708rem;
    margin: 7.396rem auto 0;
    padding: 5.208rem 9.115rem;
}

.product_detail_4 h2 {
    font-size: 2.083rem;
    margin: 0;
}

.product_detail_bottom h2 {
    font-size: 2.083rem;
}

.product_detail_key_list {
    column-gap: 4.167rem;
    row-gap: 1.042rem;
    align-items: start;
    margin-top: 3.125rem;
}

.product_detail_key_image {
    width: 7.8125rem;
    height: 7.8125rem;
    border-radius: 100%;
    border: 1px solid var(--third-cl);
    padding: 1.40625rem 1.25rem;
}

.product_detail_key_image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product_detail_key_title.content-24.f-mk-bold {
    margin-top: 2.1875rem;
    font-size: 1.2rem;
}

.eco_detail_2 .eco_detail_overview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product_detail_key_content {
    margin-top: 0.78125rem;
}

.product_detail_key_item {
    width: calc(100% / 4 - (4.167rem * 3 / 4));
}


.product_detail_4 .product_detail_inform {
    padding: 1.5625rem 0;
    display: flex;
    justify-content: center;
    gap: 6.354rem;
    margin-top: 3.75rem;
    border-top: 1px solid #00000033;
    border-bottom: 1px solid #00000033;
}

.product_detail_4 .inner.flex {
    font-size: 1rem;
    font-family: 'Manrope 600';
    gap: 1.042rem;
}

.product_detail_4 .rating_wrap {
    gap: 0.26rem;
}

.product_detail_4 .rating_wrap img {
    width: 0.573rem;
}

.product_detail_bottom {
    margin-top: 5.625rem;
}

.product_detail_description_content {
    margin-top: 1.71875rem;
    max-width: 28.74rem;
}

.product_detail_description_content ul, .product_detail_description_content ol {
    padding-left: 1rem;
}

.product_detail_bottom {
    gap: 5.521rem;
}

.product_detail_bottom_left {
    padding-right: 6.615rem;
    position: relative;
}

.product_detail_bottom_left:before {
    position: absolute;
    content: '';
    right: 0;
    height: 100%;
    border: 1px solid #00000033;
}

.product_detail_certi_list {
    margin-top: 1.71875rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.76rem;
}

.product_detail_certi_item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.product_detail_certi_title.content {
    margin-top: 1.40625rem;
    white-space: nowrap;
}

.product_detail_certi_image {
    width: 5.208rem;
    height: 5.208rem;
}

.product_detail_bottom_right.product_detail_bottom_item {
    padding-left: 2.604rem;
}

.product_detail_share {
    margin-top: 2.135rem;
    font-size: 0.9rem;
    color: #888888;
    gap: 0.521rem;
}

ul.product_detail_share_list.flex.items-center {
    list-style: none;
    margin: 0;
    gap: 0.521rem;
}

li.product_detail_share_item {
    margin: 0;
}

li.product_detail_share_item a {
    width: 1.5625rem;
    height: 1.5625rem;
    display: block;
}

li.product_detail_share_item:not(:first-child) a {
    padding: 0.365rem;
    border: 1px solid black;
    border-radius: 100%;
}

li.product_detail_share_item svg {
    width: 100%;
    height: 100%;
    display: block;
    transition: .7s all;
}

li.product_detail_share_item:first-child a {
    padding: 0.1rem;
    border-radius: 100%;
}

li.product_detail_share_item:first-child:hover a {
    background: black;
    transition: .7s all;


}

li.product_detail_share_item:first-child:hover svg path {
    stroke: white;
    transition: .7s all;
}

li.product_detail_share_item:not(:first-child):hover a {
    background: black;
    transition: .7s all;
}

li.product_detail_share_item:not(:first-child):hover svg path {
    fill: white;
    transition: .7s all;
}

.product_item_link_svg {
    width: 3.90625rem;
    height: 3.90625rem;
}

.product_item_link {
    width: 100%;
    height: 100%;
    gap: 0.859375rem;
}

.product_item_link_svg {
    display: block;
    transition: .7s all;
}

.product_item:hover .product_item_link_svg svg {
    transform: rotateY(360deg);
    transition: .7s all;
}

section.career_2 {
    padding-top: 6.40625rem;
}

section.career_3 {
    padding-top: 5.99rem;
}

.grow_list {
    gap: 0.99rem;
    margin-top: 3.75rem;
}

.grow_item {
    width: calc(100% / 3 - (0.99rem * 2 / 3));
    background: #FDF8ED;
    border-radius: 1.042rem;
    padding: 2.5rem;
}

.career_content.content {
    font-size: 1.40625rem;
    display: flex;
    gap: 1.25rem;
}

.career_content.content svg {
    width: 1.927rem;
    flex: 0 0 auto;
}

.grow_item_content.content {
    text-align: justify;
}

.grow_item {
    position: relative;
}

.grow_item_icon {
    position: relative;
    z-index: 2;
}

.grow_item:hover .grow_item_title {
    transition: .7s all;
}

.blog_default_heading {
    display: flex !important;
}

.grow_item_title {
    font-size: 1.2rem;
    position: relative;
    z-index: 2;
    transition: .7s all;
}

.grow_item_content.x-content.t-w {
    position: relative;
    z-index: 2;
}


.grow_item_icon {
    width: 3.333rem;
    height: 3.333rem;
    transition: .7s all;
}

.grow_item_title {
    margin-top: 1.667rem;
    transition: .7s all;

}

.grow_item:hover .grow_item_icon {
    transform: rotateY(360deg);
    transition: .7s all;
}

.grow_item .grow_item_icon {
    transition: .7s all;
}

.grow_item:hover .grow_item_title {
    color: var(--main-cl);
    transition: .7s all;
}

.grow_item_content {
    margin-top: 0.833rem;
    line-height: 1.5;
}

.career_list {
    flex-direction: column;
    row-gap: 0.521rem;
    margin-top: 1.354rem;
}

.career_item {
    padding-top: 1.5625rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    gap: 1.667rem;
    width: 100%;
    padding-bottom: 0.78125rem;
    justify-content: space-between;
}

.career_item_span span {
    font-family: 'Manrope 600';
}

ul.career_item_detail, ul.career_item_detail li {
    margin-bottom: 0;
}

.career_item:before {
    position: absolute;
    opacity: 0;
    content: '';
    left: 0;
    top: 0;
    width: 0;
    border: 1px solid var(--main-cl);
    transition: 1s all;
}

.career_item_content {
    display: flex;
    flex-direction: column;
    row-gap: 0.833rem;
}

.career_item_info {
    display: flex;
    flex-direction: column;
    row-gap: 0.625rem;
}

.career_item_address, .career_item_deadline {
    gap: 0.417rem;
}

.career_item_svg {
    width: 0.9375rem;
    height: 0.9375rem;
    flex: 0 0 auto;
}


.career_item_span {
    color: #333333;
}

.career_item_span span {
    color: #333333;
    line-height: 1;
}

ul.career_item_detail {
    gap: 0.78125rem;
}

ul.career_item_detail .career_item_span {
    display: flex;
    gap: 0.417rem;
    line-height: 1;
    font-size: 0.833rem;
}

.career_item_svg svg {
    width: 100%;
    height: 100%;
    display: block;
}

.career_item:hover .career_title {
    color: var(--main-cl);
    transition: .7s all;
}

.career_item_address .content,
.career_item_deadline .content {
    line-height: 1;
}

ul.career_item_detail li {
    gap: 0.417rem;
    padding: 0.417rem 0.625rem;
    border: 1px solid #33333333;
    border-radius: 2.96875rem;
}

.career_title_svg {
    width: 1.5625rem;
    height: 1.5625rem;
    flex: 0 0 auto;
}

.career_item:hover:before {
    width: 100%;
    transition: 1s all;
    opacity: 1;
}

.career_item:hover .career_item_title .career_title_svg svg circle {
    fill: var(--main-cl);
    fill-opacity: 1;
    transition: .5s all;
}

.career_title.f-mk-bold {
    font-size: 1.5625rem;
    color: #333333;
    transition: .7s all;
}

.content.career_item_span.x-content {
    font-size: 0.833rem;
    color: #333333;
}

.career_item_info .content {
    color: #333333;
}

.btn {
    transition: .7s all;
}

.career_form_image {
    position: absolute;
    width: 41.667rem;

}

.career_form_image {
    position: absolute;
    width: 41.667rem;

}

section#career_form {
    min-height: 48.75rem;
    overflow: hidden;
    margin-top: 7.135rem;
    padding-top: 2.448rem;
    background: linear-gradient(180deg, #FDF8ED 0%, #FDF8ED 100%);
}

.career_form_wrap h2.is-visible {
    color: #333333;
}

.career_form {
    margin-top: 1.667rem;
}

.career_form input,
.career_form textarea,
.post_detail_form input,
.post_detail_form textarea,
.contact_form input,
.contact_form textarea {
    background: none;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #0000001A;
    padding: 0 0 20px 0;
    margin-bottom: 1.5625rem;
    font-size: 0.9375rem;
    color: #999999;
}


.career_form input:focus,
.career_form input::placeholder,
.career_form textarea:focus,
.career_form textarea::placeholder,
.post_detail_form input:focus,
.post_detail_form input::placeholder,
.post_detail_form textarea:focus,
.post_detail_form textarea::placeholder,
.contact_form input:focus,
.contact_form input::placeholder,
.contact_form textarea:focus,
.contact_form textarea::placeholder {
    color: #999999;
    font-size: 0.9375rem;
    background: none;
    box-shadow: none;
}


.career_upload {
    font-size: 0.833rem;
    font-family: 'Manrope';
}

.upload_custom {
    margin-top: 0.78125rem;
}

label.upload_label {
    font-size: 1rem;
    color: #333333;
    font-weight: unset;
}

.wpcf7 input[type="file"] {
    padding: 0;
    border: 0;
    font-size: 1rem;
    margin-bottom: 0.78125rem;
}

.career_form_note {
    font-size: 1rem;
    color: #58595B;
}

.career_form_note a {
    font-family: 'Manrope bold';
    color: var(--third-cl);
}

button.btn.btn_style_2 {
    text-transform: unset;
    margin: 1.667rem 0 0 0;
    padding: 0.833rem 0;
}

.career_form_wrap {
    margin-top: 1.667rem;
}

.career_form_wrap .wpcf7 .wpcf7-not-valid-tip {
    margin-top: -2.083rem;
}

.wpcf7 .wpcf7-not-valid-tip {
    opacity: 1;
    z-index: 5;
}

.career_form_wrap .wpcf7 .recaptcha_wrap .wpcf7-not-valid-tip {
    margin-top: -.5rem;
}

.list_tax_mobile {
    display: none;
}

section.blog_2 {
    padding-top: 8.073rem;
}

.blog_2 h2.is-visible {
    margin-bottom: 2.34375rem;
}

.blog_featured.relative {
    width: 100%;
    height: 23.958rem;
    display: block;
}

.blog_featured.relative img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog_new_list {
    gap: 1.042rem;
    height: 23.958rem;
    overflow: hidden;
}

.blog_new_item {
    gap: 1.042rem;
}

.blog_new_item_avatar {
    width: 10.9375rem;
    height: 7.292rem;
    flex: 0 0 auto;
    overflow: hidden;
}

.blog_detail {
    display: flex;
    gap: 1.302rem;
}

.blog_detail_date_day.f-mk-500 {
    font-size: 2.604rem;
    line-height: 1;
    color: #333333;
}

.blog_detail_date_month {
    margin-top: 0.208rem;
    color: #666666;
}

.blog_detail_date {
    padding-right: 1.302rem;
    border-right: 1px solid #DFDFDF;
}

.blog_detail_category {
    line-height: 1;
    color: #999999;
    font-size: 0.9rem;
}

.blog_featured .blog_detail_date_day.f-mk-500 {
    color: white;

}

.blog_detail_title {
    margin-top: 0.521rem;
    color: #333333;
    transition: .7s all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

a.blog_featured:hover img {
    transform: scale(1.1);
    transition: .7s all;
}

.blog_new_item:hover img {
    transform: scale(1.1);
    transition: .7s all;
}

.blog_new_item:hover .blog_detail_title {
    color: var(--third-cl);
    transition: .7s all;
}

.blog_image {
    overflow: hidden;
}

a.blog_featured:before {
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    bottom: 0;
    height: 13.90625rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.475476) 41.53%, rgba(0, 0, 0, 0.604444) 61.82%, rgba(0, 0, 0, 0.678597) 77.38%, rgba(0, 0, 0, 0.8) 100%);
    z-index: 2;
}

.blog_featured .blog_detail {
    bottom: 1.5625rem;
    max-width: 100%;
    padding: 0 2.083rem;
    z-index: 3;
}

.blog_featured .blog_detail_title.t-w.content-24.f-mk-bold {
    color: white;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.blog_detail_wrap {
    gap: 0.885rem;
}

.blog_featured .blog_detail_date {
    border-right: 1px solid #FFFFFF4D;
    padding-right: 0.885rem;
}

.blog_featured .blog_detail_date_month.content.t-w {
    color: white;
}

.blog_featured .blog_detail_category {
    color: white;
}

.blog_term.desktop_display {
    display: flex;
}

.blog_3 {
    padding-top: 5.9375rem;
}

ul.blog_term {
    margin: 0;
    list-style: none;
    gap: 1.042rem;
}

li.blog_term_item {
    margin: 0;
}

li.blog_term_item a {
    padding: 0.625rem 1.25rem;
    border: 1px solid var(--third-cl);
    color: var(--third-cl);
    transition: .7s all;
}

li.blog_term_item a:hover,
.term_all.active a,
li.blog_term_item.active a {
    background: var(--third-cl);
    color: white;
    transition: .7s all;
}

.blog_list {
    margin-top: 3.125rem;
    column-gap: 2.708rem;
    row-gap: 4.167rem;
}

.blog_item {
    width: calc(100% / 3 - (2.708rem * 2 / 3));
}

.blog_item_avatar {
    overflow: hidden;
    aspect-ratio: 432 /  288;
}

.blog_item_avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog_item .blog_detail {
    margin-top: 1.302rem;
    gap: 0.885rem;
}

.blog_item .blog_detail_date {
    padding-right: 0.885rem;
}

.blog_item:hover img {
    transform: scale(1.1);
    transition: .7s all;
}

.blog_item:hover .blog_detail_title {
    color: var(--third-cl);
    transition: .7s all;
}

section.blog_3 {
    position: relative;
    padding-bottom: 8.802rem;
}

section.blog_3:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 26.51rem;
    background: linear-gradient(180deg, rgba(253, 248, 237, 0) 0%, #FDF8ED 100%);
}

.single .blog_default_1 h1 {
    color: var(--third-cl) !important;
}

.single h1 {
    font-size: 2.604rem !important;
    color: #333333 !important;
}

.single_breadcrumb ol {
    list-style: none;
    gap: 0.625rem;
    display: flex;
}

.single_breadcrumb ol li:not(:last-child) {
    padding-right: 0.625rem;
    position: relative;
}

.single_breadcrumb ol li:not(:last-child):before {
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 0.729rem;
    border-right: 1px solid #33333333;
}

.single_breadcrumb ol li:last-child a {
    color: #333333;
}

.single_breadcrumb ol li:not(:last-child) a {
    color: #33333399;
}

.single_default_title.relative {
    margin-right: 2.65625rem;
    padding-right: 1.3rem;
    border-right: 1px solid #0000001A;
}

.blog_default_heading {
    gap: 0.78125rem;
}

.blog_default_heading_item {
    line-height: 1;
    font-size: 0.9rem;
    color: #888888;
}

.blog_default_heading_item_content {
    margin-top: 0.208rem;
    color: #333333;
}

.blog_default_heading ul.product_detail_share_list {
    margin-top: 0.208rem !important;
}

.blog_default_banner {
    padding-top: 2.8125rem;
}

.blog_default_banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.blog_default_2 {
    padding-top: 3.125rem;
}

.blog_default_category_sticky.sticky {
    background: #FDF8ED;
    padding: 1.823rem 1.71875rem;
}

.blog_default_category_sticky_title {
    text-transform: uppercase;
}

.blog_default_category_sticky_list {
    margin-top: 1.5625rem;
    display: flex;
    flex-direction: column;
    row-gap: 0.78125rem;
}

.blog_default_category_sticky_item {
    padding-top: 0.78125rem;
    border-top: 1px solid #0000001A;
}

.blog_default_category_sticky_item a {
    color: #333333;
    transition: .7s all;
}

.blog_default_category_sticky_item:hover a {
    color: var(--third-cl);
    transition: .7s all;
}

.blog_default_the_content h2 {
    font-size: 1.302rem;
    margin-bottom: 2.083rem;
}

.blog_default_excerpt {
    margin-bottom: 2.083rem;
}

.single img.size-full.alignnone {
    margin-bottom: 0;
}

.blog_default_the_content p {
    margin-bottom: 2.083rem;
}

.blog_default_the_content p:last-child {
    margin-bottom: 0;
}

section.blog_default_3 {
    padding-top: 6.823rem;
}

.blog_form {
    background: linear-gradient(180deg, #FDF8ED 0%, #FDF8ED 100%);
    padding: 4.323rem 11.25rem;
}

.blog_form .group_content {
    text-align: center;
}

.blog_form .group_content h2 {
    color: #333333;
}

.post_detail_form {
    margin-top: 1.667rem;
}

.blog_default_tag_item {
    font-size: 0.833rem;
    color: #333333;
    transition: .7s all;
}

.blog_default_tag_item:hover {
    color: var(--main-cl);
    transition: .7s all;
}

.blog_default_tags {
    margin-top: 2.083rem;
    padding-top: 1.354rem;
    border-top: 1px solid #D5D5D5;
    gap: 1.042rem;
    flex-wrap: wrap;
}

h2.blog_related_title.is-visible {
    margin: 0;
}

.blog_default_related .arrow_wrap.flex {
    justify-content: end;
    gap: 0.208rem;
    height: 100%;
    align-items: center;
}

section.blog_default_related {
    padding-top: 7.161rem;
}

.blog_related {
    margin: 3.542rem -1.354rem 0;
}

.blog_related .blog_related_item {
    padding: 0 1.354rem;
}

section.blog_default_related {
    position: relative;
    padding-bottom: 7.865rem;
}

section.blog_default_related:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 26.51rem;
    background: linear-gradient(180deg, rgba(253, 248, 237, 0) 0%, #FDF8ED 100%);
}

.banner_3:before {
    position: absolute;
    content: '';
    left: 0;
    width: 49.479rem;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}

.banner_3:after {
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000004D;
}

.banner_3 .banner_content.absolute {
    z-index: 3;
}

.single .banner_content h1 {
    color: white !important;
    font-size: 3.125rem !important;
    margin-bottom: 0.78125rem !important;
}

.blog_event_1 .banner_content .group_content {
    max-width: 30.729rem;
}

.blog_event_date {
    width: fit-content;
    padding: 0.417rem 0.833rem;
    border: 1px solid #FFFFFF4D;
    margin-bottom: 1.5625rem;
}

.blog_event_excerpt {
    line-height: 1.5;
}

.blog_event_1 .banner_breadcrumb {
    z-index: 3;
}

section.blog_event_2 {
    padding: 7.8125rem 0 9.0625rem;
    background: linear-gradient(180deg, rgba(253, 248, 237, 0) 0%, #FDF8ED 100%);
}

.blog_event_about_image {
    width: 100%;
    height: 24.479rem;
}

.blog_event_about_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog_event_2 .group_content {
    padding-left: 5.104rem;
}

.blog_event_2 .group_content h2 {
    margin-bottom: 1.042rem;
}

.blog_event_2 .group_content .content {
    line-height: 1.6;
}

.blog_about_list {
    column-gap: 9.0625rem;
    row-gap: 1.5625rem;
    margin-top: 5.885rem;
}

.blog_about_item {
    width: calc(100% / 2 - (9.0625rem * 1 / 2));
}

.blog_about_icon_logo {
    background: var(--third-cl);
    border-radius: 100%;
    padding: 0.729rem;
    width: 3.385rem;
    height: 3.385rem;
    flex: 0 0 auto;
}

.blog_about_item_detail {
    gap: 1.5625rem;
    align-items: center;
}

.blog_about_icon_title {
    line-height: 1;
    font-size: 1.2rem;
}

.blog_about_icon_content {
    margin-top: 0.417rem;
}

.blog_about_icon_content strong {
    font-family: 'Manrope bold';
}

.blog_about_icon_content p:last-child {
    margin: 0;
    line-height: 1.5;
}

.blog_about_item_logo {
    gap: 2.34375rem;
}

.blog_about_item_logo_detail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog_about_item_logo_detail {
    width: 7.292rem;
    height: auto;
    flex: 0 0 auto;
}

.blog_event_booth_image {
    padding-left: 4.792rem;
    width: 100%;
    height: 26.042rem;
}

section.blog_event_3 {
    padding-top: 4.6875rem;
}

.blog_event_booth_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.blog_event_4 {
    padding-top: 2.604rem;
}

.blog_event_large_image {
    width: 100%;
    height: 100%;
}

.blog_event_large_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog_event_3 .blog_default_the_content {
    margin-top: 2.083rem;
}

.blog_default_the_content p {
    line-height: 1.5;
}

.page_default {
    position: relative;
    padding: 4.74rem 0 7.8125rem;
}

.page_default:before {
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    height: 26.042rem;
    background: linear-gradient(180deg, rgba(253, 248, 237, 0) 0%, #FDF8ED 100%);
    bottom: 0;
}

.page_default_menu_sticky.sticky {
    margin-right: 3.125rem;
    background: #F9F9F9;
    padding: 1.458rem 1.354rem;
}

.page_default_menu_item ul {
    display: flex;
    flex-direction: column;
    align-items: start;
    row-gap: 1.198rem;
}

.page_default_menu_item li a {
    padding-bottom: 0.521rem;
    width: 100%;
    border-bottom: 1px solid #E4E4E4;
    line-height: 1;
    display: block;
    color: #333333;
}

.page_default_menu_item li {
    width: 100%;
}

.page_default_menu_item li.current_page_item a {
    color: var(--third-cl);
    font-family: 'Manrope 600';
    border-bottom: 2px solid var(--third-cl);
}

.page_default h2.title.is-visible {
    margin: 0;
}

.faqs_list {
    margin-top: 3.125rem;
    row-gap: 2.5rem;
}

.faq_item {
    padding-top: 0.9375rem;
    border-top: 1px solid #BABABA;
    width: 100%;
    cursor: pointer;
}

.faq_item_heading {
    width: 100%;
}

.faq_item_heading_left {
    gap: 1.771rem;
}

.faq_item_content {
    margin-top: 0.9375rem;
}

.faq_item.active {
    border-top: 2px solid var(--third-cl);
}

.faq_item.active .faq_item_heading_right svg {
    transform: rotate(180deg);
    transition: .7s all;
}

.blog_default_the_content.default_content.content {
    margin-top: 3.125rem;
}

.page-template-default .banner_breadcrumb ol li:last-child span,
.page-template-faq .banner_breadcrumb ol li:last-child span {
    text-transform: unset;
}

section.contact_2 {
    padding-top: 7.03125rem;
}

.contact_item {
    width: 100%;
    padding: 1.771rem 1.042rem 1.771rem 1.5625rem;
    border-bottom: 1px solid #CFCFCF;
    gap: 4.896rem;
}

.contact_item_icon {
    width: 2.604rem;
    height: 2.604rem;
    background: white;
    border: 0.71px solid var(--third-cl);
    padding: 0.521rem;
    transition: .7s all;

    border-radius: 100%;
}

.contact_item_left {
    display: flex;
    gap: 0.78125rem;
    align-items: center;
}

.contact_item_detail_list {
    margin-top: 1.198rem;
}

.contact_item_title {
    line-height: 1.2;
}

.contact_item_detail_item_subtitle {
    color: #999999;
    line-height: 1.1;
    font-size: 0.9rem;
}

.contact_item_detail_item_content {
    margin-top: 0.521rem;
    line-height: 1.2;
}

.contact_item_detail_item.contact_item_address {
    line-height: 1;
}

.contact_item_detail_item_content p:last-child {
    margin: 0;
}

.contact_item_detail_list {
    row-gap: 0.729rem;
}

.contact_item_svg {
    right: 1.71875rem;
    bottom: 2.604rem;
    width: 1.25rem;
    height: 1.25rem;
    opacity: 0;
    transition: .7s all;
}

.contact_item {
    transition: .7s all;
}

.contact_item:hover {
    background: #FDF8ED;
    transition: .7s all;
}

.contact_item:hover .contact_item_icon {
    background: var(--third-cl);
    transition: .7s all;
}


.contact_item .contact_item_icon img {
    transition: .7s all;
    filter: brightness(1) invert(0);
}

.contact_item:hover .contact_item_icon img {
    filter: brightness(0) invert(1);
    transition: .7s all;
}

.contact_item:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 0;
    border: 1px solid #D7AB29;
    opacity: 0;
    transition: .7s all;
}

.contact_item_left {
    width: 9.375rem;
    flex: 0 0 auto;
}

.contact_item:hover:before {
    width: 100%;
    opacity: 1;
    transition: .7s all;
}

.contact_item:hover .contact_item_svg {
    opacity: 1;
    transition: .7s all;
}

section.contact_3 {
    padding-top: 3.646rem;
}

.contact_3 .wpcf7-response-output {
    margin-top: 1rem !important;
}

.contact_3 .wpcf7 .wpcf7-not-valid-tip {
    z-index: 3;
    /* opacity: 1; */
    margin-top: -30px;
}

.contact_form_image {
    width: 31.354rem;
    flex: 0 0 auto;
    height: 100%;
}


.contact_form_wrap {
    max-height: 41.667rem;
}

.contact_form_detail {
    background: linear-gradient(180deg, #FDF8ED 0%, #FDF8ED 100%);
    padding: 4.479rem 3.542rem 4.479rem 4.479rem;
}

.contact_form {
    margin-top: 2.03125rem;
}

.contact_form_detail h2.title.is-visible {
    margin-bottom: 0.417rem;
}

.contact_form button.btn.btn_style_2 {
    margin-top: 0.521rem;
}

.showroom_results {
    font-size: 0.9rem;
    margin-top: 1.042rem;
    color: #808080;
}

.showroom_list {
    margin-top: 1.042rem;
}

.showroom_item {
    padding: 1.5625rem;
    border-bottom: 1px solid #0000001A;
    transition: .7s all;
    cursor: pointer;
}

.showroom_item_title.t-cl.f-mk-bold.content-20 {
    color: var(--third-cl);
    font-size: 1.2rem;
}

.showroom_item_detail.flex.fc.items-start {
    margin-top: 0.78125rem;
}

.showroom_item_detail_hotline.flex.items-center {
    margin-top: 0.521rem;
}

.showroom_item_detail_address {
    gap: 0.417rem;
}

.showroom_item.active,
.showroom_item:hover {
    background: #FDF8ED;
    transition: .7s all;
}

.showroom_svg {
    width: 1.042rem;
    height: 1.042rem;
    flex: 0 0 auto;
}

.showroom_svg svg {
    width: 100%;
    height: 100%;
    display: block;
}

/*.eco_brand_map_left {*/
/*    padding-right: 2.604rem;*/
/*    max-height: 32.34375rem;*/
/*    overflow: auto;*/
/*}*/

.showroom_select {
    padding-right: 2.6rem;
}

.showroom_results {
    padding-right: 2.6rem;
}

.showroom_list {
    padding-right: 2.6rem;
    max-height: 26.875rem;
    overflow: auto;
}


.showroom_item_detail_hotline {
    gap: 0.417rem;
}

.showroom_list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.showroom_list::-webkit-scrollbar {
    width: 0.15rem;
    background-color: #0000001A;
}

.showroom_list::-webkit-scrollbar-thumb {
    background-color: var(--third-cl);
}

.eco_brand_6 .text-center.eco_brand_map_heading {
    margin-bottom: 3.49rem;
}

.eco_brand_map_right {
    /*padding-left: 2.5rem;*/
}

.acf-map {
    width: 100%;
    height: 33rem;
}

.showroom_google_map_item {
    display: none;
}

.showroom_google_map_item.active {
    display: block;
    animation: opacity 1s ease;
}

/* Select Styles */
.showroom_select {
    margin-bottom: 1.042rem;
}

.showroom_select .select {
    position: relative;
}

.showroom_select .select-styled {
    width: 100%;
    height: 2.604rem;
    padding: 0 0.9375rem;
    display: flex;
    align-items: center;
    gap: 0.521rem;
    justify-content: space-between;
    border: 1px solid var(--third-cl);
    border-radius: 0;
    cursor: pointer;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem;
    position: relative;
    color: var(--third-cl);
}

.showroom_select .select-styled:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzIDZMOCAxMUwzIDYiIHN0cm9rZT0iIzcxM0IwRSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    width: 0.9375rem;
    min-width: 0.9375rem;
    height: 0.9375rem;
    background-size: 100%;
    content: '';
    display: block;
    transition: transform 0.3s ease;
}

.showroom_select .select.active .select-styled:after {
    transform: rotate(180deg);
}

.select .select-options {
    position: absolute;
    left: 0;
    width: 100%;
    top: calc(100% + 0.2rem);
    border-radius: 0;
    background-color: #FFF;
    z-index: 999;
    list-style: none;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    max-height: 15.625rem;
    overflow-y: auto;
    display: none;
}

.select.active .select-options {
    display: block !important;
}

.select .select-options > li {
    margin: 0;
    padding: 0.417rem 0.9375rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem;
    color: #353535;
    transition: all 0.4s;
    cursor: pointer;
}

.select .select-options > li:hover {
    background-color: #FDF8ED;
}

.select .select-options > li.active {
    background-color: #FDF8ED;
    color: var(--third-cl);
    font-weight: 500;
}

.showroom_results {
    margin-bottom: 0.521rem;
    font-size: 0.9rem;
    color: #666;
}

.load_more.btn:hover .icon {
    transform: translateX(0) translateY(5px);
}

span.wpcf7-form-control-wrap.recaptcha {
    margin-top: 1.667rem;
}

.career_form button.btn.btn_style_2 {
    margin-top: 1.667rem;
}

.post_detail_form button.btn.btn_style_2 {
    margin-left: auto;
}

.product_show_item_detail_title {
    color: var(--third-cl);
}

.product_show_item_image:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    background: #FCFCE2;
    border-radius: 100%;
    z-index: -1;
    opacity: 0;
}

.product_show_item:hover .product_show_item_image:before {
    opacity: 1;
}

.product_show_item:hover > .product_show_item_image img {
    transform: rotateZ(15deg);
}

.product_show_item_image {
    position: relative;
}


.edb_signature_image {
    height: auto;
}

.eco_brand_4 a.product_show_item:hover img {
    transform: scale(1.1);
    transition: .7s all;
}

.product_show_wrap.mobile.flex.items-start {
    display: none;
}

.product_item_link_svg svg {
    width: 100%;
    height: 100%;
    display: block;
}

.blog_default_2 .sticky {
    position: sticky;
    top: 10rem;
}

.arrow_wrap_item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.faq_item_heading_right {
    width: 1.354rem;
    height: 1.354rem;
}

.faq_item_heading_right svg {
    width: 100%;
    height: 100%;
    display: block;
}

.header-full-width .header-wrapper.stuck .container {
    padding-left: 7.8125rem;
    padding-right: 6.927rem;
}

.header-wrapper.stuck li.header_language {
    padding: 0 !important;
}

#header .header-wrapper.stuck .header-main li.header-search {
    margin-right: 1.5625rem !important;
}

header#header .stuck #masthead .header-nav-main.nav-left {
    border-right: 0;
}

#header .header-wrapper.stuck .header-main .header-nav-main.nav-right li.header_language {
    border: 0 !important;
}

.about_milestones_list.mobile_display {
    display: none;
}

.single:not(.single-ecosystem) header#header .icon-search:before {
    filter: unset;
}

.single:not(.single-ecosystem) .header-inner {
    padding-left: 7.8125rem;
    padding-right: 6.927rem;
    border-bottom: 1px solid #0000001A;
}

section.blog_default_1 {
    padding-top: 1.40625rem;
}

.single:not(.single-ecosystem) header#header #masthead #logo {
    justify-content: start;
}

.single:not(.single-ecosystem) #header .header-main .header-nav-main.nav-right li.header_language {
    padding: 0 !important;
    color: var(--third-cl) !important;
}

.single:not(.single-ecosystem) .header_language .lang-toggle > img {
    filter: unset;
}

.single:not(.single-ecosystem) #header .header-main .header-nav-main.nav-right li.header_language a {
    color: var(--third-cl);
}

.logo_slogan {
    font-size: 1.146rem;
}

.logo_footer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.f-mk-500.t-cl.logo_slogan {
    margin-top: 1.354rem;
}


.block_footer.block_1 {
    margin-top: 2rem;
}

.blog_default_3 .wpcf7 .wpcf7-not-valid-tip {
    z-index: 5;
    margin-top: -40px;
}

.blog_default_3 .wpcf7 .recaptcha .wpcf7-not-valid-tip {
    margin-top: -20px;
}

.search header#header #masthead #logo img {
    display: none;
}

.search img.header-logo-dark {
    display: block !important;
}

.search header#header #masthead #logo {
    margin: 0 !important;
    height: 4rem !important;
}

.search header#header #masthead #logo img {
    height: 4rem !important;
}

.search header#header .icon-search:before {
    filter: unset;
}

.search span.block.text {
    color: var(--third-cl);
}

.search #header .header-wrapper.stuck {
    position: fixed;
    background: white;
}

.search section.blog_3 {
    padding: 0 0 3rem;
}

ul.fixed_button {
    position: fixed;
    bottom: 0;
    right: 1rem;
    list-style: none;
    transform: translateY(-27%);
    z-index: 99999;
}

.arrow_wrap.desktop_display.flex {
    display: flex;
    gap: .2rem;
}

ul.fixed_button li.back_to_top {
    border: 1px solid var(--third-cl);
    border-radius: 100%;
    width: 3.333rem;
    height: 3.333rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .7s all;
    cursor: pointer;
    background: white;
}

.blog_default_the_content img {
    object-fit: cover;
}

.back_to_top_svg {
    width: 1.71875rem;
    height: 1.71875rem;
}

.back_to_top_svg svg {
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
}

ul.fixed_button li.back_to_top:hover {
    background: var(--third-cl);
    transition: .7s all;
}

section.about_8.relative {
    padding-top: 8.28125rem;
}

ul.fixed_button li.back_to_top:hover svg path {
    stroke: white;
    transition: .7s all;
    transform: translateY(-5px);
}

ul.fixed_button li.back_to_top svg path {
    transition: .7s all;
}

ul.fixed_button > li:not(:last-child) {
    margin-bottom: 1.823rem;
}

ul.fixed_button > li > a {
    position: relative;
    width: 3.333rem;
    height: 3.333rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(20px);
    background: var(--sub-cl);
    border: 1px solid var(--sub-cl);
    border-radius: 50%;
    z-index: 1;
    transition: .7s all;
}

.search #header .header-wrapper {
    background: white;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

ul.fixed_button li a:before {
    display: block;
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    animation: pulse-border 1000ms ease-out infinite;
    background-color: var(--main-cl);
    border-radius: 100%;
    transform: translate(-50%, -50%);
    z-index: 0;
}

ul.fixed_button > li > a img {
    max-width: 2.34375rem;
    max-height: 1.615rem;
    width: auto;
    height: auto;
    z-index: 1;
}

ul.fixed_button > li > a img {
    width: 60%;
    height: 60%;
    object-fit: contain;
}

.content.content_1.fw_500.font_inter {
    font-family: 'Manrope 500' !important;
}

.content.content_2.fw_500.font_inter {
    font-family: 'Manrope 500' !important;
}

h2.heading_sec.font_inter.fs_40.fw_700.is-visible {
    font-family: 'Manrope bold';
}

.product_show_item .rating_wrap img {
    width: 0.417rem;
    object-fit: cover;
    height: 1rem;
}

.contact_item_svg.absolute {
    display: none;
}

/*section#home_1 {*/
/*    margin-top: 1.3rem;*/
/*}*/
body.lock-sticky .header-wrapper.stuck {
    position: absolute !important;
    top: -100% !important;

}

.header-wrapper.stuck.stuck-show {
    animation: stuckMoveDown .6s ease forwards !important;
}


.wrap_section_2 .item {
    height: 100vh;
    width: 100vw;
    flex: 0 0 auto;
}

.wrap_section_2 {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
}

.wrap_section_2 {
    height: 100vh;
    overflow: hidden;
    display: flex;
}

.horizontal_container {
    display: flex;
    height: 100%;
    will-change: transform;
}

.wrap_section_2 .item {
    min-width: 100vw;
    width: 100vw;
    height: 100vh;
}

section#home_1 {
    z-index: 9999;
    position: relative;
}

.wrap_section_2 .item:before, .wrap_section_2 .item:after {
    content: '';
    position: absolute !important;
    top: 0 !important;
    left: -1px !important;
    right: -1px;
    height: 100% !important;
    background: linear-gradient(0deg, #fff, transparent, transparent, transparent, transparent, #fff) !important;
    z-index: 9;
    opacity: 1;
}

.wrap_section_2 .item:after {
    background: linear-gradient(90deg, #fff, #ffffff87, transparent, transparent, transparent, transparent, transparent, transparent, transparent, transparent, #ffffff87, #fff) !important;
}

.wrap_section_2 .item img {
    object-position: top center;
}

.wrap_section_2 .item.layout_2 > .box_content:before {
    content: '';
    position: absolute;
    border-radius: 50.03825rem;
    background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.90) 0%, rgba(0, 0, 0, 0.00) 100%);
    filter: blur(50px);
    width: 27.03825rem;
    height: 41.18725rem;
    opacity: 1 !important;
}

.wrap_section_2 .item.layout_2 > .box_content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wrap_section_2 .item {
}

.eco_detail_capa_image_item {
    position: absolute;
    opacity: 0;
}

.eco_detail_capa_image_item.active {
    opacity: 1;
    position: relative;
    transition: opacity 0.5s ease, z-index 0s;
}

.career_form_wrap .wpcf7 .upload_custom .wpcf7-not-valid-tip {
    margin-top: -3rem;
    z-index: 3;
    opacity: 1;
}

.cards_hover_wrapper h4 {
    font-size: 1.2rem;
}

.cards_hover_wrapper .content {
    font-size: 1rem;
}

.content_20, .content-20 {
    font-size: 1rem;
}

.process_wrap .list_content .content {
    font-size: 1rem;
}

.list_counter_maps .item_counter:not(:first-child) h3 {
    font-size: 1rem;
}

.home_7 .desc_sec.font_manrope.fw_500 {
    font-size: 1rem;
}

.home_7 .list_content .item_content .content {
    font-size: 1rem;
}

.desc_sec {
    font-size: 1rem;
}

.home_10 .desc_sec.font_manrope.fs_20.fw_500 {
    font-size: 1rem;
}

.item_news_home .cat {
    font-size: .9rem;
}

f {
}

.block_footer span.title_menu {
    font-size: 1rem;
}

.logo_slogan {
    font-size: 1rem;
}

.block_footer.block_1 .box_content .content {
    font-size: 1rem;
}

.block_footer .menu_footer a {
    font-size: 1rem;
}

.banner_breadcrumb ol li a {
    font-size: 0.9rem;
}

.ceo_content {
    font-size: 1rem;
}

.about_value_index.f-mk-300 {
    font-size: 1.2rem;
}

.banner_breadcrumb ol li a {
    font-size: 1rem;
}

ul.career_item_detail .career_item_span {
    font-size: .9rem;
}

.blog_default_tag_item {
    font-size: .9rem;
}

.item_news_home_mobile {
    display: none;
}

.recaptcha_wrap {
    display: none;
    /*margin-top:15px;*/
}

.submit_btn.processing .icon {
    opacity: 0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px transparent inset;
    -webkit-text-fill-color: inherit;
}

.contact_form_detail {
    padding-top: 3.5rem;
}


.contact_form textarea {
    margin-bottom: .5rem;
}

.home_scroll_slide_mobile .layout_1 .box_content {
    top: 7rem;
    width: 28rem;
    left: calc((100vw - var(--container-w)) / 2);
    z-index: 10;
}

.home_scroll_slide_mobile .layout_2 .box_content.absolute {
    top: 9.1rem;
    width: 22%;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    left: calc((100vw - var(--container-w)) / 2);
}

.home_scroll_slide_mobile .layout_2 > .box_content:before {
    content: '';
    position: absolute;
    border-radius: 50.03825rem;
    background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.90) 0%, rgba(0, 0, 0, 0.00) 100%);
    filter: blur(50px);
    width: 27.03825rem;
    height: 41.18725rem;
    opacity: 1 !important;
}

/*.home_scroll_slide_mobile .item.layout_2:after {*/
/*    content: '';*/
/*    position: absolute !important;*/
/*    top: 0 !important;*/
/*    left: -1px !important;*/
/*    right: -1px;*/
/*    height: 100% !important;*/
/*    opacity:1;*/
/*    z-index:9;*/
/*    background: linear-gradient(90deg, #fff, #ffffff87, transparent, transparent, transparent, transparent, transparent, transparent, transparent, transparent, #ffffff87, #fff) !important;*/
/*}*/
.home_scroll_slide_mobile .item.layout_3 .box_content {
    left: 0;
    top: 9.2rem;
    width: 100%;
    z-index: 10;
}

/*.home_scroll_slide_mobile .item.layout_3:after{*/
/*    content: '';*/
/*    position: absolute !important;*/
/*    top: 0 !important;*/
/*    left: -1px !important;*/
/*    right: -1px;*/
/*    height: 100% !important;*/
/*    background: linear-gradient(90deg, #fff 0%, #ffffff87 3%, transparent 8%, transparent 92%, #ffffff87 97%, #fff 100%) !important;*/
/*    z-index: 9;*/
/*    opacity: 1;*/
/*}*/
.home_scroll_slide_mobile .layout_4 .box_content {
    width: 56%;
    top: 9.2rem;
    left: unset;
    right: calc((100vw - var(--container-w)) / 2);
    z-index: 10;
}

/*.home_scroll_slide_mobile .item.layout_3:after{*/
/*    content: '';*/
/*    position: absolute !important;*/
/*    top: 0 !important;*/
/*    left: -1px !important;*/
/*    right: -1px;*/
/*    height: 100% !important;*/
/*    background: linear-gradient(90deg, #fff, #ffffff0a, transparent, transparent, transparent, transparent, transparent, transparent, transparent, transparent, transparent, transparent) !important;    z-index: 9;*/
/*    opacity: 1;*/
/*}*/
.layout_2 .box_content .heading_sec.fs_40 {
    color: white !important;
}

.layout_2 .content {
    color: white !important;
}

/*.home_scroll_slide_mobile .item.layout_1:after {*/
/*    content: '';*/
/*    position: absolute !important;*/
/*    top: 0 !important;*/
/*    left: -1px !important;*/
/*    right: -1px;*/
/*    height: 100% !important;*/
/*    background: linear-gradient(90deg, transparent, transparent, transparent, transparent, transparent, transparent, transparent, transparent, transparent, #ffffffbf, #fff) !important;*/
/*    z-index: 9;*/
/*    opacity: 1;*/
/*}*/
.home_scroll_slide_mobile .layout_3 .box_effect > .img_2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    display: block;
    z-index: 2;
}

.home_scroll_slide_mobile .layout_3 .box_effect > .box_img {
    position: absolute;
    top: 67%;
    left: 47%;
    transform: translate(-50%, -50%);
    width: 27.865rem;
    aspect-ratio: 1 / 1;
    z-index: 1;
    transform-origin: center;
    animation: spinInfinite 20s linear infinite;
}
.stuck .header_language .lang-toggle:after {
    filter: brightness(0) saturate(100%) invert(28%) sepia(60%) saturate(800%) hue-rotate(10deg) brightness(90%);
}
.eco_1.banner-inside > video,
.eco_1.banner-inside > img{
    object-fit: cover;
    width: 100%;
    height: auto;
    display: block
}
.about_8_line_bg{
    padding-right: 1.771rem;
}
.about_8_line_bg svg{
    height: auto;
}
@media (min-width: 1200px) {
    html {
        font-size: 1.05vw;
    }
}

@media (min-width: 1600px) {
    html {
        font-size: 1vw;
    }
}

@media (max-width: 1600px) and (min-width: 1500px) {
    .layout_scroll_horizontal .layout_3 .box_effect > .box_img {
        width: 16rem;
    }

    .contact_form_detail {
        padding-top: 2.5rem;
    }

}
@media (max-width: 1600px) and (min-width: 1500px) {

}
@media (max-width: 1600px) and (min-width: 1400px) {
    header#header .header-main:before {
        left: 13rem;
    }

    .eco_2_pattern {
        bottom: 5rem;
        width: 35rem;
    }

    .contact_form_wrap {
        height: 44.667rem;
        max-height: 44.667rem;
    }

    .layout_scroll_horizontal .item.layout_2 > .box_content {
        top: 10.1rem;
    }

    .layout_scroll_horizontal .item.layout_3 > .box_content {
        top: 10.1rem;
    }

    .layout_scroll_horizontal .item.layout_4 > .box_content {
        top: 25%;
    }

    .single:not(.single-ecosystem) .header-inner {
        padding: 0 4.5rem;
    }
    .eco_rice_pattern{
        bottom: 6.53125rem;
    }
}

@media (max-width: 1500px) and (min-width: 1400px) {
    .layout_scroll_horizontal .layout_3 .box_effect > .box_img {
        width: 15.865rem;
    }

    .layout_scroll_horizontal .item.layout_4 > .box_content {
        width: 90%;
        top: 9%;
    }

    /*section#home_1 {*/
    /*    margin-top: 2.5rem;*/
    /*}*/
}

@media (max-width: 1400px) and (min-width: 1300px) {
    .wrap_section_2 .item.layout_3 > .box_content {
        top: 9.5rem;
    }

    .wrap_section_2 .item.layout_2 > .box_content {
        top: 9.5rem;
    }

    .wrap_section_2 .item.layout_2 > .box_content {
        top: 9.5rem;
    }

    .wrap_section_2 .layout_3 .box_effect > .box_img {
        top: 55%;
    }
}

/*@media (max-width: 1600px) and (min-width: 1200px) {*/
/*    html {*/
/*        font-size: 1.2vw;*/
/*    }*/
/*    .banner {*/
/*        min-height: 40rem;*/
/*    }*/
/*    .header-full-width .header-wrapper.stuck .container {*/
/*        padding: 0 4.5rem;*/
/*    }*/
/*    section.product_detail_4 {*/
/*        width: 80rem;*/
/*    }*/
/*    .about_8_line_bg svg {*/
/*        width: 100%;*/
/*        height: 100%;*/
/*        display: block;*/
/*    }*/
/*    .about_8_line_bg {*/
/*        position: absolute;*/
/*        z-index: 2;*/
/*        top: 12.375rem;*/
/*        height: 62.307812rem;*/
/*    }*/
/*    .about_process_bg_content.absolute img {*/
/*        width: 100%;*/
/*        height: 100%;*/
/*        object-fit: cover;*/
/*    }*/
/*    .about_process_bg_content.absolute {*/
/*        width: 100%;*/
/*        height: 100%;*/
/*    }*/
/*    .about_process_list {*/
/*        row-gap: 1.5rem;*/
/*    }*/
/*    .about_milestone_bottom_border {*/
/*        height: 3px;*/
/*    }*/
/*    .scroll_horizon_product_container {*/
/*        top: 7rem;*/
/*    }*/
/*    .product_show_item .information {*/
/*        row-gap: .3rem;*/
/*        margin-top: 0;*/
/*    }*/
/*    .product_show_item {*/
/*        row-gap: 0.3rem;*/
/*    }*/
/*    .product_show_item_detail_subtitle {*/
/*        margin-top: 0.2rem;*/
/*    }*/
/*    .product_show_item_image {*/
/*        width: 15rem;*/
/*        height: 15rem;*/
/*    }*/
/*    .product_show_wrap_image {*/
/*        width: 7.5rem;*/
/*        left: 6.5rem;*/
/*        margin-top: 0;*/
/*        top: 3rem;*/
/*    }*/
/*    .home_3 {*/
/*        padding-bottom: 10rem;*/
/*    }*/
/*    .home_7 .list_content {*/
/*        margin-top: 2rem;*/
/*    }*/
/*    .home_9 .box_effect > .box_img {*/
/*        width: 33rem;*/
/*    }*/
/*    .product_home {*/
/*        margin-left: 3.6rem;*/
/*    }*/
/*    .home_7 .list_content .item_content {*/
/*        padding-bottom: 1.1rem;*/
/*        margin-bottom: 1.1rem;*/
/*    }*/
/*    .home_7 .imgs_inner {*/
/*        margin-top: 2.5rem;*/
/*    }*/
/*    .home_7 .list_content h3 {*/
/*        margin-bottom: .6rem;*/
/*    }*/
/*    .layout_scroll_horizontal .item.layout_1 > .box_content {*/
/*        width: 50%;*/
/*    }*/
/*    .layout_scroll_horizontal .item.layout_2 > .box_content {*/
/*        width: 50%;*/
/*    }*/
/*    .layout_scroll_horizontal .item.layout_4 > .box_content {*/
/*        width: 65%;*/
/*        top: 25%;*/
/*    }*/
/*    .box_effect {*/
/*        height: 100%;*/
/*    }*/
/*}*/
.single-ecosystem .eco_brand_collab {
    background-attachment: unset !important;
}

.markets_wrap .box_maps:hover > svg > path {
    stroke-dashoffset: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal !important;
    font-family: 'Manrope bold';
}

.heading_sec {
    font-family: 'Manrope bold';
}

.wrap_section_2 .item:before {
    opacity: 0;
}

.wrap_section_2 .item:first-child:after {
    background: linear-gradient(90deg, transparent, transparent, transparent, transparent, transparent, transparent, transparent, transparent, transparent, #ffffffbf, #fff) !important;
}

.wrap_section_2 .item.layout_3:after {
    background: linear-gradient(90deg,
    #fff 0%,
    #ffffff87 3%,
    transparent 8%,
    transparent 92%,
    #ffffff87 97%,
    #fff 100%
    ) !important;
}

.about_company_detail a.btn.btn_style_2:hover {
    border: 1px solid var(--MK_1, #D7AB29);
    background: var(--MK_1, #D7AB29);
}


.wrap_section_2 .item:last-child:after {
    background: linear-gradient(90deg, #fff, #ffffff0a, transparent, transparent, transparent, transparent, transparent, transparent, transparent, transparent, transparent, transparent) !important;
}

.contact_sticky.sticky {
    position: sticky;
    top: 10rem;
    margin-bottom: 10rem;
}

.body-scroll-lock--active .mfp-wrap {
    position: fixed !important;
}

.standards_wrap_flex {
    display: none;
}

.about_process_bg_content.desktop {
    display: block;
}

.row.justify-center.eco_detail_related_mobile {
    display: none;
}

.blog_default_heading_mobile,
.mobile_share_single,
.btn_home10.mobile_flex,
.blog_featured_mobile_wrap,
.home_7_box_img_mobile,
.list_7_mobile,
.eco_capa_mobile,
.card_hover_home_2_mobile {
    display: none;
}

.home_9 .box_effect > .box_img {
    display: none;
}

.about_value_title.f-mk-500.content-30 {
    color: var(--third-cl);
}

.career_form_wrap h2.is-visible {
    color: var(--third-cl);
}

.about_pattern_background_main.absolute {
    display: none;
}


@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.3, 1.3);
    }
    100% {
        transform: scale(1, 1);
    }
}
/*.banner_hero_wrap .swiper-slide-active video,*/
/*.banner_hero_wrap .swiper-slide-active img{*/
/*    animation: zoom-in-zoom-out 70s ease infinite;*/
/*}*/
.banner_hero_wrap .item {
    overflow: hidden;
}
@media only screen and (max-width: 1199px) {

    :root {
        --container-w: 950px
    }

    .contact_item {
        flex-wrap: wrap;
        row-gap: 1rem;
    }

    .contact_item_left {
        width: 100%;
    }

    .about_process_list:first-child {
        margin-bottom: 1rem;
    }

    .header-full-width .header-wrapper.stuck .container {
        padding-left: 3.8125rem;
        padding-right: 4.3rem;
    }

    .eco_2_pattern {
        right: 8rem;
        width: 30rem;
    }

    .home_7 .imgs_inner.aos-init.aos-animate {
        margin-top: 7.5rem;
    }

    .home_7 .list_content > .custom_scroll {
        height: 20.6rem;
    }

    html {
        font-size: 1.2vw;
    }

    .box_effect {
        height: 100%;
    }

    .load_home_page svg {
        width: 320px;
    }

    header#header .header-main:before {
        left: calc(calc((100vw - var(--container-w)) / 2) + 10rem);
    }

    #header .nav > li > a {
        font-size: 1.2rem;
    }

    .layout_scroll_horizontal .item.layout_1 > .box_content {
        width: 40%;
    }

    #header .nav > li > a {
        line-height: 6rem !important;
    }

    header#header .stuck #masthead #logo img {
        height: 5.5rem;
    }

    .home_2 {
        padding-top: 5rem;
    }

    .home_1 {
        margin-top: 4rem;
    }

    .layout_scroll_horizontal .item.layout_2 > .box_content {
        width: 35%;
    }

    .layout_scroll_horizontal .item.layout_2 .content {
        font-size: 1.1rem;
    }

    .heading_sec.fs_40 {
        font-size: 2.2rem;
    }

    .subtitle {
        font-size: 1.1rem;
    }

    .layout_scroll_horizontal .item.layout_4 > .box_content {
        width: 74%;
    }

    .cards_hover_wrapper .item.active h3 {
        font-size: 1.8rem;
    }

    .cards_hover_wrapper .logo {
        height: 6rem;
    }

    .cards_hover_wrapper h4 {
        font-size: 1.2rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .cards_hover_wrapper .content {
        font-size: 1.05rem;
    }

    .cards_hover_wrapper .link {
        width: 3.604rem;
        height:3.604rem;
    }

    .home_3 {
        padding-top: 5rem;
        padding-bottom: 10rem;
    }

    .product_home .item {
        margin: 0 4.385rem;
    }

    .product_home {
        margin-left: 7.5rem;
    }

    .home_4 {
        padding-top: 5rem;
    }

    .process_wrap .list_content h3 {
        font-size: 1.4rem;
    }

    .process_wrap .list_content .content {
        font-size: 1.2rem;
    }

    .tabs_maps .item {
        font-size: 1.3rem;
    }

    .tabs_maps .item:nth-child(1) .icon.box_img, .tabs_maps .item:nth-child(2) .icon.box_img {
        height: 4rem;
    }


    .fs_20 {
        font-size: 1.15rem;
    }

    .markets_wrap .box_maps .map-dot .map-tooltip img {
        width: 1.5rem;
    }

    .markets_wrap .box_maps .map-dot .map-tooltip > .flex {
        font-size: 1rem;
        padding: .3rem .7rem;
    }

    .markets_wrap .box_maps .map-dot .dot {
        width: 0.75rem;
        height: 0.75rem;
    }

    .markets_wrap .box_maps .map-dot .dot:before {
        width: calc(100% + .5rem);
        height: calc(100% + .5rem);
    }

    .markets_wrap .item[data-id='0'] .box_maps {
        max-width: 100%;
    }

    .list_counter_maps h3 {
        font-size: 1.3rem;
    }

    .list_counter_maps .number {
        font-size: 4rem;
    }

    .list_counter_maps .item_counter:not(:first-child) h3 {
        font-size: 1.15rem;
    }

    .box_member_wrapper .item_member .desc {
        font-size: 1rem;
    }

    .home_7 .list_statistics .number_inner {
        font-size: 1.8rem;
    }

    .home_7 .list_statistics h3 {
        font-size: 1rem;
    }

    .home_7 .list_statistics .unit {
        font-size: .9rem;
    }

    .home_7 .list_content .item_content .content {
        font-size: 1.1rem;
    }

    .home_7 .list_content > .custom_scroll {
        height: 24rem;
    }

    .home_7 .list_content h3 {
        font-size: 1.4rem;
    }

    .home_9 {
        margin-top: 6rem;
    }

    .home_9 .box_content .group_heading {
        max-width: 33rem;
    }

    .item_news_home .month {
        font-size: 1.1rem;
    }

    .item_news_home {
        gap: 2.5rem;
    }

    .item_news_home .cat {
        font-size: 1rem;
    }

    .item_news_home h3 {
        font-size: 1.2rem;
    }

    .list_news_home .custom_scroll {
        max-height: 35rem;
    }

    .home_10 {
        padding-top: 5rem;
    }

    .home_11 {
        padding-top: 4rem;
        margin-top: 2rem;
    }

    .btn span.text {
        font-size: 1.05rem;
    }

    .block_footer.block_1 span.title_block {
        font-size: 1.7rem;
    }

    .block_footer.block_1 .box_content span.title {
        font-size: 1rem;
    }

    .block_footer.block_1 .box_content .content {
        font-size: 1.15rem;
    }

    .box_socials a {
        width: 3rem;
    }

    .block_footer span.title_menu {
        font-size: 1.2rem;
    }

    .block_footer .menu_footer a {
        font-size: 1.1rem;
    }

    .copyright {
        font-size: .9rem;
    }

    .footer_bottom .link_external a {
        font-size: .9rem;
    }

    .box_member_wrapper .item_member_container > .inner {
        padding: 0 calc((100vw - var(--container-w)) / 2 + 1.3rem);
    }

    .layout_scroll_horizontal .item.layout_1 > .box_content {
        width: 50%;
    }

    .layout_scroll_horizontal .item.layout_2 > .box_content {
        width: 50%;
    }

    .layout_scroll_horizontal .item.layout_4 > .box_content {
        width: 90%;
        top: 3%;
    }

    header#header .header-main li > a:before {
        bottom: -5%;
    }

    header#header #masthead #logo {
        width: 7rem;
    }

    .about_8_line_bg svg {
        width: 100%;
        /* height: 100%; */
        display: block;
    }

    .about_process_list {
        row-gap: 1.5rem;
    }

    .about_8_line_bg {
        position: absolute;
        top: 36.5%;
        padding-right: 0;
    }

    section.product_detail_4 {
        width: 80rem;
    }

    .product_detail_bottom_right.product_detail_bottom_item {
        padding-left: 1.5rem;
    }

    .product_detail_certi_list {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }

    .product_item_detail_avatar {
        right: -30%;
        width: 20rem;
        height: 20rem;
    }

    .contact_form textarea {
        min-height: 5.9375rem !important;
    }

    .nav-dropdown.nav-dropdown-default > li > a {
        font-size: 1.05rem !important;
    }


    .banner_breadcrumb ol li a, .banner_breadcrumb ol li span {
        font-size: 1rem;
    }

    .eco_detail_capa {
        flex-wrap: wrap;
        row-gap: 1.5rem;
    }

    .eco_detail_capa_image {
        width: 100%;
        height: auto;
    }

    .eco_detail_capa_image_item {
        width: 100%;
    }

    .eco_detail_capa_image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .eco_detail_capa_detail_content {
        font-size: 1.1rem;
    }

    .home_9 {
        padding-top: 10rem;
    }

    .single:not(.single-ecosystem) .header-inner {
        padding-left: 3.8125rem;
        padding-right: 4.3rem;
    }

    /*body.lock-sticky .header-wrapper.stuck {*/
    /*    top: 0px !important;*/
    /*}*/
    /*.home_scroll_slide_mobile .item {*/
    /*    flex-direction: column;*/
    /*    display: flex;*/
    /*    row-gap: 5rem;*/
    /*}*/
    /*.home_scroll_slide_mobile {*/
    /*    padding-top: 1.5rem;*/
    /*}*/
    /*.home_scroll_slide .swiper-slide {*/
    /*    opacity: 0 !important;*/
    /*    transition: .4s all;*/
    /*}*/
    /*.home_scroll_slide .swiper-slide.swiper-slide-active {*/
    /*    opacity: 1 !important;*/
    /*}*/
    /*.home_scroll_slide_mobile .swiper-pagination {*/
    /*    position: relative;*/
    /*    display: flex;*/
    /*    margin-top: 0;*/
    /*}*/
    .list_statistics.flex.flex-wrap {
        display: flex;
        margin-right: 0;
        gap: 1.5rem;
        padding-right: 0;
        flex-wrap: nowrap;
    }

    .home_7 .list_statistics .item {
        width: calc(100% / 3 - (1.5rem * 2 / 3));
    }

    .home_7 .list_statistics .item:not(:last-child) {
        padding-right: 1rem;
        margin-right: 1rem;
    }

    .contact_form_wrap {
        max-height: 45rem;
        height: 45rem;
    }

    .contact_form_detail {
        padding-top: 1rem;
    }
}

@media only screen and (max-width: 991px) {
    :root {
        --container-w: 720px
    }

    .contact_form_wrap {
        height: 50rem;
    }

    .mobile-sidebar .sidebar-menu li.menu-item {
        border: 0 !important;
    }

    .mobile-sidebar .sidebar-menu li.menu-item:before {
        position: absolute;
        content: '';
        left: 0;
        bottom: 0;
        width: 92%;
        /* border: 0.052rem solid #d4a52859; */
        background: var(--main-cl);
        height: 0.05rem;
    }

    .logo_footer img {
        object-fit: contain;
    }

    .home_7 .imgs_inner {
        margin-right: 0 !important;
    }

    .eco_detail_capa_detail_wrap {
        padding-right: 1rem;
    }

    .home_7 .list_content > .custom_scroll {
        height: 100% !important;
        padding-right: 0 !important;
    }

    #header .header-wrapper.stuck .header-main li.header-search {
        margin-right: 0 !important;
    }

    .eco_detail_capa {
        flex-direction: column;
        row-gap: 1.5rem;
    }

    button.btn.btn_style_2 {
        padding: 0.8rem;
    }

    .eco_detail_capa_image {
        width: 100%;
    }

    .logo_footer {
        width: auto;
        height: 9.635rem;
        overflow: unset;
    }

    .list_news_home .item_news_home {
        flex-wrap: wrap;
    }

    .item_news_home_wrap.flex.items-start {
        flex-wrap: wrap;
        gap: .5rem;
    }

    .item_news_home_wrap_left.flex.items-start {
        flex-direction: column-reverse;
        align-items: center;
        width: 100%;
        row-gap: 1.5rem;
    }


    .item_news_home .date_wrap {
        width: auto;
        flex: 0 0 auto !important;
        align-items: unset !important;
    }

    .item_news_home .date_wrap {
        padding-right: .8rem;
        border-right: 1px solid #DFDFDF;
        margin-right: .8rem;
    }

    .item_detail_mobile.flex.items-center.mobile_display {
        display: flex;
        margin-top: .5rem;
        align-items: unset !important;
        gap: 1.302rem;
    }

    .date_wrap.desktop_display {
        display: none;
    }

    .item_news_home .box_img {
        width: 100%;
        height: 100%;
    }

    .item_news_home_wrap_right.desktop_display {
        display: none;
    }

    .inner {
        display: flex;
        gap: 1.5rem;
    }

    .home_10 .list_news_home {
        padding-left: 0;
    }

    .list_news_home .item_news_home {
        width: calc(100% / 3 - (1.5rem * 2 / 3));
    }

    .item_news_home .date {
        font-size: 2rem;
        color: #333333;
    }

    .item_news_home .cat {
        font-size: 1rem;
    }

    .item_news_home h3 {
        font-size: 1.2rem;
    }

    .list_news_home .item_news_home:not(:last-child) {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .item_news_home .month {
        font-size: 1rem;
    }

    .sec_collaboration.relative {
        background-attachment: unset !important;
    }

    .home_7 .list_logo .box_img {
        width: auto;
        height: 4.167rem;
    }

    .home_scroll_slide_mobile .box_content.absolute {
        position: relative !important;
        height: 28.583rem;
    }

    .item.layout_1.relative.aos-init.aos-animate {
        flex-direction: column-reverse;
        display: flex;
        row-gap: 0;
    }

    .home_scroll_slide_mobile .content.font_manrope.fw_400 {
        font-size: 1.45rem;
    }

    .home_scroll_slide_mobile .group_heading.text_white {
        color: black !important;
    }

    .home_scroll_slide_mobile .content.fw_500.font_manrope, .content.fw_500.font_manrope strong {
        font-size: 1.45rem;
    }

    .item.layout_2.relative {
        display: flex;
        flex-direction: column-reverse;
        row-gap: 1rem;
    }

    .item.layout_3.relative {
        display: flex;
        flex-direction: column-reverse;
    }

    .layout_3 .group_heading.flex {
        display: flex;
        flex-wrap: wrap;
        row-gap: 3rem;
    }

    .item.layout_3 .content_wrap.flex {
        gap: 1rem;
        flex-wrap: wrap;
    }

    .item.layout_3 img.img_2.w_full.h_full.obj_cover {
        position: absolute;
        z-index: 3;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .item.layout_3 .box_img {
        position: absolute;
        top: 0;
        right: 0;
        width: 14rem;
        top: 56%;
        left: 47%;
        position: absolute;
        top: 56%;
        left: 47%;
        transform: translate(-50%, -50%);
        width: 10.865rem;
        aspect-ratio: 1 / 1;
        z-index: 1;
        transform-origin: center;
        animation: spinInfinite 20s linear infinite;
    }

    .item.layout_4.relative {
        display: flex;
        flex-direction: column-reverse;
    }

    .layout_4 .group_heading.flex {
        flex-wrap: wrap;
    }

    .layout_4 a.btn.btn_style_2 {
        margin-top: 1rem;
    }

    .layout_3 .content.content_1.fw_500.font_inter {
        font-size: 1.45rem;
    }

    .layout_3 .content.content_2.fw_500.font_inter {
        font-size: 1.45rem;
    }

    .home_scroll_slide_mobile .swiper-pagination {
        position: relative;
        display: flex;
        margin-top: 0;
    }

    .load_home_page svg {
        width: 320px;
    }

    .blog_form {
        padding: 3rem;
    }

    .product_detail_bottom_right.product_detail_bottom_item {
        padding-left: 0;
    }

    .product_detail_key_list {
        column-gap: 2rem;
    }

    .product_detail_key_item {
        width: calc(100% / 4 - (2rem * 3 / 4));
    }

    .product_detail_avatar {
        width: 22rem;
        height: auto;
    }

    .product_detail_certi_list {
        flex-wrap: wrap;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }

    .product_detail_bottom_left {
        padding-right: 3rem;
    }

    .eco_brand_collab {
        background-size: cover !important;
    }

    section.product_detail_4 {
        width: 64rem;
        padding: 3rem;
    }

    .eco_showroom_map_tiny_image {
        right: 0;
        width: 18rem;
        height: auto;
    }

    .eco_brand_2_content {
        bottom: -5rem;
    }

    section.sec_collaboration.relative {
        height: 35rem;
    }

    .sec_collaboration .box_content {
        bottom: 10%;
    }

    .mobile_display_pagi {
        display: flex;
    }

    .home_10 {
        overflow: hidden;
    }

    .about_8_line_bg svg {
        width: 100%;
        height: 100%;
        display: block;
    }

    .about_process_item_image {
        width: 9rem;
        height: 9rem;
        padding: 2rem;
    }

    .about_process_list {
        row-gap: 1.5rem;
    }

    .about_process_bg.relative img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .about_process_bg.relative img {
        width: 100%;
    }

    .about_process_bg_content.absolute {
        width: 100%;
        height: 100%;
    }

    .about_8_line_bg {
        z-index: 2;
        top: 29.375rem;
        height: 31.307812rem;
    }

    .about_10_bg {
        height: 100%;
    }

    section.about_10.relative {
        height: 47rem;
    }

    .about_10_bg_item {
        height: 100%;
    }

    .about_10_bg_item img {
        height: 100%;
        object-fit: cover;
    }

    .search-tabs .search-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }

    [data-open="#main-menu"] {
        display: block;
        width: 4rem;
        height: 4rem;
        background-image: url(../images/icon_menu_dark.svg) !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: left center !important;
        background-color: unset !important;
        padding: 0 !important;
    }

    [data-open="#main-menu"] i {
        display: none;
    }

    [data-open="#search-lightbox"] {
        width: 2rem;
        height: 2rem !important;
    }

    header#header .header-main:before {
        content: unset;
    }

    .header-inner {
        padding: .5rem 3rem !important;
    }

    header#header .stuck #masthead #logo img {
        height: 5rem;
    }

    .contact_form_wrap.flex.items-stretch {
        max-height: unset;
    }

    .contact_form_image {
        height: auto;
    }

    .career_form input, .career_form textarea, .post_detail_form input, .post_detail_form textarea, .contact_form input, .contact_form textarea {
        font-size: 1.2rem;
    }

    .career_form input:focus,
    .career_form input::placeholder,
    .career_form textarea:focus,
    .career_form textarea::placeholder,
    .post_detail_form input:focus,
    .post_detail_form input::placeholder,
    .post_detail_form textarea:focus,
    .post_detail_form textarea::placeholder,
    .contact_form input:focus,
    .contact_form input::placeholder,
    .contact_form textarea:focus,
    .contact_form textarea::placeholder {
        font-size: 1.2rem;
    }

    .contact_form_image {
        width: 29rem;
    }

    .contact_form_detail {
        padding: 1.5rem;
    }

    html {
        font-size: 1.5vw;
    }

    .item.layout_1.relative {
        flex-direction: column-reverse;
        display: flex;
    }

    .home_scroll_slide_mobile {
        padding-top: 3rem;
    }

    i.icon-search {
        font-size: 1.146rem !important;
        color: var(--main-cl) !important;
    }

    .banner_hero .box_content {
        max-width: 50%;
    }

    .layout_scroll_horizontal .layout_3 .box_effect > .box_img {
        width: 17rem;
    }


    .desc_sec {
        font-size: 1.2rem;
    }

    .subtitle {
        font-size: 1.2rem;
    }

    .heading_sec.fs_50 {
        font-size: 2.8rem;
    }

    .layout_scroll_horizontal .item.layout_1 > .box_content {
        width: 50%;
    }

    .heading_sec.fs_40 {
        font-size: 2.3rem;
    }

    .layout_scroll_horizontal .item.layout_2 .content {
        font-size: 1.2rem;
    }

    .heading_sec.fs_40 {
        font-size: 2.4rem;
    }

    .layout_3 .content.content_1.fw_500.font_inter {
        font-size: 1.1rem;
    }

    .heading_sec.fs_40 {
        font-size: 2.5rem;
    }


    .layout_4 .content_wrap {
        font-size: 1.1rem;
    }

    .layout_scroll_horizontal .item.layout_3 > .box_content {
        top: 2rem;
    }

    .layout_scroll_horizontal .item.layout_3 .group_heading {
        gap: 2.0625rem;
    }

    .cards_hover_wrapper h4 {
        font-size: 1.3rem;
        -webkit-line-clamp: 2;
    }

    .cards_hover_wrapper .content {
        font-size: 1.15rem;
    }

    .item.relative.active {
    }

    .product_home .information .title {
        font-size: 1.1rem;
    }

    .product_home .rating_wrap img {
        height: 1.5rem;
    }

    .product_home .item .cat {
        font-size: 1.2rem;
    }

    .product_home .item h3 {
        font-size: 1.8rem;
    }

    .btn span.text {
        font-size: 1.15rem;
    }

    .process_wrap .list_content h3 {
        font-size: 1.55rem;
    }

    .process_wrap .list_content .content {
        font-size: 1.3rem;
    }

    .process_wrap .list_content {
        padding-right: 2.5rem;
    }

    .tabs_maps .item:nth-child(2) .icon.box_img {
        height: 3.76rem;
    }

    .tabs_maps .item {
        font-size: 1.1rem;
    }

    .tabs_maps .item:nth-child(1) .icon.box_img {
        height: 3.76rem;
    }

    .markets_wrap .box_maps .map-dot .dot {
        width: 0.8rem;
        height: 0.8rem;
    }

    .markets_wrap .box_maps .map-dot .dot:before {
        width: 1.1rem;
        height: 1.1rem;
    }

    .list_counter_maps .item_counter:not(:first-child) h3 {
        font-size: 1.2rem;
    }

    .item_vietnam .list_counter_maps h3 {
        font-size: 1.2rem;
    }

    .box_member_wrapper .group_heading {
        max-width: 50%;
    }

    .fs_20 {
        font-size: 1.25rem;
    }

    .box_member_wrapper .item_member {
        padding: 0 2rem;
    }

    .bg_member_container {
        height: 50rem;
    }

    .box_member_wrapper .item_member > .inner {
        margin-top: 4rem;
    }

    .box_member_wrapper .item_member .desc {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    .box_member_wrapper .item_member h3 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .markets_wrap .box_maps .map-dot .map-tooltip > .flex {
        font-size: 1.2rem;
        padding: .6rem .5rem;
    }

    .home_7 .group_heading {
        padding-right: 0;
    }

    .home_7 .list_content {
        padding-right: 2rem;
    }

    .home_7 .list_content h3 {
        font-size: 1.55rem;
    }

    .home_7 .list_content .item_content .content {
        font-size: medium;
    }

    .home_7 .list_statistics h3 {
        font-size: 1.15rem;
    }

    .home_7 .list_statistics .number_inner {
        font-size: 2.2rem;
    }

    .home_7 .list_statistics .unit {
        font-size: 1.15rem;
    }

    .home_7 .list_statistics .item:not(:last-child) {
        margin-right: 0;
        padding-right: 0;
        border-right: 0;
    }

    .home_7 .list_statistics .item {
        width: 100%;
        text-align: center;
    }

    .home_7 .list_statistics .item .flex {
        justify-content: center;
    }

    .home_7 .list_statistics .item:not(:last-child) {
        padding-bottom: 1.5rem;
        border-bottom: 1px solid #0000001A;
    }

    .home_8 .group_heading {
        padding: 0 8rem;
    }

    .home_9 .box_effect > .box_img {
        width: 25rem;
    }

    .home_9 .box_content .group_heading {
        max-width: 29rem;
    }

    .home_9 .box_content {
        top: 3rem;
    }

    .list_news_home {
        margin-top: 3rem;
    }


    .list_news_home .custom_scroll {
        max-height: 40rem;
    }


    .sec_collaboration .box_content .group_heading {
        max-width: 100%;
        padding-bottom: 3rem;
    }

    .form_wrap input {
        font-size: 1.3rem;
    }

    .block_footer span.title_menu {
        font-size: 1.4rem;
    }

    .block_footer .content_menu {
        flex-wrap: wrap;
    }

    .block_footer .content_menu .item {
        width: calc(100% / 2 - (2rem * 1 / 2));
    }

    .block_footer .menu_footer a {
        font-size: 1.25rem;
    }

    .block_footer .menu_footer > li:not(:last-child) {
        margin-bottom: 8px;
    }

    .block_footer.block_1 .box_content span.title {
        font-size: 1.25rem;
    }

    .block_footer.block_1 .box_content .content {
        font-size: 1.3rem;
    }

    .footer_top .col_left {
        padding-right: 10rem;
    }

    .copyright {
        font-size: 1.05rem;
    }

    .footer_bottom .link_external a {
        font-size: 1.05rem;
    }

    .form_wrap input::placeholder {
        font-size: 1.3rem;
    }

    .mfp-bg.off-canvas.off-canvas-left {
        top: 72px;
        position: fixed !important;
    }

    .header-inner.flex-row.container.logo-left.medium-logo-center {
        height: 6.25rem;
    }

    .mfp-content {
        top: 72px !important;
    }

    .off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
        box-shadow: none !important;
        background-color: #fff !important;
    }

    header#header #masthead #logo img {
        height: 6rem;
    }

    .off-canvas:not(.off-canvas-center) .nav-vertical li > a {
        font-size: 1.25rem;
        color: black;
    }


    a.is-small.current-lightbox-clicked:before {
        content: unset !important;
    }

    .off-canvas .sidebar-menu {
        padding-top: 0;
    }

    .nav-sidebar .menu-item-has-children ul.sub-menu li a {
        font-size: 1.3rem;
    }

    li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-home.current-menu-item a {
        color: var(--main-cl);
    }

    .nav-sidebar.nav-vertical > li.menu-item.active {
        background: none;
    }

    .home_9 .mobile_display_pagi {
        display: none;
    }

    .home_7 .list_content h3 {
        margin-bottom: 1rem;
        line-height: normal;
    }

    .home_7 .list_content .item_content .content {
        line-height: normal;
    }

    .home_7 .list_content {
        padding-right: 0;
    }

    .home_7 .list_content > .custom_scroll {
        height: 25rem;
        padding-right: 2rem;
    }

    .home_7 .desc_sec.font_manrope.fw_500 {
        font-size: 1.6rem;
    }

    .home_7 .imgs_inner.aos-init.aos-animate {
        margin-top: 3rem;
    }

    .home_7 .list_statistics h3 {
        line-height: normal;
    }

    .home_7 .list_statistics {
        margin-top: 1rem;
    }

    .product_item_detail_avatar {
        width: 15rem;
        height: auto;
        right: -35%;
    }

    .product_item {
        height: 30rem;
    }

    .content-16 {
        font-size: 1rem;
    }

    .product_item_detail_avatar {
        width: 15rem;
        height: auto;
    }

    .content {
        font-size: 1.2rem;
    }

    .content.career_item_span.x-content {
        font-size: 1.15rem;
    }

    ul.career_item_detail .career_item_span {
        font-size: .95rem;
    }

    section.about_4 {
        opacity: 1;
    }

    i.icon-search {
        width: 2rem;
        height: 2rem;
    }

    li.header-search.header-search-lightbox.has-icon {
        display: flex;
    }

    .eco_related_item_title.t-w.f-mk-600 {
        white-space: nowrap;
    }

    .home_scroll_slide .swiper-slide {
        opacity: 0 !important;
        transition: .4s all;
    }

    .home_scroll_slide .swiper-slide.swiper-slide-active {
        opacity: 1 !important;
    }

    .home_scroll_slide_mobile .box_effect {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .cards_hover_wrapper.aos-init.aos-animate {
        flex-wrap: wrap;
        height: auto;
    }

    .cards_hover_wrapper .item {
        width: 100% !important;
        height: 30rem !important;
    }

    .list_statistics.flex.flex-wrap {
        flex-wrap: nowrap;
        gap: 1rem;
        margin-top: 3rem;
    }

    .home_7 .list_statistics .item:not(:last-child) {
        padding-right: 1rem;
        border-right: 1px solid #0000001A;
        border-bottom: 0;
        padding-bottom: 0;
    }

    .home_7 .list_statistics .item {
        width: calc(100% / 3 - (1rem * 2 / 3));
    }

    .about_company_item {
        padding-right: 2.792rem;
        padding-left: 3.208rem;
    }

    .about_10_group_content .group_content {
        max-width: 35rem;
        margin: 5.208rem auto 0;
    }

    .page_default_menu_sticky.sticky {
        margin-right: 0;
    }

    .blog_new_item_avatar {
        display: none;
    }

    .blog_featured.relative {
        height: 18rem;
    }

    .blog_image {
        height: 100%;
    }

    .about_pattern_background_main {
        width: 25rem;
        height: 25rem;
    }

    .about_value_image {
        width: 12rem;
        height: 12rem;
    }

    .cards_hover_wrapper .item .logo img {
        object-fit: contain;
    }

    header#header #masthead #logo {
        margin-bottom: 0;
    }

    .about_value_list {
        padding-left: 0;
    }

    .about_value_item {
        gap: 1rem;
    }

    .about_process_desc_content.content.f-mk-600.t-cl {
        font-size: 1.05rem;
    }

    .about_value_index.f-mk-300 {
        font-size: 1.3rem;
    }

    section.about_6 {
        padding-bottom: 20rem;
    }

    .about_7 {
        padding-top: 5rem;
    }

    .scroll_horizon_container {
        height: 33.5rem;
    }

    header#header #masthead #logo img {
        height: 57.6px;
    }

    .tile-reveal-square {
        flex: 1 1 auto;
        width: 80px;
        height: 80px;
        background-color: var(--third-cl);
        opacity: 1;
    }

    .mfp-ready .mfp-close {
        top: 8rem;
        right: 2rem;
    }

    .home_9 {
        margin-top: 1rem;
        padding-top: 17rem;
    }

    .home_10 .desc_sec.font_manrope.fs_20.fw_500 {
        font-size: 1.2rem;
    }
}

@media (max-width: 767px) and (min-width: 424px) {
    .mfp-content {
        top: 93px !important;
    }

    .mfp-bg.off-canvas.off-canvas-left {
        top: 93px !important;
        position: fixed !important;
    }

    .mfp-ready .mfp-close {
        top: 93px;
    }

}


@media only screen and (max-width: 767px) {
    html {
        font-size: 2.7vw;
    }

    .contact_form_wrap.flex.items-stretch {
        height: unset;
    }

    .about_8 .about_process_list:nth-child(2) {
        flex-direction: row;
    }

    .about_milestones_list.mobile_display {
        display: block;
    }

    .desktop_display {
        display: none;
    }

    .mobile_display {
        display: block;
    }

    .header-inner {
        padding: 1rem 15px !important;
    }

    .grid-container {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .load_home_page svg {
        width: 240px;
    }

    #search-lightbox {
        margin-left: -20px;
        margin-right: -20px;
        max-width: calc(100% + 40px);
    }

    #search-lightbox .search-lightbox-title {
        margin-bottom: 20px;
        font-size: 20px;
    }

    #search-lightbox .search-keywords {
        margin-top: 20px;
    }

    #search-lightbox .search-keywords > a {
        font-size: 14px;
    }

    .search-tabs .search-grid {
        grid-template-columns: 1fr 1fr;
        grid-gap: 1.5rem 1rem
    }

    .search-page {
        padding: 3rem 0;
    }

    .search-page h1 {
        margin-bottom: 2rem;
    }

    .search-tabs .search-tabs-title .search-tab-title {
        font-size: 0.75rem;
        padding: 0.5rem 1rem;
    }

    .banner_hero .box_content {
        left: auto;
        max-width: 100%;
    }

    .banner_hero .item {
        height: 55rem;
    }

    .subtitle {
        font-size: 1.4rem;
        padding-left: 2.5rem !important;
    }

    .subtitle.dot:before {
        width: 2.042rem;
        height: 1.625rem;
    }

    .heading_sec.fs_60 {
        font-size: 3.3rem;
    }

    .btn span.text {
        font-size: 1.5rem;
    }

    .text_white .btn_style_1 {
        padding: 1.25rem;
    }

    .layout_scroll_horizontal .item > .box_content {
        width: 100% !important;
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
    }

    .layout_scroll_horizontal .item {
        display: flex;
        flex-direction: column-reverse;
        row-gap: 5rem;
        justify-content: space-between;
    }

    .heading_sec.fs_50 {
        font-size: 2.2rem;
    }

    .desc_sec {
        font-size: 1.45rem;
    }

    .item.layout_2.relative {
    }

    .layout_scroll_horizontal .item.layout_2 .content p, .layout_scroll_horizontal .item.layout_2 .content strong {
        color: black !important;
    }

    .heading_sec.fs_40 {
        font-size: 2.7rem;
    }

    .layout_scroll_horizontal .item.layout_2 h2.heading_sec {
        color: var(--third-cl) !important;
    }

    .layout_scroll_horizontal .item.layout_2 .content {
        font-size: 1.45rem;
    }

    .layout_scroll_horizontal .item.layout_2 strong {
        font-size: 1.5rem;
    }

    .layout_scroll_horizontal .item.layout_2:before {
        content: unset;
    }

    .item.layout_2 img:before {
        position: absolute;
        left: 0;
        top: 10%;
        width: 200px;
        height: 200px;
        background: red;
    }

    .item.layout_2 img {
        position: relative;
        display: block;
    }

    .layout_scroll_horizontal .item.layout_3 .group_heading {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .layout_scroll_horizontal .item.layout_3 .content_wrap {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .layout_3 .content.content_1.fw_500.font_inter {
        font-size: 1.45rem;
    }

    .layout_3 .content.content_2.fw_500.font_inter {
        font-size: 1.45rem;
    }

    .box_effect {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .layout_scroll_horizontal .item .layer.layer_3 {
        height: 0;
    }

    .layout_scroll_horizontal .layout_3 .box_effect > .box_img {
        width: 12rem;
    }

    .layout_scroll_horizontal .item.layout_4 .group_heading {
        gap: 1rem;
        flex-wrap: wrap;
    }


    .layout_4 .content_wrap {
        font-size: 1.45rem;
    }

    .home_2 .btn_home2, .home_2 .content_sec {
        margin-left: 0;
    }

    .cards_hover_wrapper {
        flex-wrap: wrap;
        height: auto;
    }

    .cards_hover_wrapper .item.active {
        width: 100%;
        height: 100%;
    }

    .cards_hover_wrapper .item::after {
        height: 60%;
    }

    .cards_hover_wrapper .item {
        height: 12rem;
    }

    .cards_hover_wrapper .item::before {
        height: 50%;
    }

    .cards_hover_wrapper .link {
        width: auto;
    }

    .cards_hover_wrapper .content_inner > .line {
        margin: auto 0.8rem;
    }

    .cards_hover_wrapper h4 {
        font-size: 1.6rem;
        -webkit-line-clamp: 3;
    }

    .cards_hover_wrapper .content {
        font-size: 1.45rem;
        -webkit-line-clamp: 3;
    }

    .content_inner.flex {
        align-items: center;
    }

    .content_container .link {
        display: none !important;
    }

    .cards_hover_wrapper .link {
        width: auto;
    }

    .cards_hover_wrapper .content_inner > .line {
        margin: auto 0.8rem;
    }

    .cards_hover_wrapper h4 {
        font-size: 1.6rem;
        -webkit-line-clamp: 3;
    }

    .cards_hover_wrapper .content {
        font-size: 1.45rem;
        -webkit-line-clamp: 3;
    }

    .content_inner.flex {
        align-items: center;
    }

    .content_container .link {
        display: none !important;
    }

    .product_home_wrap .graphic_wrap {
        left: 0;
    }

    .product_home_wrap .graphic_wrap {
        left: 0;
    }

    .product_home.relative.aos-init.aos-animate {
    }

    .product_home {
        margin-right: 0;
        margin-left: 9rem;
    }

    .product_home .item h3 {
        font-size: 1.9rem;
    }

    .product_home .item .cat {
        font-size: 1.45rem;
    }

    .product_home .information .title {
        font-size: 1.35rem;
    }

    .product_home .rating_wrap img {
        height: 1.7rem;
    }

    .process_wrap > * {
        width: 100%;
    }

    .process_wrap {
        flex-wrap: wrap;
        row-gap: 3rem;
    }

    .process_wrap > .imgs_inner {
        padding-right: 0;
    }

    .process_wrap .list_content {
        padding-right: 0;
    }

    .process_wrap .list_content .idx > .inner {
        width: 2.2rem;
        height: 2.2rem;
        font-size: 1.4rem;
    }

    .process_wrap .list_content .content {
        font-size: 1.6rem;
    }

    .process_wrap .list_content h3 {
        font-size: 1.7rem;
    }

    .process_wrap .list_content {
        margin-top: 3rem;
    }

    .home_5 {
        padding-top: 3rem;
    }

    .fs_20 {
        font-size: 1.6rem;
    }

    .tabs_maps {
        justify-content: center;
    }

    .tabs_maps .item:nth-child(1) .icon.box_img {
        height: 6rem;
    }

    .tabs_maps .item:nth-child(2) .icon.box_img {
        height: 6rem;
    }

    .tabs_maps .item {
        font-size: 1.45rem;
    }

    .item_global .list_counter_maps {
        flex-wrap: wrap;
        row-gap: 3rem;
        column-gap: 2rem;
    }

    .item_global .list_counter_maps .item_counter {
        width: calc(100% / 2 - (2rem * 1 / 2));
    }

    .list_counter_maps .item_counter:nth-child(1) .number {
        font-size: 7rem;
    }

    .list_counter_maps h3 {
        font-size: 1.5rem;
    }

    .list_counter_maps .number {
        font-size: 5rem;
    }

    .home_6 {
        padding-top: 3rem;
    }

    .btn_home3 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .btn_style_2 {
        margin-top: 7rem;
    }

    .home_4 {
        padding-top: 3rem;
    }

    .home_3 {
        padding-top: 3rem;
    }

    .markets_wrap .item_vietnam .inner_wrap {
        flex-direction: column-reverse;
    }

    .inner_wrap.flex.items-center.justify-end {
        gap: 4rem;
    }

    .markets_wrap .box_maps .map-dot .dot {
        width: 1rem;
        height: 1rem;
    }

    .item_vietnam .list_counter_maps .item_counter:not(:last-child) {
        margin-bottom: 3rem;
    }

    .item_vietnam .list_counter_maps h3 {
        font-size: 1.45rem;
    }

    .tabs_maps {
        margin-top: 3rem;
    }

    .list_counter_maps .item_counter:not(:first-child) h3 {
        font-size: 1.5rem;
    }

    /*.inner.relative {*/
    /*    padding-left: 15px;*/
    /*}*/
    .box_member_wrapper .item_member_container > .inner {
        padding-top: 1.042rem;
        /*padding-bottom:20px;*/
    }

    .box_member_wrapper .group_heading {
        max-width: 100%;
    }

    .box_member_wrapper .box_item_wrap {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 0;
    }

    .box_member_wrapper .item_member.active:after, .box_member_wrapper .item_member:hover:after {
        background: linear-gradient(
                270deg, rgba(142, 106, 0, 0) 0%, rgba(142, 106, 0, 0.518671) 47.78%, rgba(142, 106, 0, 0.677815) 73.41%, rgba(142, 106, 0, 0.7) 100%);
    }

    .box_member_wrapper .item_member > .inner {
        margin: 3rem 0;
    }

    .box_member_wrapper .item_member .icon {
        height: 4rem;
    }

    .box_member_wrapper .item_member h3 {
        font-size: 2rem;
    }

    .box_member_wrapper .item_member .desc {
        font-size: 1.6rem;
    }

    .box_member_wrapper .box_item_wrap:before {
        content: unset;
    }

    .box_member_wrapper .item_member:after {
        background: linear-gradient(
                270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.6) 100%);
    }

    .box_member_wrapper .item_member {
        aspect-ratio: unset;
    }

    .bg_member_container {
        height: 85rem;
    }

    .box_member_wrapper .group_heading {
        padding: 0 15px;
    }

    .box_member_wrapper .item_member {
        padding: 0 15px;
    }

    .home_7 {
        padding-top: 3rem;
    }

    .home_7 .list_logo .box_img {
        height: 6rem;
    }

    .home_7 .list_content {
        padding-right: 0;
    }

    .home_7 .list_content h3 {
        font-size: 1.7rem;
    }

    .home_7 .list_content .item_content .content {
        font-size: 1.6rem;
    }

    .home_7 .list_content > .custom_scroll {
        height: 22rem;
    }

    .home_7 .imgs_inner {
        margin-right: 0;
        margin-top: 3rem;
    }

    .home_7 .list_statistics h3 {
        font-size: 1.45rem;
    }

    .home_7 .list_statistics .number_inner {
        font-size: 2.5rem;
    }

    .home_7 .list_statistics .unit {
        font-size: 1.5rem;
    }

    .home_7 .list_statistics {
        padding-right: 0;
    }

    .home_8 .group_heading {
        padding: 0;
    }

    .home_8 .group_heading > .desc_sec {
        max-width: 100%;
    }

    .home_8 .standards_wrap {
        padding: 0;
    }

    .home_9 .box_effect > .box_img {
        width: 14rem;
    }

    .home_9 .box_content {
        position: relative !important;
    }

    .home_9 {
        display: flex;
        flex-direction: column-reverse;
    }

    .home_9 .box_content .group_heading {
        max-width: 100%;
    }

    .btn_home9.mobile_display .btn_style_2 {
        margin-top: 3rem;
    }

    .btn_home9.mobile_display {
        justify-content: center;
    }

    .home_10 {
        padding-top: 3rem;
    }

    .home_10 .btn_style_2 {
        margin-top: 2rem;
    }

    .home_9 {
        margin-top: 2rem;
    }

    .list_news_home .item_news_home {
        flex-wrap: wrap;
    }

    .item_news_home .date {
        font-size: 3rem;
    }

    .item_news_home .month {
        font-size: 1.5rem;
    }

    .item_news_home .cat {
        font-size: 1.2rem;
        line-height: 1;
    }

    .item_news_home h3 {
        font-size: 1.5rem;
    }

    .sec_collaboration .box_img {
        height: 35rem;
        width: 100%;
    }

    .sec_collaboration .box_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .sec_collaboration .btn_style_2 {
        margin-top: 2rem;
    }

    .footer_top .col_left {
        padding-right: 0;
    }

    .block_footer.block_1 {
        margin-top: 3rem;
    }

    .block_footer.block_1 span.title_block {
        font-size: 2rem;
    }

    .block_footer.block_1 .box_content {
        margin-top: 1rem;
    }

    .block_footer.block_1 .box_content span.title {
        font-size: 1.45rem;
    }

    .block_footer.block_1 .box_content .content {
        font-size: 1.5rem;
    }

    .footer_top .col_right {
        margin-left: 0;
        margin-top: 3rem;
    }

    .box_socials a {
        width: 4rem;
    }

    .box_socials ul {
        gap: 1rem;
    }

    .form_wrap input, .form_wrap input::placeholder {
        font-size: 1.55rem;
    }

    .block_footer span.title_menu {
        font-size: 1.55rem;
    }

    .block_footer .menu_footer a {
        font-size: 1.45rem;
    }

    .copyright {
        font-size: 1.3rem;
        text-align: center;
    }

    .footer_bottom .link_external a {
        font-size: 1.3rem;
    }

    .footer_bottom .link_external {
        justify-content: center;
        margin-top: 2rem;
    }

    .layout_scroll_horizontal .item {
        height: unset;
        width: 100vw;
    }

    .home_1 {
        height: unset;
    }

    .list_counter_maps {
        margin-top: 3rem;
    }

    #search-lightbox .search-lightbox-title {
        font-size: 2.5rem;
    }

    input#s {
    }

    #search-lightbox input {
        font-size: 1.4rem;
        padding: 2rem;
    }

    #search-lightbox .search-keywords > a {
        font-size: 1.6rem;
        padding: 1rem;
    }

    .btn_home9.mobile_display_pagi.flex.aos-init.aos-animate {
        justify-content: center;
    }

    button.mfp-close {
        top: 85px;
    }

    footer .logo_footer.box_img {
        margin: 0 auto;
    }

    .box_member_wrapper .box_item_wrap {
        height: auto;
        margin-top: 2rem;
    }

    .bg_member_container {
        height: 82rem;
    }

    .home_7 .list_content > .custom_scroll {
        height: 30rem;
    }

    .item_news_home_wrap.flex.items-start {
        flex-wrap: wrap;
        gap: .5rem;
    }

    .item_news_home_wrap_right .heading {
        width: 100%;
    }

    .item_news_home_wrap_left.flex.items-start {
        flex-direction: column-reverse;
        align-items: center;
        width: 100%;
        row-gap: 1.5rem;
    }

    .date_wrap {
        width: 100%;
        margin: 0 auto;
        text-align: start;
    }

    .item_news_home .box_img {
        width: 100%;
        height: 100%;
    }

    .home_10 .list_news_home {
        padding-left: 0;
    }

    .sec_collaboration .box_content.absolute.aos-init.aos-animate {
        bottom: 0;
    }

    section.sec_collaboration.relative {
        height: 50rem;
    }

    .home_scroll_slide_mobile .box_content.absolute {
        position: relative !important;
    }

    .item.layout_1.relative.aos-init.aos-animate {
        flex-direction: column-reverse;
        display: flex;
        row-gap: 0;
    }

    .home_scroll_slide_mobile .content.font_manrope.fw_400 {
        font-size: 1.6rem;
    }

    .home_scroll_slide_mobile .group_heading.text_white {
        color: black !important;
    }

    .home_scroll_slide_mobile .content.fw_500.font_manrope, .content.fw_500.font_manrope strong {
        font-size: 1.6rem;
    }

    .item.layout_2.relative {
        display: flex;
        flex-direction: column-reverse;
        row-gap: 1rem;
    }

    .item.layout_3.relative {
        display: flex;
        flex-direction: column-reverse;
    }

    .layout_3 .group_heading.flex {
        display: flex;
        flex-wrap: wrap;
        row-gap: 0;
    }

    .item.layout_3 .content_wrap.flex {
        gap: 1rem;
        flex-wrap: wrap;
    }

    .item.layout_3 img.img_2.w_full.h_full.obj_cover {
        position: absolute;
        z-index: 3;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    section.home_2 {
        padding-top: 0;
    }

    .item.layout_3 .box_img {
        position: absolute;
        top: 0;
        right: 0;
        width: 14rem;
        top: 56%;
        left: 47%;
        position: absolute;
        top: 56%;
        left: 47%;
        transform: translate(-50%, -50%);
        width: 10.865rem;
        aspect-ratio: 1 / 1;
        z-index: 1;
        transform-origin: center;
        animation: spinInfinite 20s linear infinite;
    }

    .item.layout_4.relative {
        display: flex;
        flex-direction: column-reverse;
    }

    .layout_4 .group_heading.flex {
        flex-wrap: wrap;
    }

    .layout_4 a.btn.btn_style_2 {
        margin-top: 1rem;
    }

    .layout_3 .content.content_1.fw_500.font_inter {
        font-size: 1.45rem;
    }

    .layout_3 .content.content_2.fw_500.font_inter {
        font-size: 1.45rem;
    }

    .home_scroll_slide_mobile .swiper-pagination {
        position: relative;
        display: flex;
        margin-top: 0;
    }

    .header-inner.flex-row.container.logo-left.medium-logo-center {
        height: 7.51rem;
    }

    i.icon-search {
        width: 2rem;
        height: 2rem;
    }

    header#header #masthead #logo img {
        height: unset;
    }

    header#header #masthead #logo {
        margin-bottom: -2rem;
    }

    header#header .stuck #masthead #logo img {
        height: 6rem;
    }

    .p-r-0 {
        padding-right: 15px;
    }

    .eco_rice_advantage_list.flex.items-start {
        flex-wrap: wrap;
        justify-content: start;
        margin-top: 3rem;
    }

    .eco_ice_4:hover .eco_rice_advantage_list .eco_rice_advantage_item:nth-child(1) {
        transform: unset;
    }

    .eco_ice_4:hover .eco_rice_advantage_list .eco_rice_advantage_item:nth-child(2) {
        transform: unset;
    }

    .eco_ice_4:hover .eco_rice_advantage_list .eco_rice_advantage_item:nth-child(3) {
        transform: unset;
    }

    .eco_ice_4:hover .eco_rice_advantage_list .eco_rice_advantage_item:nth-child(4) {
        transform: unset;
    }

    .eco_ice_4:hover .eco_rice_advantage_list .eco_rice_advantage_item:nth-child(5) {
        transform: unset;
    }

    .product_show_wrap_image {
        margin-top: 5rem;
        left: 2rem;
    }

    .product_show_item .information {
        width: fit-content;
    }

    .product_show_item_detail_heading {
        min-height: unset;
        display: block;
        color: red;
        width: 100%;
    }

    .product_show_list.flex.items-start {
        overflow: hidden;
    }

    .product_show_item_detail_subtitle.content-20.f-mk-600 {
        font-size: 1.3rem;
    }

    .product_show_item .inner.flex {
        gap: 2rem;
    }

    .information .title {
        font-size: 1.4rem;
    }

    .product_show_list {
        padding: 0 0 0 10rem;
    }

    a.product_show_item {
        justify-content: center;
        align-items: center;
    }

    .btn_home3.desktop_display {
        display: none !important;
    }

    section.home_3.relative {
        padding-bottom: 5rem;
    }

    .btn_home3.mobile_display {
        padding-top: 3rem !important;
        left: unset;
        bottom: unset;
        position: relative;
    }

    .ceo_content {
        font-size: 1.4rem;
    }

    .about_2 .content_detail {
        max-width: 100%;
        padding-left: 5rem;
    }

    .about_2 .content_detail:before {
        width: 4rem;
    }

    .content_detail_pattern.pattern.absolute {
        width: 12rem;
    }

    .ceo_image {
        width: 100%;
    }

    .about_2_pattern.absolute {
        bottom: 0;
        transform: scale(1);
        width: 100%;
        right: -20%;
    }

    .content-24 {
        font-size: 1.5rem;
    }

    section.about_2.relative {
        padding-top: 3rem;
    }

    .about_3 {
        padding-top: 3rem;
    }

    .about_2 .group_content {
        padding-top: 0;
    }

    .desc_sec {
        font-size: 1.5rem;
    }

    .about_story_image {
        margin-top: 3rem;
    }

    .about_3 .group_content_2 {
        max-width: 100%;
        margin-top: 3rem;
    }

    .about_story_logo {
        width: 7rem;
        height: 7rem;
    }

    .content_20, .content-20 {
        font-size: 1.4rem;
    }

    .about_story_line {
        width: 2px;
    }

    .about_count_list .about_count_item:not(:last-child):before {
    }

    .about_count_item.relative {
        width: 100%;
    }

    .about_count_list .about_count_item .number {
        font-size: 4rem;
    }

    .about_count_list .about_count_item:first-child .number {
        font-size: 7rem;
    }

    .about_count_list .about_count_item:first-child .about_count_content.content {
        font-size: 1.5rem;
    }

    .content {
        font-size: 1.4rem;
    }

    .about_map.relative {
        margin-left: 0;
        margin-top: 3rem;
    }

    .about_map_item {
        width: 100%;
        height: 100%;
    }

    .about_map .about_map_opacity {
        opacity: 1;
    }

    section.about_4 {
        opacity: 1;
        padding-top: 3rem;
    }

    .about_4 .group_content {
        transform: unset;
        width: 100%;
    }

    .content-32 {
        font-size: 1.85rem;
    }

    .about_mission_image_wrap {
        transform: unset;
        margin-top: 3rem;
    }

    section.about_5 {
        margin-top: 3rem;
    }

    .about_pattern_content {
        position: relative !important;
        top: unset;
        right: unset;
        width: 100%;
    }

    .about_pattern_background {
        margin-top: 1rem;
    }

    section.about_5 {
        display: flex;
        flex-direction: column-reverse;
    }

    .about_pattern_background_main {
        width: 15rem;
        height: 15rem;
        left: 2%;
    }

    section.about_6 {
        padding-top: 3rem;
        padding-bottom: 25rem;
    }

    .about_6 a.btn.btn_style_2 {
        margin-top: 3rem;
    }

    .about_value_list {
        padding-left: 0;
        margin-top: 3rem;
    }

    .about_6 .sticky_wrap {
        margin-bottom: 0;
        position: relative;
        top: unset;
    }

    .about_value_image {
        opacity: 1;
        width: 10rem;
        height: 10rem;
    }

    .about_value_item {
        gap: 1rem;
    }

    .about_value_index {
        font-size: 2rem;
        line-height: 1;
    }

    .about_value_item:after {
        opacity: 1;
        width: 100%;
    }

    .about_6_background {
        width: 100%;
    }

    .about_7 {
        padding-top: 3rem;
    }

    .about_milestone_bottom_wrap {
        display: none;
    }

    .about_milestones_list {
        padding: 0 15px;
        margin-top: 3rem;
    }

    .about_milestones_year {
        text-align: center;
    }

    .about_7 .content_20 {
        padding-left: 0;
    }

    .about_milestones_image {
        margin-top: 3rem;
    }

    .about_milestones_image {
        width: 17rem;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .about_milestones_pattern {
        width: 1rem;
        left: 50%;
        transform: translateX(-50%) rotate(270deg);
        top: -.5rem;
    }

    .about_milestones_content_list {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        row-gap: 2rem;
        align-items: stretch;
        justify-content: center;
    }

    .about_milestones_wrap {
        margin-top: 5rem;
    }

    .about_milestones_content_item {
        padding-top: 1rem;
        width: calc(100% / 2 - (1rem * 1 / 2));
        row-gap: 1rem;
    }

    .about_milestones_content_item_desc.content {
        height: auto;
        font-size: 1.3rem;
    }

    .about_milestones_content_item {
        width: 100%;
    }

    .about_milestones_content_item_image {
        height: 100%;
    }

    .about_milestones_list {
        display: flex;
        flex-direction: column;
        row-gap: 1.5rem;
    }

    section.about_8.relative {
        padding-top: 3rem;
    }

    .about_milestones_list {
        margin-top: 1.5rem;
    }

    .about_milestones_image {
        margin-top: 1.5rem;
    }

    .about_milestones_wrap {
        margin-top: 3rem;
    }

    .about_milestones_item {
        padding: 0 0.26rem;
    }

    .swiper.about_milestone_slide {
        margin: 0 -0.521rem;
    }

    .about_milestones_content_item {
        width: 100%;
        padding: 0 0.521rem;
    }

    .swiper.about_milestone_slide.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
    }

    .about_milestones_content_item_desc.content {
        margin-top: 1.5rem;
        font-size: 1.5rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .about_milestones_content_item_image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .about_milestones_pattern {
        width: 1.5rem;
    }

    .about_milestones_list {
        row-gap: 3rem;
    }

    .about_process_item {
        width: calc(100% / 2 - (1.5rem * 1 / 2));
    }

    .about_process_list {
        gap: 1.5rem;
        row-gap: 1rem;
        align-items: stretch;
    }

    .about_8_line_bg {
        display: none;
    }

    .about_process_item_image {
        width: 13rem;
        height: 13rem;
    }

    .about_process_item_title.t-cl.content.f-mk-600 {
        font-size: 1.3rem;
        white-space: unset;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .about_process_step {
        font-size: 1.;
    }

    .content-16 {
        font-size: 1.3rem;
    }

    .about_process_item_title {
        height: 3rem;
    }

    .about_process_bg.relative {
        height: 100%;
        display: flex;
        flex-direction: column-reverse;
    }

    .about_process_bg_content.absolute {
        margin-top: 3rem;
    }

    .about_process_desc {
        padding: 0;
    }

    .about_process_bg_content {
        position: relative !important;
    }

    section.about_9 {
        padding: 3rem 0 5rem;
    }

    .about_company_list.mobile_display {
        position: relative;
        display: flex;
        flex-direction: column;
        /*row-gap: 1.5rem;*/
        /*background: #000000cc;*/
        z-index: 10;
    }

    .about_company_item {
        padding: 0.521rem 15px 0.78125rem 15px;
        border-bottom: 0.052rem solid #595959;
    }

    section.about_10.relative {
        height: auto;
    }


    .about_company_item_logo {
        opacity: 1;
        transform: unset;
    }

    .about_company_item .about_company_item_logo {
        opacity: 1 !important;
        transform: unset !important;
    }

    .about_10_bg {
        height: 30rem;
        overflow: hidden;
    }

    .about_10_group_content .group_content {
        max-width: 100%;
    }

    .about_company_item_content {
        max-width: 100%;
    }

    .about_company_item_title {
        max-width: 100%;
    }

    .about_company_detail.text_white .btn {
        margin-top: 1.5rem;
    }

    .about_10_bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .about_company_item.active .about_company_detail {
        display: flex;
        animation: opacity 1s ease;
    }

    /*section.about_10:before {*/
    /*    content: unset;*/
    /*}*/
    .about_company_detail {
        display: none;
    }

    .breadcrumbs a {
        font-size: 1.4rem;
    }

    .banner {
        min-height: 45rem !important;
    }

    section.sec_collaboration.relative {
        height: 35rem;
    }

    .sec_collaboration .box_content {
        bottom: 10%;
    }

    .eco_2_bg {
        margin-top: 10rem;
    }

    .eco_2_pattern {
        width: 20rem;
        bottom: 1rem;
        right: 5rem;
    }

    section.eco_2.relative {
        overflow: hidden;
    }

    section.eco_2.relative {
        padding-top: 3rem;
    }

    section.eco_3 {
        padding-top: 3rem;
        padding-bottom: 5rem;
    }

    .eco_system_item_avatar {
        width: 100%;
    }

    .eco_system_item_content {
        width: 100%;
        padding: 3rem;
    }

    .eco_system_item_avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .eco_system_item.flex.items-stretch {
        height: auto;
        flex-wrap: wrap;
    }

    .icon-search:before {
        filter: brightness(0) invert(0);
    }

    section.eco_rice_2 {
        padding-top: 3rem;
    }

    .eco_rice_2 .content {
        padding-left: 0;
        margin-top: 3rem;
    }

    .eco_rice_background {
        padding-top: 3rem;
        padding-bottom: 4rem;
    }

    .eco_rice_award_image {
        width: 100%;
    }

    section.eco_rice_3 {
        padding-top: 3rem;
    }

    .eco_rice_3 .group_content {
        margin-top: 0;
    }

    .eco_chart_list {
        padding-right: 1rem;
        justify-content: space-between;
    }

    .eco_chart_item {
        width: 100%;
    }

    .eco_chart_item_main.absolute {
    }

    .eco_chart_item_number {
        width: 7rem;
        height: 7rem;
    }

    .eco_chart_item_number_wrap {
        width: 6rem;
        height: 6rem;
    }

    .eco_chart_item_number:before {
        height: 5rem;
    }

    .eco_rice_3_line:before {
        width: .9rem;
        height: 1.7rem;
        right: -2%;
    }

    .eco_rice_unit_chart.content.f-mk-500 {
        margin-top: 3rem;
    }

    section.eco_ice_4 {
        padding-top: 3rem;
    }

    .eco_rice_advantage_list.flex.items-start.aos-init.aos-animate {
        gap: 2rem;
        row-gap: 1rem;
        margin-top: 2rem;
    }

    .eco_rice_advantage_item.flex.items-start {
        width: calc(100% / 2 - (2rem * 1 / 2));
    }

    .eco_advantage_detail {
        margin-left: 0;
        width: auto;
    }

    .eco_rice_advantage_number:before {
        content: unset;
    }

    .eco_rice_advantage_wrap {
        padding-bottom: 10rem;
    }

    section.eco_ice_4:before {
        content: unset;
    }

    section.eco_rice_5 {
        padding-top: 3rem;
        padding-bottom: 15rem;
    }

    section.eco_rice_6 {
        padding-top: 3rem;
    }

    .product_item {
        width: 100%;
        height: 35rem;
    }

    .product_item_detail_avatar {
        width: 25rem;
        right: -25%;
        top: 0;
    }

    .product_item_cta {
        width: 5.385rem;
        height: 5.385rem;
    }

    section.eco_rice_7 {
        padding-top: 3rem;
    }

    .eco_related {
        flex-wrap: wrap;
    }

    section.eco_detail_related {
        padding-top: 3rem;
    }

    .banner_2 {
        min-height: 25rem;
    }

    .number.relative {
        font-size: 1.25rem;
    }

    .number.relative {
        font-size: 1.25rem;
    }

    .group_content_wrap {
        padding: 0;
    }

    .group_content_wrap .content-20 {
        padding-right: 0;
    }

    .product_item_cta {
        right: 10rem;
    }

    .product_item_detail_avatar {
        width: 25rem;
        right: 0;
        top: 1rem;
    }

    .banner_breadcrumb ol li span {
        font-size: 1.4rem;
    }

    .banner_breadcrumb ol li:not(:last-child) a:before {
        height: 1.5rem;
    }

    section.eco_brand_2 {
        padding-bottom: 15rem;
    }

    .eco_brand_2_content {
        bottom: -10rem;
    }

    section.eco_brand_3 {
        padding-top: 13rem;
    }

    .edb_signature_list {
        display: flex !important;
    }

    .edb_signature_item_icon {
        width: 5.3rem;
        height: 5.3rem;
    }

    .edb_signature_item_detail_title.f-mk-600 {
        font-size: 1.7rem;
    }

    .edb_signature_item_detail_content:before {
        bottom: 0.15rem;
    }

    .edb_signature_list.desktop_display.signature_list_1.flex.fc.items-start {
        display: none !important;
    }

    .edb_signature_image {
        margin-top: 3rem;
    }

    .scroll_horizon_product_wrap.relative {
        display: none;
    }

    .product_show_link {
        bottom: 2rem;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    a.btn.btn_style_2 {
        padding: 0.8rem 2.5rem;
    }

    .eco_showroom_map_detail.absolute {
        width: 15rem;
    }

    .eco_showroom_map_tiny_image {
        bottom: 5.5rem;
        right: -2rem;
    }

    .eco_showroom_map {
        padding-left: 0;
    }

    .eco_showroom_map_detail.absolute {
        top: 0;
    }

    .eco_showroom_arrow {
        position: relative;
        left: unset;
        transform: unset;
        margin-top: 5rem;
        justify-content: center;
        gap: 1rem;
    }

    .arrow_wrap_item {
        width: 4rem;
        height: 4rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .arrow_wrap_item svg {
        width: 2.2rem;
        height: 2.2rem;
    }

    .showroom_select .select-styled {
        height: 4rem;
        font-size: 1.4rem;
    }

    .showroom_select .select-styled:after {
        width: 1.5rem;
        height: 1.5rem;
    }

    .showroom_results {
        font-size: 1.5rem;
    }

    .eco_brand_map_left {
        max-height: 40rem;
    }

    .select .select-options > li {
        font-size: 1.4rem;
        padding: 1rem;
    }

    .eco_brand_collab {
        background-attachment: unset !important;
        background-size: cover !important;
    }

    section.sec_collaboration.relative {
        background-attachment: unset !important;
    }

    .eco_brand_collab_detail {
        max-width: 100%;
        margin-left: 0;
        padding: 0 15px;
    }

    section.eco_brand_7 {
        padding-top: 3rem;
    }

    section.eco_brand_6 {
        padding-top: 0;
    }

    section.eco_brand_5 {
        padding-top: 3rem;
    }

    section.eco_brand_2 {
        padding-top: 3rem;
    }

    .showroom_svg {
        width: 1.5rem;
        height: 1.5rem;
    }

    .showroom_item_title.t-cl.f-mk-bold.content-20 {
        font-size: 1.55rem;
    }

    .product_show_wrap.mobile.flex.items-start {
        display: flex;
    }

    .single-product .banner_2 .banner_breadcrumb {
        top: 50%;
        transform: translateY(-50%);
        z-index: 3;
    }

    .product_detail_heading {
        padding: 0;
        margin-top: 3rem;
    }

    .product_detail_award_item {
        width: calc(100% / 2 - (1.5rem * 1 / 2));
    }

    .product_detail_awards {
        flex-wrap: wrap;
        gap: 1.5rem;
    }

    section.product_detail_4 {
        width: 100%;
        margin-top: 3rem;
        padding: 3rem 0;
    }

    .product_detail_key_list.flex.items-start {
        flex-wrap: wrap;
        gap: 1.5rem;
    }

    .product_detail_key_item {
        width: calc(100% / 2 - (1.5rem * 1 / 2));
    }

    .product_detail_key_title.content-24.f-mk-bold {
        text-align: center;
        margin-top: 1rem;
    }

    .product_detail_inform {
        flex-wrap: wrap;
        gap: 1.5rem !important;
    }

    .product_detail_4 .inner.flex {
        width: calc(100% / 2 - (1.5rem * 1 / 2));
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .product_detail_inform .title {
        font-size: 1.4rem;
    }

    .product_detail_4 .rating_wrap img {
        width: .75rem;
    }

    .product_detail_bottom {
        margin-top: 3rem;
    }

    .product_detail_bottom_left {
        padding-right: 0;
    }

    .product_detail_bottom_left:before {
        content: unset;
    }

    .product_detail_share {
        font-size: 1.4rem;
    }

    li.product_detail_share_item a {
        width: 3rem;
        height: 3rem;
    }

    .product_detail_bottom_right.product_detail_bottom_item {
        margin-top: 3rem;
    }

    .product_detail_certi_image {
        width: 8rem;
        height: 8rem;
    }

    .product_detail_4 h2 {
        text-align: center;
    }

    .product_item_link_svg {
        width: 7rem;
        height: 7rem;
    }

    .product_item_link_title.t-cl.text-center {
        font-size: 2rem;
    }

    section.career_2 {
        padding-top: 3rem;
    }

    .grow_item {
        width: 100%;
    }

    .grow_list {
        margin-top: 3rem;
    }

    section.career_3 {
        padding-top: 3rem;
    }

    a.career_item {
        flex-wrap: wrap;
        padding-bottom: 1.5rem;
    }

    a.career_item .btn {
        margin-top: 1rem;
    }

    .career_item_svg {
        width: 1.5rem;
        height: 1.5rem;
    }

    .career_title.f-mk-bold {
        font-size: 1.75rem;
    }

    .content {
        font-size: 1.5rem;
        line-height: 1.5;
    }

    .content.career_item_span.x-content {
        font-size: 1.4rem;
    }

    ul.career_item_detail .career_item_span {
        font-size: 1.3rem;
    }

    ul.career_item_detail li {
        padding: .8rem;
    }

    .career_item_svg {
    }

    .career_item_info.content {
        row-gap: 1rem;
    }

    .ajax_wrap a.btn.btn_style_2 {
        margin-top: 3rem;
    }

    .career_form input, .career_form textarea, .post_detail_form input, .post_detail_form textarea, .contact_form input, .contact_form textarea {
        font-size: 16px;
    }

    label.upload_label {
        font-size: 1.2rem;
    }

    .career_form_note {
        font-size: 1.5rem;
    }

    button.btn.btn_style_2 {
        padding: 1rem;
    }

    section#career_form {
        padding: 3rem 0 0;
        min-height: UNSET !important;
    }

    .career_form_image {
        position: relative;
        width: 100%;
    }

    .form_apply .col.large-5.medium-5.small-12 {
        padding-bottom: 0;
    }

    .career_form input:focus,
    .career_form input::placeholder,
    .career_form textarea:focus,
    .career_form textarea::placeholder,
    .post_detail_form input:focus,
    .post_detail_form input::placeholder,
    .post_detail_form textarea:focus,
    .post_detail_form textarea::placeholder,
    .contact_form input:focus,
    .contact_form input::placeholder,
    .contact_form textarea:focus,
    .contact_form textarea::placeholder {
        font-size: 14px;
    }

    .wpcf7 .wpcf7-not-valid-tip {
        font-size: 1.3rem;
    }

    section.blog_2 {
        padding-top: 3rem;
    }

    .blog_2 h2.is-visible {
    }

    .blog_new_list.flex.fc.items-start {
        margin-top: 1.5rem;
        height: auto;
        row-gap: 1.5rem;
    }

    .blog_featured.relative {
        height: auto;
    }

    .blog_detail_category {
        font-size: 1.2rem;
    }

    a.blog_new_item {
        flex-wrap: wrap;
    }

    .blog_new_item_avatar {
        width: 100%;
        height: auto;
    }

    .blog_image {
        aspect-ratio: 345 / 230;
    }

    .blog_new_item_avatar {
        aspect-ratio: 345 / 230;
    }

    .blog_3 {
        padding-top: 3rem;
    }

    .blog_list {
        flex-wrap: wrap;
        row-gap: .5rem;
    }

    .blog_item {
        width: 100%;
    }

    ul.blog_term.desktop_display.flex.justify-center.items-center {
        display: none;
    }

    .list_tax_mobile.blog_category_mobile.text-center.relative {
        display: block;
        border: 1px solid var(--third-cl);
        color: var(--third-cl);
        margin-right: auto;
        border-radius: 15px;
        font-family: 'Manrope bold';
        transition: background-color .3s ease, color .3s ease;
        width: 100%;
        text-align: left;
        z-index: 2;
    }

    .blog_category_mobile_title {
        padding: 1rem 1rem;
        position: relative;
        font-size: 1.3rem;
    }

    ul.home_list_category.home_list_cat_mobile.flex-wrap.flex.items-center.normal_text {
        background: white;
        left: 50%;
        width: 101%;
        row-gap: 0;
        top: 100%;
        pointer-events: auto;
        justify-content: center;
        position: absolute;
        margin: 0;
        max-height: 20rem;
        overflow: auto;
        display: none;
        z-index: 3;
        transform: translateX(-50%);
    }

    ul.home_list_category li a {
        padding: 1.5rem .5rem;
        font-size: 1.3rem;
    }

    li.mobile_term_item.f-mk.content {
        transition: .7s all;
        /*border: 1px solid #cecece;*/
        text-align: start;
        width: 100%;
        border-radius: 0;
        padding: 0 !important;
        cursor: pointer;
        margin: 0;
    }

    .blog_category_mobile_title:before {
        position: absolute;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%);
        content: '';
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACjSURBVHgB7Y/NDYMwDIWTTMAIHaErsEHZIFKUeTpAcsgmZYSOwAgMkJ/aUo0QEIPECYl3cWI/f/IT4tb1JOlhjHlBeSulOufcl1uy1j5zzh8pZee977GnaJhS6kspAg1o3IOAd4wxDtSfQCGEEQwtGmqwOQS9sDOsopG01g+Ih2c3UFuKyUE2QVsw7HGQKmgJwz8HYUFz2P+iKuSwANiIW6f1A/BVfO+porbcAAAAAElFTkSuQmCC);
        background-repeat: no-repeat;
        background-size: cover;
        width: 1.1rem;
        height: 1.1rem;
    }

    .blog_category_mobile.active {
        background: var(--third-cl);
        color: white !important;
    }

    .list_tax_mobile.active .blog_category_mobile_title:before {
        filter: brightness(0) invert(1);
        transform: translateY(-50%) rotateX(180deg);
    }

    .blog_category_mobile.active .home_list_cat_mobile {
        opacity: 1 !important;
        z-index: 10;
    }

    ul.home_list_category li a {
        color: rgba(1, 32, 51, 1);
        transition: .5s all;
        display: block;
        padding: 1rem 1rem;
        font-size: 1.3rem;
    }

    .breadcrumbs {
        overflow: auto;
        margin-top: 1rem;
    }

    .breadcrumbs ol li:last-child {
        flex: 0 0 auto;
    }

    .single_breadcrumb ol {
        margin: 0;
    }

    .single_default_title.relative {
        padding-right: 0;
        margin-right: 0;
        border: none;
        margin-top: 3rem;
    }

    .single h1 {
        font-size: 2.4rem !important;
    }

    .blog_default_heading_item {
        font-size: 1.3rem;
    }

    .blog_default_heading {
        gap: 1rem;
    }

    .blog_default_main_content {
        margin-top: 3rem;
    }

    .blog_default_2 .sticky {
        position: relative;
        top: 0;
    }

    .blog_default_the_content h2 {
        font-size: 1.55rem;
    }

    .blog_default_tag_item {
        font-size: 1.35rem;
    }

    section.blog_default_3 {
        padding-top: 3rem;
    }

    .post_detail_form button.btn.btn_style_2 {
        margin: 3rem auto 0;
    }

    .blog_form {
        padding: 2rem;
    }

    .career_form_note {
        font-size: 1.3rem;
    }

    input.wpcf7-form-control.wpcf7-file.wpcf7-validates-as-required.upload_input {
        font-size: 1.4rem;
    }

    section.blog_default_related {
        padding-top: 3rem;
    }

    .blog_default_related .arrow_wrap.flex {
        display: flex;
        justify-content: center;
        margin-top: 3rem;
    }

    .arrow_wrap.desktop_display.flex {
        display: none;
    }

    .blog_event_date {
        font-size: 1.4rem;
    }

    .banner_3 {
        min-height: 37rem;
    }

    .banner_3 .banner_content.absolute {
        top: 45%;
    }


    .banner_3 .breadcrumbs {
        padding-bottom: .3rem;
    }

    section.blog_event_2 {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .blog_event_2 .group_content {
        padding-left: 0;
        margin-top: 3rem;
    }

    .blog_about_list {
        margin-top: 3rem;
        row-gap: 1.5rem;
    }

    .blog_about_item {
        width: 100%;
    }

    .blog_about_icon_logo {
        width: 4rem;
        height: 4rem;
    }

    .blog_about_icon_title {
        font-size: 1.7rem;
    }

    .blog_about_item_logo_detail {
        width: auto;
        justify-content: center;
    }

    .blog_about_item_logo {
        gap: 1.5rem;
        justify-content: center;
    }

    section.blog_event_3 {
        padding-top: 3rem;
    }

    .blog_event_booth_image {
        padding-left: 0;
        height: auto;
        margin-top: 3rem;
    }

    .blog_event_3 .blog_default_the_content {
        margin-top: 3rem;
    }

    section.blog_event_4 {
        padding-top: 3rem;
    }

    .blog_default_related .arrow_wrap.flex {
        gap: 1rem;
    }

    section.blog_default_related {
        padding-bottom: 3rem;
    }

    .page_default_menu_sticky.sticky {
        position: sticky;
        top: 10rem;
    }

    .page_default_menu_sticky.sticky {
        position: relative;
        top: 0;
        margin-right: 0;
        padding: 3rem 1.5rem;
    }

    .page_default_menu_item li a {
        padding: 1rem;
        font-size: 1.4rem;
        padding-left: 0;
    }

    .faq_2 .group_content {
        margin-top: 3rem;
    }

    section.faq_2.page_default.relative {
        padding: 3rem 0 5rem;
    }

    .default_2 .group_content {
        margin-top: 3rem;
    }

    .page_default {
        padding-top: 3rem;
    }

    section.contact_2 {
        padding-top: 3rem;
    }

    .contact_item {
        padding-left: 1rem;
        padding-right: 1rem;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 1.5rem;
    }

    .contact_item_icon {
        width: 4.5rem;
        height: 4.5rem;
        flex: 0 0 auto;
        padding: 1rem;
    }

    .contact_item_left {
        width: 100%;
        justify-content: start;
    }

    .contact_item_detail_item_subtitle {
        font-size: 1.3rem;
    }

    .contact_form_wrap {
        flex-wrap: wrap;
        max-height: unset;
    }

    .contact_form_image {
        width: 100%;
    }

    .contact_form_detail {
        padding: 3rem 2rem;
    }

    .mfp-content {
        top: 80.25px !important;
    }

    .mfp-bg.off-canvas.off-canvas-left {
        top: 80.25px;
        position: fixed !important;
    }

    .header-wrapper.stuck .header-inner.flex-row.container.logo-left.medium-logo-center {
        height: auto !important;
    }

    .logo_slogan {
        font-size: 1.4rem;
        text-align: center;
    }

    .blog_default_3 .wpcf7 .wpcf7-not-valid-tip {
        margin-top: -30px;
    }

    .home_5 .number.relative {
        font-size: 3rem;
    }

    .home_scroll_slide_mobile {
        padding-top: 3rem;
    }

    section.about_8.relative {
        padding-top: 3rem;
    }

    .eco_advantage_desc .text_white .btn span.text {
        color: black !important;
    }

    .eco_advantage_desc span.text {
        color: black !important;
    }

    .eco_advantage_desc span.icon svg path {
        stroke: black !important;
    }

    .eco_advantage_item {
        width: 100%;
    }

    .eco_advantage_list {
        flex-wrap: wrap;
        row-gap: 1.5rem;
    }


    .eco_advantage_desc {
        bottom: 12rem;
    }

    .eco_detail_3 a.btn.btn_style_2 {
        border-color: black;
    }

    .eco_advantage_desc_content.content.t-w.text-center {
        color: black !important;
    }

    section.eco_detail_3 {
        padding-top: 3rem;
    }

    section.eco_detail_2 {
        padding-top: 3rem;
    }

    .eco_detail_capa_detail.flex.fc.items-start {
        row-gap: 1rem;
    }

    .eco_detail_capa {
        flex-wrap: wrap;
        row-gap: 1rem;
    }

    .eco_detail_3 .btn_collab {
        padding-bottom: 1rem;
    }

    .eco_detail_capa_detail_wrap {
        padding-right: 0;
    }

    .eco_detail_capa_detail_content.content {
        margin-top: .5rem;
        font-size: 1.3rem;
    }

    .eco_detail_capa_image {
        width: 100%;
        height: auto;
    }

    section.eco_detail_4 {
        padding-top: 3rem;
    }

    ul.fixed_button > li > a {
        width: 4.5rem;
        height: 4.5rem;
    }

    ul.fixed_button > li > a img {
        max-width: 3rem;
        max-height: 2rem;
    }

    ul.fixed_button li.back_to_top {
        width: 4.5rem;
        height: 4.5rem;
    }

    ul.fixed_button {
        transform: translateY(-10%);
    }

    .back_to_top_svg {
        width: 2.2rem;
        height: 2.2rem;
    }

    .breadcrumbs ol li span {
        white-space: nowrap;
    }

    .product_detail_avatar {
        margin-top: -4rem;
    }

    .product_show_item .rating_wrap img {
        width: .45rem;
        object-fit: cover;
    }

    .about_company_item .about_company_item_logo {
        position: relative;
    }

    footer .logo_footer.box_img {
        height: auto;
    }

    section.home_2 {
        padding-top: 3rem;
    }

    .single:not(.single-ecosystem) header#header #masthead #logo img.header-logo-dark {
        height: 6rem;
    }

    #header .header-wrapper.stuck .header-main li.header-search {
        margin-right: 0 !important;
    }

    .header-inner.flex-row.container.logo-left.medium-logo-center {
        height: auto !important;
    }

    /*.home_scroll_slide_mobile .swiper-pagination {*/
    /*    padding-top: 1.5rem;*/
    /*}*/
    .process_wrap .list_content .item_content {
        opacity: 1;
    }

    .footer_top .submit_btn .icon {
        width: 2.5rem;
        height: 2.5rem;
    }

    .item_detail_mobile.flex.items-center.mobile_display {
        display: flex;
        margin-top: .5rem;
        align-items: unset !important;
        gap: 1.302rem;
    }

    .date_wrap {
        width: 30%;
        flex: auto !important;
    }

    .item_news_home_wrap .heading {
        width: 100%;
    }

    .home_10 .desc_sec.font_manrope.fs_20.fw_500 {
        font-size: 1.4rem;
    }

    .item_news_home_wrap_left {
        flex-direction: column-reverse;
        width: 100%;
    }

    .eco_2 .group_content {
        max-width: 100%;
    }

    .eco_chart_item_number:after {
        width: calc(100% + .2rem);
        height: calc(100% + .2rem);
    }

    footer .logo_footer.box_img {
        height: 100%;
        overflow: unset;
        width: 13rem;
    }

    .home_7 .list_logo .box_img {
        height: 6rem;
        overflow: unset;
        max-width: 9.375rem;
    }

    .search header#header #masthead #logo {
        height: auto !important;
        width: 7rem !important;
        justify-content: center;
        margin: 0 15px !important;
    }

    .search header#header .stuck #masthead #logo img {
        height: 6rem !important;
    }

    .search header#header #masthead #logo img {
        height: 6rem !important;
    }

    .home_scroll_slide .swiper-slide {
        opacity: 0 !important;
        transition: .4s all;
    }

    .home_scroll_slide .swiper-slide.swiper-slide-active {
        opacity: 1 !important;
    }

    .markets_wrap .box_maps > svg > path {
        stroke-dashoffset: 0;
    }

    .contact_sticky.sticky {
        position: relative;
        top: unset;
        margin-bottom: 0;
        text-align: center;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .home_7 .list_logo .box_img img {
        max-height: 100%;
        width: auto;
    }

    .about_milestones_content_item {
    }

    .about_milestone_heading.flex.items-center {
        margin: 3rem 0;
    }

    .about_milestones_pattern {
        display: none;
    }

    .about_10_bg {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    /*section.about_10:before {*/
    /*    opacity: .2;*/
    /*}*/
    .about_company_detail {
        /*display: flex !important;*/
        /*opacity: 1 !important;*/
    }

    .about_company_item {
        padding: 2rem 1rem !important;
    }

    .about_company_item:before {
        display: none;
    }

    .breadcrumbs ol li:last-child {
        margin: 0 !important;
        display: flex;
        align-items: center;
    }

    .single_breadcrumb ol li {
        margin: 0;
    }

    .breadcrumbs ol * {
        font-size: 1rem;
    }

    .item_news_home .date_wrap {
        padding-right: 1.302rem;
        border-right: 1px solid #DFDFDF;
    }

    .item_news_home .date_wrap {
        flex: 0 0 auto;
        width: auto;
        flex: 0 0 auto !important;
        align-items: unset !important;
    }

    .item_news_home h3 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2 !important;
        overflow: hidden;
    }

    .eco_brand_introduce_item {
        max-height: unset;
        width: auto;
    }

    .eco_brand_introduce_item img {
        object-fit: contain;
    }

    .home_5 .markets_wrap .box_maps .map-dot .dot {
        width: .65rem;
        height: .65rem;
    }

    .home_5 .markets_wrap .box_maps .map-dot .dot:before {
        width: 1rem;
        height: 1rem;
    }

    .home_5 .markets_wrap .box_maps .map-dot .map-tooltip > .flex {
        font-size: .9rem;
    }

    .about_milestones_content_item_desc.content {
        min-height: 4.34375rem;
    }

    .eco_chart_item_number:after {
        position: absolute;
        content: '';
        inset: -0.15rem;
        background: var(--main-cl);
        border-radius: 100%;
        animation: opacity_2 2s ease-out infinite;
        will-change: transform, opacity;
    }

    @keyframes opacity_2 {
        0% {
            opacity: 1;
            transform: scale(1);
        }
        100% {
            opacity: 0;
            transform: scale(1.15);
        }
    }
    .product_item_cta {
        overflow: unset;
    }

    .product_show_wrap_image {
        display: none;
    }

    .product_show_list {
        padding-left: 0;
    }

    .product_show_item .rating_wrap img {
        width: .55rem;
        object-fit: cover;
        height: 1.2rem;
    }

    .list_statistics.flex.flex-wrap {
        flex-wrap: nowrap;
        gap: 1rem;
        margin-top: 3rem;
    }

    .home_7 .list_statistics .number_inner {
        font-size: 2rem;
    }

    .home_7 .list_statistics .item {
        width: calc(100% / 3 - (1rem * 2 / 3));
    }

    .home_7 .list_statistics .item:not(:last-child) {
        padding-right: 1rem;
        border-right: 1px solid #0000001A;
        border-bottom: 0;
        padding-bottom: 0;
    }

    .showroom_select {
        padding-right: 0;
    }

    section.eco_brand_6 .eco_brand_map_left {
        margin-bottom: 3rem;
    }

    .showroom_list::-webkit-scrollbar {
        width: 0.25rem;
        background-color: #0000001A;
    }

    .eco_brand_map_left {
        max-height: 44rem;
    }

    .showroom_list {
        max-height: 38.875rem;
    }

    .contact_3 .wpcf7-response-output {
        margin-top: 1rem !important;
        font-size: 1.3rem;
    }

    .cards_hover_wrapper .logo {
        height: 6rem;
        width: 6.385rem;
    }

    .cards_hover_wrapper .logo img {
        object-fit: contain;
    }

    .cards_hover_wrapper .item .content_container {
        opacity: 1;
        transition-delay: .4s;
    }


    .cards_hover_wrapper .item .box_content {
        left: 0;
        transform: translateX(0);
        padding: 2.34375rem 2.604rem 1.927rem;
    }

    .cards_hover_wrapper .item {
        width: 100%;
        height: 100%;
    }

    .link.absolute {
        display: none;
    }

    ul.home_list_category.home_list_cat_mobile li:last-child {
        margin-bottom: 0;
    }

    .blog_about_item_logo_detail {
        width: calc(100% / 3 - (1.5rem * 2 / 3));
    }

    .eco_rice_award_detail_title {
        line-height: 1.3;
    }

    .home_logo_item img {
        filter: unset;
    }

    .about_process_list {
        row-gap: 2.5rem;
    }

    .blog_new_item_avatar {
        display: block;
    }

    .list_statistics.flex.flex-wrap {
        margin-top: 3rem;
    }

    .unit {
        line-height: 1;
    }

    .home_7 .list_statistics h3 {
        margin-bottom: 1.5rem;
    }

    .career_item_address .content, .career_item_deadline .content {
        line-height: 1.3;
    }

    header#header #masthead #logo {
        margin-bottom: 0;
    }

    header#header #masthead #logo img {
        height: 67px;
    }

    .list_news_home .item_news_home {
        width: 100%;
    }

    .list_news_home .inner {
        flex-wrap: wrap;
    }

    .about_process_desc_content.content.f-mk-600.t-cl {
        font-size: 1.4rem;
    }

    .career_form input, .career_form textarea, .post_detail_form input, .post_detail_form textarea, .contact_form input, .contact_form textarea {
        font-size: 17px !important;
    }

    .career_form input:focus,
    .career_form input::placeholder,
    .career_form textarea:focus,
    .career_form textarea::placeholder,
    .post_detail_form input:focus,
    .post_detail_form input::placeholder,
    .post_detail_form textarea:focus,
    .post_detail_form textarea::placeholder,
    .contact_form input:focus,
    .contact_form input::placeholder,
    .contact_form textarea:focus,
    .contact_form textarea::placeholder {
        font-size: 17px !important;

    }

    .inner.custom_scroll {
        flex-wrap: wrap;
    }

    .home_2 .inner {
        flex-wrap: wrap;
        row-gap: .5rem;
    }

    .box_member_wrapper .item_member > .inner {
        gap: 0;
    }

    .home_9 {
        padding-top: 1.5rem;
    }

    h1.t-w.is-visible {
        font-size: 3rem !important;
    }

    .breadcrumbs ol * {
        font-size: 1.4rem !important;

    }

    .single-career .blog_default_related .arrow_wrap.flex {
        margin-top: 1rem;
    }

    body.page-template-home {
        overflow-x: hidden;
    }

    .about_value_index.f-mk-300 {
        font-size: 1.7rem;
        margin-top: .1rem;
    }

    .about_value_item:after {
        border: .5px solid #D7AB29;
    }

    section.eco_brand_2 h2 {
        font-size: 2.65rem;
    }

    .home_scroll_slide_mobile h2 {
        font-size: 2.2rem !important;
    }

    .imgs_inner.home_4_image_mobile.mobile_display .item_img {
        aspect-ratio: 1 / 1;
    }

    .markets_wrap .item_vietnam .box_maps {
        height: 31.5rem;
        object-fit: contain;
        width: 100%;
    }

    .list_counter_maps .item_counter:nth-child(1) .number,
    .home_5 .number.relative,
    .item_vietnam .list_counter_maps .number,
    .item_vietnam .list_counter_maps .number {
        font-size: 2.2rem !important;
    }

    .item_global .list_counter_maps {
        margin-top: 1.5rem;
    }

    .item_vietnam .list_counter_maps .number {
        font-size: 3rem !important;
    }

    .about_count_list .about_count_item:first-child .number {
        font-size: 3rem;
    }

    .about_count_list .about_count_item .number {
        font-size: 3rem;
    }

    .box_member_wrapper .group_heading {
        margin-top: 0;
    }

    .box_member_wrapper .item_member_container > .inner {
        padding-top: 0;
    }

    .box_member_wrapper .box_item_wrap {
        margin-top: 0;
        gap: 0;
        height: 100%;
    }

    .box_member_wrapper.relative.aos-init.aos-animate {
        height: 70rem;
    }

    .home_6 .group_content.mobile_display {
        text-align: center;
    }

    .home_6 .group_content.mobile_display .subtitle {
        margin: 0 auto;
    }

    .home_6 .box_member_wrapper {
        margin-top: 3rem;
    }

    .home_6 .item_member_container .group_heading.text_white.relative {
        display: none;
    }

    .about_value_image {
        display: none;
    }

    .about_process_item .about_process_step {
        border: 1px solid var(--third-cl);
        background: var(--third-cl);
        transition: .7s all;
        color: white;
    }

    .about_process_bg_content.desktop {
        display: none;
    }

    a.eco_related_item:not(:last-child) {
        border-bottom: 1px solid white;
    }

    .eco_related_item:before {
        background: #00000057;
    }

    .eco_related_item_subtitle.content {
        display: none;
    }

    .about_company_item.active .about_company_item_logo img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .about_company_item_title.text-center.t-w.f-mk-bold.content-24 {
        margin-top: .5rem;
    }

    a.eco_related_item:not(:last-child) {
        border-bottom: 1px solid white;
    }

    .eco_related_item:before {
        background: #00000057;
    }

    .eco_related_item_subtitle.content {
        display: none;
    }

    .row.justify-center.eco_detail_related_mobile {
        display: block;
    }

    .eco_related.flex.items-stretch {
        margin-top: 1.5rem;
    }

    section.eco_detail_related {
        padding-top: 2rem;
    }

    .product_detail_certi_list {
        display: flex;
        gap: 1rem;
    }

    .product_detail_certi_item {
        width: calc(100% / 4 - (1rem * 3 / 4));
    }

    .product_detail_certi_title.content {
        font-size: 1em !important;
    }

    .blog_default_heading.desktop_display {
        display: none;
    }

    .blog_default_heading_mobile {
        display: flex;
        gap: 1rem;
    }

    .blog_default_banner {
        padding-top: 1rem;
    }

    .blog_default_heading_item_content {
        position: relative;
    }

    .blog_default_heading_item_content:not(:first-child):before {
        position: absolute;
        content: '';
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: .35rem;
        height: .35rem;
        background: #333333;
        border-radius: 100%;
        flex: 0 0 auto;
        display: flex;
    }

    .blog_default_heading_item_content:not(:first-child) {
        padding-left: 1.5rem;
    }

    .mobile_share_single {
        display: flex;
    }

    .blog_default_heading_item.mobile_share_single.items-center {
        margin-top: 1.5rem;
    }

    section.blog_default_2 {
        padding-top: 1.5rem;
    }

    .blog_default_1 h1 {
        text-align: center;
    }

    .single_default_title.relative {
        margin-top: 5rem;
    }

    .blog_default_banner {
        border-radius: 20px;
        overflow: hidden;
        padding: 0;
        margin-top: 1rem;
    }

    .blog_default_heading_item.mobile_share_single.items-center {
        gap: 1rem;
    }

    .item_news_home_mobile {
        display: block;
    }

    a.item_news_home.desktop_display.item_hover.relative.flex {
        display: none;
    }

    .item_blog_mobile {
        gap: 1.5rem;
    }

    .item_news_home_wrap_right h3 {
        font-size: 1.6rem;
    }


    .item_news_home_wrap_right .cat {
        font-size: 1.2rem;
        color: var(--four-cl);
    }

    .item_news_home_wrap_right .date {
        font-size: 1.2rem;
        margin-top: 0;
        color: var(--four-cl);
    }

    .item_news_home_wrap_right h3 {
        margin-top: 0;
    }

    .home_11 {
        padding-top: 3rem;
        margin-top: 1rem;
    }

    .btn_home10.desktop_display {
        display: none;
    }

    .btn_home10.mobile_flex {
        display: flex;
        justify-content: center;
    }

    .featured_desktop {
        display: none !important;
    }

    .blog_featured_mobile_wrap {
        display: block;
    }

    .blog_featured_mobile_box {
        padding: 0 0.521rem;
    }

    .blog_featured_mobile_wrap {
        margin: 0 -0.521rem;
    }

    .swiper-pagination.swiper-pagination {
        position: relative !important;
        margin-top: 1rem;
        display: flex;
    }

    .home_scroll_slide_mobile .swiper-pagination.swiper-pagination {
        position: absolute !important;
        margin-top: 0;
        display: flex;
    }

    section.blog_3 {
        padding-top: 2rem;
    }

    .blog_item_desktop {
        display: none;
    }

    .box_img_main.hover_zoom {
        aspect-ratio: unset;
        width: 100%;
        height: 100%;
    }

    .item_blog_mobile .box_img {
        width: 11rem;
        height: 8rem;
        flex: 0 0 auto;
    }

    .home_7 .list_statistics .item {
        width: calc(100% / 3 - (.5rem * 2 / 3));
    }

    .home_7 .list_statistics .number_inner {
        font-size: 1.6rem;
    }

    .home_7 .list_statistics .item:not(:last-child) {
        padding-right: .5rem;
    }

    .home_7 .list_statistics .unit {
        font-size: 1.4rem;
    }

    .home_7_box_img_mobile {
        display: block;
        margin-top: 1rem;

    }

    .list_7_desktop {
        display: none;
    }

    .list_7_mobile {
        display: block;
    }

    .eco_capa_desktop {
        display: none;
    }

    .eco_capa_mobile {
        display: block;
    }

    .eco_detail_capa_image_mobile {
        display: block;
    }

    .eco_detail_capa_image_item {
        display: block;
        opacity: 1;
        position: relative;
    }

    .eco_detail_capa_detail_item {
        padding-bottom: 3rem;
    }

    section.about_10:before {
        background: #0000005c;
    }

    .card_hover_home_2_desktop {
        display: none;
    }

    .card_hover_home_2_mobile {
        display: flex;
    }

    .cards_hover_wrapper {
        flex-direction: column;
        height: auto;
        gap: 0.8rem;
    }

    .cards_hover_wrapper .item {
        width: 100% !important;
        height: auto !important;
        background: #FDF8ED; /* màu vàng giống layout */
        border-radius: 0.8rem;
        overflow: hidden;
        position: relative;
    }

    /* Ẩn ảnh */
    .cards_hover_wrapper .item img {
        display: none !important;
    }

    .cards_hover_wrapper .item .content_inner img {
        display: block !important;
    }

    /* Tắt overlay gradient */
    .cards_hover_wrapper .item::before,
    .cards_hover_wrapper .item::after {
        display: none;
    }

    .cards_hover_wrapper .content_inner > .line {
        background: #d0d0d0;
    }

    .cards_hover_wrapper h3 {
        display: none;
    }

    .cards_hover_wrapper .card_mobile_wrap h3 {
        display: block;
    }

    /* Header bar */
    .cards_hover_wrapper .box_content {
        position: relative;
        padding: 1.2rem 1.4rem;
        display: block;
        height: auto;
    }

    .cards_hover_wrapper h3 {
        position: static;
        transform: none;
        margin: 0;
        font-size: 1.6rem;
        color: #713B0E;
    }

    /* Ẩn content khi chưa active */
    .cards_hover_wrapper .content_container {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        transition: all 0.35s ease;
        margin-top: 0;
    }

    .cards_hover_wrapper .item.active .content_container {
        height: fit-content;
        opacity: 1;
        margin-top: auto;
        height: fit-content;
        margin-top: auto;
        opacity: 1;
        overflow: hidden;
        transition: .5s all;
        gap: 2.083rem;
        max-height: unset !important;
    }

    /* Ẩn content_inner */
    .cards_hover_wrapper .content_inner .inner {
        display: none !important;
    }

    /* Arrow */
    .cards_hover_wrapper .link {
        position: absolute;
        right: 1.4rem;
        top: 50%;
        transform: translateY(-50%) rotate(0deg);
        transition: .35s;
    }

    .cards_hover_wrapper .item.active .link {
        transform: translateY(-50%) rotate(180deg);
    }

    .cards_hover_wrapper .item.active::before,
    .cards_hover_wrapper .item.active::after {
        display: block;
    }

    .cards_hover_wrapper .item.active img {
        display: block !important;
    }

    .cards_hover_wrapper .item.active .box_content {
        position: absolute;
        display: flex;
        justify-content: space-between;
        height: 100%;
        align-items: start;
        flex-direction: column;
    }

    .cards_hover_wrapper .item.active .box_content h3 {
        display: block !important;
    }

    .cards_hover_wrapper .item.active .content_inner .inner {
        display: block !important;
    }

    .cards_hover_wrapper .item.active .content_inner .inner {
        display: block !important;
    }

    .item.active .card_mobile_wrap.flex.justify-between.items-center {
        display: none;
    }

    .cards_hover_wrapper .content_container {
        max-height: max-content;
    }

    .card_mobile_wrap.flex.justify-between.items-center h3 {
        color: var(--third-cl) !important;
    }

    .card_mobile_wrap.flex.justify-between.items-center {
        width: 100%;
        justify-content: space-between;
    }

    .content_inner.flex.items-center {
        width: 100%;
    }

    .cards_hover_wrapper .item .wrap-link {
        pointer-events: none;
    }

    .cards_hover_wrapper .item.active .box_content > h3 {
        margin: 0 auto;
    }

    .cards_hover_wrapper .item {
        cursor: pointer;
    }

    .cards_hover_wrapper .item {
        cursor: pointer;
        -webkit-tap-highlight-color: transparent; /* Bỏ flash xanh khi tap iOS */
        touch-action: pan-y; /* Cho phép scroll dọc tự nhiên, không block */
    }

    /*.about_pattern {*/
    /*    left: 0;*/
    /*    bottom: 33%;*/
    /*    width: 15rem;*/
    /*}*/
}

@media (max-width: 424px) and (min-width: 400px) {
    .mfp-content {
        top: 89.5px !important;
    }

    .mfp-bg.off-canvas.off-canvas-left {
        top: 89.5px !important;
        position: fixed !important;
    }
}

@media only screen and (max-width: 399px) {
    .mfp-content {
        top: 81.05px !important;
    }

    .mfp-bg.off-canvas.off-canvas-left {
        top: 81.05px !important;
        position: fixed !important;
    }

    .about_process_list:first-child {
        margin-bottom: 1rem;
    }

}