:root{
    --main-cl: #0B9547;
    --sub-cl: #F27325;
    --third-cl: #000000;
    --four-cl: #333333;
    --five-cl: #666666;
    --six-cl: #EF4136;
    --container-w: 75rem;
}

.text_main {
    color: var(--main-cl);
}
.text_sub {
    color: var(--sub-cl);
}
.text_third {
    color: var(--third-cl);
}
.text_four {
    color: var(--four-cl);
}
.text_five {
    color: var(--five-cl);
}
.text_six {
    color: var(--six-cl);
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0.3rem rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
body::-webkit-scrollbar {
    width: 0.5rem;
    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;
}

.col {
    padding: 0 0.75rem 0 !important;
}
.container {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}
body{
    overflow-x: hidden;
}

.grid-container{
    max-width: var(--container-w);
    margin-left: auto;
    margin-right: auto;
}
#search-lightbox {
    width: 36rem;
    max-width: 100%;
}
#search-lightbox .search-lightbox-title{
    margin-bottom: 1.6rem;
    font-size: 1.9rem;
    line-height: 1.2;
    font-weight: 700;
}
#search-lightbox .search-keywords{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 2rem;
    gap: 0.5rem;
}
#search-lightbox .search-keywords > a{
    -webkit-border-radius: 2.5rem;
    -moz-border-radius: 2.5rem;
    border-radius: 2.5rem;
    font-size: 0.8rem;
    line-height: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.6);
    padding: 0.3rem 0.8rem;
    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;
}
#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.5rem;
    -moz-border-radius: 2.5rem;
    border-radius: 2.5rem;
    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.9rem;
    line-height: 1.2rem;
    color: #000
}
#search-lightbox input{
    font-size: 1rem;
    line-height: 1.2rem;
    padding-left: 1.5rem;
    box-shadow: unset;
    height: 2.5rem;
}
.mfp-bg.mfp-ready{
    opacity: 0.8;
}
.mfp-content #search-lightbox{
    transform: translateY(-70%);
}
.load_home_page svg {
    width: 20rem;
    max-width: 95%;
    height: auto;
    position: absolute;
    z-index: 99;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -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;
}
.load_home_page {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999;
    transition: .8s all;
    opacity: 1;
    background: transparent;
}
div.load_home_page .mask {
    /*background-color: #00BDFFFF;*/
    transition: .4s 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: .8s all ease-in-out;
    background-color: #fff;
    /*backdrop-filter: blur(2rem);*/
}
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: 0s;
}
#respond input#wp-comment-cookies-consent{
    height: auto !important;
    margin: 0 0.5rem 0 0  !important;
}
.load_home_page.complete svg{
    transition-delay: 0s;
    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;
}

.path-1 {
    animation-name: Signature2;
    animation-duration: 10s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(2, .25, .43, .96);
    stroke: var(--main-cl);
    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;
}
.path-3{
    animation-name: Signature3;
    animation-duration: 20s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(2,.25,.43,.96);
    /*stroke: var(--sub-cl);*/
    stop-color: 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: var(--main-cl);
        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: var(--main-cl);
}
.tile-reveal-square {
    flex: 1 1 auto;
    width: 75px;
    height: 75px;
    background-color: var(--main-cl);
    opacity: 1;
}
.wrap-enter-site {
    position: fixed;
    width: 100%;
    height: auto;
    bottom: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
}
.search-page{
    padding: 6.720000000000001rem 0 4.999499999999999rem;
}
.search-page h1{
    margin-bottom: 2.5rem;
}
.search-tabs .search-tabs-title{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.2rem;
    gap: 0.7995rem;
}
.search-tabs .search-tabs-title .search-tab-title{
    padding: 0.6rem 1.2rem;
    border: 1px solid var(--main-cl);
    font-size: 0.7995rem;
    line-height: 1rem;
    color: var(--main-cl);
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    font-weight: 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.2rem;
    line-height: 1.9995rem;
    padding: 0.5rem;
}
.search-tabs .search-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1.6rem;
    margin-bottom: 1.5rem;
}
.search-tabs .search-item h3{
    margin: 0.5rem 0 0 0;
    font-size: 0.9rem;
    line-height: 1.2rem;
    font-weight: 600;
}
.back_to_home a.button {
    border-radius: 0.4rem;
    background: var(--main-cl);
}

/*animation effect*/
.hu__hu__ { animation: hu__hu__ infinite 2s ease-in-out }
@keyframes hu__hu__ {
    50% { transform: translateY(30px) }
}

/*COMPONENTS*/
:is(h1, h2, h3, h4, h5, h6, p, span, a, li, div) {
    font-weight: normal;
}

html.js.has-off-canvas-undefined {
    margin-right: 0.576rem !important;
}
body.compensate-for-scrollbar {
    margin-right: 0 !important;
}
svg {
    display: flex;
}
/*transition svg*/
[itemprop="name"],cite,circle,svg,rect,stop,path,g,img,a,input,textarea,h1,h2,h3,h4,h5,h6,.box_img,span.icon,span.text,: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;
}
body {
    font-family: 'Montserrat Regular', sans-serif;
    font-size: 0.9rem  /* 18/19.2 */;
    line-height: 1.45;
    color: var(--four-cl);
}
.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;
}
/*clear fix*/
.row.clearfix:after {
    content: unset;
}
/*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;
}
/*video*/
video.elementor-video {
    display: block;
    object-fit: cover;
}
.w_full {
    width: 100% !important;
}
.w_lvw {
    width: 100vw !important;
}
.h_full {
    height: 100% !important;
}
.h_lvh {
    height: 100vh !important;
}
.obj_cover {
    object-fit: cover;
}
.mx_auto {
    margin-left: auto;
    margin-right: auto;
}
.flex_col {
    flex-direction: column;
}
.text_primary *,
.text_primary {
    color: var(--main-cl);
}
.text_white *,
.text_white {
    color: #fff !important;
}

/*swiper pagination*/
.swiper-pagination {
    position: unset;
    display: none;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    text-align: unset;
    padding-top: 1.92rem;
    padding-bottom: 0.33599999999999997rem;
    background-color: unset !important;
}
.swiper-pagination .swiper-pagination-bullet {
    position: relative;
    width: 0.576rem;
    height: 0.576rem;
    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;
}
.pagination_2 .swiper-pagination .swiper-pagination-bullet {
    background: #D9D9D9A6;
    opacity: unset;
}
.pagination_2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #FFFFFF;
}

.text_white .swiper-pagination .swiper-pagination-bullet {
    background: #D9D9D9A6;
    opacity: unset;
}
.text_white .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #FFFFFF;
}

/*swiper navigation*/
.arrow {
    width: 2.4rem;
    height: 2.4rem;
}
.arrow svg {
    display: flex;
    width: 100%;
    height: 100%;
}
.arrow:hover {
    cursor: pointer;
}
.arrow:hover stop {
    stop-color: var(--main-cl);
}
.swiper-button-disabled,
.arrow:hover.swiper-button-disabled {
    opacity: .5;
    cursor: not-allowed;
}

.text_white .arrow circle,
.text_white .arrow path {
    stroke: #fff;
}
.text_white .arrow:hover circle,
.text_white .arrow:hover path {
    stroke: var(--sub-cl);
}

.arrow circle {
    fill: transparent;
}
.arrow_style_1 .arrow:hover circle {
    fill: var(--sub-cl);
}
.arrow_style_1 .arrow:hover path {
    stroke: #fff;
}
.arrow_style_1 .arrow:hover stop {
    stop-color: var(--sub-cl);
}

.arrow_style_2 .arrow circle,
.arrow_style_2 .arrow path {
    stroke: var(--main-cl);
}
.arrow_style_2 .arrow:hover circle {
    fill: var(--main-cl);
}
.arrow_style_2 .arrow:hover path {
    stroke: #fff;
}

.arrow_style_3 .arrow {
    width: 2.26rem;
    height: 2.26rem;
}
.arrow_style_3 .arrow circle {
    fill: transparent;
}
.arrow_style_3 .arrow:hover circle {
    fill: var(--main-cl);
}
.arrow_style_3 .arrow:hover path {
    stroke: #fff;
}
.arrow_style_3 .swiper-button-disabled {
    opacity: 1;
}
.arrow_style_3 .swiper-button-disabled path,
.arrow_style_3 .swiper-button-disabled circle {
    stroke: #999999;
}

/*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;
}

/*subtitle*/
.subtitle {
    display: block;
    width: fit-content;
    font-family: 'Montserrat Medium', sans-serif;
    font-size: 0.7995rem;
    line-height: normal;
    color: var(--five-cl);
    margin-bottom: 0.5rem;
}
.subtitle.dot {
    position: relative;
    padding-left: 0.7rem;
}
.subtitle.dot:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 4.999499999999999rem;
    background: linear-gradient(90deg, #EF4136 0%, #FFC709 100%);
}
.subtitle.dot.text-center {
    padding-left: 0;
    padding-top: 0.7rem;
    margin-left: auto;
    margin-right: auto;
}
.subtitle.dot.text-center:before {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.text_white .subtitle.dot:before {
    background: #fff;
}

/*heading*/
h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
    transition: .5s all;
    color: var(--third-cl);
}
.heading_sec {
    font-family: 'Montserrat Bold', sans-serif;
    color: var(--third-cl);
    line-height: 1.3;
    margin-bottom: 0.65rem;
}
/*desc section*/
.desc_sec {
    font-family: 'Montserrat Regular', sans-serif;
    font-size: 0.9rem;
    line-height: 1.6;
}
.pb_0.col {
    padding-bottom: 0 !important;
}
.col {
    padding: 0 0.75rem 0 !important;
}

/*font size*/
.fs_70 {
    font-size: 3.5rem;
}
.fs_60 {
    font-size: 3rem;
}
.fs_65 {
    font-size: 3.2495rem;
}
.fs_55 {
    font-size: 2.75rem;
}
.fs_50 {
    font-size: 2.5rem;
}
.fs_40 {
    font-size: 1.9995rem;
}
.fs_45 {
    font-size: 2.25rem;
}
.fs_35 {
    font-size: 1.75rem;
}
.fs_32 {
    font-size: 1.6rem;
}
.fs_30 {
    font-size: 1.5rem;
}
.fs_24 {
    font-size: 1.2rem;
}
.fs_25 {
    font-size: 1.25rem;
}
.fs_22 {
    font-size: 1.1rem;
}
.fs_20 {
    font-size: 1rem;
}
.fs_18 {
    font-size: 0.9rem;
}
.fs_16 {
    font-size: 0.7995rem;
}
.fs_14 {
    font-size: 0.7rem;
}
.fs_10 {
    font-size: 0.5rem;
}

/*font weight*/
.fw_100 {
    font-family: 'Montserrat Thin';
}
.fw_200 {
    font-family: 'Montserrat ExtraLight';
}
.fw_300 {
    font-family: 'Montserrat Light';
}
.fw_400 {
    font-family: 'Montserrat Regular';
}
.fw_500 {
    font-family: 'Montserrat Medium';
}
.fw_600 {
    font-family: 'Montserrat SemiBold';
}
.fw_700 {
    font-family: 'Montserrat Bold';
}
.fw_800 {
    font-family: 'Montserrat ExtraBold';
}
.fw_900 {
    font-family: 'Montserrat Black';
}

.text_uppercase {
    text-transform: uppercase;
}

/*button link*/
.btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.4rem;
    width: fit-content;
    min-width: 9.6rem;
    padding: 0.61rem 1.2rem;
    border-radius: 4.99rem;
    margin-top: 2rem;
    overflow: hidden;
}
.btn span.text {
    font-family: "Montserrat SemiBold", sans-serif;
    font-size: 0.9rem;
    color: #fff;
}
.btn:hover .icon {
    transform: translateX(0.25rem);
}
.btn .icon {
    width: fit-content;
    transition: transform .45s ease;
}
.btn .icon>img {
    width: 1.2rem;
    aspect-ratio: 1;
}

.btn_style_1 {
    position: relative;
    background: linear-gradient(90deg, #EF4136 0%, #FFC709 50%, #EF4136 100%);
    background-size: 200% 100%;
    overflow: hidden;
}
.btn_style_1 svg,
.btn_style_1 span.text {
    position: relative;
    z-index: 1;
}
.btn_style_1:hover {
    /*background-position: 100% 0;*/
}
.btn_style_1:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 0.96rem;
    height: 0.96rem;
    background: var(--main-cl);
    border-radius: 100%;
    pointer-events: none;
}
.btn_style_1:hover:before {
    width: 120%;
    height: 120%;
    border-radius: 0;
    transform: translate(-50%, -50%) scale(1);
}

.btn_style_2 {
    background: #fff;
}
.btn.btn_style_2 span.text {
    color: var(--six-cl);
}
.btn_style_2 span.icon path {
    stroke: var(--six-cl);
}

.tabs_wrap {
    gap: 0.7rem;
}
.btn_style_3 {
    background: transparent;
    border: 1px solid #fff;
}
.btn_style_3.active,
.btn_style_3:hover {
    background: #fff;
}
.btn_style_3.active span.text,
.btn_style_3:hover span.text {
    color: var(--sub-cl);
}

.btn_style_4 {
    background: transparent;
    border: 0;
}
.btn_style_4 span.text {
    color: var(--sub-cl);
}
.btn_style_4 span.icon {
    transform: rotate(-90deg);
}
.btn_style_4:hover span.icon {
    transform: rotate(0deg);
}

.btn_style_5 {
    background: transparent;
    border: 1px solid var(--main-cl);
    border-radius: 4.999499999999999rem;
}
.btn_style_5 span.text {
    color: var(--main-cl);
}
.btn_style_5.active,
.btn_style_5:hover {
    background: var(--main-cl);
}
.btn_style_5.active span.text,
.btn_style_5:hover span.text {
    color: #fff;
}

/*counter up*/
.number .inner.relative,
.number {
    position: relative;
    display: flex;
    line-height: 1;
}
.number span.counter {
    position: absolute;
    top: 0;
    left: 0;
    font-family: "Montserrat Bold", sans-serif;
}
.number span.counter_opacity {
    opacity: 0;
}
.number .unit {
    display: flex;
    margin-left: 2px;
}
.number .unit>span {
    display: flex;
}

/*background image*/
.bg_image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

/*effect img*/
.item_hover .hover_zoom img {
    transform: scale(1);
    transition: .6s all;
}
.item_hover:hover .hover_zoom img {
    transform: scale(1.03);
}
.item_hover:hover h3 {
    color: var(--main-cl) !important;
}
.item_hover .box_logo>.img {
    max-width: 30%;
    width: 9.6rem;
    height: 100%;
    background-image: url("../images/logo.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: scale(0);
    opacity: 0;
    transition: .7s 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(0.25rem);
    opacity: 0;
    transition: .5s all;
    z-index: 3;
}
.item_hover:hover .box_logo {
    opacity: 1;
}

.item_hover .box_effect {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(0 0 0 / 60%);
    backdrop-filter: blur(0.95rem);
    opacity: 0;
    transition: .6s all;
    z-index: 3;
}
.item_hover .box_effect>.inner {
    transform: translateY(1rem);
    opacity: 0;
    transition: .8s all;
}
.item_hover .box_effect svg {
    margin: 0 auto;
}
.item_hover .box_effect span.title {
    font-weight: 500;
    font-size: 1rem;
    margin-top: 0.25rem;
}
.item_hover:hover .box_effect {
    opacity: 1;
}
.item_hover:hover .box_effect>.inner {
    opacity: 1;
    transform: translateY(0);
}

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

/*btn-play effect*/
.btn_play {
    position: relative;
    outline: none !important;
    display: flex;
    justify-content: center;
    z-index: 1;
}
.btn_play > svg {
    width: auto;
    height: 4.2rem;
}
.btn_play:hover > svg {
    transform: scale(0.9);
}
.btn_play span.effect {
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.btn_play span.effect circle.eff_1 {
    animation: scaleEffect1 4s ease-in-out infinite;
    transform-origin: center;
}
.btn_play span.effect circle.eff_2 {
    animation: opacityEffect2 4s ease-in-out infinite;
    transform-origin: center;
}
@keyframes scaleEffect1 {
    0% {
        transform: scale(0.5);
    }
    25% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(0.5);
    }
}
@keyframes opacityEffect2 {
    0% {
        opacity: 1;
        transform: scale(0.5);
    }
    25% {
        opacity: 0;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(0.9);
    }
    100% {
        opacity: 1;
        transform: scale(0.5);
    }
}

/*date/time - term item new*/
.term_time {
    font-family: 'Montserrat Regular';
    font-size: 0.7rem;
    color: #585D6D;
    line-height: normal;
    transition: .5s all;
}
.term_time .term {
    position: relative;
    padding-left: 0.5rem;
    margin-left: 0.3rem;
}
.term_time .term:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 0.2rem;
    height: 0.2rem;
    background: #585D6D;
    border-radius: 4.999499999999999rem;
    transition: .5s all;
}
.text_white .term_time .term:before {
    background: #fff;
}

/*graphic*/
.graphic {}
.graphic_1 {
    width: 11.95rem;
    height: 7.15rem;
    background-image: url('../images/toque.svg');
    background-repeat: no-repeat;
    background-size: contain;
    animation: stir 1s ease-in-out infinite;
    transform-origin: center bottom;
}
.graphic_2 {
    width: 8.85rem;
    height: 3.55rem;
    background-image: url('../images/fork.svg');
    background-repeat: no-repeat;
    background-size: contain;
    animation: swing 2s ease-in-out infinite;
    transform-origin: center top;
}
@keyframes stir {
    0%, 100% {
        transform: rotate(-3deg);
    }
    25% {
        transform: rotate(3deg);
    }
    50% {
        transform: rotate(-3deg);
    }
    75% {
        transform: rotate(3deg);
    }
}
@keyframes swing {
    0%, 100% {
        transform: rotate(-15deg);
    }
    50% {
        transform: rotate(15deg);
    }
}

/*form item*/
.form_item {
    margin-bottom: 0.7995rem;
}
.form_item textarea,
.form_item input {
    font-weight: 500;
    font-size: 0.7995rem;
    color: #333333;

    box-shadow: none !important;
    border: 1px solid #D2D2D2;
    background: transparent;
    padding: 0 1.2rem;
}
.form_item input {
    height: 2.75rem;
    border-radius: 4.999499999999999rem;
    margin-bottom: 0;
}
.form_item textarea {
    border-radius: 0.5rem;
    padding: 0.7995rem 1.2rem;
}
.form_item textarea::placeholder,
.form_item input::placeholder {
    font-family: 'Montserrat Regular';
    font-size: 0.9rem;
    color: #999999;
}
.form_item textarea:focus,
.form_item input:focus {
    border-color: var(--main-cl) !important;
    background: #4CB7480D;
}
.form_group.flex {
    gap: 1rem;
}
.form_group.flex > .form_item {
    width: calc((100% / 2) - (1rem * 1 / 2));
}
.form_group.flex > div:only-child {
    width: 100%;
}

.form_wrap .action_form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.96rem;
}
.form_wrap .text_policy {
    font-family: Montserrat Regular;
    font-size: 0.7995rem;
    color: #000000;
}
.form_wrap .text_policy strong {
    font-family: 'Montserrat SemiBold';
}
.form_wrap .text_policy a {
    font-family: 'Montserrat SemiBold';
    color: var(--main-cl);
}
.form_wrap .text_policy a:hover {
    color: var(--sub-cl);
}
.form_wrap .submit_btn .btn {
    margin-top: 0;
}
.form_wrap .submit_btn {
    position: relative;
    width: fit-content;
}
.form_wrap .wpcf7-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.form_wrap .submit_btn>input {
    position: absolute;
    z-index: 2;
    height: 100%;
    width: 100%;
    margin: 0;
    opacity: 0;
}

/*noti validate form*/
form {
    margin-bottom: 0 !important;
}
.wpcf7 form.sent .form_wrap + .wpcf7-response-output {
    border-color: var(--main-cl) !important;
    color: #fff;
    background: var(--main-cl) !important;
    margin-bottom: 0 !important;
}
.wpcf7 form.invalid .form_wrap + .wpcf7-response-output,
.wpcf7 form.unaccepted .form_wrap + .wpcf7-response-output,
.wpcf7 form.payment-required .form_wrap + .wpcf7-response-output {
    font-size: 0.768rem;
    color: #e40000;
    margin-left: 0;
    margin-right: 0;
    border-width: 0.025rem !important;
    border-color: #e40000 !important;
    margin-bottom: 0;
}
.text_white .wpcf7 form.sent .wpcf7-response-output,
.text_white .wpcf7 form.invalid .form_wrap + .wpcf7-response-output,
.text_white .wpcf7 form.unaccepted .form_wrap + .wpcf7-response-output,
.text_white .wpcf7 form.payment-required .form_wrap + .wpcf7-response-output {
    color: #fff;
    border-color: #e40000 !important;
}
.wpcf7 form.sent .wpcf7-response-output {
    margin-left: 0;
    margin-right: 0;
}

.wpcf7 .form_wrap .wpcf7-not-valid-tip {
    width: fit-content;
    background-color: #e40000;
    color: #fff;
    font-size: 0.72rem;
    opacity: 1;
    margin-top: 0;
}
.wpcf7 .form_wrap .wpcf7-not-valid-tip:after {
    border-bottom-color: #e40000;
}

/*custom select*/
.custom-sl{
    display: none;
}
.select-styled{
    position: relative;
    height: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    border-radius: 4.999499999999999rem;
    padding: 0 1.2rem;
    border: 1px solid #D2D2D2;
    font-size: 0.9rem;
    transition: all .5s ease-in-out;
    margin: 0;
    cursor: pointer;
}
.select{
    position: relative;
    /*z-index: 9;*/
}
.select-styled:after{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzIDZMOCAxMUwzIDYiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
    background-repeat: no-repeat;
    background-size: cover;
    width: 0.8640000000000001rem;
    height: 0.8640000000000001rem;
    position: relative;
    content: '';
    display: block;
}
.select .select-options{
    display: none;
    position: absolute;
    z-index: 20;
    left: 0;
    top: 100%;
    width: 100%;
    max-height: 8.35rem;
    background-color: #fff;
    -webkit-border-radius: 0 0 0.5rem 0.5rem;
    -moz-border-radius: 0 0 0.5rem 0.5rem;
    border-radius: 0 0 0.5rem 0.5rem;
    border: 1px solid #E3DBD8;
    list-style: none;
    overflow-x: hidden;
    overflow-y: auto;
}
.select-options::-webkit-scrollbar-track {
    padding-top: 0.96rem;
    -webkit-box-shadow: inset 0 0 0.3rem rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.select-options::-webkit-scrollbar {
    width: 0.15rem;
    background-color: #cedbff;
}
.select-options::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
}
.select .select-options > li{
    font-family: 'Montserrat Medium';
    font-size: 0.7rem;
    line-height: 0.8225rem;
    margin-bottom: 0;
    padding: 0.6rem 0.7995rem;
    cursor: pointer;
    -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;
    color: var(--third-cl);
}
.select .select-options > li.active,
.select .select-options > li:hover{
    background-color: #0B9547FF;
    color: #fff;
}
.select .select-options > li+li{
    border-top: 1px solid #E3DBD8;
}
.form_wrap label{
    font-size: 0.7995rem;
    font-weight: 400;
    line-height: normal;
    color: var(--third-cl);
}
.form_wrap span.required {
    color: red;
}
.select-styled span{
    flex-grow: 1;
}

/*BANNER*/
.banner_page {
    z-index: 10;
}
.banner_page .banner_img {
    height: 46.8rem;
}
.banner_page .banner_img:after,
.banner_page .banner_img:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 14.58%, rgba(0, 0, 0, 0.461664) 47.22%, rgba(0, 0, 0, 0) 80.29%);
    pointer-events: none;
}
.banner_page .banner_img:after {
    top: 0;
    bottom: unset;
    width: 100%;
    height: 10rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
}

.banner_page .heading_absolute {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding-bottom: 8.4rem;
}
.heading_banner {
    width: fit-content;
    text-transform: uppercase;
}
.banner_page .desc_sec {
    max-width: 70%;
}
.banner_page .breadcrumb_absolute {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
}
.banner_page .breadcrumbs {
    margin-bottom: 0;
    margin-top: 2rem;
    padding-bottom: 2.2rem;
}

/*effect title*/
.ef-img-t {
    display: inline-block;
    opacity: 0;
    transform: translateY(2.5rem);
    animation: none;
}
.is-visible .ef-img-t {
    animation: fadeUp 1s forwards;
    animation-delay: var(--delay);
}
.effect_title_slide .swiper-slide.swiper-slide-active .ef-img-t {
    animation: fadeUp 1s forwards;
    animation-delay: var(--delay);
}
@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/*breadcrumbs*/
.breadcrumbs {
    margin-top: 1.6rem;
    margin-bottom: 5rem;
    overflow-x: auto;
    width: 100%;
}
.breadcrumbs ol {
    display: flex;
    align-items: center;
    list-style: none;
    margin-bottom: 0;
}
.breadcrumbs ol>li {
    display: inline-flex;
    position: relative;
    margin-bottom: 0;
    line-height: 1.5;
    white-space: nowrap;
}
.breadcrumbs ol>li:not(:last-child) {
    margin-right: 0.65rem;
    padding-right: 0.6rem;
}
.breadcrumbs ol>li:not(:last-child):before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-45%);
    width: 1px;
    height: 0.7rem;
    background: #333333;
    opacity: .5;
    pointer-events: none;
}
.breadcrumbs ol [itemprop="title"],
.breadcrumbs ol [itemprop="name"] {
    font-family: 'Montserrat Medium';
    font-size: 0.7rem;
    font-style: normal;
    text-transform: uppercase;
    color: rgba(51, 51, 51, 0.5);
    line-height: normal;
}
.breadcrumbs ol>li:last-child [itemprop="name"] {
    font-family: 'Montserrat Medium';
    color: #333;
}
.breadcrumbs ol [itemprop="title"]:hover,
.breadcrumbs ol [itemprop="name"]:hover {
    color: var(--main-cl);
}
.breadcrumbs a {
    display: inline-flex;
    font-size: unset;
}

.text_white .breadcrumbs ol [itemprop="title"],
.text_white .breadcrumbs ol [itemprop="name"] {
    color: #fff !important;
}
.text_white .breadcrumbs ol>li:last-child [itemprop="name"] {
    color: #fff !important;
}
.text_white .breadcrumbs ol>li:not(:last-child):before {
    background: #fff;
}

.breadcrumbs_event .breadcrumbs ol [itemprop="title"],
.breadcrumbs_event .breadcrumbs ol [itemprop="name"] {
    font-family: 'Montserrat Regular';
    text-transform: unset;
    font-size: 1rem;
}
.breadcrumbs_event .breadcrumbs ol>li:last-child [itemprop="name"] {
    font-family: 'Montserrat SemiBold';
    color: #000;
}

/*custom scrollbar*/
.custom_scrollbar {
    overflow-y: auto;
    padding-right: 1rem;
}
.custom_scrollbar::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 0.3rem rgba(0,0,0,0.3);*/
    /*background-color: #F5F5F5;*/
}
.custom_scrollbar::-webkit-scrollbar {
    width: 0.15rem;
    background-color: #13653430;
    border-radius: 2px;
}
.custom_scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
    border-radius: 2px;
}
.text_white .custom_scrollbar::-webkit-scrollbar {
    background-color: rgba(255, 255, 255, 0.5);
}
.text_white .custom_scrollbar::-webkit-scrollbar-thumb {
    background-color: #fff;
}

/*Border radius*/
.radius_10 { border-radius: 0.5rem; }
.radius_12 { border-radius: 0.6rem; }
.radius_14 { border-radius: 0.7rem; }
.radius_15 { border-radius: 0.75rem; }
.radius_16 { border-radius: 0.8rem; }
.radius_18 { border-radius: 0.9rem; }
.radius_20 { border-radius: 1rem; }
.radius_24 { border-radius: 1.2rem; }
.radius_28 { border-radius: 1.4rem; }
.radius_30 { border-radius: 1.5rem; }
.radius_32 { border-radius: 1.6rem; }
.radius_35 { border-radius: 1.75rem; }
.radius_38 { border-radius: 1.9rem; }
.radius_40 { border-radius: 2rem; }
.radius_100 { border-radius: 4.999499999999999rem; }
.radius_p100 { border-radius: 100%; }

/*custom scrollbar*/
.custom_scrollbar {
    overflow-y: auto;
    padding-right: 1rem;
}
.custom_scrollbar::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 0.3rem rgba(0,0,0,0.3);*/
    /*background-color: #F5F5F5;*/
}
.custom_scrollbar::-webkit-scrollbar {
    width: 0.15rem;
    background-color: #13653430;
    border-radius: 2px;
}
.custom_scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
    border-radius: 2px;
}
.text_white .custom_scrollbar::-webkit-scrollbar {
    background-color: rgba(255, 255, 255, 0.5);
}
.text_white .custom_scrollbar::-webkit-scrollbar-thumb {
    background-color: #fff;
}

/*show/hide - breakpoint*/
.pc_hide,
.tablet_show,
.mobile_show {
    display: none !important;
}

/*effect blur*/
.blur_effect_af:after,
.blur_effect_bf:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: radial-gradient(50% 50% at 50% 50%, #4CB748 0%, rgba(76, 183, 72, 0) 100%);
    filter: blur(10rem);
    opacity: .4;
    border-radius: 4.999499999999999rem;
    pointer-events: none;
}
.blur_effect_af.af_right:after {
    top: 0;
    right: 0;
    left: unset;
}

/*ajax paging*/
.ajax-paging {
    width: fit-content;
    margin: 3.1995rem auto 0;
}
.ajax-paging ul {
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.3rem;
    list-style: none;
    margin: 0;
}
.ajax-paging li {
    margin: 0;
}
.ajax-paging li>a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    aspect-ratio: 1;
    border-radius: 4.999499999999999rem;
    font-family: 'Montserrat Regular';
    font-weight: 400;
    font-size: 0.75rem;
    text-align: center;
    color: #66666666;
    background: transparent;
}
.ajax-paging li>a:hover,
.ajax-paging li>a.active {
    background: var(--main-cl);
    color: #fff;
}
.ajax-paging .paging-arrow svg {
    width: auto;
    height: 0.6rem;
}
.ajax-paging .paging-arrow path {
    stroke: #66666666;
}
.ajax-paging li>a:hover path {
    stroke: #fff;
}

/*btn_loading*/
.btn-loading{
    position: relative;
}
.btn-loading span.text,
.btn-loading span.icon {
    opacity: 0;
}
.btn-loading:after{
    width: 1.8rem;
    height: 1.8rem;
    position: absolute;
    content: '';
    z-index: 50;
    border: 2px solid #F5F5F5;
    border-bottom-color: var(--sub-cl);
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    left: calc(50% - 0.9rem);
    top: calc(50% - 0.9rem);
}
.btn-primary.btn-loading{
    pointer-events: none !important;
    color: var(--main-cl) !important
}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes rotateScale {
    0% {
        opacity: 0;
        transform: rotate(0deg) scale(0.1);
    }
    50% {
        opacity: 1;
        transform: rotate(180deg) scale(1.3);
    }
    100% {
        opacity: 1;
        transform: rotate(360deg) scale(1);
    }
}

.loading_show_more2,
.loading_show_more {
    position: relative;
}
.loading_show_more:before {
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 10%;
    left: calc(50% - 0.96rem);
    content: '';
    z-index: 50;
    border: 0.15rem solid #eeeeee;
    border-bottom-color: var(--main-cl);
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 0.6s linear infinite;
}
.loading_show_more2 h4.no_result,
.loading_show_more2 > div,
.loading_show_more > div,
.loading_show_more .no_result {
    opacity: 0.1;
    /*transform: translateY(2.5rem);*/
    transition: .5s all;
}
.no_result {
    margin-top: 3.84rem;
    font-size: 1.92rem;
    color: var(--main-cl);
    text-align: center;
}

.loading_show_more2:before {
    content: '';
    position: absolute;
    z-index: 50;
    top: 10%;
    left: 50%;
    width: 9.6rem;
    height: 4.8rem;
    background-image: url('../images/logo.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: inline-block;
    box-sizing: border-box;
    animation: bounce 1.2s ease-in-out infinite;
}
@keyframes bounce {
    0%, 100% {
        transform: translate(-50%, -25%);
    }
    50% {
        transform: translate(-50%, 0);
    }
}

/*height auto full slide of items*/
.swiper-same-height > .swiper-wrapper{
    align-items: unset;
}
.swiper-same-height > .swiper-wrapper .swiper-slide{
    height: auto;
}
.swiper-same-height > .swiper-wrapper .swiper-slide > div{
    height: 100%;
}

/*back to top*/
/*back to top*/
#wrapper > .back-to-top{
    width: 2.3rem;
    height: auto;
    aspect-ratio: 1;
    background-color: #fff;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--main-cl) !important;
    outline: none !important;
    transition: all 0.4s;
}
#wrapper > .back-to-top svg {
    width: auto;
    height: 1.248rem;
}
#wrapper > .back-to-top:hover{
    background-color: var(--main-cl);
}
#wrapper > .back-to-top:hover path{
    stroke: #FFF;
}
#wrapper > .back-to-top.right {
    right: 1.92rem;
}

/*-----------------*/
/*HEADER*/
.sticky-jump .stuck:not(.ux-no-animation) {
    animation: unset !important;
}

.no_fixed_header header#header {
    position: relative;
}
.no_fixed_header header#header.active,
header#header {
    position: fixed;
    top: 0;
}
header .header-main>.container {
    position: relative;
    max-width: 84.47999999999999rem !important;
}
header .header-main,
header .stuck .header-main {
    height: 100% !important;
}
header .header-main {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    z-index: 0;
    transition: .4s all;
}
header .header-bg-image.fill {
    display: none !important;
}
header .header-bg-container.fill {
    opacity: 0;
    z-index: -1;
    transition: .5s all;
}
header .header-bg-color.fill {
    background-color: #fff;
}
.header_style_2 header .header-bg-container.fill,
header .stuck .header-bg-container.fill {
    opacity: 1;
}
header .header-wrapper {
    position: relative;
    padding-top: 0.312rem;
    height: 100%;
}
.header-shadow .header-wrapper {
    height: 100%;
    box-shadow: unset;
    transition: .4s all;
}
.header_style_2 .header-wrapper,
.header-shadow .stuck.header-wrapper {
    box-shadow: 0rem 0.2rem 0.5rem 0rem #00000014;
}
header #logo {
    position: absolute;
    margin-right: 0.96rem;
}
header #logo a {
    width: fit-content !important;
    height: 6.4rem;
    transform: translateX(-20%) translateY(12%);
}
.header_style_2 header #logo a,
header .stuck #logo a {
    height: 4.5rem;
    transform: translateX(20%) translateY(12%);
}
header #logo:before {
    content: '';
    position: absolute;
    top: 98%;
    left: -3%;
    width: 100%;
    height: 1.77rem;
    transform: scaleY(0);
    background-image: url('../images/bf_logo.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: contain;
    opacity: 0;
    z-index: -1;
    transition: .2s all;
    filter: drop-shadow(0rem 0.2rem 0.5rem #00000014);
}
header .stuck #logo:before {
    opacity: 1;
    transform: scaleY(1);
}
.header_style_2 header #logo:before {
    opacity: unset;
    transform: unset;
    transition: unset;
}
header .stuck #logo img {
    max-height: unset !important;
}
header #logo img {
    width: 100%;
    height: 100%;
    max-height: unset !important;
    transition: .4s all;
}
header .nav>li>a {
    position: relative;
    font-family: 'Montserrat SemiBold';
    font-size: 0.8rem;
    color: #fff;
    line-height: 4.08rem !important;
    text-transform: initial !important;
    padding: 0;
}
header .nav>li.active>a,
header .nav>li>a:hover {
    color: #fff;
}

.header_style_2 header .nav>li>a,
header .stuck .nav>li>a {
    color: var(--four-cl);
}
.header_style_2 header .nav>li>a:hover,
header .stuck .nav>li.active>a,
header .stuck .nav>li>a:hover {
    color: var(--sub-cl);
}

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

header .header-top {
    background-color: transparent;
    padding-top: 1rem;
}
header .header-top .nav-divided>li+li>a:after {
    content: unset;
}
body.search header .header-main:after,
body.search header .header-main:before {
    background: rgb(220 220 220 / 60%);
}
header .header-main:after,
header .header-main:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: calc(calc((100vw - var(--container-w)) / 2) + 3.3600000000000003rem);
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.3);
    transition: .4s all;
    opacity: 1;
}
header .header-main:after {
    width: 5.3%;
    left: 0;
}

.header_style_2 header .header-main:after,
.header_style_2 header .header-main:before,
header .stuck .header-main:after,
header .stuck .header-main:before {
    opacity: 0;
}

header .stuck a {
    color: var(--four-cl);
}
header .stuck a:hover {
    color: var(--six-cl);
}
header .header-main li>a:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0.15rem;
    z-index: 9;
    transition: .5s all;
    opacity: 1 !important;
    background: white !important;
}
header .header-main li.current_page_item>a:before,
header .header-main li>a:hover:before {
    width: 100% !important;
}

.header_style_2 header .header-main li>a:before,
header .stuck .header-main li>a:before,
header .stuck .header-main li.current_page_item>a:before,
header .stuck .header-main li>a:hover:before {
    background: linear-gradient(103.72deg, #EF4136 9.81%, #FDC70C 90.19%) !important;
}

header .header-main .flex-right {
    margin-right: -1.92rem;
}
header .header-main .nav-right li {
    margin: 0 1rem;
}
header .nav>li.header-search {
    margin-right: 0;
    border-right: 1px solid #FFFFFF42;
}
header .nav>li.lang_header a:before,
header .nav>li.header-search a:before {
    content: unset !important;
}

/*icon search*/
header .header-main .nav-right li.header-search {
    padding-right: 1rem;
    margin-left: 0 !important;
    border-right: 1px solid #FFFFFF33;
}
.header_style_2 header .header-main .nav-right li.header-search,
header .stuck .header-main .nav-right li.header-search {
    border-color: #33333333;
}
header .header-search > a:before {
    content: unset !important;
}
header .header-search>a {
    display: flex;
}
header .header-search>a:hover .icon-search:before {
    background-image: url("../images/icon_search_3.svg");
}
header .icon-search:before {
    content: '';
    width: 1.35rem;
    height: 1.35rem;
    display: block;
    background-image: url("../images/icon_search_1.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: .4s all;
}
.header_style_2 header .icon-search:before,
header .stuck .icon-search:before {
    background-image: url("../images/icon_search_2.svg");
}

/*CTA header*/
.header_info + .html_topbar_left {
    display: none;
}
.header_info .btn {
    padding: 0.4rem 0.6rem;
    margin-top: 0 !important;
}
.header_info .btn span.text {
    font-family: 'Manrope Bold';
}
.header_info span.icon {

}
header .header-main .nav-right li.header_info {
    margin: 0 1.6rem 0 2.6rem;
}

/*sub-menu*/
.sub-menu li {
    margin: 0 !important;
}
.sub-menu li>a:before {
    content: unset !important;
}
.nav-dropdown-has-border .nav-dropdown {
    min-width: 11.52rem;
    border: 0 !important;
    border-radius: 0.75rem;
    padding: 0.5rem  /* 10/19.2 */ !important;
    /*box-shadow: none !important;*/
}
.nav-dropdown.nav-dropdown-default>li>a {
    font-family: 'Montserrat Medium';
    font-size: 0.9rem;
    color: #333333 !important;
    margin: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border-radius: 0.4rem;
}
.nav-dropdown.nav-dropdown-default>li>a[aria-current="page"],
.nav-dropdown.nav-dropdown-default>li>a:hover {
    color: var(--main-cl) !important;
    background: #0B95471A;
}
.nav-dropdown-has-arrow li.has-dropdown:after, .nav-dropdown-has-arrow li.has-dropdown:before {
    content: unset;
}

/*LANG CSS*/
.lang_header {
    position: relative;
    font-family: inherit;
}
.lang_header:before {
    content: unset !important;
}
.lang_header > a {
    gap: 0.384rem;
    padding: 0.288rem 1.2rem;
    border-radius: 0.1995rem;
    transition: all 0.3s ease;
    cursor: pointer;
}
.lang_header > a:hover {
    /*background: #171145;*/
    color: #ffffff;
    /*border-color: #171145;*/
}
.lang_header svg {
    transition: transform 0.3s ease;
}
.lang_header.active svg {
    transform: rotate(180deg);
}
.lang_dropdown {
    position: absolute;
    top: calc(100%);
    right: 0;
    min-width: 4.8rem;
    background: #fff;
    border-radius: 0.1995rem;
    box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.1);
    list-style: none;
    padding: 0;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(0);
    transition: all 0.3s ease;
    z-index: 1000;
    overflow: hidden;
}
.lang_header.active .lang_dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.lang_dropdown li {
    border-bottom: 1px solid #dadada;
    margin-bottom: 0;
}
.lang_dropdown li:last-child {
    border-bottom: none;
}
.lang_dropdown a {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.6rem 1rem;
    font-weight: 500;
    color: var(--main-cl) !important;
    text-decoration: none;
    transition: all 0.25s ease;
}
.lang_dropdown a:hover {
    color: var(--sub-cl) !important;
}
.lang_dropdown a span {
    font-family: 'Montserrat Medium';
}
.lang_dropdown a img.flag {
    width: 1.44rem;
    height: 1.44rem;
    flex-shrink: 1;
    display: none;
}
.lang_header.minimal > a {
    border: none;
    background: transparent;
}
.lang_header.minimal img {
    width: 1.2rem;
    aspect-ratio: 1;
}
.lang_header.minimal > a:hover {
    color: var(--main-cl);
}

.lang_header img[alt="icon_global"] {
    filter: brightness(0) invert(1);
}
.header_style_2 .lang_header img[alt="icon_global"],
.stuck .lang_header img[alt="icon_global"] {
    filter: brightness(1) invert(0);
}

/*FOOTER*/
/*scroll-down animation*/
body .scroll-container {
    position: absolute;
    bottom: 3%;
    left: 1.296rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    /*animation: fadeInUp 1.5s ease-out;*/
    z-index: 2;
}
.scroll-text {
    font-family: 'Montserrat Regular';
    font-size: 0.576rem;
    color: #fff;
    margin-bottom: 0.72rem;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}
.scroll-icon {
    width: 0.72rem;
    height: 1.2rem;
    border: 1px solid #fff;
    border-radius: 1.25rem;
    position: relative;
    margin-bottom: 0.96rem;
}
.scroll-icon::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 50%;
    transform: translateX(-50%);
    width: 0.15rem;
    height: 0.15rem;
    background: #fff;
    border-radius: 50%;
    animation: scrollDot 2s infinite;
}
.dotted-line {
    /*width: 0.1rem;*/
    /*height: 2.5rem;*/
    /*background: repeating-linear-gradient(*/
    /*        to bottom,*/
    /*        white 0rem,*/
    /*        white 0.2rem,*/
    /*        transparent 0.2rem,*/
    /*        transparent 0.4rem*/
    /*);*/
    animation: moveDown 2s infinite;
}
@keyframes moveDown {
    0% {
        transform: translateY(-1rem);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: translateY(1rem);
        opacity: 0;
    }
}

#footer {
    padding-top: 4.2rem;
    border-top: 1px solid #0000001A;
    overflow: hidden;
}
#footer.blur_effect_bf:before {
    top: unset;
    bottom: -50%;
    left: -20%;
    width: 41.75rem;
    height: 42.3rem;
}
.logo_footer {}
.footer_top .col_left {
    border-right: 1px solid #EBF9F1;
    margin-right: 1.2rem;
    padding-right: 3.4rem;
}
.logo_footer>.logo {
    flex: 0 0 auto;
    width: fit-content;
    border-right: 1px solid #DADADA;
    padding-right: 1.35rem;
    margin-right: 1.35rem;
}
.logo_footer>.logo>img {
    width: fit-content;
    height: 5.2rem;
}
.logo_footer>.company {
    font-family: 'Montserrat SemiBold';
    font-size: 1.3rem;
}
.block_footer span.title {
    display: block;
    flex: 0 0 auto;
    font-family: 'Montserrat Bold';
    font-size: 0.9rem;
    color: var(--main-cl);
}
.footer_top :is(.block_footer.block_1, .block_footer.block_2) span.title {
    width: 22%;
}
.block_footer {
    border-top: 1px solid #DADADA;
}
.block_footer.block_1 {
    padding-top: 1.3rem;
    margin-top: 2.5rem;
}
.block_footer.block_1 .item:not(:last-child) {
    margin-bottom: 0.5rem;
}
.block_footer.block_1 span.title_item {
    display: block;
    font-family: 'Montserrat SemiBold';
    font-size: 0.9rem;
    color: var(--four-cl);
    margin-bottom: 1px;
}
.block_footer.block_1 .content {
    margin-left: 0.5rem;
}
.block_footer.block_1 .content strong {
    font-family: 'Montserrat SemiBold';
}

.block_footer.block_1 .items-center.br .content {
    margin-left: 0 !important;
}
.block_footer.block_1 .box_content .items-center.br {
    align-items: flex-start;
    gap: 0;
    border-right: none !important;
}
.block_footer.block_2 {
    padding-top: 1.2rem;
    margin-top: 1.3rem;
}

.box_socials ul {
    gap: 0.5rem;
}
.box_socials a {
    display: block;
    width: 2.1rem;
    aspect-ratio: 1 / 1;
}
.box_socials a:hover path {
    fill: var(--six-cl);
}
.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.block_3 {
    border: none;
}
.block_footer.block_3 > span.title {
    font-family: 'Montserrat SemiBold';
    font-size: 1.6rem;
}
.block_footer.block_3 .content_form {
    padding-top: 1.4495rem;
}
.footer_top form {
    margin-bottom: 0;
}
.footer_top .form_item {
    margin-bottom: 0;
}
.footer_top .form_item input {
    font-size: 0.9rem;
    height: 2.75rem;
    color: var(--four-cl);
    border-color: #BDE3CD;
    background: #EEF5F1;
}
.footer_top .form_item input:focus {
    border-color: var(--main-cl) !important;
}
.footer_top input::placeholder {
    font-size: 0.9rem;
    color: rgba(51, 51, 51, 0.7);
}
.footer_top .submit_btn {
    position: absolute;
    top: 50%;
    right: 1.2rem;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #CAEFDA;
    padding-left: 1rem;
}
.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 .submit_btn .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
}
.footer_top .wpcf7-response-output {
    color: #ffb900;
}
.footer_top .wpcf7-spinner {
    display: none;
}
.footer_top .wpcf7 .wpcf7-not-valid-tip {
    position: absolute;
}
.loading-spin.centered, .processing:before {
    border-left-color: var(--main-cl) !important;
}

.block_footer.block_4 {
    border: none;
    padding-top: 3.5rem;
}
.block_footer.block_4 .content_menu {
    gap: 1.92rem;
    justify-content: space-between;
    padding-right: 2.8rem;
}
.block_footer.block_4 .title_menu {
    display: block;
    font-family: 'Montserrat Bold';
    font-size: 1rem;
    color: var(--four-cl);
    margin-bottom: 1rem;
}
.block_footer .menu_footer a {
    font-family: 'Montserrat Regular';
    font-size: 0.7995rem;
    color: var(--four-cl);
}
.block_footer .menu_footer > li:not(:last-child) {
    margin-bottom: 0.528rem;
}
#footer a:hover {
    color: var(--main-cl);
}
.block_footer .box_socials ul {
    gap: 0.5rem;
}
.block_footer .box_socials a {
    display: block;
    width: 2.3rem;
    height: 2.25rem;
    filter: drop-shadow(0rem 0.1rem 0.2rem #00000014);
}
.block_footer .box_socials a:hover {
    filter: drop-shadow(0rem 0.1rem 0.2rem rgba(255, 49, 49, 0.25));
}

.block_footer.block_5 {
    padding-top: 1.55rem;
    margin-top: 2.4rem;
}
.footer_top .link_external {
    gap: 3.75rem;
}
.footer_top .link_external a {
    font-size: 0.7995rem;
    color: var(--four-cl);
}
.footer_top .logo_trade.box_img {
    max-width: 100%;
    width: fit-content;
    height: 2.7rem;
}
.copyright {
    margin-top: 2.1rem;
    background: linear-gradient(90deg, #0B9547 0%, #4CB748 52.43%, #0B9547 100%);
}
.copyright .content {
    font-size: 0.65rem;
    padding: 0.8rem 0 0.65rem;
    color: #FFFFFFCC;
}


/*--------PAGE---------*/
/*HOME*/
.banner_hero .item {
    height: 46.8rem;
    width: 100%;
}
.banner_hero .item:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 75%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 14.58%, rgba(0, 0, 0, 0.461664) 47.22%, rgba(0, 0, 0, 0) 80.29%);
    pointer-events: none;
    overflow: hidden;
}
.banner_hero .box_content {
    width: 100%;
    max-width: 45%;
    position: absolute;
    bottom: 8.8rem;
    left: calc((100vw - var(--container-w)) / 2);
    z-index: 2;
}
.banner_hero .box_content .box_img {
    width: 19.3rem;
    margin: 0 auto;
}
.banner_hero h1 {
    margin-bottom: 1rem;
    line-height: 1.2;
}
.banner_hero .content {
    font-family: 'Montserrat SemiBold';
    font-size: 1.3rem;
}
.banner_hero .swiper-pagination {
    display: flex;
    position: absolute;
    bottom: 2.7rem;
    left: calc((100vw - var(--container-w)) / 2 + 0.75rem);
    justify-content: flex-start;
}

#popup_home.fancybox-content {
    max-width: 38.4rem;
    padding: 0;
    background: transparent;
    overflow: unset;
}
#popup_home .fancybox-close-small {
    top: -1.92rem;
    right: -2.88rem;
    color: #fff;
    padding: 0;
    transition: .5s all;
}
body .fancybox-close-small:hover {
    transform: rotate(180deg);
}

.home_1 {
    padding-top: 7rem;
}
.home_1 .heading_sec {
    line-height: 1.2;
    margin-bottom: 0.4rem;
}
.home_1 .desc_sec {
    padding-right: 5.76rem;
}
.home_1 .list_counter {
    padding-top: 4.9rem;
}
.home_1 .box_logo_svg {
    width: 25.3995rem;
    margin-left: auto;
}
.box_logo_svg svg {
    width: 100%;
    height: 100%;
}

.svg-stroke path {
    fill: none;

    stroke: url("frontend-ver=2.0.0.css#strokeGradient");
    stroke-width: 2;

    stroke-linecap: round;
    stroke-linejoin: round;

    stroke-dasharray: 3500;
    stroke-dashoffset: 3500;

    vector-effect: non-scaling-stroke;
}
.draw_svg .svg-stroke path {
    animation: drawLine 2.5s ease forwards;
}
.draw_svg .svg-fill {
    opacity: 0;
    animation: fillIn 1s ease forwards;
    animation-delay: 2.5s;
}
@keyframes drawLine {
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes fillIn {
    to {
        opacity: 1;
    }
}
.draw_svg .svg-stroke {
    animation: hideStroke 0.6s ease forwards;
    animation-delay: 3s;
}
@keyframes hideStroke {
    to {
        opacity: 0;
    }
}

.number_list_layout {
    display: flex;
}
.number_list_layout .item_counter_normal>.item_counter {
    position: relative;
    padding-left: 2.1rem;
    margin-left: 2.1rem;
    /*border-left: 1px solid #AACDB9;*/
}
.number_list_layout .item_counter_normal>.item_counter:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 100%;
    background: #AACDB9;
}
.number_list_layout .item_counter_normal>.item_counter:first-child {
    margin-left: 0;
}
.number_list_layout .number {
    display: flex;
    width: fit-content;
    font-family: "Montserrat Bold", sans-serif;
    font-size: 4rem;
}
.number_list_layout h3 {
    font-family: 'Montserrat Medium', sans-serif;
    font-weight: 500;
    font-size: 0.7995rem;
    margin-top: 0.4rem;
}
.number_list_layout .item_counter.special {
    padding-right: 5.45rem;
}
.number_list_layout .item_counter.special .inner {
    line-height: 0.8 !important;
}
.number_list_layout .item_counter.special .number {
    align-items: center;
    font-size: 9.58rem;
    gap: 0.55rem;
}
.number_list_layout .item_counter.special sup {
    font-family: "Montserrat SemiBold", sans-serif;
    font-size: 2.88rem;
    line-height: 1;
    vertical-align: super;
    margin-right: 0.2rem;
    letter-spacing: normal;
}
.number_list_layout .item_counter.special .text {
    align-items: anchor-center;
}
.number_list_layout .item_counter.special .text>span {
    display: block;
    font-family: "Montserrat Bold", sans-serif;
    font-size: 1.8155000000000001rem;
    letter-spacing: normal;
}
.number_list_layout .item_counter.special h3 {
    font-size: 1.149rem;
    margin-top: 0;
}

.home_2 {
    padding-top: 7.1rem;
}
.home_2.bg_image {
    background-position: bottom;
    background-size: contain;
}
.home_2.bg_image:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0.957251) 6.63%, rgba(0, 0, 0, 0.924699) 12.06%, rgba(0, 0, 0, 0.897774) 18%, rgba(0, 0, 0, 0.847312) 25.99%, rgba(0, 0, 0, 0.798063) 32.13%, rgba(0, 0, 0, 0) 100%);
    opacity: .7;
    pointer-events: none;
}
.popup_home2 {
    margin-top: 4.2rem;
}
.popup_home2 .inner>span.text {
    max-width: 10.999500000000001rem;
    display: block;
    font-family: 'Montserrat Bold', sans-serif;
    font-size: 1rem;
    text-align: center;
    margin-top: 4.3rem;
    color: var(--six-cl);
}
.home_2 .number_list_layout h3 {
    color: #fff;
}
.home_2 .list_counter {
    padding-top: 25.8rem;
    padding-bottom: 1.5rem;
}
.home_2 .number_list_layout .item_counter_normal>.item_counter:before {
    background: #fff;
}

.home_3 {
    padding-top: 7rem;
}
.home_3.blur_effect_bf:before {
    width: 35.232rem;
    height: 35.712rem;
    top: 40%;
    left: -20%;
}
.home_3.blur_effect_bf.af_right:after {
    width: 46.656rem;
    height: 47.28rem;
    top: -30%;
    left: 70%;
}
.home_3.bg_image {
    background-position: center;
    background-size: contain;
}
.heading_home_3 {
    padding: 0 4rem;
}
.home_3 .heading_sec {
    margin-bottom: 1.1rem;
}
.list_certi_wrap {
    margin: 0 -1.7rem;
    padding-top: 1.7rem;
}
.list_certi_wrap .item {
    padding: 1.5rem 1.7rem 0;
}
.list_certi_wrap .box_img {
    width: fit-content;
    height: 5.25rem;
    margin: 0 auto;
}
.list_certi_wrap .box_content {
    margin-top: 1.9995rem;
}
.list_certi_wrap .box_content h3 {
    font-family: 'Montserrat Bold', sans-serif;
    font-size: 1rem;
    color: var(--four-cl);
    margin-bottom: 0.55rem;
}
.list_certi_wrap .box_content .content {
    font-size: 0.75rem;
}
.list_certi_wrap .link {
    width: fit-content;
    margin: 1rem auto 0;
    opacity: 0;
    transition: .5s all;
}
.list_certi_wrap .link>span {
    font-family: 'Montserrat SemiBold', sans-serif;
    font-size: 0.9rem;
    text-decoration: underline;
    text-decoration-style: solid;
    color: var(--six-cl);
}
.list_certi_wrap .link>svg {
    margin-left: 0.4rem;
}
.list_certi_wrap .item:hover .link {
    opacity: 1;
}

.home_4 {
    margin-top: 6rem;
}
.home_4>.inner {
    border-radius: 2.6495rem;
    margin: 0 3.6rem 0 3.2495rem;
    padding: 4rem 0 3rem;
}
.home_4>.inner.bg_image {
    width: auto;
    background-position: left center;
    background-size: contain;
}
.list_why_wrap {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 5rem;
    row-gap: 3.5rem;
    padding-top: 2.5rem;
    margin-right: -3rem;
}
.list_why_wrap .box_img {
    width: fit-content;
    height: 3rem;
}
.list_why_wrap .box_content {
    margin-top: 1.2rem;
}
.list_why_wrap .item h3 {
    width: fit-content;
    font-family: 'Montserrat SemiBold', sans-serif;
    font-size: 1rem;
    border-bottom: 1px solid transparent;
}
.list_why_wrap h3:hover {
    border-color: #fff;
}
.list_why_wrap .content {
    font-size: 0.7995rem;
}
.btn_home4>.btn {
    margin-top: 2.5rem;
}

.home_5 {
    padding-top: 5.4rem;
}
.home_5 .tab_menu {
    justify-content: flex-start;
}
.tab_style_2 li>a {
    padding: 0.75rem 1.7rem;
    font-family: 'Montserrat Medium';
    font-size: 0.9rem;
    line-height: 1.25rem;
    border-radius: 4.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--six-cl);
    transition: all 0.4s;
    position: relative;
    z-index: 3;
}
.tab_style_2 li>a:before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    content: '';
    border-radius: 4.8rem;
    background: linear-gradient(90deg, #EF4136 0%, #FFC709 100%) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    padding: 1px;
}
.tab_style_2 li>a:after {
    background: linear-gradient(90deg, #EF4136 0%, #FFC709 100%);
    opacity: 0;
    border-radius: 4.8rem;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    content: '';
    transition: all 0.4s;
}
.tab_style_2 li.current-menu-item>a,
.tab_style_2 li>a.active,
.tab_style_2 li:hover>a {
    color: #FFF;
}
.tab_style_2 li.current-menu-item>a:after,
.tab_style_2 li>a.active:after,
.tab_style_2 li:hover>a:after {
    opacity: 1;
}

.markets_wrap {
    position: relative;
    padding-top: 1.3995rem;
}
/*.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;*/
/*}*/

.markets_wrap {
    position: relative;
}
.markets_wrap .item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateY(1.92rem);
    transition: opacity 0.5s ease, transform 0.5s ease, visibility 0.5s;
    pointer-events: none;
}
.markets_wrap .item.active {
    position: relative;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}
@keyframes fade_up {
    from {
        opacity: 0;
        transform: translateY(1.92rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.markets_wrap .inner_wrap {
    display: flex;
}
.markets_wrap .list_counter_maps {
    width: 33.33%;
    flex: 0 0 auto;
    margin-top: 2rem;
}

.list_counter_maps .item_counter:not(:last-child) {
    margin-bottom: 1rem;
}
.list_counter_maps .item_counter {
    position: relative;
    padding-left: 1.6rem;
    padding-bottom: 1.6rem;
}
.list_counter_maps .item_counter:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg, #0B9547 0%, rgba(76, 183, 72, 0) 100%);
}
.list_counter_maps .number {
    font-family: 'Montserrat SemiBold';
    font-size: 4.999499999999999rem;
    color: var(--main-cl);
}
.list_counter_maps h3 {
    font-family: 'Montserrat Regular';
    font-weight: 400;
    font-size: 1rem;
    color: var(--four-cl);
}

.markets_wrap .box_maps{
    margin-right: calc(-1* (100vw - var(--container-w)) / 2 + 0.75rem);
}
.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 .dot_item{
    position: absolute;
    transform: translateY(-50%) translateX(-50%);
    z-index: 9;
    left: 76.5%;
    top: 55%;
    transition: all 2s;
}
.markets_wrap .box_maps.active .dot_item{
    top: var(--top);
    left: var(--left);
}
.markets_wrap .box_maps .dot_item .dot{
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: var(--main-cl);
    position: relative;
}
.markets_wrap .box_maps .dot_item .dot:before{
    width: 0.9rem;
    height: 0.9rem;
    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 .dot_item .box_content{
    position: absolute;
    top: 50%;
    /*left: calc(100% + 0.5rem);*/
    transform: translateY(-50%);
    width: max-content;
    opacity: 0;
    padding-left: calc(100% + 0.5rem);
    transition: all 0.4s;
    pointer-events: none !important;
}
.markets_wrap .box_maps .dot_item .inner{
    width: fit-content;
    background: #fff;
    border-radius: 1rem;
    padding: 1rem;
    filter: drop-shadow(0.1rem 0.2rem 0.5rem #0000001A);
}
.markets_wrap .box_maps .dot_item .box_img {
    width: fit-content;
    height: 5rem;
    border-radius: 0.5rem;
}
.markets_wrap .box_maps .dot_item img{
    object-fit: contain;
}
.markets_wrap .box_maps .dot_item h3 {
    font-family: 'Montserrat SemiBold';
    font-size: 0.7995rem;
    margin-top: 0.5rem;
    color: var(--four-cl);
}
.markets_wrap .box_maps .dot_item svg {
    width: fit-content;
    margin-left: auto;
}
.markets_wrap .box_maps .dot_item:hover{
    z-index: 99;
}
.markets_wrap .box_maps .dot_item:hover .box_content{
    opacity: 1;
}
.markets_wrap .box_maps>svg>path{
    transition: all 2s;
    clip-path: inset(0 0 0 100%);
}
.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;
    }
}

.page-template-home .marquee-sec {
    padding-top: 6rem;
}
.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 1.9rem;
    width: fit-content;
    height: 2.5rem;
}
.marquee-img-wrap .marquee-img img {
    filter: saturate(0);
    transition: filter 0.3s ease;
    object-fit: contain;
}
.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;
}

.home_7 {
    background: rgba(23, 149, 11, 0.1);
    margin-top: 6.048rem;
    padding-top: 4.999499999999999rem;
    padding-bottom: 4.999499999999999rem;
}
.home_7 .graphic_1 {
    top: 20%;
    left: -1%;
}
.home_7 .graphic_2 {
    top: 28%;
    right: -1%;
}
.home_7 .menu_home_prod {
    padding-top: 1.5rem;
    gap: 1rem;
}
.tab_menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}
.menu_home_prod .view_all.btn {
    margin-top: 0;
}
.tab_style_1 li>a {
    display: flex;
}
.tab_style_1 li:not(.view_all)>a {
    font-family: 'Montserrat Medium', sans-serif;
    font-size: 0.9rem;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4.999499999999999rem;
    padding: 0.6rem 1.2rem;
}
.tab_style_1 li:nth-child(1)>a {
    border-color: #EF4136;
    color: #EF4136;
}
.tab_style_1 li:nth-child(2)>a {
    border-color: #EF4136;
    color: #EF4136;
}
.tab_style_1 li:nth-child(3)>a {
    border-color: #159F4A;
    color: #159F4A;
}
.tab_style_1 li:nth-child(4)>a {
    border-color: #00A7E1;
    color: #00A7E1;
}
.tab_style_1 li:nth-child(1)>a:hover {
    background: #EF4136;
    color: #fff;
}
.tab_style_1 li:nth-child(2)>a:hover {
    background: #EF4136;
    color: #fff;
}
.tab_style_1 li:nth-child(3)>a:hover {
    background: #159F4A;
    color: #fff;
}
.tab_style_1 li:nth-child(4)>a:hover {
    background: #00A7E1;
    color: #fff;
}

.product_home_wrap {
    padding-top: 3rem;
    margin: 0 -1.248rem;
}
.product_home_wrap .slide_prod_home {
    padding-bottom: 1.248rem;
}
.product_home_wrap .item_product {
    margin: 0 1.248rem;
}
.product_home_wrap .item_product .box_content {
    margin-bottom: 2rem;
}
.product_home_wrap .arrow.prev {
    left: -5%;
}
.product_home_wrap .arrow.next {
    right: -5%;
}

.item_product_1>.inner {
    background: #fff;
    border-radius: 1rem;
    padding: 1.9995rem 1.8rem 2.5rem;
}
.item_product_1 h3 {
    font-family: 'Montserrat Bold', sans-serif;
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
}
.item_product_1 .box_img {
    width: 13rem;
    height: 13rem;
    margin: 1.1rem auto 0;
    overflow: unset;
}
.item_product_1 .box_img>.ht {
    max-width: 11.5rem;
    width: 0;
    height: 7.25rem;
}
.item_product_1 .box_img>.ht_left {
    top: 0.5rem;
    left: -2.3rem;
}
.item_product_1 .box_img>.ht_right {
    bottom: 0.5rem;
    right: -2.4rem;
}
.item_product_1 .box_img>.ht>.inner {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}
.item_product_1 .box_img>.ht_left>.inner {
    background-image: url('../images/ht_sp_left.png');
}
.item_product_1 .box_img>.ht_right>.inner {
    background-image: url('../images/ht_sp_right.png');
    transform-origin: right;
}
.item_product_1:hover .box_img>.ht {
    width: 11.5rem;
}
.item_product_1:hover .box_img>.ht.ht_right {
    direction: rtl;
}
.item_product_1 .box_img>div {
    transition: 1s all;
}
.item_product_1:hover .box_img>.img_1,
.item_product_1 .box_img>.img_2 {
    opacity: 0;
    transform: scale(0);
}
.item_product_1:hover .box_img>.img_2 {
    opacity: 1;
    transform: scale(1);
}
.item_product_1 .link {
    width: fit-content;
    border-radius: 4.999499999999999rem;
    margin: -1rem auto 0;
    padding: 0.4rem;
}

.hover_style .arrow.prev {
    left: -7%;
}
.hover_style .arrow.next {
    right: -7%;
}
.hover_style .arrow {
    width: 2.592rem;
    height: 2.5rem;
}
.hover_style .arrow circle {
    fill: transparent;
}
.hover_style .arrow:hover circle {
    fill: var(--main-cl);
}
.hover_style .arrow:hover stop {
    /*stop-color: #fff;*/
}
.hover_style .arrow:hover path {
    stroke: #fff;
}

.heading_home_8 {
    padding-top: 3.7rem;
}
.home_8 .subtitle.dot:before {
    background: linear-gradient(90deg, #EF4136 0%, #FFC709 100%);
}
.bg_member_container {
    height: 46.8rem  /* 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 .box_item_wrap {
    width: fit-content;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-right: calc(-1 * ((100vw - var(--container-w)) / 2 + 0.75rem));
}
.box_member_wrapper .item_member {
    width: 15.6rem;
    aspect-ratio: 1/1;
    background: #00000066;
    backdrop-filter: blur(0.95rem);
    transition: .5s all;
    padding: 1.7rem 1.7rem 1.9995rem;
}
.box_member_wrapper .item_member.active,
.box_member_wrapper .item_member:hover {
    background: var(--main-cl);
    border-color: var(--main-cl);
}
.box_member_wrapper .item_member>.inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.box_member_wrapper .item_member h3 {
    font-family: 'Montserrat SemiBold', sans-serif;
    font-size: 1.147rem;
    margin-bottom: 0;
}
.box_member_wrapper .item_member .icon {
    position: relative;
    margin-left: auto;
    width: 2.25rem;
    height: 2.25rem;
    overflow: hidden;
}
.box_member_wrapper .item_member .icon>svg {
    position: absolute;
    width: 100%;
    height: 100%;
}
.box_member_wrapper .item_member .icon>svg:nth-child(2) {
    transform: translate(-100%, 100%);
}
.box_member_wrapper .item_member:hover .icon>svg:nth-child(2) {
    transform: translate(0%, 0%);
}
.box_member_wrapper .item_member:hover .icon>svg:nth-child(1) {
    transform: translate(100%, -100%);
}
.box_member_wrapper .item_member.item_opacity {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.box_member_wrapper .item_member.item_opacity:last-of-type {
    display: none !important;
}

.home_9 {
    padding-top: 6.65rem;
    padding-bottom: 4.999499999999999rem;
    background: linear-gradient(180deg, rgba(23, 149, 11, 0) 0%, rgba(23, 149, 11, 0.05) 100%);
}
.box_news_home {
    margin-top: 1.92rem;
}
.box_news_home.is_cat {
    margin-bottom: 4rem;
}
.box_news_home .box_large .box_img {
    width: 66.66%;
    flex: 0 0 auto;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
}
.box_news_home .box_large .box_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: linear-gradient(90deg, #0B9547 0%, #4CB748 100%);
    padding: 3.3rem 2.35rem 5.45rem 3.6rem;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}
.box_news_home .logo_watermark {
    position: absolute;
    bottom: 0;
    right: 1.2rem;
    width: 9.35rem;
    height: 5.5rem;
    background-image: url('../images/watermark_news.svg');
    background-repeat: no-repeat;
    z-index: 2;
    pointer-events: none;
}
.box_news_home .box_large h3 {
    font-family: 'Montserrat SemiBold';
    font-size: 1.2rem;
    line-height: 1.2;
    margin-bottom: 0.6rem;
}
.box_news_home .box_large.item_hover:hover h3 {
    color: #fff !important;
}
.box_news_home .box_large .desc {
    font-size: 0.7995rem;
    margin-top: 1.3995rem;
}
.box_news_home .box_large .link {
    margin-top: 1.4495rem;
    gap: 0.48rem;
}
.box_news_home .box_large .link>span.text {
    border-bottom: 1px solid transparent;
}
.box_news_home .box_large:hover .link>span.text {
    border-color: #fff;
}

.box_news_home .list_item {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.9995rem;
    padding-top: 1.65rem;
}
.item_news .box_img {
    aspect-ratio: 439/247;
    border-radius: 1rem;
}
.item_news .box_content {
    padding-top: 1rem;
}
.item_news h3 {
    font-family: 'Montserrat SemiBold';
    font-size: 1rem;
    color: var(--four-cl);
    margin-top: 0.45rem;
}
.item_news .link {
    margin-top: 1rem;
    gap: 0.55rem;
}
.item_news .link>span.text {
    font-family: 'Montserrat SemiBold';
    font-size: 0.9rem;
    border-bottom: 1px solid transparent;
    color: var(--six-cl);
}
.item_news:hover .link>span.text {
    border-color: var(--six-cl);
}

ul.fixed_button.desktop_display {
    position: fixed;
    bottom: 0;
    right: 1.92rem;
    list-style: none;
    transform: translateY(-35%);
    z-index: 99;
}
ul.fixed_button>li:not(:last-child) {
    margin-bottom: 0.768rem;
}
ul.fixed_button>li>a {
    position: relative;
    width: 2.4rem;
    height: 2.4rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(1rem);
    background: var(--color);
    border: 1px solid var(--color);
    border-radius: 50%;
    z-index: 1;
    transition: .5s all;

}
ul.fixed_button>li>a img {
    max-width: 50%;
    max-height: 50%;
    width: auto;
    height: auto;
    z-index: 1;
}
ul.fixed_button>li>a:hover {
    transform: scale(1.1);
    transition: .5s all;
}
ul.button_cta.mobile_display{
    display:none;
}
@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{
    position: relative;
}

ul.fixed_button li a:before,
li.button_cta_open:before {
    display: block;
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    animation: pulse-border 1000ms ease-out infinite;
    background: var(--color);
    border-radius: 100%;
    transform: translate(-50%, -50%);
    z-index: 0;
}

/*FACTORY*/
body.single,
body.page-template-factory {
    overflow: unset;
}
.scroll_horizon_container {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden;
}
.scroll_horizon_track {
    height: 100%;
}
.scroll_layout_wrap {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
    height: 100%;
    will-change: transform;
    background: #0B95470D;
}
.scroll_to_watch {
    top: 48.25%;
    transform: translateY(-50%);
}
.scroll_layout_item {
    display: flex;
    padding: 7.85rem 0 6.5rem;
}
.scroll_layout_item:nth-child(1) {
    margin-left: calc((100vw - var(--container-w)) / 2);
}
.scroll_layout_item:not(:first-child) {
    position: relative;
    padding-left: 6rem;
    margin-left: 6rem;
}
.scroll_layout_item:not(:first-child):before {
    content: '';
    position: absolute;
    top: -30%;
    left: 0;
    width: 1px;
    height: 200%;
    background: #0000001A;
    pointer-events: none;
}
.scroll_layout_item .group_content {
    gap: 5.5rem;
}
.scroll_layout_item .group_content .content {
    width: 13rem;
    margin-top: 1.5rem;
}
.scroll_layout_item .number {
    font-family: 'Montserrat Bold';
    font-size: 4.8rem;
}
.scroll_layout_item .number span,
.scroll_layout_item .number sup {
    background: linear-gradient(90deg, #0B9547 0%, #4CB748 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: inline-block; /* Quan trọng! */
}
.scroll_layout_item .number sup {
    font-size: 2.88rem;
    height: fit-content;
}
.scroll_layout_item .number_wrap h3 {
    font-family: 'Montserrat SemiBold';
    font-size: 1rem;
    color: var(--four-cl);
    margin-top: 0.5rem;
}
.scroll_layout_item .box_img {
    border-radius: 1rem;
}
.scroll_layout_item.layout_1 .group_heading {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 11.5rem;
    height: 100%;
    padding-right: 3.84rem;
}
.scroll_layout_item.layout_1:nth-child(3n) .group_heading {
    display: none;
}
.scroll_layout_item.layout_1 .group_heading:before {
    content: '';
    position: absolute;
    top: -30%;
    right: 0;
    width: 1px;
    height: 200%;
    background: #0000001A;
    pointer-events: none;
}
.scroll_layout_item.layout_1 .desc_sec {
    max-width: 19.9995rem;
    margin-left: auto;
}
.scroll_layout_item.layout_1 .group_content {
    padding-left: 6rem;
}
.manual_scroll {
    width: fit-content;
    margin-left: auto;
    gap: 0.7995rem;
    margin-top: 3.9rem;
}
.manual_scroll svg line.line {
    animation: manual_scroll 2s infinite;
}
.manual_scroll svg circle.circle {
    animation: manual_scroll2 4s infinite;
}
@keyframes manual_scroll {
    0% {
        transform: translateX(-1rem);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: translateX(1rem);
        opacity: 0;
    }
}
@keyframes manual_scroll2 {
    0% {
        transform: translateX(-0.7rem);
    }
    25% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(-0.7rem);
    }
    75% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-0.7rem);
    }
}
.scroll_layout_item:last-child .group_content {
    margin-right: calc((100vw - var(--container-w)) / 3);
}
.scroll_layout_item.layout_2 .group_heading {
    display: none;
}
.scroll_horizon_wrap.tablet_large {
    display: none;
}

.factory_1.blur_effect_bf:before {
    width: 35.232rem;
    height: 35.712rem;
    top: 5%;
    left: -20%;
    opacity: 0.6;
}
.factory_2 {
    padding-top: 7rem;
}
.factory_2.blur_effect_af.af_right:after {
    width: 35.232rem;
    height: 35.712rem;
    right: -20%;
    top: unset;
    bottom: 0;
}
.factory_list_2.custom_scrollbar {
    max-height: 21.119999999999997rem;
}
.factory_content_2 {
    padding-left: 4rem;
}
.factory_list_2 {
    margin-top: 3.5rem;
}
.factory_list_2 .item {
    gap: 1.8rem;
}
.factory_list_2 .item:not(:last-child) {
    border-bottom: 1px solid #0000001A;
    margin-bottom: 1.75rem;
    padding-bottom: 1.75rem;
}
.factory_list_2 .icon {
    width: fit-content;
    flex-shrink: 0;
}
.factory_list_2 .icon>img {
    width: 4rem;
    aspect-ratio: 1;
    object-fit: contain;
}

.factory_3 {
    padding-top: 7rem;
}
.swiper.timeline-swiper{
    height: 47.35rem;
}
.left-cont{
    left: calc(calc(100vw - var(--container-w)) / 2);
}
.right-cont{
    right: calc(calc(100vw - var(--container-w)) / 2);
}
.swiper.timeline-swiper .img-wrap{
    position: relative;
    height: 100%;
}
.swiper.timeline-swiper .img-wrap:before{
    left: 0;
    bottom: 0;
    height: 50%;
    width: 100%;
    position: absolute;
    content: '';
    background: linear-gradient(360deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 2;
    pointer-events: none;
}
.swiper.timeline-swiper .img-wrap:after{
    width: 70%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    content: '';
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 18.5%, rgba(0, 0, 0, 0) 100%);
    z-index: 3;
    pointer-events: none;
}
.swiper.timeline-swiper .cont-wrap{
    top: 4.7rem;
    /*bottom: 8.1rem;*/
    z-index: 6;
    width: 27.1995rem;
}
.swiper.timeline-swiper .cont-wrap h3.fw500{
    font-size: 1.9995rem;
    line-height: 2.25rem;
    margin-bottom: 0.7995rem;
}
.swiper.timeline-swiper .cont-wrap .btn{
    margin-top: 0.9rem;
}
.swiper.timeline-swiper-thumb{
    width: 100%;
}
.swiper.timeline-swiper-thumb .swiper-slide{
    overflow: hidden;
    cursor: pointer;
}
.swiper.timeline-swiper-thumb .swiper-slide .dot{
    width: 1.1rem;
    height: 1.1rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.5);
    position: relative;
    transition: .5s all;
}
.swiper.timeline-swiper-thumb .swiper-slide.activate .dot {
    border-color: var(--main-cl);
}
.swiper.timeline-swiper-thumb h3 {
    margin-top: 1.5rem;
}
.swiper.timeline-swiper-thumb .swiper-slide.activate h3 {
    color: var(--main-cl) !important;
}

.swiper.timeline-swiper-thumb .swiper-slide .dot:before{
    width: 0.3rem;
    height: 0.3rem;
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: var(--main-cl);
    opacity: 0;
    -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;
}
.swiper.timeline-swiper-thumb .swiper-slide.activate .dot:before{
    opacity: 1;
}
.swiper.timeline-swiper-thumb .swiper-slide:before{
    position: absolute;
    content: '';
    height: 1px;
    background-color: #FFF;
    width: 30rem;
    left: 1.1rem;
    top: 11%;
    /*transform: translateY(-50%);*/
}
.swiper.timeline-swiper-thumb .swiper-slide:after {
    position: absolute;
    content: '';
    height: 2px;
    background-color: var(--main-cl);
    width: 0;
    left: 1.1rem;
    top: 11%;
    /*top: 50%;*/
    /*transform: translateY(-50%);*/
    -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;
}
.swiper.timeline-swiper-thumb .swiper-slide.activate:after {
    width: 100%;
}

.timeline_nav {
    bottom: 4.75rem;
    z-index: 4;
    /*gap: 1rem;*/
}
.timeline_nav .timeline_thumb {
    width: 90%;
    flex-shrink: 0;
}
.timeline_nav .arrow_wrap {
    gap: 0.48rem;
    height: fit-content;
    margin-top: -0.6%;
}
.timeline_nav .arrow {
    width: 2.2rem;
    height: 2.2rem;
}

.factory_4 {
    padding-top: 7rem;
}
.factory_4.blur_effect_bf:before {
    width: 36.7rem;
    height: 37.2rem;
    top: 40%;
    left: -25%;
}
.factory_4.blur_effect_af.af_right:after {
    width: 41.9rem;
    height: 42.5rem;
    top: -50%;
    right: -20%;
}

.factory_5 {
    padding-top: 7rem;
}
.factory_5>.inner {
    background: var(--main-cl);
    padding: 3.6rem 0 1.5rem;
    margin: 0 3.6rem 0 3.2495rem;
    overflow: hidden;
}
.factory_5 video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 20%;
    pointer-events: none;
}

.slide_factory {
    position: relative;
    margin-top: 2.5rem;
    height: 16rem;
}
.slide_factory .wrap_item {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .5s all;
    animation: fade_up;
    animation-duration: 1s;
}
.slide_factory .wrap_item.active {
    opacity: 1;
}
@keyframes fade_up {
    from {
        opacity: 0;
        transform: translateY(1.92rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.slide_factory .item {
    width: fit-content;
    border: 1px solid transparent;
    background: #FFFFFF33;
    backdrop-filter: blur(1.5rem);
    padding: 1rem 1.3rem;
    margin: 0 auto;
    transition: .5s all;
}
.slide_factory .item:hover {
    border-color: #FFF;
}
.slide_factory .item:last-child {
    margin-top: 1.9995rem;
}
.slide_factory .item>img {
    width: fit-content;
    height: 3rem;
    object-fit: contain;
    margin: 0 auto;
}
.slide_factory_5 .swiper-pagination.mobile_hide {
    display: flex !important;
}
.tabs_factory_5.page_factory .btn {
    margin-top: 1.25rem;
}

.factory_6 {
    padding-top: 6.75rem;
}
.heading_factory_6 span.subtitle {
    margin-right: auto;
    margin-left: auto;
}
.wrap_market_share {
    margin-top: 2.5rem;
}
.wrap_market_share .wrap_item {
    display: none;
}
.wrap_market_share .wrap_item.active {
    display: block;
    animation: fade_up;
    animation-duration: 1s;
    transition: .5s all;
}

.wrap_market_share .tabs_maps {
    position: absolute;
    top: 0;
    right: 7.5rem;
    z-index: 10;
    gap: 2.1rem;
}
.wrap_market_share .tabs_maps span.text {
    color: #999999;
    transition: .5s all;
}
.wrap_market_share .tabs_maps .item {
    cursor: pointer;
}
.wrap_market_share .tabs_maps .item.active span.text,
.wrap_market_share .tabs_maps .item:hover span.text {
    color: var(--main-cl);
}
.wrap_market_share .tabs_maps .icon {
    width: fit-content;
    margin: 0 auto 0.7995rem;
}
.wrap_market_share .tabs_maps img {
    width: fit-content;
    object-fit: contain;
    filter: grayscale(1);
}
.wrap_market_share .tabs_maps .item.active img,
.wrap_market_share .tabs_maps .item:hover img {
    filter: grayscale(0);
}
.wrap_market_share .tabs_maps .item:nth-child(1) img {
    height: 2.2rem;
}
.wrap_market_share .tabs_maps .item:nth-child(2) img {
    height: 2.7rem;
}

.wrap_market_share .wrap_item .box_maps {
    margin-left: -2.88rem;
    padding-right: 2.88rem;
}
.wrap_market_share .wrap_item.layout_2 .box_maps {
    margin-left: 0;
    padding-left: 1.92rem;
    padding-right: 3.6rem;
}
.wrap_market_share .wrap_item .content_maps {
    width: 23%;
    flex-shrink: 0;
}
.wrap_market_share .wrap_item.layout_2 .content_maps {
    position: relative;
    width: 40%;
    padding-left: 1.9995rem;
}
.wrap_market_share .wrap_item.layout_2 .content_maps:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 140%;
    background: linear-gradient(180deg, #0B9547 0%, rgba(11, 149, 71, 0) 100%);
    pointer-events: none;
}

.wrap_market_share .dot_item>.dot {
    position: relative;
    font-family: 'Montserrat SemiBold';
    font-size: 0.7rem;
    color: #fff;
    min-width: 4rem;
    display: flex;
    justify-content: center;
    padding: 0.1995rem 0.7995rem;
    border-radius: 5rem;
    background: var(--main-cl);
    box-shadow: 0rem 0.188rem 0.3765rem 0rem #0000001A;
    cursor: pointer;
    z-index: 1;
}
.wrap_market_share .dot_item>.dot:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 7.5rem;
    height: 7.5rem;
    border-radius: 5rem;
    background: radial-gradient(50% 50% at 50% 50%, rgba(76, 183, 72, 0) 32.47%, rgba(76, 183, 72, 0.2) 100%);
    animation: scaleBorder 1s infinite;
    pointer-events: none;
    z-index: -1;
}
.wrap_market_share .dot_item.active>.dot:before {
    content: unset;
}
.wrap_market_share .wrap_item.active .dot_item {
    top: var(--top);
    left: var(--left);
}
.wrap_market_share .item_maps_dot {
    /*display: none;*/
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .5s all;
}
.wrap_market_share .item_maps_dot.active {
    opacity: 1;
}

.counter_gradient .number span {
    font-family: 'Montserrat SemiBold';
}
.wrap_market_share .number {
    font-size: 2.5rem;
    margin-bottom: 0.48rem;
}
.wrap_market_share .content_maps h3 {
    font-weight: unset;
}
.wrap_market_share .content_maps .desc_content {
    margin-top: 0.7rem;
}
.wrap_market_share .content_maps .desc_content.custom_scrollbar {
    max-height: 9.6rem;
}
.wrap_market_share .number span {
    background: linear-gradient(90deg, #0B9547 0%, #4CB748 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    background-size: 15rem 100%; /* Đặt cố định bằng tổng width của .number */
    display: inline-block;
}
.wrap_market_share .wrap_item.layout_1 .content_maps {
    margin-bottom: 3.3rem;
}

.factory_7 {
    padding-top: 5.75rem;
    padding-bottom: 6rem;
    background: linear-gradient(180deg, rgba(76, 183, 72, 0) 0%, rgba(76, 183, 72, 0.1) 100%);
}
.heading_factory_7 {
    margin-top: 0.7rem;
}
.heading_factory_7 .subtitle {
    color: var(--four-cl);
}
.heading_factory_7 .heading_sec span {
    position: relative;
    background: linear-gradient(90deg, #0B9547 0%, #4CB748 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.heading_factory_7 .heading_sec>span:not(:last-child) {
    padding-right: 1rem;
    margin-right: 0.1995rem;
}
.heading_factory_7 .heading_sec>span:not(:last-child):before {
    content: '';
    position: absolute;
    top: 50%;
    right: -0.2495rem;
    transform: translateY(-50%);
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 100%;
    background: var(--main-cl);
    background-repeat: no-repeat;
}

/*PRODUCT*/
body.page-template-product,
body.tax-product-category {
    overflow: unset;
}
.banner_product .heading_banner {
    display: none;
}
.banner_product .banner_page .banner_img:before {
    content: unset;
}
.product_page {
    padding-top: 4.8rem;
}
.box_terms_product {
    position: sticky;
    top: 9rem;
}
.filter_product .terms_wrap {
    margin-top: 1.25rem;
}
.filter_product .terms_all.item {
    min-width: 4.999499999999999rem;
    flex-shrink: 0;
    height: 100%;
}
.filter_product .terms_wrap .item {
    /*width: fit-content;*/
    flex-direction: column;
    gap: 0.75rem;
}
.filter_product .terms_wrap .icon {
    background: #0B95471A;
    border-radius: 0.5rem;
    padding: 0.5rem;
    transition: .5s all;
}
.filter_product .terms_wrap .item.active .icon,
.filter_product .terms_wrap .item:hover .icon {
    background: var(--main-cl);
}
.filter_product .terms_wrap img {
    width: 4rem;
    aspect-ratio: 1;
    object-fit: contain;
    border-radius: 5rem;
}
.filter_product .slide_terms {
    width: calc(100vw - 4.999499999999999rem);
    margin-left: 1.44rem;
}
.filter_product .arrow_absolute .arrow {
    width: 2.2rem;
    height: 2.2rem;
    top: 40%;
}
.filter_product .arrow_absolute .arrow.prev {
    left: -6%;
}
.filter_product .arrow_absolute .arrow.next {
    right: -4.5%;
}
.product_heading_1 {
    margin-top: 4rem;
    padding: 0 14.4rem;
}
.product_feature_wrap {
    margin-top: 1.9995rem;
}
.product_feature_wrap>.inner {
    background: #4CB7481A;
    column-gap: 5rem;
    row-gap: 1.44rem;
    padding: 3.3rem 4rem;
}
.product_feature_wrap .item {
    width: calc((100% / 5) - (5rem * 4 / 5));
}
.product_feature_wrap img {
    width: fit-content;
    height: 7rem;
    object-fit: contain;
}
.product_feature_wrap h3 {
    margin-top: 1.3rem;
}
.product_gallery.fancybox-content {
    max-width: 43rem;
    background: transparent;
    padding: 0;
}
.product_gallery .slide_gallery {
    margin: 0 6rem;
}

.product_gallery .slide_gallery .box_img {
    margin: 0 0.5rem;
}
.product_gallery .slide_thumb {
    margin: 1.5rem 12rem 0;
}
.product_gallery .slide_thumb .box_img {
    border: 0.075rem solid transparent;
    /*aspect-ratio: 95/95;*/
    width: 5rem;
    height: 5rem;
    transition: .5s all;
    cursor: pointer;
    opacity: 0.4;
}
.product_gallery .swiper-slide:hover .box_img,
.product_gallery .swiper-slide.swiper-slide-thumb-active .box_img {
    border-color: var(--main-cl);
    opacity: 1;
}
.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
    cursor: default !important;
}
.product_gallery .fancybox-close-small {
    color: #fff;
    padding: 0;
}
.product_gallery .arrow circle,
.product_gallery .arrow path {
    stroke: #fff;
    fill: transparent;
}
.product_gallery .arrow:hover circle {
    fill: var(--main-cl);
    stroke: var(--main-cl);
}

/*filter mobile*/
.btn-close-filter,
.fixed-show-filter-btn{
    display: none;
}

.list_product_wrap {
    margin-top: 4rem;
}
.list_product_wrap.blur_effect_bf:before {
    width: 36.7rem;
    height: 37.2rem;
    top: 0;
    left: -10%;
    opacity: .2;
}
.list_product_wrap .result_alpha {
    position: relative;
    z-index: 21;
}
.list_product_wrap .result_alpha .form_item {
    width: 10rem;
    margin-bottom: 0;
}
.list_product_wrap .result_alpha .alpha {
    gap: 1rem;
}
.list_product_wrap .result_alpha .alpha>span.title {
    color: #585D6D;
}
.list_product_wrap .result_alpha #sort_product {
    border: none !important;
    background: transparent !important;
    color: #fff !important;
    box-shadow: none !important;
    margin: 0;
}
.list_product_wrap .result_alpha #sort_product option {
    border: none !important;
    background: var(--main-cl);
}
.list_product_wrap .result_alpha #sort_product option:nth-child(1) {
    border-top-right-radius:0.4rem;
}

.list_product_wrap .filter-inner>.list_option {
    /*padding-top: 3rem;*/
}
.list_product_wrap .filter-inner>.list_option .item:not(:last-child) {
    margin-bottom: 1rem;
}
.list_product_wrap .filter-inner>.list_option .item {
    background: #fff;
    padding: 0.75rem 1.5rem 1rem;
    box-shadow: 0rem 0.2rem 0.5rem 0rem #00000014;
}
.list_product_wrap .filter-inner>.list_option span.wrap_title{
    cursor: pointer;
}
.list_product_wrap .filter-inner>.list_option h2.title>.title,
.list_product_wrap .filter-inner>.list_option span.wrap_title>.title{
    font-family: 'Montserrat Bold';
    font-size: 0.9rem;
    line-height: 1.4;
    /*color: #fff;*/
}
.list_product_wrap .filter-inner>.list_option svg {
    width: 0.7995rem;
    height: 0.7995rem;
    margin-right: 0.576rem;
    flex: 0 0 auto;
}
.list_product_wrap .filter-inner>.list_option h2.title.active svg,
.list_product_wrap .filter-inner>.list_option span.wrap_title.active svg{
    transform: rotate(-180deg);
}
.list_product_wrap .filter-inner>.list_option .options_container {
    border-top: 0.025rem solid #045CA624;
    padding-top: 0.6rem;
    margin-top: 0.6rem;
    padding-bottom: 1.25rem;
    padding-right: 0.3rem;
    overflow-y: auto;
    max-height: 15.36rem;
}
.list_product_wrap .filter-inner>.list_option .options_container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0.3rem rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.list_product_wrap .filter-inner>.list_option .options_container::-webkit-scrollbar {
    width: 0.2rem;
    background-color: #cedbff;
}
.list_product_wrap .filter-inner>.list_option .options_container::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
}

.list_product_wrap .filter-inner>.list_option label:not(:last-child) {
    margin-bottom: 0.75rem;
}
label.style_checkbox {
    display: flex;
    gap: 0.6rem;
    font-weight: unset;
    cursor: pointer;
}
.style_checkbox span.label {
    transition: .5s all;
}
label.style_checkbox:hover span.label {
    color: var(--main-cl) !important;
}
.style_checkbox input[type='checkbox'] {
    flex: 0 0 auto;
    position: relative;
    appearance: none;
    width: 1rem;
    height: 1rem;
    margin: 0;
    cursor: pointer;
    border: 1px solid #D7D7D7;
    background: #fff;
    overflow: hidden;
}
.style_checkbox input[type='checkbox']:checked {
    border-color: var(--main-cl);
}
.style_checkbox input[type='checkbox']::before,
.style_checkbox input[type='checkbox']::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: .5s all;
    pointer-events: none;
    z-index: 1;
}
.style_checkbox input[type='checkbox']::before {
    width: 0.6rem;
    height: 0.4rem;
    background: url("../images/checked.svg") no-repeat center;
    background-size: contain;
    z-index: 2;
}
.style_checkbox input[type='checkbox']::after {
    width: 120%;
    height: 120%;
    background: var(--main-cl);
}
.style_checkbox input[type='checkbox']:checked::before,
.style_checkbox input[type='checkbox']:checked::after {
    opacity: 1;
}

.list_product_wrap #list_product>.filed_content {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 2.8rem;
    row-gap: 1.9995rem;
    margin-top: 1.5rem;
    padding-top: 1.9995rem;
    border-top: 1px solid #0000001A;
}
.item_product {
    padding: 1rem 1.2rem 0;
    background: #FFFFFF;
    box-shadow: 0rem 0rem 1rem 0rem #0000000D;
}
.item_product .box_img {
    aspect-ratio: 263/262;
}
.item_product .box_content {
    margin-top: 1rem;
    margin-bottom: 3.1995rem;
}
.item_product .contents {
    margin-top: 0.6rem;
}
.item_product .contents>.item:not(:last-child) {
    margin-bottom: 0.4rem;
}
.item_product .contents>.item {
    column-gap: 0.6rem;
    row-gap: 0.5rem;
}
.item_product .list_weight {
    gap: 0.3rem;
}
.item_product .item_weight {
    border: 0.025rem solid #0B9547;
    border-radius: 4.999499999999999rem;
    padding: 0.1995rem 0.6rem;
}
.item_product .link {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 49%);
    width: fit-content;
    border-radius: 4.999499999999999rem;
    margin: 0 auto;
    padding: 0.4rem;
    z-index: 22;
}
.item_product .link svg {
    width: 1.2rem;
    height: 1.2rem;
}
.btn_product_wrap .btn {
    margin-top: 5.7rem;
}

.product_flavor {
    margin-top: 5.7rem;
}
.product_flavor>.inner {
    background: #4CB7481A;
    padding: 3rem 4rem 4rem;
}
.product_flavor .box_content .inner {
    transition: height .5s linear;
}
.product_flavor .box_content .inner.less_content {
    position: relative;
}
.product_flavor .box_content .inner.less_content:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20%;
    background: linear-gradient(0deg, #EDF8ED 0%, rgba(237, 248, 237, 0) 100%);
    pointer-events: none;
}
.product_flavor>.inner strong {
    font-family: 'Montserrat SemiBold';
}
.product_flavor .box_img {
    width: fit-content;
    flex-shrink: 0;
    padding-right: 1.9995rem;
    margin-right: 1.9995rem;
    border-right: 1px solid #0000001A;
}
.product_flavor img {
    width: fit-content;
    height: 4.6rem;
    object-fit: contain;
}
.product_flavor h2 {
    width: fit-content;
    background: linear-gradient(90deg, #0B9547 0%, #4CB748 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.product_flavor .box_content {
    margin-top: 1.9995rem;
}
.product_flavor .btn_wrap {
    margin-top: 1rem;
}
.product_flavor .btn_more {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
}
.product_flavor .btn_more.active {
    opacity: 1;
    z-index: 2;
}
.product_flavor .btn_more span.text {
    font-family: 'Montserrat SemiBold';
    font-size: 0.9rem;
    color: var(--six-cl);
    border-bottom: 1px solid currentColor;
}
.product_flavor .btn_more:hover span.text {
    color: var(--sub-cl);
    border-color: currentColor;
}

.sec_form_general {
    padding: 6.15rem 0 4.999499999999999rem;
}
.form_general_wrap {
    height: 100%;
    background: #fff;
}
.form_general_wrap svg.form_ht_left {
    position: absolute;
    top: 0;
    left: calc(-1 * (100vw - var(--container-w)) / 2 - 0.75rem);
    width: 13rem;
    height: 100%;
    pointer-events: none;

    clip-path: inset(0 100% 0 0);
    animation: draw-left 7s ease-in-out infinite;
}
.form_general_wrap svg.form_ht_right {
    position: absolute;
    bottom: 9%;
    right: calc(-1 * (100vw - var(--container-w)) / 2 - 1.7280000000000002rem);
    width: 15.55rem;
    pointer-events: none;

    clip-path: inset(0 0 100% 0);
    animation: draw-right 7.5s ease-in-out infinite;
}
@keyframes draw-left {
    0%      { clip-path: inset(0 100% 0 0) }
    28.6%   { clip-path: inset(0 0% 0 0) }
    75%     { clip-path: inset(0 0% 0 0) }
    100%    { clip-path: inset(0 100% 0 0) }
}
@keyframes draw-right {
    0%,
    35.7%   { clip-path: inset(0 0 100% 0) }
    57.1%   { clip-path: inset(0 0 0% 0) }
    75%     { clip-path: inset(0 0 0% 0) }
    100%    { clip-path: inset(0 0 100% 0) }
}

.form_general_wrap .box_img {
    width: 40.5%;
    height: 100%;
    flex-shrink: 0;
    border-radius: 1rem 0 0 1rem;
}
.form_general_wrap .inner_form {
    height: 100%;
    position: relative;
    padding: 2rem 3.1995rem;
    border: 1px solid #0000001A;
    border-radius: 0 1rem 1rem 0;
}
.form_general_wrap .inner_form:before {
    content: '';
    position: absolute;
    top: 15%;
    right: 0;
    width: 2.88rem;
    height: 30%;
    background: #fff;
    opacity: 1;
    z-index: 3;
    pointer-events: none;
}
.form_general_wrap .form_wrap {
    margin-top: 1.75rem;
}
.form_general_wrap .group_term_product {
    margin-top: 0.96rem;
}
.form_general_wrap .group_term_product + .form_item {
    margin-top: 1.75rem;
}
.form_general_wrap .group_term_product .contents {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.5rem;
    row-gap: 1rem;
    margin-top: 1rem;
}
.form_general_wrap .contents.custom_scrollbar {
    max-height: 5.76rem;
}
.form_general_wrap .group_term_product .item {
    width: calc((100% / 3) - (1.5rem * 2 / 3));
    margin-bottom: 0 !important;
}

/*CSR PAGE*/
.csr_page {
    padding-top: 7.5rem;
}
.csr_page.is_cat {
    padding-top: 5rem;
}
.wrap_item_csr.is_cat .list_csr_post {
    margin-top: 2rem;
}
.csr_page.blur_effect_bf:before {
    width: 48.6rem;
    height: 49.25rem;
    top: 30%;
    left: -25%;
    opacity: .3;
}
.csr_effect_svg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 70.2rem;
    height: 19.9rem;
    pointer-events: none;
    clip-path: inset(0 100% 0 0);
    animation: draw-left 4s linear infinite;
}
.heading_csr_1 {
    margin-top: 1rem;
}
.csr_img_wrap {
    padding-bottom: 5.4rem;
    padding-left: 4.8rem;
}
.csr_img_wrap .box_img {
    border: 0.15rem solid #FFFFFF;
    transition: .7s all;
}
.csr_img_wrap .box_img:nth-child(1) {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 7.9rem;
    aspect-ratio: 1;
    box-shadow: 0.1rem 0.1rem 1rem 0rem #0000001A;
}
.csr_img_wrap .box_img:nth-child(2) {
    width: 22.5rem;
    height: 27.5rem;
}
.csr_img_wrap .box_img:nth-child(3) {
    position: absolute;
    bottom: 10%;
    right: 8%;
    z-index: 2;
    width: 12.35rem;
    height: 15.1rem;
    box-shadow: -0.1rem 0.1rem 1rem 0rem #0000001A;
}
.csr_img_wrap:hover .box_img:nth-child(1) {
    bottom: 10%;
    transform: rotate(-8.57deg);
}
.csr_img_wrap:hover .box_img:nth-child(2) {
    transform: rotate(5deg) translateY(-1.92rem);
}
.csr_img_wrap:hover .box_img:nth-child(3) {
    bottom: 32%;
    transform: rotate(13.27deg);
}
.wrap_item_csr {
    padding-bottom: 4.992rem;
}
.wrap_item_csr:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background: linear-gradient(180deg, rgba(23, 149, 11, 0) 0%, #17950B 100%);
    opacity: 5%;
    pointer-events: none;
}
.list_csr_post {
    margin-top: 4.8rem;
}
.grid_3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.9995rem;
}

/*BLOG PAGE*/
.blog_page {
    padding: 7.5rem 0 2.7rem;
}
.blog_page.is_cat {
    padding-top: 5rem;
}
.blog_page:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(180deg, rgba(23, 149, 11, 0) 0%, #17950B 100%);
    opacity: 5%;
    pointer-events: none;
}
.blog_page.blur_effect_bf:before {
    width: 48.6rem;
    height: 49.25rem;
    top: -20%;
    left: -25%;
}
.blog_page .box_news_home {
    margin-top: 0;
}
.box_news_home span.btn_action:before {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 0.48rem);
    height: calc(100% + 0.48rem);
    border: 1px solid var(--sub-cl);
    border-radius: 100%;
    animation: circle 1.5s ease-out infinite
}
@keyframes circle {
    0% {
        transform: translateY(-50%) translateX(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateY(-50%) translateX(-50%) translateZ(0) scale(1.2);
        opacity: 0;
    }
}
.box_news_home span.btn_action.absolute {
    bottom: 1.6rem;
    left: 1.6rem;
    z-index: 22;
}
.box_news_home .btn_action {
    width: 3.6rem;
    height: 3.6rem;
}
.box_news_home .btn_action svg {
    width: 100%;
    height: 100%;
}
.box_news_home .btn_action.is-hidden {
    opacity: 1;
    pointer-events: auto;
}
.box_news_home .btn_action {
    cursor: pointer;
    transition: opacity .25s ease, transform .25s ease;
}
.blog_wrap_post {
    margin-top: 6rem;
    z-index: 10;
}
.blog_wrap_post.is_cat {
    margin-top: 0;
}
.blog_wrap_post.blur_effect_af.af_right:after {
    width: 48.6rem;
    height: 49.25rem;
    top: -10%;
    right: -50%;
    /*opacity: .2;*/
}

.blog_wrap_post .btn_wrap {
    margin-top: 2.4rem;
}
.blog_wrap_post .btn {
    min-width: 0;
    margin-top: 0;
    padding: 0.5rem 1.2rem;
}
.blog_wrap_post .list_post {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.9995rem;
}
.blog_wrap_post .load_post_cat {
    margin-top: 2.4rem;
}

/*BLOG DETAILS*/
.single_breadcrumbs .breadcrumbs {
    margin-top: 3.4rem;
    margin-bottom: 3.75rem;
}
.blog_details.blur_effect_bf:before {
    width: 48.6rem;
    height: 49.25rem;
    top: -30%;
    left: -35%;
}
.blog_details.layout_ux_builder.blur_effect_bf:before {
    top: -10%;
}
.blog_details + .sec_form_general {
    padding-top: 4.999499999999999rem;
    overflow: hidden;
}

.post_content ul,
.post_content ol {
    padding-left: 2.5rem;
}
.post_content strong {
    font-family: 'Montserrat Bold';
    font-weight: unset;
}
.post_content iframe {
    height: 20rem;
    border-radius: 1.042rem;
}
blockquote {
    border-color: var(--main-cl);
    color: #333333;
    font-size: 1rem;
    font-style: normal;
    margin: 0 0 1.25em;
    padding: 0 0 0 1rem;
    position: relative;
}
blockquote p:not(:last-child) {
    margin-bottom: 0.3rem;
}

.terms_time {
    line-height: 1;
    transition: .5s all;
}
.terms_time > * {
    font-family: 'Montserrat Regular';
    font-size: 0.7995rem;
    color: var(--four-cl);
}
.terms_time time {
    position: relative;
    padding-right: 0.768rem;
    margin-right: 0.768rem;
}
.terms_time time:before {
    content: '';
    position: absolute;
    top: 50%;
    right: -2px;
    transform: translateY(-50%);
    width: 0.25rem;
    height: 0.25rem;
    background: var(--four-cl);
    border-radius: 5rem;
    transition: .5s all;
}
.terms_time .term {
    width: fit-content;
}

.blog_details .terms_time {
    margin-top: 1.6rem;
}
.blog_details time {
    display: block;
    margin-top: 1.6rem;
}

.ux_builder_content.blur_effect_bf:before {
    width: 48.6rem;
    height: 49.25rem;
    top: 5%;
    left: -20%;
}
.ux_builder_content .blur_effect_2,
.ux_builder_content .blur_effect_1 {
    position: fixed;
    top: 50%;
    right: -15%;
    transform: translateY(-50%);
    width: 48.6rem;
    height: 49.25rem;
    background: radial-gradient(50% 50% at 50% 50%, #4CB748 0%, rgba(76, 183, 72, 0) 100%);
    backdrop-filter: blur(200px);
    opacity: 0.2;
    pointer-events: none;
}
.ux_builder_content .blur_effect_2 {
    top: unset;
    bottom: -20%;
    right: unset;
    left: -15%;
}

.ux_builder_content .banner {
  margin-top: 1.6rem;
  position: relative;
  z-index: 2;
}
.ux_builder_content .title_layout {
  margin: 1.6rem 0 1.44rem;
}
.ux_builder_content .title_layout .number {
  position: relative;
  font-family: Montserrat Regular;
  font-size: 4.999499999999999rem;
  color: var(--main-cl);
  padding-right: 1.6rem;
  margin-right: 1.6rem !important;
}
.ux_builder_content .title_layout .number:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 4rem;
  background: #AACDB9;
  pointer-events: none;
}
.ux_builder_content .title_layout h2 {
  font-family: Montserrat SemiBold;
  font-size: 1rem;
  color: #000000;
}
.ux_builder_content .content strong {
  font-family: 'Montserrat SemiBold';
  font-weight: unset;
}

.ux_builder_content .content_style_3,
.ux_builder_content .content_style_2,
.ux_builder_content .content_style_1 {
  margin-top: 1.6rem;
}
.ux_builder_content .content_style_1 > * {
  width: 50% !important;
}
.ux_builder_content .content_style_1 .content {
      /*margin-right: -0.96rem !important;*/
}
.ux_builder_content .content_style_1 .box_img {
}
.ux_builder_content .content_style_1 .box_img>.img-inner {
    border-radius: 0.7995rem;
    margin-left: 4.8rem !important;
}

.ux_builder_content .content_style_2 {
    margin-bottom: 1.6rem;
}
.ux_builder_content .content_style_2 > * {
    width: 50% !important;
    background: linear-gradient(90deg, #0B9547 0%, #4CB748 100%);
}
.ux_builder_content .content_style_2 > .box_img {
    border-radius: 1.6rem 0 0 1.6rem;
}
.ux_builder_content .content_style_2 > .content {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 5rem 1.6rem 3rem 4.8rem;
    border-radius: 0 1.6rem 1.6rem 0;
}
.ux_builder_content .content_style_2 > .content {
    padding-right: 3.1rem;
}
.ux_builder_content .content_style_2 .inner.custom_scrollbar {
    max-height: 18rem;
}
.ux_builder_content .content_style_2 blockquote {
    margin-top: 1rem !important;
    margin-bottom: 0 !important;
}

.ux_builder_content .content blockquote {
    border: 0;
    font-family: 'Montserrat Regular';
    font-size: 0.9rem;
    font-style: normal;
    color: #333;
    margin: 0;
    padding: 0;
    padding-left: 3.5rem;
}
.ux_builder_content .content blockquote strong {
    font-family: 'Montserrat SemiBold';
}
.ux_builder_content .content blockquote:before {
    content: '';
    position: absolute;
    top: 0.6rem;
    left: 0;
    /*transform: translateY(-50%);*/
    width: 2.8rem;
    height: 1px;
    background: #333333;
    border-radius: 0.5rem;
}
.ux_builder_content .content.text_white blockquote:before{
    background: #fff;
}

.ux_builder_content .layout_3 .box_img {
    border-radius: 1.6rem;
    margin-bottom: 1.6rem;
}
.ux_builder_content .content_style_3 .box_content > * {
    width: 50% !important;
}
.ux_builder_content .content_style_3 .box_img {
    border-radius: 0.7995rem;
}
.ux_builder_content .content_style_3 .box_content {
    margin-bottom: 1.6rem !important;
}

.ux_builder_content .content_style_3 .box_content>.content {
    padding-left: 5.184rem;
}
.ux_builder_content .content_style_3 .item_wrap:nth-child(even) .box_content>.content {
    padding-left: 0;
    padding-right: 5.184rem;
}
.ux_builder_content .content_style_3 .item_wrap>.content {
    padding: 0 6.720000000000001rem;
}

.ux_builder_content .layout_4 .box_img {
    border-radius: 0.7995rem;
    margin: 1.6rem 0;
}

.post_footer {
    flex-wrap: wrap;
    gap: 0.96rem;
    margin-top: 1.6rem;
    padding: 1.6rem 0 0;
    border-top: 1px solid rgba(21, 5, 45, 0.1);
}
.post_footer span.title {
    font-family: 'Montserrat Regular';
    margin-right: 1.2rem;
    color: #333333;
}
.post_footer .tags_wrap {
    flex-wrap: wrap;
}
.post_footer .tags_wrap>ul {
    gap: 0.7995rem;
    flex-wrap: wrap;
}
.post_footer .tags_wrap a {
    display: flex;
    background: transparent;
    border-radius: 4.999499999999999rem;
    padding: 0.48rem 0.96rem;
    font-size: 0.9rem;
    font-family: 'Montserrat SemiBold';
    color: var(--main-cl);
    border: 1px solid var(--main-cl);
}
.post_footer .tags_wrap a:hover {
    background: var(--main-cl);
    color: #fff;
}
.sharing_wrap .sharing {
    gap: 0.5rem;
}
.sharing_wrap a {
    width: 1.7rem;
    height: 1.75rem;
}
.sharing_wrap a>svg {
    width: 100%;
    height: 100%;
}
.sharing_wrap a:hover path:nth-child(2) {
    fill: var(--sub-cl);
}
.sharing_wrap a:hover path:nth-child(1) {
    stroke: var(--sub-cl);

}

.layout_normal.blog_details time {
    margin-top: 0;
}
.layout_normal .post_content  {
    margin-top: 1.6rem;
}
.layout_normal .post_content :is(h1, h2) {
    font-family: 'Montserrat SemiBold';
    font-size: 1rem;
}
.layout_normal .post_content :is(h3, h4, h5, h6) {
    font-family: 'Montserrat SemiBold';
    font-size: 0.9rem;
}
.layout_normal .post_content ul,
.layout_normal .post_content ol {
    padding-left: 2.4rem;
}
.layout_normal .post_content strong {
    font-family: 'Montserrat SemiBold';
    font-weight: unset;
}
.layout_normal .post_content img {
    border-radius: 1.6rem;
}
.a_style a {
    color: var(--main-cl);
    border-bottom: 1px solid transparent;
}
.a_style a:hover {
    border-bottom: 1px solid var(--main-cl);
}
.layout_normal blockquote, dl, figure, form, ol, p, pre, ul {
    margin-bottom: 0.6719999999999999rem;
}
.layout_normal blockquote {
    border-color: var(--main-cl);
    font-size: 0.96rem;
    font-style: normal !important;
    margin: 0 0 1.25em;
    padding: 0 0 0 0.96rem;
    position: relative;
}
.layout_normal .sharing_wrap span.title {
    display: none;
}

.blog_related_sec {
    padding: 7.5rem 0;
    background: linear-gradient(180deg, rgba(23, 149, 11, 0) 0%, rgba(23, 149, 11, 0.05) 100%);
}
.blog_related_wrap {
    margin: 3.1995rem -1rem 0;
}
.blog_related_wrap .item_news {
    margin: 0 1rem;
}
.blog_related_wrap .item_news .term {
    display: none;
}
.blog_related_wrap .arrow {
    width: 2.5rem;
    height: 2.5rem;
}
.blog_related_wrap .arrow.prev {
    left: -4.2%;
}
.blog_related_wrap .arrow.next {
    right: -4.2%;
}

.layout_normal #ez-toc-container {
    background: #0B95470D !important;
    border: 0 !important;
    border-radius: 0.7995rem;
    padding: 1.6rem;
    margin: 1.6rem 0 !important;
}
.layout_normal div#ez-toc-container .ez-toc-title {
    padding-left: 2rem;
    position: relative;
}
.layout_normal div#ez-toc-container .ez-toc-title:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1.2rem;
    height: 1.2rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNzUgMTJIMjAuMjUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTMuNzUgNkgyMC4yNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMy43NSAxOEgyMC4yNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
    background-size: contain;
    background-position: center;
    pointer-events: none;
}
.layout_normal .ez-toc-title-container>.ez-toc-title {
    font-family: 'Montserrat SemiBold';
    font-size: 1.1rem;
    color: var(--third-cl);
}
.layout_normal #ez-toc-container>nav {
    border-top: 1px solid #AACDB9;
    padding-top: 0.7995rem;
    margin-top: 0.7995rem;
}
.layout_normal #ez-toc-container .ez-toc-list>li:not(:last-child) {
    margin-bottom: 0.4rem;
}
.layout_normal #ez-toc-container ul li {
    font-weight: unset !important;
}
.layout_normal #ez-toc-container .ez-toc-heading-level-2>a {
    font-family: 'Montserrat Medium';
    font-size: 0.9rem;
    font-weight: unset !important;
    color: var(--four-cl);
}
.layout_normal #ez-toc-container .ez-toc-heading-level-3>a {
    font-family: "Montserrat Regular";
    font-weight: unset !important;
    font-size: 0.7995rem;
}
.layout_normal #ez-toc-container .ez-toc-list a {
    border-bottom: 1px solid transparent;
    text-decoration: unset !important;
}
.layout_normal #ez-toc-container .ez-toc-list a:hover {
    color: var(--main-cl);
    border-color: var(--main-cl);
}
.layout_normal .ez-toc-icon-toggle-span {
    position: relative;
}
.layout_normal #ez-toc-container .ez-toc-js-icon-con {
    border: 0 !important;
}
.layout_normal .ez-toc-icon-toggle-span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    width: 0.7995rem;
    height: 0.7995rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuMzMyMDMgMTAuNjY2N0w3LjI5MTU5IDYuNzA3MTFDNy42ODIxMiA2LjMxNjU4IDguMzE1MjggNi4zMTY1OCA4LjcwNTggNi43MDcxMUwxMi42NjU0IDEwLjY2NjciIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-size: contain;
}
.layout_normal .toc_close .ez-toc-icon-toggle-span:before {
    transform: translate(-50%, -50%) rotate(-180deg);
}
.layout_normal .ez-toc-icon-toggle-span svg {
    display: none !important;
}

/*sidebar*/
.sidebar_wrap {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    background: #0B95470D;
    border-radius: 1.2rem;
    padding: 1.6rem;
    margin-left: 4.8rem;
}
.sidebar_wrap.fixed_sidebar {
    position: sticky;
    top: 7.68rem;
}
.sidebar_wrap .item_news:not(:last-child) {
    margin-bottom: 1.2rem;
    padding-bottom: 1.2rem;
    border-bottom: 1px solid rgba(170, 205, 185, 0.5);
}
.sidebar_wrap .item_news h3.fs_18 {
    font-size: 0.9rem;
    color: var(--third-cl);
}
.sidebar_wrap .item_news time {
    margin-top: 0;
}
.sidebar_wrap .item_news .link {
    margin-top: 0;
}
.sidebar_wrap .item_news .link>span.text {
    font-size: 0.7995rem;
}

/*RESTAURANT PHAN PHOI*/
.tabs_office .tab_style_1 li:nth-child(1)>a {
    border-color: #159F4A;
    color: #159F4A;
}
.tabs_office .tab_style_1 li:nth-child(2)>a {
    border-color: #F68D2E;
    color: #F68D2E;
}
.tabs_office .tab_style_1 li:nth-child(3)>a {
    border-color: #EF4136;
    color: #EF4136;
}
.tabs_office .tab_style_1 li:nth-child(4)>a {
    border-color: #00A7E1;
    color: #00A7E1;
}

.tabs_office .tab_style_1 li>a[aria-current="page"],
.tabs_office .tab_style_1 li>a:hover {
    color: #fff;
}

.tabs_office .tab_style_1 li:nth-child(1)>a[aria-current="page"],
.tabs_office .tab_style_1 li:nth-child(1)>a:hover {
    background: #159F4A;
}
.tabs_office .tab_style_1 li:nth-child(2)>a[aria-current="page"],
.tabs_office .tab_style_1 li:nth-child(2)>a:hover {
    background: #F68D2E;
}
.tabs_office .tab_style_1 li:nth-child(3)>a[aria-current="page"],
.tabs_office .tab_style_1 li:nth-child(3)>a:hover {
    background: #EF4136;
}
.tabs_office .tab_style_1 li:nth-child(4)>a[aria-current="page"],
.tabs_office .tab_style_1 li:nth-child(4)>a:hover {
    background: #00A7E1;
}

.restau_term_wrap {
    margin-top: 3.1995rem;
}
.restau_term_wrap .group_heading {
    gap: 0.96rem;
}
.restau_term_wrap .group_heading .box_img {
    width: fit-content;
    flex-shrink: 0;
}
.restau_term_wrap .group_heading .box_img>img {
    width: fit-content;
    height: 5rem;
}
.restau_term_wrap .group_heading .box_content {
    width: 32.8rem;
    flex-shrink: 0;
}
.restau_term_wrap .group_heading .desc_sec {
    margin-top: 0.4rem;
}
.restau_term_wrap .group_heading .btn {
    min-width: 0;
    margin-top: 0;
}

.office_list_wrap {
    border-top: 1px solid rgba(170, 205, 185, 0.5);
    margin-top: 1.6rem;
    padding-top: 1.6rem;
}
.filter_office {
    gap: 1.2rem;
    padding: 0 11.9rem;
}
.filter_office > * {
    width: 50%;
}
.filter_office .search_custom input {
    height: 2.4rem;
    max-width: 100%;
    background: #fff;
    font-size: 0.7995rem;
    color: #333333B2;
    border-radius: 4.999499999999999rem;
    box-shadow: none;
    border: 1px solid #33333333;
    backdrop-filter: blur(1rem);
    margin: 0;
    padding: 0.5rem 2.4rem 0.43200000000000005rem 1.2rem;
}
.filter_office .search_custom input:focus {
    border-color: var(--main-cl);
}
.filter_office .search_custom .search-icon {
    top: 50%;
    right: 0.6719999999999999rem;
    transform: translateY(-50%);
}
.filter_office .filter_terms {
    gap: 0.5rem  /* 10/19.2 */;
}
.filter_office .form_item {
    margin-bottom: 0;
}
.filter_office .form_item .select-styled {
    height: 2.4rem;
    font-size: 0.7995rem;
    color: #333333B2;
}
.filter_office .select .select-options {
    max-height: 10.559999999999999rem;
}
.filter_office .select .select-options > li {
    font-size: 0.816rem;
    line-height: 0.864rem;
}
.filter_office .filter_terms .item {
    width: 33.33%;
    flex: 0 0 auto;
}

.wrap_list_office {
    margin-top: 1.8rem;
    gap: 1.2rem;
}
.wrap_list_office > * {
    width: 50%;
}
.wrap_list_office .list_office.custom_scrollbar {
    max-height: 36.96rem;
}
.wrap_list_office .item {
    background: #fff;
    padding: 1.6rem;
    border: 1px solid #33333333;
    cursor: pointer;
    transition: .5s all;
}
.wrap_list_office .item:hover,
.wrap_list_office .item.active {
    border-color: transparent;
    background: #0B95470D;
}
.wrap_list_office .item:not(:last-child) {
    margin-bottom: 0.7995rem;
}
.wrap_list_office .info_inner {
    margin-top: 0.4rem;
}
.wrap_list_office .item_info {
    gap: 0.384rem;
}
.wrap_list_office .item_info:not(:last-child) {
    margin-bottom: 0.4rem;
}
.wrap_list_office .box_socials li {
    flex-shrink: 0;
}
.wrap_list_office .box_socials a {
    width: 1.6rem;
}
.wrap_list_office #data-maps {
    flex-shrink: 0;
    height: 36.96rem;
}
.wrap_list_office #data-maps iframe {
    opacity: 1;
    transition: .5s all;
}
.wrap_list_office #data-maps.active iframe {
    opacity: 0;
}

/*RESTAURANT*/
.restaurant_page.blur_effect_bf:before {
    width: 48.6rem;
    height: 49.25rem;
    top: -30%;
    left: -25%;
    opacity: .3;
}
.tab_menu_wrap {
    margin-top: 1.9995rem;
}
.restau_content_wrap {
    margin-top: 3rem;
}
.restau_content_wrap .item:not(:last-child) {
    border-bottom: 1px solid rgba(170, 205, 185, 0.5);
    margin-bottom: 1.3rem;
    padding-bottom: 1.3rem;
}
.restau_content_wrap .item {
    gap: 2.95rem;
}
.restau_content_wrap .box_img {
    width: fit-content;
}
.restau_content_wrap .box_content {
    width: 39.1rem;
    flex-shrink: 0;
    margin-left: auto;
}
.restau_content_wrap .desc_sec {
    margin-top: 0.4rem;
}

/*RECRUIT*/
.recruit_1.blur_effect_af.af_right:after {
    width: 48.6rem;
    height: 49.25rem;
    top: -65%;
    right: -30%;
}
.recruit_list_1 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.425rem;
}
.recruit_list_1 .item {
    width: 22.55rem;
    aspect-ratio: 1;
    /*height: 100%;*/
    /*margin: 2.5rem;*/
    z-index: 1;
}
.recruit_list_1 .item:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 17.5rem;
    height: 17.5rem;
    border-radius: 100%;
    border: 1px solid var(--main-cl);
    z-index: -1;
}
.recruit_list_1 .item>.inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.7995rem;
}
.recruit_list_1 .item>.inner:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: -1;
    transform-origin: center;
    transition: 1s ease-in-out;
}
.recruit_list_1 .item:hover>.inner:after {
    transform: rotate(180deg);
}
.recruit_list_1 .inner {
    background: #fff;
}

.recruit_2 {
    margin-top: 4.999499999999999rem;
    padding-top: 4.999499999999999rem;
}
.recruit_2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(180deg, #17950B 0%, rgba(23, 149, 11, 0) 100%);
    opacity: 5%;
    border-radius: 3.1995rem 3.1995rem 0 0;
    pointer-events: none;
}
.recruit_list_2 {
    margin-top: 3.1995rem;
}
.recruit_list_2 .item_recruit {
    border-top: 1px solid rgba(170, 205, 185, 0.5);
    margin-top: 1.6rem;
    padding-top: 3.1995rem;
}
.item_recruit {
    gap: 1.6rem;
}
.item_recruit .box_img {
    width: 25%;
    flex-shrink: 0;
}
.item_recruit .content {
    margin-top: 0.67rem;
}
.item_recruit .link {
    width: 1.9995rem;
    height: fit-content;
    aspect-ratio: 1;
    border-radius: 4.999499999999999rem;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn_more_recruit {
    margin-top: 2.4rem;
}
.btn_more_recruit .btn {
    margin-top: 0;
    min-width: 0;
}

/*RECRUIT DETAILS*/
.single-recruit .terms_time time:before {
    content: unset !important;
}
.file_apply .wpcf7-form-control-wrap {
    margin-top: 0.78125rem;
    cursor: pointer;
}
.file_apply input {
    height: 100%;
    padding: 0 !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
    border: 0 !important;
}
.file_apply input.wpcf7-file[type="file"]::file-selector-button {
    font-family: 'Manrope Bold';
    font-size: 0.729rem;
    border-radius: 5.208rem;
    border: none;
    padding: 0.3125rem 1.042rem;
    background: #EBEBEB;
}

/*EVENT*/
.graphic_event:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 21.5rem;
    height: 18.5rem;
    background: url('../images/graphic_event.png') no-repeat center center;
    background-size: contain;
    pointer-events: none;
}
.event_1 {
    padding-bottom: 7.5rem;
}
.event_1.blur_effect_bf:before {
    width: 48.6rem;
    height: 49.25rem;
    top: -60%;
    left: -25%;
    opacity: .3;
}
.event_1.graphic_event:after {
    left: unset;
    right: 0;
}
.event_1 .svg_effect {
    position: absolute;
    bottom: 3%;
    left: 0;
    width: 100%;
    animation: draw-left 7s ease-in-out infinite;
    pointer-events: none;
}
.event_wrap_content {
    margin-top: 3.1995rem;
}
.event_wrap_content .box_left {
    padding-left: 1.9995rem;
}
.event_list_1.custom_scrollbar {
    margin-top: 1.6rem;
    max-height: 15.36rem;
}
.event_list_1 .item:not(:last-child) {
    margin-bottom: 0.7995rem;
}
.event_list_1 .item {
    gap: 0.7995rem;
}
.event_list_1 .icon {
    width: fit-content;
    flex-shrink: 0;
}
.event_list_1 .icon>img {
    width: 2.4rem;
    aspect-ratio: 1;
}
.event_list_1 .content {
    margin-top: 0.4rem;
}
.event_list_1 .box_content>.contents {
    gap: 2.5rem;
    margin-top: 1rem;
}
.event_list_1 .logo {
    width: fit-content;
}
.event_list_1 .logo>img {
    width: auto;
    height: 3rem;
    object-fit: contain;
}

.event_2 {
    margin-top: 3.1995rem;
    padding-top: 4.999499999999999rem;
}
.event_2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #17950B 0%, rgba(23, 149, 11, 0) 100%);
    opacity: 5%;
    border-radius: 3.1995rem 3.1995rem 0 0;
    pointer-events: none;
}
.event_list_2 {
    margin: 3.1995rem -1rem 0;
}
.event_list_2 .arrow {
    width: 2.5rem;
    height: 2.5rem;
    top: 30%;
}
.event_list_2 .arrow.prev {
    left: -4%;
}
.event_list_2 .arrow.next {
    right: -4%;
}
.event_list_2 .item {
    margin: 0 1rem;
}
.event_list_2 .box_content {
    display: flex;
    flex-direction: column;
    gap: 0.7995rem;
    margin-top: 1.6rem;
}
.event_list_2 .idx {
    font-size: 4.999499999999999rem;
    line-height: 1;
}

.event_heading_3 {
    padding-right: 5.2rem;
}
.event_heading_3 .desc_sec.custom_scrollbar {
    max-height: 14.4rem;
}

.event_4.blur_effect_bf:before {
    width: 48.6rem;
    height: 49.25rem;
    top: 0;
    left: unset;
    right: -30%;
    opacity: .2;
}
.event_list_4 {
    margin-top: 2.4rem;
}
.accordion_item {
    cursor: pointer;
}
.accordion_item span {
    transition: .5s all;
}
.event_list_4 .accordion_item {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #AACDB9;
}
.event_list_4 .accordion_item:hover span.title {
    color: var(--sub-cl);
}
.event_list_4 .content {
    margin-top: 1rem;
}
.event_list_4 .accordion_title svg {
    transform: rotate(180deg);
}
.event_list_4 .accordion_title.active svg {
    transform: rotate(360deg);
}

.event_heading_5 .desc_sec {
    margin-left: 12rem;
}
.event_list_5 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.2rem;
    margin-top: 2.4rem;
}
.event_list_5 .item {
    gap: 1.6rem;
    border: 1px solid #AACDB9;
    padding: 1.6rem;
    transition: .5s all;
}
.event_list_5 .item:hover {
    border-color: var(--main-cl);
}
.event_list_5 .logo {
    max-width: 50%;
    width: fit-content;
    flex-shrink: 0;
}
.event_list_5 .logo>img {
    width: fit-content;
    height: 4rem;
    object-fit: contain;
}
.event_list_5 .item a.cta {
    margin-top: 0.384rem;
    text-decoration: underline;
    text-decoration-style: solid;
}

/*PARTNER*/
.partner_1 {
    padding-top: 6.5rem;
}
.partner_1.blur_effect_af.af_right:after {
    width: 48.6rem;
    height: 49.25rem;
    top: 0;
    right: -30%;
}
.partner_counter_wrap {
    gap: 4.4495rem;
    padding-left: 4.3995rem;
}
.partner_counter_wrap .item_counter {
    padding-left: 1.8rem;
}
.partner_counter_wrap .item_counter:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(-180deg, #4CB748 0%, rgba(76, 183, 72, 0) 100%);
    pointer-events: none;
}
.partner_counter_wrap.counter_gradient .number span {
    font-family: 'Montserrat Bold';
}
.partner_counter_wrap .number {
    font-size: 4.999499999999999rem;
    justify-content: center;
}
.partner_counter_wrap sup {
    font-family: 'Montserrat Bold';
    font-size: 4.999499999999999rem;
}
.partner_img_1 {
    position: relative;
    z-index: 3;
    margin-top: 2.5rem;
}
.partner_2 {
    padding: 7.3rem 0 9.249500000000001rem;
}
.partner_2:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, rgba(76, 183, 72, 0) 0%, rgba(76, 183, 72, 0.08) 100%);
    /*opacity: 5%;*/
    pointer-events: none;
}
.partner_tabs_wrap {}
.partner_tabs_wrap>.tabs_wrap {
    overflow-x: auto;
    padding-bottom: 0.48rem;
}
.partner_tabs_wrap>.tabs_wrap::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0.3rem rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.partner_tabs_wrap>.tabs_wrap::-webkit-scrollbar {
    height: 2px;
    background-color: #cedbff;
}
.partner_tabs_wrap>.tabs_wrap::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
}

.slide_tabs_partner .item {
    margin: 0 0.3rem;
}

.partner_tabs_wrap:after,
.partner_tabs_wrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3.2495rem;
    height: 100%;
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    z-index: 2;
}
.partner_tabs_wrap:after {
    background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    left: unset;
    right: 0;
}
.partner_tabs_wrap .item {
    white-space: nowrap;
}
.partner_tabs_wrap .btn {
    margin-top: 0;
    min-width: 12.3rem;
}
.partner_heading {
    margin-top: 3rem;
    padding: 0 13.440000000000001rem;
}
.partner_list_wrap .item_wrap.active {
    display: block;
    opacity: 1;
    transition: .5s all;
    animation: fade_up;
    animation-duration: 1s;
}
.partner_list_wrap .item_wrap {
    display: none;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .5s all;
}
.partner_list_wrap .list_partner {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 2.2rem;
    row-gap: 4rem;
    margin-top: 2.95rem;
}
.partner_list_wrap .list_partner .box_img {
    background: #F4F4F4;
    aspect-ratio: 316/316;
}
.partner_list_wrap .list_partner h3 {
    margin-top: 1.05rem;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-color: transparent;
    text-decoration-thickness: 0.04rem;
}
.partner_list_wrap .list_partner .item:hover h3 {
    text-decoration-color: var(--main-cl);
}

/*SOLUTION*/
.solution_1 {
    padding-top: 8.5rem;
    background: #4CB7481A;
}
.solution_1.blur_effect_bf:before {
    width: 35.232rem;
    height: 35.712rem;
    top: 10%;
    left: -20%;
    opacity: .6;
}
.solution_1.blur_effect_af.af_right:after {
    width: 35.232rem;
    height: 35.712rem;
    top: unset;
    bottom: 5%;
    right: -20%;
    opacity: .6;
}
.solution_wrap_content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}
.solution_img_1 {
    height: fit-content;
    width: fit-content;
    margin-left: -6.75rem;
    position: relative;
    z-index: 3;
}
.solution_img_1 .svg_effect {
    position: absolute;
    bottom: -6%;
    right: -60%;
    width: 100%;
    z-index: -1;
    animation: draw-left 7s ease-in-out infinite;
    pointer-events: none;
}
.solution_list_1 {
    max-height: 64rem;
    margin-bottom: 6.5rem;
}
.solution_list_1 .item {
    gap: 0.96rem;
    padding-top: 1rem;
    margin-top: 2.5rem;
}
.solution_list_1 .item:after,
.solution_list_1 .item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #0000001A;
    pointer-events: none;
}
.solution_list_1 .item:after {
    width: 0;
    background: var(--main-cl);
}
.solution_list_1 .item.active:after,
.solution_list_1 .item:hover:after {
    width: 100%;
}
.solution_list_1 .idx {
    width: 8%;
    height: fit-content;
    flex-shrink: 0;
    margin-top: 0.45rem;
}
.solution_list_1 .box_content {
    width: 25.3995rem;
    flex-shrink: 0;
}
.solution_list_1 .box_img {
    position: relative;
    margin-top: -2.5rem;
    width: 12.5rem;
    height: 12.5rem;
    flex-shrink: 0;
    z-index: 3;
    opacity: 0;
}
.solution_list_1 .item.active .box_img,
.solution_list_1 .item:hover .box_img {
    opacity: 1;
}
.solution_list_1 .item.active h3,
.solution_list_1 .item:hover h3 {
    color: var(--main-cl);
}
.solution_2 {
    z-index: 3;
}
.solution_2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000066;
    pointer-events: none;
}
.solution_heading_2 {
    padding-top: 4.999499999999999rem;
}
.solution_heading_2 .btn {
    margin-left: auto;
    margin-right: auto;
}
.slide_solution_wrap {
    /*padding-top: 17.28rem;*/
}
.slide_solution .item {
    padding: 17.28rem 2.2rem 3.4rem;
}
.slide_solution .swiper-slide {
    height: auto;
}
.slide_solution .swiper-slide:after,
.slide_solution .swiper-slide:before {
    content: '';
    position: absolute;
    inset: 0;
    backdrop-filter: blur(1rem);
    -webkit-backdrop-filter: blur(1rem);
    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;
}
.slide_solution .swiper-slide:after {
    background: linear-gradient(180deg, rgba(76, 183, 72, 0) 0%, rgba(76, 183, 72, 0.6) 100%);
    /*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(0.4rem);
    opacity: 0;
}
.slide_solution .swiper-slide.active:after,
.slide_solution .swiper-slide:hover:after {
    opacity: 1;
}
.slide_solution .icon {
    width: fit-content;
}
.slide_solution .icon>img {
    width: 2.4rem;
    aspect-ratio: 1;
}
.slide_solution h3.fs_22 {
    margin-top: 1rem;
}

/*ABOUT*/
.about_1 {
    background: linear-gradient(0deg, rgba(23, 149, 11, 0) 0%, rgba(23, 149, 11, 0.08) 100%);
    padding-top: 5.95rem;
}
.heading_about_1 .desc_sec {
    margin-top: 0.65rem;
}

.about_img_1 {
    margin-top: 3.168rem;
}
.about_img_1 .img_main {
    padding: 0 10.75rem;
    overflow: unset;
}
.about_img_1 .img_graphic {
    position: absolute;
    z-index: 2;
}
.about_img_1 .img_1 {
    width: 7.392rem;
    height: 5.52rem;
    top: 24%;
    left: 0;
    animation: hu__hu__ infinite 5s ease-in-out
}
.about_img_1 .img_2 {
    width: 7.68rem;
    height: 8.83rem;
    bottom: -1%;
    left: 10%;
    animation: hu__hu__ infinite 4s ease-in-out
}
.about_img_1 .img_3 {
    width: 9.024rem;
    height: 9.888rem;
    bottom: -5%;
    right: 7%;
    animation: hu__hu__ infinite 5s ease-in-out
}
.about_img_1 .img_4 {
    width: 9.84rem;
    height: 11.28rem;
    top: 2%;
    right: -2%;
    animation: hu__hu__ infinite 4s ease-in-out
}
.about_img_1 svg.svg_effect {
    position: absolute;
    bottom: 6%;
    /*left: calc(-1 * (100vw - var(--container-w)) / 2 - 0.72rem);*/
    /*right: calc(-1 * (100vw - var(--container-w)) / 2);*/
    left: 0;
    /* transform: translateX(-50%); */
    /* left: calc(-1 * (100vw - var(--container-w)) / 2 - 0.72rem); */
    /* right: calc(-1 * (100vw - var(--container-w)) / 2); */
    animation: draw-left 7s ease-in-out infinite;
    margin: 0 calc(-1 * (100vw - var(--container-w)) / 2 - 0.75rem);

    /*animation: draw-left 7s ease-in-out infinite;*/
    pointer-events: none;
}
.about_2 {
    padding-top: 5.3759999999999994rem;
}
.about_2.blur_effect_bf:before {
    width: 50.256rem;
    height: 50.976rem;
    top: 10%;
    left: -30%;
    opacity: .2;
}

.heading_about_2 {
    padding-right: 4.608rem;
}
.heading_about_2 .desc_sec {
    line-height: 1.4;
}
.about_content_2 {
    margin-top: 5.136rem;
}
.about_content_2 .item .box_img {
    overflow: unset;
}
.about_content_2 .item .svg_effect {
    position: absolute;
    top: 80%;
    left: calc(-1 * (100vw - var(--container-w)) / 2 - 0.72rem);
    height: auto;
}
.about_content_2 .item:nth-child(2) .svg_effect {
    top: 54%;
    left: unset;
    right: calc(-1 * (100vw - var(--container-w)) / 2 - 0.72rem);
}
.about_content_2 .item:nth-child(1) .svg_effect>path {
    /*stroke-dasharray: 6 6;*/
    /*stroke-dashoffset: 1200;*/
}
.about_content_2 .item .svg_effect.active>path {
    /*stroke-dashoffset: 0;*/
    /*transition: all 2s;*/
}

.about_content_2 .item>.flex>* {
    width: 50%;
    flex-shrink: 0;
}
.about_content_2 .item:nth-child(2) {
    margin-top: 7.1rem;
}
.about_content_2 .item:not(.item.item_last) img {
    position: relative;
    z-index: 3;
}
.about_content_2 .item:nth-child(odd) .box_img {
    padding-right: 5.76rem;
}
.about_content_2 .item:nth-child(odd) .wrap_content {
    padding-left: 0.96rem;
}
.about_content_2 .item:nth-child(even) .wrap_content {
    padding-right: 5.76rem;
}
.about_content_2 .wrap_content strong {
    font-family: 'Montserrat SemiBold';
    font-size: 1.2rem;
}
.about_content_2 .wrap_content :is(ul, ol) {
    list-style: none;
    margin-top: 1.44rem;
}
.about_content_2 .wrap_content ul>li:not(:last-child) {
    margin-bottom: 0.72rem;
    padding-bottom: 0.72rem;
    border-bottom: 1px solid #0000001A;
}
.about_content_2 .list_child {}
.about_content_2 .list_child .icon {
    width: fit-content;
    flex-shrink: 0;
}
.about_content_2 .list_child .item_child:not(:last-child) {
    margin-bottom: 1.44rem;
}
.about_content_2 .list_child .item_child {
    gap: 1.15rem;
}
.about_content_2 .list_child .icon>img {
    width: fit-content;
    height: 2.88rem;
}
.about_content_2 .item_last.blur_effect_bf:before {
    width: 41.28rem;
    height: 41.760000000000005rem;
    top: -30%;
    left: -20%;
}
.about_content_2 .item_last>.relative {
    z-index: 10;
}
.about_content_2 .item_last {
    margin: 6.47rem calc(-1 * (100vw - var(--container-w)) / 2 - 0.72rem) 0;
}
.about_content_2 .item_last .box_img {
    padding: 0 !important;
}
.about_content_2 .item_last .img_last_2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}
.about_content_2 .item_last .svg_effect {
    position: absolute;
    top: 0;
    left: 0;
}
.about_content_2 .item_last .wrap_content {
    width: fit-content;
    max-width: 66.66%;
    z-index: 15;
    position: absolute;
    top: 0;
    right: calc((100vw - var(--container-w)) / 2 - 0.72rem);
    margin-left: auto;
}
.about_content_2 .wrap_content>.logo {
    width: fit-content;
    flex-shrink: 0;
    padding-right: 2.784rem;
    margin-right: 2.784rem;
    border-right: 1px solid #0000001A;
}
.about_content_2 .wrap_content>.logo>img {
    width: fit-content;
    height: 7.15rem;
}
.about_content_2 .item_last .content {
    background: linear-gradient(90deg, #0B9547 0%, #4CB748 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.about_3 {
    background: #4CB7481A;
    padding-top: 7.96rem;
    padding-bottom: 8.544rem;
}
.about_img_3 {
    padding-right: 1.92rem;
}
.about_content_3 {
    padding-left: 1.92rem;
}
.about_img_3>.item {
    display: none;
    transition: .5s all;
}
.about_img_3>.item.active {
    display: block;
    transition: .5s all;
    animation: opacity;
    animation-duration: 1s;
}
@keyframes opacity {
    from{
        opacity:0;
    }
    to{
        opacity:1;
    }
}

.about_content_3 .accordion_about_3 {
    margin-top: 3rem;
}
.about_content_3 .accordion_item:not(:last-child) {
    padding-bottom: 1.44rem;
    margin-bottom: 1.44rem;
    border-bottom: 1px solid #0000001A;
    transition: .4s all;
}
.about_content_3 .accordion_item:hover {
    border-color: var(--main-cl);
}
.about_content_3 .accordion_title.active span.title,
.about_content_3 .accordion_item:hover span.title {
    color: var(--main-cl);
}
.about_content_3 .accordion_item .content {
    margin-top: 0.96rem;
}

.about_4 {
    margin-top: 5.279999999999999rem;
}
.about_content_4 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.about_img_4 .box_img {
    margin-bottom: 2rem;
    margin-right: 8.87rem;
    overflow: unset;
}
.about_img_4 .box_img:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4.8rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    pointer-events: none;
    /*z-index: 3;*/
}
.about_img_4 .svg_effect {
    position: absolute;
    top: 57%;
    left: -40%;
    pointer-events: none;
    z-index: -1;
}
.about_img_4 .graphic {
    position: absolute;
    bottom: -10%;
    left: -30%;
    width: fit-content;
}
.about_img_4 .graphic>img {
    width: 13.44rem;
    height: 7.96rem;
}
.about_img_4 .logo {
    position: absolute;
    top: 0;
    right: 0;
    width: fit-content;
    animation: hu__hu__ infinite 5s ease-in-out
}
.about_img_4 .logo>img {
    width: fit-content;
    height: 4.224rem;
}
.about_slide_4 {
    margin: 0 -0.576rem;
    padding-top: 2.2079999999999997rem;
}
.about_slide_4 .idx {
    padding-left: 2.4rem;
    line-height: normal;
}
.about_slide_4 .idx:before {
    content: '';
    position: absolute;
    bottom: 0.2rem;
    left: 0;
    width: 1.92rem;
    height: 0.025rem;
    background: #fff;
    pointer-events: none;
}
.about_slide_4 h3 {
    margin-top: 0.72rem;
    margin-bottom: 1.2rem;
    min-height: 3.4rem;
}
.about_slide_4 .wrap_content {
    position: absolute;
    bottom: 0;
    margin: 0 1.6rem 1.92rem;
}
.about_slide_4 .box_img:after,
.about_slide_4 .box_img:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    pointer-events: none;
}
.about_slide_4 .box_img:after {
    height: 100%;
    background: #0B9547CC;
    backdrop-filter: blur(1rem);
    opacity: 0;
}
.about_slide_4 .item {
    margin: 0 0.576rem;
}
.about_slide_4 .item .box_img {
    height: 28.5rem;
}
.about_slide_4 .item:hover .box_img:after {
    opacity: 1;
}
.about_slide_4 .content {
    margin-top: 1rem;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 1s ease, opacity .3s ease;
}
.about_slide_4 .item:hover .content {
    max-height: 17.28rem;
    opacity: 1;
}
.about_slide_4 .swiper_nav {
    gap: 2.68rem;
    margin-top: 2.88rem;
}
.about_slide_4 .arrow_wrap {
    gap: 0.288rem;
}

.custom_swiper_scrollbar .swiper-scrollbar {
    position: unset;
    display: block;
    opacity: 1 !important;
    height: 2px;
}
.custom_swiper_scrollbar .swiper-scrollbar .swiper-scrollbar-drag, .news_home_wrap .swiper-scrollbar .swiper-scrollbar-drag {
    background: var(--main-cl);
}

.about_5 {
    margin: 6.5rem 3.168rem 0 3.408rem;
}
.about_inner_5 {
    padding: 3.408rem 0;
}
.tabs_factory_5 .btn.btn_style_3 {
    min-width: 0;
}
.about_6 {
    padding-top: 5.664rem;
}
.about_6.blur_effect_bf:before {
    width: 50.256rem;
    height: 50.976rem;
    top: 0;
    left: -20%;
}
.about_slide_6_wrap {
    margin-top: 1.6800000000000002rem;
}
.about_slide_6_wrap .arrow {
    width: 2.4rem;
    height: 2.4rem;
}
.about_slide_6_wrap .arrow.prev {
    left: -8%;
}
.about_slide_6_wrap .arrow.next {
    right: -8%;
}
.about_slide_6 .swiper-slide {
    max-width: 65%;
    /*width: 65%;*/
    opacity: .5;
    transition: .5s all;
}
.about_slide_6 .swiper-slide:has(~ .swiper-slide-prev),
.about_slide_6 .swiper-slide.swiper-slide-next ~ * {
    opacity: 0;
}
.about_slide_6 .swiper-slide.swiper-slide-active {
    opacity: 1;
}
.about_slide_6 .swiper-slide h3 {
    margin-top: 1.296rem;
    opacity: 0;
}
.about_slide_6 .swiper-slide.swiper-slide-active h3 {
    opacity: 1;
}

.about_7 {
    padding-top: 6.24rem;
    padding-bottom: 5.76rem;
}
.heading_about_7 .desc_sec {
    padding-left: 3.36rem;
}
.about_content_7 {
    margin-top: 1.92rem;
}

.history_month_wrap {
    position: relative;
}
.history_month_wrap>.item {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: opacity .5s ease, visibility .5s ease;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.history_month_wrap>.item.active {
    position: relative;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}
.history_month_wrap .item .box_img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
}
.history_month_wrap .item .box_content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 0 4.41rem 2.4rem;
    z-index: 2;
}
.history_month_wrap .swiper-pagination {
    display: flex;
    justify-content: flex-start;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 0 2.592rem 2.4rem;
    z-index: 2;
}
.slide_history_year_wrap {
    margin-top: 1.6320000000000001rem;
}
.slide_history_year_wrap .arrow {
    top: 10%;
    width: 2.16rem;
    height: 2.26rem;
}
.slide_history_year_wrap .arrow.prev {
    left: -5%;
}
.slide_history_year_wrap .arrow.next {
    right: -5%;
}
.slide_history_year .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}
.slide_history_year .item h3 {
    width: fit-content;
    margin-top: 1.92rem;
}
.slide_history_year .item.active h3,
.slide_history_year .item:hover h3 {
    color: var(--main-cl);
}
.slide_history_year .graphic {
    position: relative;
    height: 2.592rem;
    width: 100%;
    display: block;
    background-position: center center;
    /*background-size: contain;*/
}

/*CONTACT*/
.contact_page.blur_effect_bf:before {
    width: 48.6rem;
    height: 49.25rem;
    top: -60%;
    left: -25%;
    opacity: .3;
}
.pt_150{
    padding-top: 7.5rem;
}
.pt_120{
    padding-bottom: 6rem;
}
.contact_heading_1 .desc_sec {
    margin-top: 2.88rem;
}
.contact_info_content {
    padding-right: 4.8rem;
}
.contact_info_content .desc_sec p:not(:last-child) {
    margin-bottom: 0.576rem;
}
.contact_info_content .desc_sec strong {
    font-family: 'Montserrat SemiBold';
}
.contact_info_content .socials_wrap {
    gap: 1.2rem;
    border-top: 1px solid #AACDB9;
    padding-top: 1.6rem;
    margin-top: 1.6rem;
}
.contact_info_content .box_socials a {
    width: 1.6rem;
}
.iframe_maps {
    width: 100%;
    height: 26.5rem;
    overflow: hidden;
}
iframe {
    width: 100%;
    height: 100%;
}
.contact_page_form {
    margin-top: 7.5rem;
}

/*form contact page*/
.form_contact {}
.form_contact .box_img {
    width: 28.5rem;
    flex: 0 0 auto;
}
.form_contact .box_content {
    padding: 1.9995rem 3.1995rem;
}

.menu_home_5 {
    padding-top: 1.44rem !important;
}

.section.default-page {
    padding-top: 3rem;
}

@media (min-width: 1200px) {
    html {
        font-size: 1vw;
    }
}
@media (max-width: 1500px) and (min-width: 1400px) {
    .term_time {
        font-size: 0.9rem;
    }
    .item_news h3 {
        font-size: 1.1rem;
    }
    ul.fixed_button>li>a img {
        max-width: 60% !important;
        max-height: 60% !important;
    }
    ul.fixed_button>li>a {
        width: 3rem !important;
        height: 3rem !important;
    }
    .block_footer.block_1 span.title_item {
        font-size: 1.05rem;
    }
    .block_footer.block_1 .content {
        font-size: 0.9rem;
    }


    .banner_hero .item:before {
        width: 80%;
    }
    .home_5 .col:nth-child(1) .group_heading {
        padding-right: 0;
    }
    .home_5 .col:nth-child(2) .desc_sec {
        margin-right: -3rem;
    }
    .markets_wrap .box_maps .dot_item .dot:before {
        width: 1rem;
        height: 1rem;
    }
    .box_news_home .box_large h3 {
        font-size: 1.3rem;
    }
    .box_news_home .box_large .desc {
        font-size: 0.95rem;
    }
}
@media (max-width: 1400px) and (min-width: 1300px) {
    .subtitle {
        font-size: 1rem;
    }
    .desc_sec {
        font-size: 1.1rem;
    }

    /*HEADER*/
    #header .header-main>.container {
        max-width: 90rem !important;
    }
    header#header .header_info {
        margin-left: 3rem !important;
    }

    .banner_hero .item:before {
        width: 90%;
    }
    .banner_hero .box_content {
        max-width: 46%;
    }
    .home_1 .desc_sec {
        padding-right: 0;
    }
    .number_list_layout h3 {
        font-size: 1rem;
    }
    .number_list_layout .item_counter.special {
        padding-right: 1rem;
    }
    .home_3 .group_heading {
        padding: 0 1rem;
    }
    .list_certi_wrap {
        margin: 0 -6rem;
    }
    .list_certi_wrap .box_content .content {
        font-size: 1rem;
    }
    .list_certi_wrap .item {
        padding: 0 1rem;
    }
    .list_why_wrap .item h3 {
        font-size: 1.1rem;
    }
    .list_why_wrap .content {
        font-size: 0.9rem;
    }
    .home_5 .desc_sec {
        margin-right: -3rem;
    }
    .markets_wrap .box_maps .dot_item .box_img {
        height: 6rem;
    }
    .markets_wrap .box_maps .box_img>img {
        object-fit: contain;
    }
    .markets_wrap .box_maps .dot_item h3 {
        font-size: 1.2rem;
    }
}
@media (max-width: 1299px) and (min-width: 1199px) {
    header#header:before {
        height: 7rem;
    }
    #header .header-main>.container {
        max-width: 93rem !important;
    }
    #header #logo img {
        transform: translateX(29%) translateY(-20%);
    }
    #header .stuck #logo img {
        transform: translateX(35%) translateY(-30%);
    }
}

@media only screen and (max-width: 1699px) {
    /*COMPONENTS*/
    :root {
        --container-w: 85rem;
    }

    .subtitle {
        font-size: 0.9rem;
    }
    .desc_sec {
        font-size: 1.1rem;
    }

    .fs_18 {
        font-size: 1.05rem;
    }
    .fs_16 {
        font-size: 0.95rem;
    }
    .fs_14 {
        font-size: 0.9rem;
    }

    .form_item textarea::placeholder,
    .form_item input::placeholder,
    .select-styled,
    .form_item textarea,
    .form_item input,
    .form_wrap label {
        font-size: 0.95rem;
    }
    .select .select-options {
        max-height: 10rem;
    }
    .select .select-options > li {
        font-size: 0.9rem;
        line-height: 1.2rem;
    }
    .wpcf7 .form_wrap .wpcf7-not-valid-tip {
        font-size: 0.85rem;
    }
    .wpcf7 form.invalid .form_wrap + .wpcf7-response-output,
    .wpcf7 form.unaccepted .form_wrap + .wpcf7-response-output,
    .wpcf7 form.payment-required .form_wrap + .wpcf7-response-output {
        font-size: 1rem;
    }

    /*banner page*/
    .banner_page .banner_img {
        height: 34rem;
    }

    /*HEADER*/
    #header .header-main>.container {
        max-width: 90rem !important;
    }
    header #logo a {
        transform: translateX(11%) translateY(12%);
    }
    .header_style_2 header #logo a, header .stuck #logo a {
        transform: translateX(19%) translateY(12%);
    }
    header .nav>li>a {
        font-size: 0.88rem;
    }

    /*FOOTER*/
    .block_footer span.title {
        font-size: 1rem;
    }
    .block_footer .menu_footer a {
        font-size: 0.95rem;
    }
    .block_footer.block_5 {
        margin-top: 3.9rem;
    }

    /*HOME*/
    .home_1 .desc_sec {
        padding-right: 0;
    }
    .home_1 .box_logo_svg {
        margin-left: 6rem;
    }
    .number_list_layout h3 {
        font-size: 0.86rem;
    }
    .number_list_layout .item_counter.special {
        padding-right: 5rem;
    }
    .home_2 .list_counter {
        padding-top: 24rem;
    }
    .heading_home_3 {
        padding: 0 2rem;
    }
    .list_certi_wrap {
        margin: 0 -1.2rem;
    }
    .list_certi_wrap .item {
        padding: 0 1.2rem;
    }
    .list_certi_wrap .box_content h3 {
        font-size: 1.1rem;
    }
    .list_certi_wrap .box_content .content {
        font-size: 0.88rem;
    }
    .list_why_wrap {
        column-gap: 3rem;
    }
    .list_why_wrap .item h3 {
        font-size: 1.02rem;
    }
    .list_why_wrap .content {
        font-size: 0.95rem;
    }
    .heading_home_5 .desc_sec {
        margin-right: -2rem;
    }
    .markets_wrap .list_counter_maps {
        width: 28%;
        flex: 0 0 auto;
    }
    .box_member_wrapper .item_member h3 {
        font-size: 1.2rem;
    }

    /*EVENT*/
    .event_heading_11 {
        margin-right: -2rem;
    }
    .event_1 .svg_effect {
        bottom: -5%;
    }
    .event_2 {
        margin-top: 0;
    }
    .event_list_2 .idx {
        font-size: 4rem;
    }
    .event_heading_3 {
        padding-right: 7rem;
    }
    .event_heading_3 .desc_sec.custom_scrollbar {
        max-height: 20rem;
    }
    .event_list_4 .accordion_item .title.fs_20 {
        font-size: 1.2rem;
    }
    .event_list_5 .logo>img {
        height: 3.9rem;
    }

    /*BLOG DETAILS*/
    .layout_normal .post_content :is(h1, h2) {
        font-size: 1.3rem;
    }
    .layout_normal .post_content :is(h3, h4, h5, h6) {
        font-size: 1.1rem;
    }
    .sidebar_wrap .item_news h3.fs_18 {
        font-size: 1.05rem;
    }
    .sharing_wrap a {
        width: 1.9rem;
        height: 1.9rem;
    }
    .layout_normal #ez-toc-container .ez-toc-heading-level-2>a {
        font-size: 1.05rem;
    }
    .layout_normal #ez-toc-container .ez-toc-heading-level-3>a {
        font-size: 1rem;
    }

    /*BLOG*/
    .box_news_home .term_time,
    .item_news.style_2 .term_time {
        font-size: 0.9rem;
    }
    .box_news_home .box_large h3 {
        font-size: 1.3rem;
    }
    .box_news_home .box_large .desc {
        font-size: 1rem;
    }
    .item_news.style_2 h3 {
        font-size: 1.1rem;
    }

    /*RESTAURANT PHAN PHOI*/
    .wrap_list_office .list_office.custom_scrollbar {
        max-height: 40.3rem;
    }
    .wrap_list_office #data-maps {
        height: 40rem;
    }
    .wrap_list_office .box_socials a {
        width: 1.9rem;
    }

    /*CSR BLOG*/
    .list_csr_post .item_news.style_2 h3 {
        font-size: 1.2rem;
    }
    .btn_csr_wrap .btn span.text {
        font-size: 1.2rem;
    }

    /*PRODUCT*/
    .box_terms_product {
        top: 9rem;
    }
    .product_feature_wrap>.inner {
        padding: 3.5rem 2rem;
        column-gap: 4rem;
    }
    .product_feature_wrap .item {
        width: calc((100% / 5) - (4rem * 4 / 5));
    }
    .list_product_wrap .filter-inner>.list_option .item {
        padding-top: 1rem;
    }
    .list_product_wrap #list_product>.filed_content {
        column-gap: 2rem;
        row-gap: 3rem;
    }
    .product_heading_1 {
        padding: 0 12rem;
    }

    /*SOLUTION*/
    .solution_1 {
        padding-top: 7rem;
    }

    /*RECRUIT*/
    .item_recruit h3.fs_22 {
        font-size: 1.25rem;
    }

    /*FACTORY*/
    .scroll_layout_item .group_content .content {
        width: 17rem;
    }

    /*ABOUT*/
    .about_img_1 svg.svg_effect {
        bottom: 20%;
    }
    .about_content_2 .item:not(.item_last) .svg_effect {
        top: 62%;
    }
    .about_slide_4 .item .box_img {
        height: 31rem;
    }
    .about_img_4 .svg_effect {
        top: 57%;
        left: -20%;
        width: 100%;
    }
    .about_5 {
        margin-top: 5rem;
    }
    .about_img_4 .logo {
        top: 17%;
    }

    /*PARTNER*/
    .partner_2 {
        padding-top: 6rem;
    }

    /*CONTACT*/
    .contact_info_content .box_socials a {
        width: 2.1rem;
    }
    .form_general_wrap svg.form_ht_right {
        bottom: 9%;
        right: -16%;
    }
}
@media only screen and (max-width: 1499px) {
    /*components*/
    .style_checkbox input[type='checkbox'] {
        width: 1.2rem;
        height: 1.2rem;
    }
    .wpcf7 .form_wrap .wpcf7-not-valid-tip {
        font-size: 0.85rem;
    }
    .wpcf7 form.invalid .form_wrap + .wpcf7-response-output,
    .wpcf7 form.unaccepted .form_wrap + .wpcf7-response-output,
    .wpcf7 form.payment-required .form_wrap + .wpcf7-response-output {
        font-size: 1rem;
    }

    .pt_150 {
        padding-top: 5rem;
    }
    .fs_55,
    .heading_sec.fs_55 {
        font-size: 2.5rem;
    }
    .fs_40 {
        font-size: 2rem;
    }
    .fs_22 {
        font-size: 1.4rem;
    }
    .fs_20 {
        font-size: 1.2rem;
    }
    .fs_16 {
        font-size: 1.05rem;
    }
    .form_wrap .text_policy {
        font-size: 1rem;
    }

    .banner_page.layout_video .banner_img {
        height: 40rem;
    }

    /*FOOTER*/
    .block_footer span.title {
        font-size: 1.15rem;
    }

    /*RECRUIT*/
    .recruit_list_1 .item {
        width: 100%;
    }
    .recruit_list_1 .item:before {
        width: 80%;
        height: 80%;
    }
    .recruit_list_1 h3.fs_22 {
        font-size: 1.15rem;
    }
    .recruit_list_1 .content.fs_18 {
        font-size: 0.9rem;
    }
    .recruit_2 {
        margin-top: 3rem;
        padding-top: 4rem;
    }
    .recruit_list_2 .item_recruit {
        padding-top: 2.5rem;
    }
    .item_recruit .link {
        width: 2.4rem;
        padding: 0.4rem;
    }

    /*BLOG DETAILS*/
    .terms_time > * {
        font-size: 0.9rem;
    }
    .layout_normal .heading_normal h1.fs_40 {
        font-size: 1.7rem;
    }
    .sidebar_wrap {
        margin-left: 3rem;
    }
    .sidebar_wrap .item_news h3.fs_18 {
        font-size: 1.15rem;
    }
    .sidebar_wrap .item_news .link>span.text {
        font-size: 1rem;
    }

    /*EVENT*/
    .event_list_1.custom_scrollbar {
        max-height: 18rem;
    }
    .event_list_1 .logo>img {
        height: 4rem;
    }

    /*BLOG*/
    .box_news_home .box_large .desc.limit-5 {
        -webkit-line-clamp: 4;
    }
    .item_news.style_2 h3 {
        font-size: 1.2rem;
    }

    /*PRODUCT*/
    .product_flavor .btn_more span.text {
        font-size: 1.1rem;
    }
    .item_product h3.fs_20 {
        font-size: 1.08rem;
    }

    /*PARTNER*/
    .partner_heading_1 {
        margin-right: 3rem;
    }
    .partner_counter_wrap {
        padding-left: 3rem;
    }
    .partner_2 {
        padding: 5rem 0 7rem;
    }

    /*SOLUTION*/
    .solution_list_1 .idx {
        margin-top: 0.15rem;
    }
    .solution_list_1 .box_content {
        width: 28rem;
    }
    .slide_solution .item {
        padding: 18rem 2rem 3.542rem;
    }
    .slide_solution h3.fs_22 {
        font-size: 1.2rem;
    }

    /*FACTORY*/
    .swiper.timeline-swiper-thumb .swiper-slide:before,
    .swiper.timeline-swiper-thumb .swiper-slide:after {
        top: 7%;
    }
    .timeline_nav .arrow_wrap {
        margin-top: -1.1%;
    }
    .timeline_nav .arrow {
        width: 2.5rem;
        height: 2.5rem;
    }
    .wrap_market_share .content_maps .desc_content.custom_scrollbar {
        max-height: 10.8rem;
    }

    /*ABOUT*/
    .about_content_2 .item .svg_effect {
        height: 100%;
    }
    .about_content_2 .item:not(.item_last) .svg_effect {
        top: 90%;
    }
    .heading_about_6 .desc_sec br {
        display: none;
    }
    .heading_about_7 .desc_sec {
        padding-left: 0;
    }
    .about_content_2 .item_last .svg_effect {
        width: 100%;
        top: -20%;
    }

    /*HOME*/
    .heading_home_4 {
        padding-right: 6rem;
    }

    /*RESTAURANTS PHAN PHOI*/
    .wrap_list_office .box_socials a {
        width: 2.1rem;
    }

    /*CONTACT*/
    .contact_heading_1 .desc_sec {
        margin-top: 1.5rem;
    }
    .iframe_maps {
        height: 28rem;
    }
    .contact_info_content .box_socials a {
        width: 2.3rem;
    }
    .form_general_wrap svg.form_ht_right {
        bottom: 5%;
    }
    .form_general_wrap .desc_sec {
        font-size: 1.1rem;
    }

}
@media only screen and (max-width: 1399px) {
    .form_general_wrap svg.form_ht_right {
        bottom: 1%;
    }

    /*FOOTER*/
    .footer_top .link_external a,
    .block_footer .menu_footer a {
        font-size: 1.05rem;
    }
    .copyright .content {
        font-size: 0.85rem;
    }

    ul.fixed_button>li>a {
        width: 3rem !important;
        height: 3rem !important;
    }

    /*HOME*/
    .home_5 .desc_sec {
        font-size: 1rem;
    }
    .number_list_layout .item_counter.special .number {
        font-size: 8rem;
    }
    .number_list_layout h3 {
        font-size: 0.96rem;
    }
    .number_list_layout .number {
        font-size: 3.8rem;
    }

    /*BLOG DETAILS*/
    .term_time {
        font-size: 1rem;
    }
    .terms_time > * {
        font-size: 1.04rem;
    }
    .layout_normal #ez-toc-container .ez-toc-heading-level-2>a {
        font-size: 1.2rem;
        margin-bottom: 0.6rem;
    }
    .layout_normal #ez-toc-container .ez-toc-heading-level-3>a {
        font-size: 1.15rem;
        margin-bottom: 0.4rem;
    }
    .layout_normal .post_content :is(h1, h2) {
        font-size: 1.5rem;
    }
    .layout_normal .post_content :is(h3, h4, h5, h6) {
        font-size: 1.2rem;
    }
    .layout_normal .post_content.fs_18 {
        font-size: 1.15rem;
    }
    .sidebar_wrap .item_news h3.fs_18 {
        font-size: 1.25rem;
    }
    .sidebar_wrap .item_news .link>span.text {
        font-size: 1.05rem;
    }
    .sharing_wrap a {
        width: 2.2rem;
        height: 2.2rem;
    }

    /*EVENT*/
    .event_1 .svg_effect {
        bottom: -7%;
    }
    .event_list_2 .idx {
        font-size: 3.5rem;
    }

    /*BLOG*/
    .item_news.style_2 h3 {
        font-size: 1.25rem;
    }
    .box_news_home .term_time {
        font-size: 0.9rem;
    }
    .item_news.style_2 .term_time {
        font-size: 1rem;
    }
    .item_news .link>span.text {
        font-size: 1.1rem;
    }
    .blog_page .tabs_wrap .btn span.text {
        font-size: 1.1rem;
    }
    .term_time {
        line-height: unset;
    }

    /*CSR DETAILS*/
    .ux_builder_content .content_style_1 .box_img>.img-inner {
        margin-left: 2rem !important;
    }
    .ux_builder_content .content_style_2 > .content {
        padding: 4rem 3rem 2rem 3rem;
        border-radius: 1.667rem 1.667rem 0 0;
    }
    .ux_builder_content .content_style_3 .box_content>.content {
        padding-left: 4rem;
    }

    /*PRODUCT*/
    .product_feature_wrap img {
        height: 6.5rem;
    }
    .list_product_wrap #list_product>.filed_content {
        margin-top: 1rem;
    }
    .item_product .item_weight {
        padding: 0.208rem 0.7rem;
    }
    .item_product .item_weight.fs_16 {
        font-size: 0.95rem;
    }

    .list_product_wrap .result_alpha .alpha>span.title,
    .result_alpha .result-count {
        font-size: 1.1rem;
    }
    .list_product_wrap .filter-inner>.list_option h2.title>.title,
    .list_product_wrap .filter-inner>.list_option span.wrap_title>.title {
        font-size: 1.15rem;
    }
    .list_product_wrap .filter-inner>.list_option svg {
        width: 1rem;
        height: 1rem;
    }

    .product_flavor .btn_more span.text {
        font-size: 1.15rem;
    }
    .product_flavor .box_content .inner.fs_18 {
        font-size: 1.2rem;
    }
    .product_flavor .box_content .inner.less_content:before {
        height: 20%;
        background: linear-gradient(0deg, #EDF8ED 0%, rgb(237 248 237 / 30%) 100%);
    }

    /*SOLUTION*/
    .solution_1 {
        padding-top: 5rem;
    }
    .solution_img_1 {
        margin-right: 7rem;
    }
    .solution_img_1 .svg_effect {
        bottom: -13%;
    }

    /*ABOUT*/
    .about_3 {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .heading_about_3 h2.fs_55 {
        font-size: 1.8rem;
    }
    .about_content_3 {
        padding-left: 0;
    }
    .about_img_4 .logo {
        top: 15%;
    }
    .about_img_4 .svg_effect {
        top: 35%;
    }
    .about_5 {
        margin-top: 3rem;
    }

    /*FACTORY*/
    .swiper.timeline-swiper-thumb .swiper-slide:before,
    .swiper.timeline-swiper-thumb .swiper-slide:after {
        top: 9%;
    }

    /*RESTAURANTS PHAN PHOI*/
    .wrap_list_office .list_office.custom_scrollbar {
        max-height: 41rem;
    }

    /*RECRUIT*/
    .recruit_list_1 {
        margin-top: 2rem;
    }
    .recruit_list_1 .item:before {
        width: 90%;
        height: 90%;
    }
    .recruit_list_1 h3.fs_22 {
        font-size: 1.25rem;
    }
    .recruit_list_1 .content.fs_18 {
        font-size: 1.1rem;
    }
}

@media only screen and (max-width: 1199px) {
    :root{
        --container-w: 59.375rem;
    }

    .load_home_page svg {
        width: 16rem;
    }

    /*component*/
    .heading_banner.fs_60 {
        font-size: 2.4rem;
    }
    .fs_55, .heading_sec.fs_55 {
        font-size: 2rem;
    }
    .fs_40 {
        font-size: 1.8rem;
    }
    .fs_20 {
        font-size: 1.1rem;
    }
    .fs_24 {
        font-size: 1.15rem;
    }
    .fs_16 {
        font-size: 1rem;
    }
    .subtitle {
             font-size: 0.9rem;
             margin-bottom: 1.05rem;
         }
    .subtitle.dot {
        padding-left: 1.2rem;
    }
    .desc_sec {
        font-size: 0.9rem;
        line-height: 1.4;
    }
    .btn {
        padding: 0.65rem 1.2rem 0.7rem;
    }
    .btn span.text {
        font-size: 0.95rem;
    }
    .tab_style_1 li:not(.view_all)>a {
        font-size: 0.85rem;
    }
    ul.fixed_button>li>a {
        width: 4.5rem;
        height: 4.5rem;
    }

    .form_item textarea::placeholder,
    .form_item input::placeholder,
    .select-styled,
    .form_item textarea,
    .form_item input, .form_wrap label {
        font-size: 0.85rem;
    }
    .select .select-options > li {
        font-size: 0.8rem;
    }
    .wpcf7 .form_wrap .wpcf7-not-valid-tip {
        font-size: 0.75rem;
    }
    .wpcf7 form.invalid .form_wrap + .wpcf7-response-output,
    .wpcf7 form.unaccepted .form_wrap + .wpcf7-response-output,
    .wpcf7 form.payment-required .form_wrap + .wpcf7-response-output {
        font-size: 0.9rem;
    }

    /*banner page*/
    .banner_page .banner_img {
        height: 27rem;
    }
    .banner_page .heading_absolute {
        padding-bottom: 6rem;
    }

    /*---------*/
    /*filter mobile*/
    .fixed-show-filter-btn {
        display: flex !important;
        align-items: center;
        position: fixed;
        bottom: 3rem;
        left: 2rem;
        padding: 0.4rem 0.8rem;
        background-color: var(--main-cl);
        -webkit-border-radius: 0.3125rem;
        -moz-border-radius: 0.3125rem;
        border-radius: 0.3125rem;
        gap: 0.625rem;
        font-size: 1.2rem;
        font-family: 'Montserrat Regular';
        line-height: normal;
        color: #fff;
        z-index: 999;
    }
    .box_terms_product {
        position: fixed;
        width: 30rem !important;
        top: 73.19px;
        right: 0;
        height: 100vh;
        z-index: 999;
    }
    .box_terms_product {
        transform: translateX(100%) !important;
        -webkit-transition: all 0.4s ease-in-out !important;
        -moz-transition: all 0.4s ease-in-out !important;
        -ms-transition: all 0.4s ease-in-out !important;
        -o-transition: all 0.4s ease-in-out !important;
        transition: all 0.4s ease-in-out !important;
    }
    .box_terms_product .bg-close{
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        z-index: -1;
        content: '';
        opacity: 0.8;
        background-color: #fff;
        width: 0;
        -webkit-transition: all 0.4s ease-in-out !important;
        -moz-transition: all 0.4s ease-in-out !important;
        -ms-transition: all 0.4s ease-in-out !important;
        -o-transition: all 0.4s ease-in-out !important;
        transition: all 0.4s ease-in-out !important;
    }
    .box_terms_product.show .bg-close{
        width: 100vw;
    }
    .box_terms_product.show{
        transform: translateX(0) !important;
    }
    .filter-outer{
        /*border-top: 1px solid #dedede;*/
        background-color: #fff;
        width: 100%;
        height: 100%;
        padding: 1.5rem 1rem 1.5rem 2.4rem;
        position: relative;
        z-index: 5;
    }
    .filter-outer .btn-close-filter{
        width: max-content;
        position: relative;
        display: flex;
        align-items: center;
        padding: 6px 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid var(--main-cl);
        font-size: 0.9rem;
        color: var(--main-cl);
        line-height: 0.9375rem;
        gap: 5px;
        margin-left: auto;
        margin-bottom: 1.25rem;
    }
    .filter-outer .filter-inner{
        max-height: calc(100% - 7rem);
        overflow: auto;
    }
    .box_terms_product {
        padding: 0;
        border-radius: 0;
        border: none;
    }
    .btn-close-filter {
        display: block;
    }
    /*---------*/

    /*HEADER*/
    header .header-main:after {
        content: unset;
    }
    header .header-main:before {
        left: calc(calc((100vw - var(--container-w)) / 2) + 5rem);
    }
    #header .header-main>.container {
        max-width: 100% !important;
    }
    #header #logo {
        width: fit-content;
    }
    header #logo a {
        transform: translateX(0%) translateY(12%);
    }
    .header_style_2 header #logo a,
    header .stuck #logo a {
        transform: translateX(-1%) translateY(7%);
    }
    .header_style_2 header #logo a,
    header .stuck #logo a,
    header #logo a {
        height: 4.6rem;
    }
    header #logo:before {
        height: 1.3rem;
    }
    #header .nav>li>a {
        font-size: 0.7rem;
    }
    header .header-main .flex-right {
        margin-right: 0;
    }
    header .header-main .nav-right li.header_info {
        margin: 0 0.5rem;
    }
    header .header-main .nav-right li {
        margin: 0 0.5rem;
    }
    .header_info span.icon {
        width: 1rem;
        aspect-ratio: 1;
    }
    .header_info span.text {
        font-size: 0.8rem;
    }
    .header_info .btn {
        min-width: 0;
    }

    /*icon search*/
    header .header-main .nav-right li.header-search {
        padding-right: 0.7rem;
    }
    header .icon-search:before {
        width: 1.3rem;
        height: 1.3rem;
    }
    /*lang css*/
    header .header-main .nav-right li.lang_header {
        margin-left: 0;
    }
    .lang_header.minimal img {
        width: 1.3rem;
    }
    header .nav>li.lang_header>a {
        font-size: 0.9rem;
    }

    /*FOOTER*/
    .footer_top .col_left {
        padding-right: 2rem;
    }
    .logo_footer>.logo {
    }
    .logo_footer>.logo>img {
        height: 5rem;
    }
    .logo_footer>.company {
        font-size: 1.2rem;
    }
    .block_footer.block_2,
    .block_footer.block_1 {
        flex-direction: column;
        align-items: flex-start;
    }
    .footer_top :is(.block_footer.block_1, .block_footer.block_2) span.title {
        font-size: 1rem;
        width: 100%;
    }
    .block_footer .fs_16 {
        font-size: 0.9rem;
    }
    .block_footer.block_1 .content {
        margin-left: 0;
        margin-top: 1rem;
    }
    .block_footer .box_socials {
        margin-top: 1rem;
    }
    .block_footer .box_socials a {
        width: 2rem;
    }
    .block_footer.block_3 > span.title {
        font-size: 1.2rem;
    }
    .block_footer.block_3 .content_form {
        padding-top: 0.8rem;
    }
    .footer_top .form_item input {
        font-size: 1rem;
        height: 3rem;
    }
    .footer_top .form_item input::placeholder {
        font-size: 0.9rem;
    }

    .block_footer.block_4 .title_menu {
        font-size: 0.9rem;
        margin-bottom: 0.7rem;
    }
    .block_footer .menu_footer > li {
        line-height: normal;
    }
    .block_footer.block_5 {
        margin-top: 8rem;
    }
    .block_footer .menu_footer a {
        font-size: 0.9rem;
    }
    .footer_top .link_external {
        gap: 1rem;
    }
    .footer_top .link_external a {
        font-size: 0.8rem;
    }
    .footer_top .logo_trade.box_img {
        height: 2.5rem;
    }
    .copyright .content {
        font-size: 0.7rem;
    }

    /*HOME*/
    #popup_home.fancybox-content {
        max-width: 30rem;
    }
    .banner_hero .item:before {
        width: 100%;
    }
    .banner_hero .item {
        height: 31rem;
    }
    .banner_hero .box_content {
        max-width: 60%;
        font-size: 1.7rem;
        bottom: 4rem;
        left: 50%;
        transform: translateX(-50%);
    }
    .banner_hero h1 {
        text-align: center;
    }
    .banner_hero .content {
        font-size: 1rem;
        text-align: center;
    }
    .heading_sec.fs_60 {
        font-size: 1.8rem;
    }
    .banner_hero .swiper-pagination {
        bottom: 1rem;
        left: 0;
        justify-content: center;
    }

    .home_1 {
        padding-top: 4rem;
    }
    .heading_home_1 .desc_sec {
        padding-right: 0;
    }
    .heading_home_1 h2.fs_55 {
        font-size: 1.6rem;
    }
    .home_1 .box_logo_svg {
        width: 18rem;
    }
    .home_1 .list_counter {
        flex-direction: column;
        gap: 2rem;
    }
    .number_list_layout .item_counter.special {
        padding-right: 2rem;
    }
    .number_list_layout .item_counter.special .number {
        font-size: 6rem;
    }
    .number_list_layout .item_counter.special .text>span {
        font-size: 1.6rem;
    }
    .number_list_layout .item_counter.special h3 {
        font-size: 0.9rem;
    }
    .number_list_layout h3 {
        font-size: 0.9rem;
    }
    .number_list_layout .number {
        font-size: 2.7rem;
    }
    .number_list_layout .item_counter_normal>.item_counter {
        padding-left: 1.6rem;
    }
    .home_2 {
        padding-top: 6rem;
    }
    .heading_home_2 {
        padding-right: 6rem;
    }
    .home_2 .list_counter {
        padding-top: 16rem;
    }
    .popup_home2 .inner>span.text {
        max-width: 26rem;
        font-size: 1.1rem;
    }
    .btn_play > svg {
        height: 4rem;
    }
    .home_3 {
        padding-top: 4rem;
    }
    .heading_home_3 {
        padding: 0;
    }

    .list_certi_wrap {
        margin: 0 -1rem;
    }
    .list_certi_wrap .item {
        padding: 0 1rem;
    }
    .list_certi_wrap .box_img {
        height: 6rem;
    }
    .list_certi_wrap .box_content h3 {
        font-size: 1.2rem;
    }
    .list_certi_wrap .box_content .content {
        font-size: 0.85rem;
    }
    .list_certi_wrap .link {
        opacity: 1;
    }
    .list_certi_wrap .link>span {
        font-size: .85rem;
    }
    .list_certi_wrap .swiper-pagination {
        display: flex;
    }

    .home_4 {
        margin-top: 5rem;
    }
    .home_4>.inner.bg_image {
        background-image: linear-gradient(257.26deg, #188849 0.89%, #4CB748 99.11%) !important;
    }
    .home_4 .row {
        justify-content: center;
    }
    .home_4 .row>.large-6 {
        flex-basis: 80%;
        max-width: 80%;
    }
    .home_4 .subtitle.dot {
        margin-left: auto;
        margin-right: auto;
    }
    .heading_home_4 {
        padding-right: 0;
        text-align: center;
    }
    .btn_home4 {
        display: flex;
        justify-content: center;
    }
    .list_why_wrap {
        margin-right: 0;
    }
    .heading_home_5 h2.fs_55 {
        font-size: 1.8rem;
    }
    .heading_home_5 .desc_sec {
        margin-right: 0;
    }
    .markets_wrap {
        padding-top: 3rem;
    }
    .list_counter_maps .number {
        font-size: 3.8rem;
    }
    .list_counter_maps h3 {
        font-size: 1.3rem;
    }
    .markets_wrap .list_counter_maps {
        width: 25%;
    }
    .markets_wrap .box_maps .dot_item .box_img {
        height: 9rem;
    }
    .markets_wrap .box_maps .dot_item h3 {
        font-size: 1.6rem;
    }
    .markets_wrap .box_maps .dot_item svg {
        height: 2.85rem;
    }
    .markets_wrap .box_maps .dot_item .dot {
        width: 0.85rem;
        height: 0.85rem;
    }
    .markets_wrap .box_maps .dot_item .dot:before {
        width: 1.15rem;
        height: 1.15rem;
    }
    .home_7 .menu_home_prod {
        margin: 0 -3rem;
    }
    .product_home_wrap .arrow_absolute {
        display: none;
    }
    .product_home_wrap .swiper-pagination {
        display: flex;
    }
    .item_product_1 h3 {
        font-size: 1.7rem;
    }
    .item_product_1 .content {
        font-size: 1.4rem;
    }
    .item_product_1 .box_img {
        width: 19.5rem;
        height: 19.5rem;
    }
    .item_product_1 .link {
        margin-top: -2.2rem;
    }
    .item_product_1 .link svg {
        width: auto;
        height: 2rem;
    }
    .graphic_1 {
        width: 9.448rem;
        height: 5.448rem;
    }
    .graphic_2 {
        width: 8.21875rem;
        height: 2.698rem;
    }
    .home_7 {
        margin-top: 3rem;
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .home_7 .graphic_1 {
        top: 12%;
    }
    .home_7 .graphic_2 {
        top: 21%;
    }
    .bg_member_container {
        height: 30rem;
    }
    .box_member_wrapper .box_item_wrap {
        margin-left: auto;
        width: fit-content;
    }
    .box_member_wrapper .item_member {
        width: 10rem;
        padding: 0.7rem;
    }
    .box_member_wrapper .item_member h3 {
        font-size: 0.9rem;
        -webkit-line-clamp: 2;
    }
    .heading_home_8 {
        padding-right: 3rem;
    }
    .heading_home_8 h2.fs_55 {
        font-size: 1.7rem;
    }
    .home_9 {
        padding-top: 5rem;
    }
    .box_news_home {
        margin-top: 2rem;
    }

    /*RECRUIT*/
    .recruit_1.blur_effect_af.af_right:after {
        width: 41.6rem;
        height: 42.25rem;
    }
    .recruit_list_1 h3.fs_22 {
        font-size: 1.15rem;
    }
    .recruit_list_1 .content.fs_18 {
        font-size: 0.95rem;
    }
    .recruit_list_1 .content br {
        display: none;
    }

    /*BLOG*/
    .blog_wrap_post .list_post {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .box_news_home .box_large .box_content {
        padding: 3rem 2rem;
    }
    .box_news_home .box_large h3 {
        font-size: 1.4rem;
    }
    .box_news_home .term_time, .item_news.style_2 .term_time {
        font-size: 0.8rem;
    }
    .box_news_home .box_large .desc {
        font-size: 0.85rem;
    }
    .item_news h3 {
        font-size: 1rem;
    }
    .item_news .link>span.text {
        font-size: 0.85rem;
    }
    .blog_page .tabs_wrap .btn span.text {
        font-size: 0.94rem;
    }

    /*BLOG DETAILS*/
    .single_breadcrumbs .breadcrumbs {
        margin-bottom: 2.2rem;
    }
    .layout_normal .heading_normal h1.fs_40 {
        font-size: 1.5rem;
    }
    .terms_time > * {
        font-size: 0.9rem;
    }
    .layout_normal .post_content.fs_18 {
        font-size: 1.05rem;
    }
    .layout_normal #ez-toc-container .ez-toc-heading-level-2>a {
        font-size: 1.05rem;
        margin-bottom: 0.4rem;
    }
    .layout_normal #ez-toc-container .ez-toc-heading-level-3>a {
        font-size: .95rem;
        margin-bottom: 0.15rem;
    }
    .layout_normal .post_content :is(h1, h2) {
        font-size: 1.4rem;
    }
    .layout_normal .post_content :is(h3, h4, h5, h6) {
        font-size: 1.1rem;
    }
    .layout_normal .post_content.fs_18 {
        font-size: 1rem;
        line-height: 1.6;
    }
    .post_footer .tags_wrap a {
        font-size: 0.85rem;
    }
    .sharing_wrap a {
        width: 1.9rem;
        height: 1.9rem;
    }
    .sidebar_wrap {
        margin-left: 1rem;
    }
    .sidebar_wrap .term_time {
        font-size: 0.85rem;
    }
    .sidebar_wrap .item_news h3.fs_18 {
        font-size: 1.1rem;
    }

    /*EVENT*/
    .graphic_event:after {
        width: 17rem;
        height: 15rem;
    }
    .event_heading_11 {
        margin-right: 0;
    }
    .event_wrap_content .box_left {
        padding-left: 1rem;
    }
    .event_list_1 .box_content>.contents {
        column-gap: 1.7rem;
        row-gap: 1.2rem;
    }
    .event_list_1 .logo>img {
        height: 3rem;
    }
    .event_list_2 .idx {
        font-size: 2.7rem;
    }
    .event_list_2 .box_content {
        gap: 0.5rem;
    }
    .event_list_2 .arrow,
    .event_list_2 .arrow_absolute {
        display: none;
    }
    .event_list_2  .slide_nav_mobile.pc_hide {
        display: block !important;
    }
    .event_list_2 .swiper-pagination {
        display: flex;
    }
    .event_heading_3 {
        padding-right: 0rem;
    }
    .event_heading_3 h2 br {
        display: none;
    }
    .event_heading_3 .desc_sec.fs_18 {
        font-size: 1rem;
    }
    .event_4.blur_effect_bf:before {
        width: 30.625rem;
        height: 31.302rem;
        top: 5%;
        right: -20%;
    }
    .event_heading_5 .desc_sec {
        margin-left: 6rem;
    }
    .event_list_5 {
        margin-top: 2rem;
    }
    .event_list_5 .item {
        flex-direction: column;
        gap: 0.6rem;
        text-align: center;
        padding: 1rem;
    }
    .event_list_5 .logo>img {
        height: 4.4rem;
    }

    /*RESTAURANT*/
    .restau_content_wrap .box_content {
        width: 35rem;
    }

    /*RESTAURANT PHAN PHOI*/
    .wrap_list_office .list_office.custom_scrollbar {
        max-height: 35rem;
    }
    .wrap_list_office #data-maps {
        height: 35rem;
    }
    .restau_term_wrap .group_heading .box_img>img {
        height: 4rem;
    }
    .wrap_list_office .box_socials a {
        width: 2rem;
    }

    /*CSR BLOG*/
    .csr_page.is_cat {
        padding-top: 3rem;
    }
    .csr_img_wrap {
        padding-bottom: 3rem;
        padding-left: 3rem;
        margin-left: -2rem;
    }
    .csr_img_wrap:hover .box_img:nth-child(2) {
        transform: rotate(-5deg) translateY(-2rem);
    }
    .csr_img_wrap .box_img:nth-child(3) {
        right: 0;
        bottom: 0;
    }
    .csr_img_wrap:hover .box_img:nth-child(3) {
        bottom: 13%;
    }

    /*CSR DETAILS*/
    .ux_builder_content .content_style_1 {
        flex-direction: column;
        gap: 2rem;
    }
    .ux_builder_content .content_style_2 > *,
    .ux_builder_content .content_style_1 > * {
        width: 100% !important;
    }
    .ux_builder_content .content_style_1 .box_img>.img-inner {
        margin-left: 0 !important;
    }
    .ux_builder_content .content_style_2 {
        flex-direction: column-reverse;
    }
    .ux_builder_content .content_style_2 > .box_img {
        border-radius: 0 0 1.667rem 1.667rem;
    }
    .ux_builder_content .content_style_3 .box_content>.content {
        padding-left: 2rem;
    }
    .ux_builder_content .content_style_3 .item_wrap:nth-child(even) .box_content>.content {
        padding-right: 2rem;
    }

    /*PRODUCT*/
    body.page-template-product,
    body.tax-product-category {
        overflow: hidden;
    }
    .product_page {
        padding-top: 4rem;
    }
    .filter_product .terms_wrap {
        padding-bottom: 2.6rem;
    }
    .filter_product .arrow {
        display: none;
    }
    /*.filter_product .slide_nav_mobile.pc_hide {*/
    /*    display: flex !important;*/
    /*}*/
    .filter_product .swiper-pagination {
        position: absolute;
        bottom: 0;
        display: flex;
        padding-top: 0;
        padding-bottom: 0;
    }
    .filter_product .terms_wrap h3.fs_16 {
        font-size: 0.9rem;
    }
    .product_heading_1 {
        padding: 0 8rem;
        margin-top: 3rem;
    }
    .product_feature_wrap>.inner {
        padding: 3rem 1rem;
        column-gap: 2rem;
        row-gap: 2.5rem;
    }
    .product_feature_wrap .item {
        width: calc((100% / 5) - (2rem * 4 / 5));
    }
    .product_feature_wrap img {
        height: 5rem;
    }
    .product_feature_wrap h3.fs_18 {
        font-size: 0.95rem;
        margin-top: 1rem;
    }
    .list_product_wrap {
        margin-top: 3rem;
    }
    .list_product_wrap .large-3 {
        flex-basis: 0;
        max-width: 0;
    }
    .list_product_wrap .large-9 {
        flex-basis: 100%;
        max-width: 100%;
    }
    .list_product_wrap .filter-inner>.list_option span.wrap_title {
        border-bottom: .5px solid #045CA624;
        padding-bottom: 0.625rem;
        margin-bottom: 0.625rem;
    }
    .list_product_wrap .filter-inner>.list_option span.wrap_title>.title {
        font-family: 'Montserrat SemiBold';
    }
    .list_product_wrap .filter-inner>.list_option .item {
        box-shadow: unset;
        /*border-bottom: 1px solid #dedede;*/
        border-radius: 0;
        padding: 0;
        margin: 0;
    }
    .list_product_wrap .filter-inner>.list_option .options_container {
        border: 0;
        padding: 0;
        margin: 0;
    }
    .result_alpha .select-styled {
        height: 2.8rem;
        font-size: 0.9rem;
    }

    /*PARTNER*/
    .partner_1 {
        padding-top: 4rem;
    }
    .partner_1.blur_effect_af.af_right:after {
        width: 20.625rem;
        height: 21.302rem;
        top: 10%;
        right: -10%;
    }
    .partner_counter_wrap {
        padding-left: 0;
    }
    .partner_counter_wrap sup,
    .partner_counter_wrap .number {
        font-size: 3rem;
    }
    .partner_counter_wrap {
        gap: 2rem;
    }
    .partner_counter_wrap .item_counter {
        width: calc((100% / 2) - (2rem * 1 / 2));
    }
    .partner_counter_wrap .item_counter {
        padding-left: 1rem;
    }
    .partner_counter_wrap h3 {
        text-align: center;
        font-size: 1rem;
        margin-top: 0.5rem;
    }
    .partner_2 {
        padding-top: 4rem;
    }
    .partner_heading {
        padding: 0 10rem;
    }
    .partner_list_wrap .list_partner {
        column-gap: 1.2rem;
        row-gap: 3rem;
    }

    /*SOLUTION*/
    .solution_1 {
        padding-top: 4rem;
    }
    .solution_img_1 {
        margin-left: 0;
        margin-right: 3rem;
    }
    .solution_img_1 .svg_effect {
        transform: rotate(15deg);
    }
    .solution_list_1 {
        max-height: 28rem;
    }
    .solution_list_1 .item {
        flex-wrap: wrap;
        gap: 0.4rem;
        margin-top: 1.5rem;
    }
    .solution_list_1 .idx {
        width: 100%;
        margin-top: 0;
    }
    .solution_list_1 .box_content {
        width: 22rem;
    }
    .solution_list_1 h3.fs_30 {
        font-size: 1.2rem;
    }
    .solution_list_1 .content.fs_18 {
        font-size: 0.98rem;
    }
    .solution_list_1 .box_img {
        width: 10rem;
        height: 10rem;
        margin-top: -1rem;
        opacity: 1;
    }
    .solution_heading_2 {
        padding-top: 3rem;
    }
    .slide_solution h3.fs_22 {
        font-size: 1rem;
    }
    .slide_solution .item {
        padding: 10rem 2rem 3.542rem;
    }

    /*FACTORY*/
    body.single, body.page-template-factory {
        overflow: hidden;
    }
    .scroll_horizon_wrap.desktop_display {
        display: none;
    }
    .scroll_horizon_wrap.tablet_large {
        display: block;
        padding-top: 4rem;
    }
    .heading_factory_1 h2 br {
        display: none;
    }
    .factory_slide_1 {
        margin-top: 2rem;
    }
    .factory_slide_1 .box_img {
        aspect-ratio: 16/10;
    }
    .factory_slide_1 .box_content {
        display: flex;
        flex-direction: column;
        gap: 0.8rem;
        margin-top: 1rem;
    }
    .factory_slide_1 .tablet_show {
        display: block !important;
    }
    .factory_slide_1 .swiper-pagination {
        display: flex;
    }
    .factory_2 {
        padding-top: 5rem;
    }
    .factory_list_2 .icon>img {
        width: fit-content;
        height: 2.8rem;
    }
    .factory_list_2 .item {
        gap: 1rem;
    }
    .factory_list_2 .item:not(:last-child) {
        margin-bottom: 1rem;
        padding-bottom: 1rem;
    }
    .factory_content_2 {
        padding-left: 3rem;
    }
    .swiper.timeline-swiper {
        height: 30rem;
    }
    .timeline_nav {
        bottom: 2rem;
    }
    .factory_4 {
        padding-top: 5rem;
    }
    .factory_6,
    .factory_5 {
        padding-top: 4rem;
    }
    .heading_factory_6 .desc_sec br,
    .heading_factory_5 .desc_sec br {
        display: none;
    }
    .wrap_market_share .tabs_maps {
        position: unset;
    }
    .wrap_market_share .layout_1 .inner_wrap {
        flex-direction: column-reverse;
    }
    .wrap_market_share .wrap_item .box_maps {
        margin-left: 0;
        padding-right: 0;
    }
    .wrap_market_share .wrap_item .content_maps {
        width: 100%;
        padding-right: 20rem;
    }
    .wrap_market_share .wrap_item.layout_2 .content_maps {
        padding-right: 0;
    }

    /*ABOUT*/
    .about_content_2 .item:not(.item_last) .svg_effect {
        display: none;
    }
    .about_content_2 .item:nth-child(2) {
        margin-top: 5rem;
    }
    .about_content_2 .wrap_content strong {
        font-size: 1rem;
    }
    .about_content_2 .wrap_content strong br {
        display: none;
    }
    .about_content_3 .accordion_title .title.fs_24 {
        font-size: 1.15rem;
    }
    .heading_about_3.custom_scrollbar {
        max-height: 19rem;
        margin-right: 3rem;
        margin-top: 1rem;
    }
    .about_slide_4 h3 br {
        display: none;
    }
    .about_slide_4 h3.fs_24 {
        font-size: .9rem;
        min-height: 2.8rem;
    }
    .about_slide_4 .wrap_content {
        margin: 0 1rem 1rem;
    }
    .about_slide_4 .swiper_nav {
        margin-top: 1.5rem;
    }
    .about_img_4 .svg_effect {
        display: none;
    }
    .about_img_4 .graphic {
        position: absolute;
        bottom: -30%;
        left: unset;
        right: -30%;
    }
    .about_5 {
        margin-top: 8rem;
    }
    .about_inner_5 {
        padding-bottom: 2rem;
    }
    .about_btn_5 .btn {
        margin-top: 1rem;
    }
    .about_slide_6_wrap .slide_nav_mobile .arrow,
    .about_slide_6_wrap .arrow_absolute {
        display: none;
    }
    .about_slide_6_wrap .slide_nav_mobile.pc_hide {
        display: block !important;
    }
    .about_slide_6_wrap .swiper-pagination {
        display: flex;
    }
    .about_7 {
        padding-top: 4rem;
    }
    .slide_history_year .item h3 {
        margin-top: 1rem;
    }
    .about_content_2 .item_last {
        display: flex;
        flex-direction: column-reverse;
    }
    .about_content_2 .item_last .wrap_content {
        position: unset;
        width: fit-content;
        max-width: 80%;
        margin: 0 auto 2rem;
        justify-content: center;
    }
    .about_content_2 .item_last .svg_effect {
        display: none;
    }
    .about_content_2 .wrap_content>.logo {
        padding-right: 1rem;
        margin-right: 1.4rem;
    }
    .about_content_2 .wrap_content>.logo>img {
        height: 6rem;
    }
    .about_content_2 .item_last .content {
        width: 70% !important;
    }
    .about_img_4 .logo {
        top: -5%;
    }
    .about_slide_4 .item .box_img {
        height: 22rem;
    }
    .about_5 {
        margin-top: 5rem;
    }

    /*CONTACT*/
    .contact_heading_1 .desc_sec {
        margin-top: 1rem;
    }
    .contact_info_content {
        padding-right: 3rem;
    }
    .contact_info_content .box_socials a {
        width: 2rem;
    }
    .iframe_maps {
        height: 23rem;
    }
    .sec_form_general {
        padding: 5rem 0;
    }
    .form_general_wrap {
        flex-direction: column;
        padding: 0 8rem;
    }
    .form_general_wrap .box_img {
        width: 100%;
        height: 18rem;
        border-radius: 1.042rem 1.042rem 0 0;
    }
    .form_general_wrap .inner_form {
        padding: 2rem 3rem 3rem;
        border-radius: 0 0 1.042rem 1.042rem;
    }
    .form_general_wrap .inner_form:before {
        width: 2.4rem;
    }
    .form_wrap .text_policy {
        font-size: 0.9rem;
    }
    .form_general_wrap .group_term_product {
        margin-top: 0.8rem;
    }
    .form_general_wrap .group_term_product .contents {
        row-gap: 0.8rem;
        margin-top: 0.9rem;
    }
    .form_general_wrap svg.form_ht_left {
        left: calc(-1 * (100vw - var(--container-w)) / 2 - 2rem);
    }
    .form_general_wrap svg.form_ht_right {
        bottom: 1%;
        right: calc(-1 * (100vw - var(--container-w)) / 2 - 3rem);
    }

    .default-page .content-wrap {
        margin-top: 3rem;
    }
}
@media only screen and (max-width: 991px) {
    :root{
        --container-w: 55rem;
    }

    .form_wrap .text_policy {
        font-size: 0.8rem;
    }
    .event_heading_11 {
        margin-right: -3rem;
    }
    .restau_content_wrap .item {
        gap: 2rem;
    }
    .solution_heading_2 h2.fs_55 {
        font-size: 1.8rem;
    }
    .slide_solution .item {
        padding: 9rem 1rem 2rem;
    }
    .about_img_1 svg.svg_effect {
        bottom: -10%;
    }
    .about_img_1 .img_1 {
        top: -16%;
    }
    .about_img_1 .img_2 {
        bottom: -14%;
        left: 10%;
    }
    .about_img_1 .img_3 {
        bottom: -5%;
        right: 8%;
    }
    .about_img_1 .img_4 {
        width: 7.84rem;
        height: 9.28rem;
        top: -47%;
    }
    .about_content_2 .item:not(.item_last) .svg_effect {
        display: none;
    }
    .about_content_2 .item:nth-child(2) {
        margin-top: 5rem;
    }
    .about_content_2 .item:nth-child(even) .wrap_content {
        padding-right: 2rem;
    }

    .about_content_2 .item_last {
        display: flex;
        flex-direction: column-reverse;
    }
    .about_content_2 .item_last .wrap_content {
        position: unset;
        width: fit-content;
        max-width: 80%;
        margin: 0 auto 2rem;
        justify-content: center;
    }
    .about_content_2 .item_last .svg_effect {
        display: none;
    }
    .about_content_2 .wrap_content>.logo {
        padding-right: 1rem;
        margin-right: 1.4rem;
    }
    .about_content_2 .wrap_content>.logo>img {
        height: 6rem;
    }
    .about_content_2 .item_last .content {
        width: 70% !important;
    }

    .form_general_wrap .desc_sec {
        font-size: 1rem;
    }
}
@media only screen and (max-width: 849px) {
    :root{
        --container-w: 45rem;
    }

    /*COMPONENT*/
    .heading_banner.fs_60 {
        font-size: 2.2rem;
    }
    .fs_32 {
        font-size: 1.3rem;
    }
    .fs_22 {
        font-size: 1.2rem;
    }

    /*show/hide - breakpoint*/
    .tablet_show {
        display: block !important;
    }
    .tablet_hide {
        display: none !important;
    }
    .loading_show_more2:before {
        top: 5%;
    }

    ul.button_cta.mobile_display{
        display:block;
    }
    .load_home_page svg {
        width: 10rem;
    }
    ul.fixed_button.desktop_display {
        display: none;
    }
    #search-lightbox {
        width: 47rem;
    }
    .search-tabs .search-grid{
        grid-template-columns: 1fr 1fr 1fr;
    }
    #search-lightbox input {
        height: 3rem;
        font-size: 1.1rem;
    }
    #search-lightbox input::placeholder {
        font-size: 1.1rem;
    }
    #search-lightbox .button.icon i {
        font-size: 1.3rem;
        padding-right: 0.6rem;
        margin-right: 0 !important;
    }
    #search-lightbox .search-keywords > a {
        font-size: 1rem;
        padding: 0.5rem 1rem;
    }

    /*COMPONENTS*/
    .subtitle.dot {
        padding-left: 1rem;
    }
    .subtitle {
        font-size: 0.9rem;
    }
    .subtitle.dot.text-center {
        padding-top: 1rem;
    }
    .fs_55, .heading_sec.fs_55 {
        font-size: 1.8rem;
    }
    .fs_40 {
        font-size: 1.5rem;
    }
    .pt_150 {
        padding-top: 4rem;
    }
    .sec_form_general {
        padding: 4rem 0;
    }
    .form_general_wrap {
        padding: 0;
    }
    .form_general_wrap svg {
        display: none;
    }

    .default-page .content-wrap {
        margin-top: 2rem;
    }

    /*HEADER*/
    .no_fixed_header header#header.active, header#header {
        position: relative;
        background: #fff;
    }
    #header .header-main>.container {
        max-width: var(--container-w) !important;
    }
    header #logo {
        position: unset;
        margin: 0 !important;
    }
    header #logo:before {
        content: unset;
    }
    header #logo a {
        transform: unset;
    }
    .header_style_2 header #logo a, header .stuck #logo a, header #logo a {
        height: unset;
        transform: unset;
    }

    #header .header-wrapper {
        background: #fff;
        padding-top: 0;
        height: unset;
    }
    #header .stuck.header-wrapper {
        position: fixed;
        box-shadow: 1px 1px 10px rgba(0, 0, 0, .15);
    }
    #header .header-main {
        padding: 0.3rem 0 !important;
    }
    header#header:before,
    header#header .header-main:after, header#header .header-main:before {
        content: unset;
    }
    #header .stuck #logo img,
    #header #logo img {
        max-height: 60px !important;
        position: unset;
        transform: unset;
        width: unset;
        height: unset;
    }

    header .header-main .nav-right li.header-search {
        padding-right: 0;
        margin-right: 0;
    }
    header .icon-search:before {
        width: 1.55rem;
        height: 1.55rem;
        background-image: url("../images/icon_search_2.svg");
    }

    .header_style_2 header .header-main .nav-right li.header-search,
    header .stuck .header-main .nav-right li.header-search {
        border: none;
    }
    header .header-main .nav-right li.header-search {
        margin-right: 0.5rem;
    }


    .off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
        --drawer-width: 80% !important;
    }
    [data-open="#main-menu"] {
        display: flex !important;
        width: 3rem;
        height: 48px !important;
        background-image: url("../images/icon_menu.svg") !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: left center !important;
        background-color: unset !important;
        padding: 0 !important;
    }
    [data-open="#main-menu"]:before {
        content: unset !important;
    }
    [data-open="#main-menu"] i {
        display: none;
    }
    [data-open="#search-lightbox"] {
        width: 2rem;
        height: 2rem !important;
    }

    .off-canvas-left.mfp-ready .mfp-content, .off-canvas-right.mfp-ready .mfp-content {
        top: 69.59px;
        padding-top: 0;
    }
    .off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
        box-shadow: none !important;
        background-color: #fff !important;
    }
    .off-canvas-left.mfp-ready .mfp-content .sidebar-menu {
        padding-top: 0 !important;
    }
    .mfp-bg.off-canvas.off-canvas-left {
        top: 69.59px;
        position: fixed !important;
    }
    .has-off-canvas-left .mfp-ready .mfp-close {
        display: none;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li > a {
        padding-left: 2.4rem !important;
        color: var(--main-cl);
        font-size: 1rem !important;
        text-transform: initial;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li > a svg {
        width: 1.6rem;
        height: auto;
        margin-left: 4px;
    }
    .nav-sidebar.nav-vertical > li + li {
        border-color: #e0e0e08f;
    }

    .header_info span.text {
        display: none;
    }
    .header_info a.btn {
        padding: 0;
        min-width: unset;
        width: 3.5rem;
        height: 3.5rem;
        background: var(--main-cl);
    }
    .header_info span.icon {
        width: 1rem;
        position: relative;
    }
    .header_info .btn:hover span.icon {
        transform: unset;
    }

    /* Active menu item (không có submenu) */
    .nav-sidebar.nav-vertical > li.menu-item.current-menu-item {
        background-color: var(--main-cl) !important;
    }
    .nav-sidebar.nav-vertical > li.menu-item.active a,
    .nav-sidebar.nav-vertical > li.menu-item.current-menu-item a,
    .nav-sidebar.nav-vertical > li.menu-item.current-menu-item .toggle {
        color: #fff !important;
    }
    /* Hover - KHÔNG ÁP DỤNG cho expanded và current items */
    .nav-sidebar.nav-vertical > li.menu-item:hover:not([aria-expanded="true"]):not(.current-menu-item) {
        background-color: #f5f5f5;
    }
    /* Expanded menu items - QUAN TRỌNG */
    .nav-sidebar.nav-vertical > li.menu-item[aria-expanded="true"] {
        background-color: var(--main-cl) !important;
    }
    .nav-sidebar.nav-vertical > li.menu-item[aria-expanded="true"] > a,
    .nav-sidebar.nav-vertical > li.menu-item[aria-expanded="true"] .toggle {
        color: #fff !important;
    }
    .nav-sidebar.nav-vertical > li.menu-item[aria-expanded="true"] > a path {
        stroke: #fff !important;
        fill: #fff !important;
    }
    /* Active page link */
    .off-canvas:not(.off-canvas-center) .nav-vertical li > a[aria-current='page'] {
        color: #fff !important;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li > a[aria-current="page"] path {
        stroke: #fff !important;
        fill: #fff !important;
    }
    /* Border giữa các items */
    .nav-sidebar.nav-vertical > li + li {
        border-color: #e0e0e08f;
    }
    /* Reset submenu items */
    .nav-sidebar.nav-vertical li.menu-item ul li {
        background-color: transparent !important;
    }
    .nav-sidebar.nav-vertical li.menu-item ul li a {
        color: var(--main-cl) !important;
    }

    /*LANG CSS*/
    .lang_header.minimal.tablet_show {
        display: flex !important;
        gap: 0.6rem;
    }
    .lang_header.minimal a {
        border: 2px solid transparent;
        border-radius: 5.208rem;
    }
    .lang_header.minimal a.current_lang {
        border-color: var(--main-cl);
    }
    .lang_header.minimal img {
        width: 1.5rem;
    }
    .lang_header.minimal span.text {
        display: none !important;
    }

    /*FOOTER*/
    #footer {
        padding-top: 2rem;
    }
    body .scroll-container {
        display: none;
        top: 30%;
    }
    .logo_footer>.logo {
        padding-right: 1rem;
        margin-right: 1rem;
    }
    .logo_footer>.logo>img {
        height: 3rem;
    }
    .logo_footer>.company {
        font-size: 0.9rem;
    }
    .footer_top .col_left {
        border-right: 0;
        margin-right: 0;
        padding-right: 0;
    }
    .block_footer.block_2,
    .block_footer.block_1 {
        flex-direction: column;
        align-items: flex-start;
    }
    .block_footer.block_1 {
        margin-top: 2rem;
    }
    .footer_top :is(.block_footer.block_1, .block_footer.block_2) span.title {
        width: 100%;
    }
    .block_footer.block_3 > span.title {
        font-size: 1rem;
    }
    .block_footer.block_4 {
        padding-top: 2rem;
    }
    .block_footer.block_4 .content_menu {
        padding-right: 0;
        gap: 1rem;
    }
    .block_footer.block_4 .title_menu {
        font-size: 0.8rem;
    }
    .block_footer.block_4 .item {
        width: calc(100% / 2);
    }
    .block_footer .menu_footer a {
        font-size: 0.8rem;
    }
    .block_footer.block_5 {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
        margin-top: 10.3rem;
    }
    .footer_top .link_external {
        gap: 2rem;
    }
    .footer_top .link_external a {
        font-size: 0.7rem;
    }
    .footer_top .col_left {
        border-right: 1px solid #EBF9F1;
        padding-right: 2rem;
    }
    .copyright .content {
        font-size: 0.7rem;
    }
    .footer_top .form_item input {
        height: 2.8rem;
    }

    /*banner page*/
    .banner_page .banner_img {
        height: 24rem;
    }
    .banner_page .heading_absolute {
        padding-bottom: 5rem;
    }

    /*HOME*/
    .banner_hero .box_content {
        bottom: 4rem;
        left: 50%;
        /*transform: translateX(-50%) translateY(130%);*/
        max-width: 100%;
        text-align: center;
    }
    .banner_hero .swiper-slide.swiper-slide-active .box_content {
        opacity: 1;
        /*transform: translateX(-50%) translateY(0);*/
    }
    .banner_hero .item:before {
        width: 100%;
        height: 90%;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 14.58%, rgba(0, 0, 0, 0.461664) 47.22%, rgba(0, 0, 0, 0) 80.29%);
    }
    .home_1 {
        padding-top: 5rem;
    }
    .home_1 .box_logo_svg {
        width: auto;
        margin-left: 0;
    }
    .home_1 .list_counter {
        padding-top: 2rem;
    }
    .number_list_layout {
        flex-direction: column;
        align-items: center;
        gap: 3rem;
    }
    .number_list_layout .item_counter.special h3 {
        text-align: left;
    }
    .number_list_layout h3 br {
        display: none;
    }
    .number_list_layout .number {
        width: fit-content;
        margin: 0 auto;
        font-size: 3rem;
    }
    .number_list_layout h3 {
        text-align: center;
    }
    .number_list_layout .item_counter_normal>.item_counter:first-child:before {
        content: unset;
    }
    .number_list_layout .item_counter_normal>.item_counter:first-child {
        padding-left: 0;
    }
    .home_2 {
        padding-top: 5rem;
    }
    .popup_home2 .inner>span.text {
        font-size: 1rem;
    }
    .home_2 .group_heading {
        padding-right: 0;
    }
    .home_2 .list_counter {
        padding-top: 5rem;
    }
    .home_2.bg_image:before {
        height: 60%;
    }
    .home_3 {
        padding-top: 5rem;
    }
    .home_3 .group_heading {
        padding: 0;
    }
    .list_certi_wrap {
        margin: 0 -1.3rem;
    }
    .list_certi_wrap .item {
        padding: 1.5625rem 1.3rem 0;
    }
    .home_4>.inner.bg_image {
        background-image: linear-gradient(257.26deg, #188849 0.89%, #4CB748 99.11%) !important;
    }

    .home_4 .subtitle.dot {
        margin-left: auto;
        margin-right: auto;
    }
    .home_4 .group_heading {
        padding-right: 0;
        text-align: center;
    }
    .list_why_wrap {
        column-gap: 3rem;
    }
    .btn_home4 {
        width: fit-content;
        margin: 0 auto;
    }
    .list_why_wrap .content br {
        display: none;
    }
    .markets_wrap .inner_wrap {
        flex-direction: column;
        align-items: center;
    }
    .markets_wrap .list_counter_maps {
        width: 100%;
        display: flex;
        gap: 2rem;
    }
    .markets_wrap .box_maps {
        margin-right: 0;
        padding-top: 3rem;
    }
    .markets_wrap .box_maps .dot_item .dot:before {
        width: 1.5rem;
        height: 1.5rem;
    }
    .markets_wrap .box_maps .dot_item .dot {
        width: 0.9rem;
        height: 0.9rem;
    }
    .list_counter_maps h3 {
        font-size: 0.9rem;
    }
    .list_counter_maps .number {
        font-size: 3.5rem;
    }
    .list_counter_maps .item_counter {
        padding-left: 1.2rem;
        padding-bottom: 1rem;
    }
    .markets_wrap .box_maps .dot_item .box_img {
        height: 6rem;
    }
    .markets_wrap .box_maps .dot_item h3 {
        font-size: 1rem;
    }
    .product_home_wrap .arrow_absolute {
        display: none;
    }
    .product_home_wrap .swiper-pagination {
        display: flex;
        padding-top: 3rem;
    }
    .home_8 {
        padding-top: 2rem;
    }
    .heading_home_8 {
        padding: 0 8rem 0 0;
        margin-bottom: 1.5rem;
    }
    .heading_home_8 h2 br {
        display: none;
    }
    .slide_home_8 .swiper-pagination {
        display: flex;
    }
    .slide_home_8 h3 {
        margin-top: 1rem;
    }
    .home_9 {
        padding-top: 4rem;
    }
    .home_9 .group_heading {
        padding-right: 0;
    }

    ul.button_cta {
        position: fixed;
        bottom: 1rem;
        right: 1.7rem;
        transform: translateY(-50%);
        list-style: none;
        margin: 0;
        z-index: 99;
    }
    li.button_cta_open {
        width: 3rem;
        height: 3rem;
        background: var(--main-cl);
        position: relative;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: auto;
    }
    .button_cta_open svg {
        width: 100%;
        height: 100%;
        display: block;
    }
    span.button_cta_fixed_menu {
        width: 2rem;
        height: 2rem;
        display: block;
        opacity: 1;
        transition: .5s all;
        position: relative;
    }
    ul li .button_cta_fixed_menu_closed {
        width: 2rem;
        height: 2rem;
        display: block;
        opacity: 0;
        position: absolute;
        transition: .5s all;
    }
    ul.button_cta.active .button_cta_fixed_menu_closed {
        opacity: 1;
        transition: .5s all;
        transform: rotate(360deg);
    }
    ul.button_cta.active .button_cta_fixed_menu {
        opacity: 0;
        transition: .5s all;
        transform: rotate(480deg);
    }
    ul.fixed_button {
        list-style: none;
        transform: translateY(-30%) scale(0);
        transition: .5s all;
    }
    ul.button_cta.active .fixed_button {
        transform: translateY(-100%) scale(1);
        transition: .5s all;
    }

    /*RECRUIT*/
    .recruit_list_1 {
        margin: 0 -1rem;
    }
    .recruit_list_1 .item {
        margin: 0 1rem;
    }
    .recruit_list_1 .item:before {
        width: 80%;
        height: 80%;
    }
    .recruit_list_1 .item>.inner {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
    .recruit_list_1 .slide_list .swiper-pagination {
        display: flex;
        padding-top: 0;
    }
    .item_recruit .content.fs_18 {
        font-size: 0.9rem;
    }

    /*BLOG*/
    .blog_page {
        padding-top: 4rem;
    }
    .blog_wrap_post {
        margin-top: 4rem;
    }
    .blog_wrap_post .btn {
        min-width: 0;
    }
    .item_news.style_2 h3 {
        font-size: 1.1rem;
    }
    .item_news.style_2 .desc_content {
        font-size: .95rem;
    }
    .box_news_home .box_large {
        flex-direction: column;
    }
    .box_news_home .box_large .box_img {
        width: 100%;
        border-radius: 1.042rem 1.042rem 0 0;
    }
    .box_news_home video {
        display: block;
    }
    .box_news_home .box_large .box_content {
        padding: 2rem 2.448rem 3.75rem;
        border-radius: 0 0 1.042rem 1.042rem;
    }

    /*BLOG DETAILS*/
    body.single, body.page-template-factory {
        overflow: hidden !important;
    }
    .single_breadcrumbs .breadcrumbs {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    .layout_normal .heading_normal h1.fs_40 {
        font-size: 1.35rem;
    }
    .terms_time > * {
        font-size: 0.88rem;
    }
    .layout_normal .post_content :is(h1, h2) {
        font-size: 1.3rem;
    }
    .layout_normal .post_content :is(h3, h4, h5, h6) {
        font-size: 1rem;
    }
    .sidebar_wrap {
        padding: 1.4rem 1rem;
        margin-left: 0;
    }
    .sidebar_wrap h2.fs_22 {
        font-size: 1.1rem;
    }
    .sidebar_wrap .item_news h3.fs_18 {
        font-size: 1rem;
    }
    .sidebar_wrap .item_news .link>span.text {
        font-size: .9rem;
    }

    /*EVENT*/
    /*.event_heading_11 h1.fs_40 {*/
    /*    font-size: 1.5rem;*/
    /*}*/
    .event_heading_11 .desc_sec.fs_18,
    .event_heading_12 .desc_sec.fs_18 {
        font-size: 1rem;
    }
    .event_wrap_content .row {
        flex-direction: column-reverse;
    }
    .event_wrap_content .box_left {
        padding-left: 0;
    }
    .event_img_1 {
        margin-top: 3rem;
    }
    .event_2 {
        padding-top: 4rem;
    }
    .event_list_2 {
        margin-top: 2rem;
    }
    .event_list_2 .idx {
        font-size: 2.5rem;
    }
    .event_list_2 .content.fs_18 {
        font-size: 0.9rem;
    }
    .event_heading_3 .desc_sec.custom_scrollbar {
        max-height: 8rem;
    }
    .graphic_event:after {
        top: 6%;
        width: 11rem;
        height: 9rem;
    }
    .event_heading_5 {
        text-align: center;
    }
    .event_heading_5 .subtitle {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0.5rem;
    }
    .event_heading_5 .desc_sec {
        margin-left: 0;
        margin-top: 0.6rem;
    }

    /*RESTAURANT PHAN PHOI*/
    .filter_office {
        padding: 0;
    }
    .wrap_list_office {
        flex-direction: column;
    }
    .wrap_list_office > * {
        width: 100%;
    }
    .wrap_list_office .list_office.custom_scrollbar {
        max-height: 30rem;
    }
    .wrap_list_office #data-maps {
        height: 24rem;
    }
    .filter_office .form_item .select-styled,
    .filter_office .search_custom input {
        height: 2.9rem;
        font-size: 1rem;
    }
    .filter_office .select .select-options > li {
        font-size: 0.9rem;
        line-height: 1.2rem;
    }

    /*CSR BLOG*/
    .csr_page {
        padding-top: 3rem;
    }
    /*.heading_csr_1 br {*/
    /*    display: none;*/
    /*}*/
    .csr_effect_svg {
        bottom: 30%;
    }
    .csr_img_wrap {
        padding-left: 7rem;
    }
    .csr_img_wrap .box_img:nth-child(2) {
        width: 27.4375rem;
        height: 32.646rem;
    }
    .csr_img_wrap .box_img:nth-child(1) {
        left: 3%;
    }
    .csr_img_wrap:hover .box_img:nth-child(1) {
        bottom: 10%;
        transform: rotate(8.57deg);
    }
    .csr_img_wrap:hover .box_img:nth-child(2) {
        bottom: 0;
        transform: rotate(-5deg) translateY(0);
    }
    .grid_3 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    /*CSR DETAILS*/
    .blog_details time {
        margin-top: 1rem;
    }
    .ux_builder_content .title_layout .number {
        font-size: 3rem;
    }
    .ux_builder_content .title_layout .number:before {
        height: 2rem;
    }
    .ux_builder_content .content_style_3 .item_wrap>.content {
        padding: 0;
    }
    .blog_related_sec {
        padding: 4rem 0 3rem;
    }
    .blog_related_wrap {
        margin-top: 2rem;
    }
    .blog_related_wrap .slide_nav_mobile.pc_hide {
        display: flex !important;
    }
    .blog_related_wrap .arrow {
        display: none;
    }
    .blog_related_wrap .swiper-pagination {
        display: flex;
    }

    /*PRODUCT*/
    /*---------*/
    /*filter mobile*/
    .box_terms_product {
        top: 69.59px;
    }
    /*----------*/
    .product_page {
        padding-top: 3rem;
    }
    .filter_product .terms_wrap h3.fs_16 {
        font-size: 0.88rem;
    }
    .filter_product .terms_wrap {
        padding-bottom: 1.5rem;
    }
    .product_heading_1 {
        padding: 0 2rem;
    }
    .product_feature_wrap>.inner {
        column-gap: 1.5rem;
        padding: 2.5rem 3rem;
    }
    .product_feature_wrap .item {
        width: calc((100% / 3) - (1.5rem * 2 / 3));
    }
    .product_feature_wrap img {
        height: 5rem;
    }
    .product_feature_wrap h3 {
        margin-top: 1rem;
    }
    .list_product_wrap #list_product>.filed_content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .btn_product_wrap .btn {
        margin-top: 4rem;
    }
    .product_flavor {
        margin-top: 4rem;
    }
    .product_flavor>.inner {
        padding: 3rem;
    }
    .product_flavor .box_img {
        padding-right: 1.5rem;
        margin-right: 1.5rem;
    }
    .product_flavor img {
        height: 3.5rem;
    }
    .product_flavor .box_content .inner.fs_18 {
        font-size: 1.05rem;
    }
    .product_gallery.fancybox-content {
        max-width: 100%;
    }
    .product_gallery .arrow_absolute {
        display: none;
    }
    .product_gallery .slide_thumb {
        max-width: 100%;
        margin: 1.5rem 13rem 0;
    }

    /*PARTNER*/
    .partner_counter_wrap {
        margin-top: 2rem;
    }
    .partner_heading {
        padding: 0 4rem;
    }
    .partner_list_wrap .list_partner {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin-top: 2rem;
    }

    /*SOLUTION*/
    .solution_heading_1 br {
        display: none;
    }
    .solution_list_1 {
        margin-bottom: 3rem;
    }
    .solution_list_1 .box_content {
        width: 27rem;
    }
    .slide_solution h3.fs_22 {
        font-size: 1.1rem;
    }

    /*FACTORY*/
    .heading_factory_1 {
        padding: 0 4rem;
    }
    .factory_content_2 {
        padding-left: 0;
    }
    .factory_list_2 {
        margin-top: 1.5rem;
    }
    .factory_list_2 .item {
        gap: 0.7rem;
    }
    .factory_list_2 .icon {
        width: fit-content;
    }
    .factory_list_2 .icon>img {
        height: 2rem;
    }
    .factory_list_2 .content.fs_20 {
        font-size: 0.9rem;
    }
    .factory_3 {
        padding-top: 5rem;
    }
    .swiper.timeline-swiper-thumb h3 {
        margin-top: 1rem;
        font-size: 0.9rem;
    }
    .swiper.timeline-swiper-thumb .swiper-slide:before,
    .swiper.timeline-swiper-thumb .swiper-slide:after {
        top: 12%;
    }
    .timeline_nav .arrow_wrap {
        margin-top: -1.4%;
    }
    .heading_factory_4 .desc_sec br {
        display: none;
    }
    .heading_factory_5 .desc_sec {
        padding: 0 2rem;
    }
    .wrap_market_share .wrap_item .content_maps {
        padding-right: 8rem;
    }
    .factory_7 {
        padding-top: 4rem;
    }

    /*ABOUT*/
    .about_1 {
        padding-top: 4.5rem;
    }
    .about_img_1 svg.svg_effect {
        display: none;
    }
    .about_img_1 .img_main {
        padding: 0 4rem;
    }
    .about_img_1 .img_1 {
        width: 6.392rem;
        height: 4.52rem;
        top: 24%;
        left: 0;
    }
    .about_img_1 .img_2 {
        width: 6.68rem;
        height: 7.83rem;
        bottom: -6%;
        left: 0;
    }
    .about_img_1 .img_3 {
        width: 7.024rem;
        height: 7.888rem;
        bottom: -11%;
        right: 0;
    }
    .about_img_1 .img_4 {
        width: 5.84rem;
        height: 7.28rem;
        top: -27%;
    }
    .about_img_2 {
        margin-top: 2rem;
        padding: 0 3rem;
    }
    .about_content_2 .item:nth-child(odd) .box_img {
        padding-right: 2rem;
    }
    .about_content_2 .item:nth-child(odd) .wrap_content {
        padding-left: 0;
    }
    .about_content_2 .item .custom_scrollbar {
        max-height: 13rem;
    }
    .about_content_2 .item .content.fs_18 {
        font-size: 0.97rem;
    }
    .about_content_2 .item:nth-child(2) {
        margin-top: 3rem;
    }
    .about_content_2 .item_last {
        margin-top: 4rem;
    }
    .about_content_2 .item_last .content.fs_24 {
        font-size: 1.05rem;
    }
    .about_content_2 .wrap_content>.logo>img {
        height: 5.5rem;
    }
    .about_3 .row {
        flex-direction: column-reverse;
    }
    .about_img_3 {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        margin-top: 2rem;
    }
    .about_img_3>.item {
        width: calc((100% / 4) - (1rem * 3 / 4));
        display: block;
        border: 1px solid transparent;
        border-radius: 0.5rem;
        overflow: hidden;
    }
    .about_img_3>.item.active {
        animation: unset;
        border-color: var(--main-cl);
    }
    .about_img_3>.item img {
        border-radius: 0;
    }
    .about_img_4 .box_img {
        margin-right: 15rem;
    }
    .about_slide_4 .swiper_nav {
        gap: 1rem;
    }
    .about_slide_4 .arrow_style_3 .arrow {
        width: 2.26rem;
        height: 2.26rem;
    }
    .about_slide_4 h3.fs_24 {
        font-size: 1.1rem;
    }
    .about_5 {
        margin-top: 4rem;
    }
    .about_slide_6_wrap .arrow_absolute {
        display: none;
    }
    .about_slide_6 .swiper-slide {
        max-width: 75%;
    }
    .heading_about_7 {
        padding: 0 3rem;
        text-align: center;
    }
    .heading_about_7 .subtitle {
        margin-left: auto;
        margin-right: auto;
    }
    .heading_about_7 h2 br {
        display: none;
    }
    .heading_about_7 .desc_sec {
        margin-top: 0.9rem;
    }
    .slide_history_year_wrap .arrow_absolute {
        display: flex;
        justify-content: center;
        padding-top: 1rem;
        gap: 1rem;
    }
    .slide_history_year_wrap .arrow_absolute>.arrow {
        position: unset;
        transform: unset;
    }
    .slide_history_year .item h3 {
        font-size: 2rem;
    }
    .history_month_wrap .box_img {
        height: 17rem;
    }
    .history_month_wrap .item .box_content {
        width: 60%;
    }
    .about_img_4 .box_img {
        margin-bottom: 0;
    }
    .about_img_4 .logo {
        top: 15%;
    }
    .about_img_4 .graphic {
        bottom: 0;
    }
    .about_slide_4 .item .box_img {
        height: 100%;
    }

    /*CONTACT*/
    .contact_info_content {
        padding-right: 9rem;
    }
    .iframe_maps {
        margin-top: 3rem;
    }
}
@media only screen and (max-width: 767px) {
    :root {
        --container-w: calc(100% - 0.5rem);
    }

    .grid-container{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .load_home_page svg {
        width: 11rem;
    }
    ul.fixed_button>li:not(:last-child) {
        margin-bottom: 1.1rem;
    }
    #search-lightbox{
        margin-left: -20px;
        margin-right: -20px;
        max-width: calc(100%  + 40px);
    }
    #search-lightbox .search-lightbox-title{
        margin-bottom: 1rem;
        font-size: 1.1rem;
    }
    #search-lightbox .button.icon i {
        font-size: 1rem;
    }
    #search-lightbox .search-keywords{
        margin-top: 20px;
    }
    #search-lightbox .search-keywords > a{
        font-size: 14px;
    }

    .search-tabs .search-grid{
        grid-template-columns: 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;
    }

    /*COMPONENTS*/
    .heading_banner.fs_60 {
        font-size: 1.6rem;
    }
    .subtitle {
        margin-bottom: .6rem;
    }
    .desc_sec {
        font-size: 0.9rem;
        line-height: 1.5;
    }
    .col {
        padding: 0 0.6rem 0 !important;
    }
    .container {
        padding-left: 0.6rem !important;
        padding-right: 0.6rem !important;
    }
    .heading_sec.fs_60 {
        font-size: 1.8rem;
    }
    .fs_55,
    .heading_sec.fs_55 {
        font-size: 1.35rem;
    }
    .fs_40 {
        font-size: 1.3rem;
    }
    .pt_150 {
        padding-top: 3rem;
    }

    .wpcf7 form.invalid .form_wrap + .wpcf7-response-output,
    .wpcf7 form.unaccepted .form_wrap + .wpcf7-response-output,
    .wpcf7 form.payment-required .form_wrap + .wpcf7-response-output {
        font-size: 0.8rem;
    }

    .slide_nav_mobile .swiper-pagination {
        padding: 0;
        display: flex;
    }
    .slide_nav_mobile.mobile_show {
        display: flex !important;
        align-items: center;
        padding-top: 1.1rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .slide_nav_mobile .arrow.next {
        order: 3;
    }
    .slide_nav_mobile .arrow {
        width: 2.25rem;
        height: 2.25rem;
        flex: 0 0 auto;
    }
    .slide_nav_mobile .arrow circle {
        stroke: var(--main-cl);
        fill: var(--main-cl);
    }
    .slide_nav_mobile .arrow path {
        stroke: #fff !important;
    }

    .slide_nav_mobile.text_white .arrow circle {
        stroke: #fff;
        fill: #fff;
    }
    .slide_nav_mobile.text_white .arrow path {
        stroke: var(--main-cl) !important;
    }

    .post_content ul, .post_content ol {
        padding-left: 1.7rem;
    }

    .breadcrumbs {
        margin-bottom: 2rem;
    }

    /*banner page*/
    .banner_page .banner_img:after, .banner_page .banner_img:before {
        width: 100%;
    }
    .banner_page .banner_img {
        height: 16rem;
    }
    .banner_page .heading_absolute {
        padding-bottom: 3rem;
    }
    .banner_page .breadcrumbs {
        padding-bottom: 1rem;
    }

    /*HEADER*/
    #header .stuck #logo img, #header #logo img {
        max-height: 50px !important;
    }
    #header .header-main {
        padding: 6px 0 !important;
    }
    .off-canvas-left.mfp-ready .mfp-content, .off-canvas-right.mfp-ready .mfp-content,
    .mfp-bg.off-canvas.off-canvas-left {
        top: 62px;
    }
    [data-open="#main-menu"] {
        width: 2.6rem;
        height: 28px !important;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li > a {
        padding-left: 1.5rem !important;
        font-size: 0.9rem !important;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical .sub-menu li> a {
        font-size: 1rem !important;
    }

    /*FOOTER*/
    body .scroll-container {
        display: none !important;
    }
    .footer_top .col_left {
        border-right: 0;
        padding-right: 0;
    }
    .logo_footer {
        flex-direction: column;
    }
    .logo_footer>.logo {
        border-right: 0;
        padding-right: 0;
        margin-right: 0;
        margin-bottom: 1rem;
    }
    .logo_footer>.logo>img {
        height: 4rem;
    }
    .block_footer.block_3 {
        border-top: 1px solid #DADADA;
        padding-top: 2rem;
        margin-top: 2rem;
    }
    .footer_top .submit_btn {
        width: fit-content !important;
    }
    .block_footer.block_4 .content_menu {
        flex-direction: column;
    }
    .block_footer.block_4 .item {
        width: 100%;
    }
    .block_footer.block_5 {
        margin-top: 2rem;
        align-items: center;
    }
    .logo_footer>.company {
        text-align: center;
    }
    .block_footer.block_3 > span.title {
        font-size: 1.1rem;
    }
    .block_footer.block_4 .title_menu {
        font-size: 1rem;
    }
    .block_footer .menu_footer a {
        font-size: 0.94rem;
    }
    .copyright {
        margin-top: 1rem;
    }

    /*show/hide - breakpoint*/
    .mobile_show {
        display: block !important;
    }
    .mobile_hide {
        display: none !important;
    }

    /*select mobile - tab convert*/
    .select_mobile {
        position: relative;
        z-index: 24;
    }
    .select_mobile .select-styled {
        margin-top: 2rem;
        border-radius: 4px;
        padding-left: 1.5rem;
        padding-right: 1rem;
    }
    .select_mobile .select-styled:after {
        width: 1.2rem;
        height: 1.2rem;
    }
    .select_mobile .select .select-options {
        max-height: 16rem;
        overflow-y: auto;
    }
    .select_mobile .select .select-options > li {
        padding: 1.1rem 2rem;
        color: #000000;
    }
    .select_mobile .select .select-options > li.active,
    .select_mobile .select .select-options > li:hover {
        background: var(--main-cl);
        color: #fff;
    }

    .select_mobile.text_white .select-styled {
        border-color: #fff;
    }
    .select_mobile.text_white .select-styled:after {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjYyNSA2Ljc1TDkgMTIuMzc1TDMuMzc1IDYuNzUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
    }
    .select_mobile.text_white .select .select-options > li {
        color: var(--third-cl) !important;
    }
    .select_mobile.text_white .select .select-options > li.active,
    .select_mobile.text_white .select .select-options > li:hover {
        color: #fff !important;
    }

    .select .select-options {
        max-height: 10rem;
    }
    .select .select-options > li {
        line-height: unset;
    }

    /*filter mobile*/
    .fixed-show-filter-btn {
        font-size: 0.95rem;
    }
    .box_terms_product {
        top: 62px;
        width: 80% !important;
    }
    .filter-outer {
        padding: 1.5rem 1rem 1.5rem;
    }
    .list_product_wrap .filter-inner>.list_option h2.title>.title,
    .list_product_wrap .filter-inner>.list_option span.wrap_title>.title {
        font-size: 1rem;
    }

    /*HOME*/
    .banner_hero .item {
        height: 100%;
        overflow: hidden;
    }
    .banner_hero .item>.box_img {
        height: 13rem;
    }
    .banner_hero .item:before {
        /*content: unset;*/
    }
    .banner_hero .box_content {
        bottom: 3.5rem;
        margin-top: 1.5rem;
        transition: 1.2s all;
        transition-delay: 0s;
    }

    .banner_hero h1 br {
        display: none;
    }
    .banner_hero .box_content h1 {
        font-size: 1.1rem;
        margin-bottom: 0.4rem;
    }
    .banner_hero .content {
        font-size: 0.9rem;
    }
    .banner_hero .desc {
        padding: 0;
    }
    .banner_hero .swiper-pagination {
        padding-top: 0;
    }

    #popup_home .fancybox-close-small {
        top: -3rem;
        right: 0;
    }

    .home_1 {
        padding-top: 3rem;
    }
    .heading_home_1 h2.fs_55 {
        font-size: 1.3rem;
    }
    .home_1 .box_logo_svg {
        width: 15rem;
        margin: 0 auto;
        padding-top: 2rem;
    }
    .number_list_layout {
        gap: 1.5rem;
    }
    .number_list_layout .item_counter.special {
        padding-right: 0;
    }
    .number_list_layout .item_counter.special .number {
        font-size: 3.6rem;
    }
    .number_list_layout .item_counter.special sup {
        font-size: 1.6rem;
    }
    .number_list_layout .item_counter.special .text>span {
        font-size: 1.4rem;
    }
    .number_list_layout .item_counter_normal {
        flex-wrap: wrap;
        gap: 1rem;
    }
    .number_list_layout .item_counter_normal>.item_counter {
        width: calc((100% / 3) - (1rem * 2 / 3));
        position: unset;
        padding-left: 0;
        margin-left: 0;
        border-left: 0;
    }
    .number_list_layout .number {
        font-size: 2rem;
    }
    .number_list_layout h3 {
        font-size: 0.8rem;
    }
    .number_list_layout .item_counter_normal>.item_counter:before {
        content: unset;
    }

    .home_2.bg_image {
        background: none !important;
    }
    .home_2.bg_image:before {
        content: unset;
    }
    .heading_home_2 {
        text-align: center;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .heading_home_2 .btn {
        margin-top: 0.5rem;
    }
    .popup_home2 {
        margin-top: 4rem;
    }
    .popup_home2 .inner>span.text {
        max-width: 100%;
        margin-top: 4rem;
    }
    .home_2 .list_counter {
        padding-top: 3rem;
    }
    .list_counter_home2 .text_white sup,
    .list_counter_home2 .text_white .unit,
    .list_counter_home2 .text_white .text>*,
    .list_counter_home2 h3.text_white,
    .list_counter_home2 .text_white .inner>* {
        color: var(--main-cl) !important;
    }
    .home_2 .number_list_layout h3 {
        color: var(--third-cl);
    }
    .list_counter_home2 h3.text_white {

    }

    .home_3 {
        padding-top: 3rem;
    }
    .list_certi_wrap {
        padding-top: 2rem;
        margin: 0;
    }
    .list_certi_wrap .box_content {
        margin-top: 1rem;
    }
    .list_certi_wrap .item {
        padding: 0 4rem 0;
    }
    .list_certi_wrap .box_img {
        height: 6rem;
    }
    .list_why_wrap .box_img>img,
    .list_certi_wrap .box_img>img {
        object-fit: contain;
    }
    .home_4 {
        margin-top: 3rem;
    }
    .home_4>.inner {
        padding: 3rem 0 3rem;
        margin: 0 0.6rem;
    }
    .home_4 .row>.large-6 {
        flex-basis: 90%;
        max-width: 90%;
    }
    .list_why_wrap {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 1.5rem;
    }
    .list_why_wrap .box_content {
        margin-top: 0.9rem;
    }
    .list_why_wrap .box_img {
        height: 2.5rem;
    }
    .list_why_wrap .item h3 {
        border: 0;
        min-height: unset;
    }
    .list_why_wrap .item h3>a:focus {
        text-decoration: underline;
        text-decoration-style: solid;
    }
    .list_why_wrap {
        column-gap: 2rem;
        padding-left: 0;
        padding-right: 0;
    }
    .home_5 {
        padding-top: 4rem;
    }
    .heading_home_5 h2.fs_55 {
        font-size: 1.4rem;
    }
    .heading_home_5 .desc_sec {
        margin-top: 0.8rem;
    }
    .markets_wrap .list_counter_maps {
        flex-wrap: wrap;
        gap: 0.8rem;
        margin-top: 0;
    }
    .list_counter_maps .item_counter {
        width: calc((100% / 3) - (.8rem * 2 / 3));
        padding-left: 0.5rem;
        padding-bottom: 0;
    }
    .list_counter_maps .number {
        font-size: 2rem;
    }
    .list_counter_maps h3 {
        font-size: 0.8rem;
        margin-top: 0.5rem;
    }
    .markets_wrap .box_maps .dot_item .dot {
        width: 0.5rem;
        height: 0.5rem;
    }
    .markets_wrap .box_maps .dot_item .dot:before {
        width: 1rem;
        height: 1rem;
    }
    .markets_wrap .box_maps .dot_item h3 {
        width: fit-content;
        font-size: 0.8rem;
    }
    .markets_wrap .box_maps .dot_item .box_content {
        width: auto;
    }
    .markets_wrap .box_maps .dot_item .box_img {
        width: fit-content;
        height: 4rem;
    }
    .markets_wrap .box_maps .box_img>img {
        width: fit-content;
        object-fit: contain;
    }
    .markets_wrap .box_maps .dot_item svg {
        height: 1.7rem;
    }
    .markets_wrap .box_maps .dot_item .inner {
        padding: 0.5rem;
        width: max-content;
    }

    .page-template-home .marquee-sec {
        padding-top: 3rem;
    }
    .marquee-img-wrap .marquee-img .box_img {
        height: 1.9rem;
        margin: 0 .4rem;
    }

    .home_7 {
        margin-top: 3rem;
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .heading_home_7 h2.fs_55 {
        font-size: 1.2rem;
    }
    .home_7 .btn_mobile {
        margin: 2rem auto 0;
    }
    .product_home_wrap .slide_nav_mobile.mobile_show {
        padding-top: 1.4rem;
    }
    .graphic {
        display: none;
    }
    .bg_member_container {
        display: none;
        height: 100%;
    }
    .heading_home_8 .subtitle {
        color: var(--four-cl) !important;
    }
    .heading_home_8 .heading_sec  {
        color: var(--third-cl) !important;
    }
    .box_member_wrapper .item_member {
        height: 10rem;
        padding: 1rem;
    }
    .box_member_wrapper .item_member_container {
        position: unset !important;
    }
    .box_member_wrapper .box_item_wrap {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.5rem;
    }
    .heading_home_8 {
        padding-right: 0;
    }
    .home_8 .heading_sec.fs_55 {
        font-size: 1.4rem;
    }
    .heading_home_9 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .heading_home_9 h2 {
        text-align: center;
    }
    .box_news_home .box_large .box_content {
        padding: 2rem 1.5rem;
        -webkit-line-clamp: 2;
    }
    .box_news_home .box_large h3 {
        font-size: 1.1rem;
        margin-bottom: 1rem;
    }
    .box_news_home .logo_watermark {
        width: 11rem;
        height: 7rem;
        right: 0;
    }
    .box_news_home .list_item {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .product_home_wrap .slide_nav_mobile {
        padding-top: 1.8rem;
    }

    /*RECRUIT*/
    .recruit_list_1 .slide_list>.swiper-pagination {
        display: none;
    }
    .recruit_list_1 {
        /*margin: 0;*/
    }
    .recruit_list_1 .item {
        margin: 0;
    }
    .recruit_list_1 .item:before {
        width: 75%;
        height: 75%;
    }
    .recruit_list_1 .item>.inner {
        padding-right: 2.2rem;
        padding-left: 2.2rem;
    }
    .item_recruit h3.fs_22 {
        font-size: 1.08rem;
    }
    .recruit_heading_1 .heading_sec.fs_55,
    .recruit_heading_2 .heading_sec.fs_55 {
        font-size: 1.2rem;
    }
    .item_recruit {
        gap: 1rem;
    }

    /*BLOG*/
    .blog_page {
        padding: 2rem 0 3rem;
    }
    .blog_wrap_post {
        margin-top: 3rem;
    }
    .blog_wrap_post .select_mobile .select-styled,
    .blog_wrap_post .select .select-options > li {
        font-size: 1rem;
        padding: 0.9rem 1.2rem;
    }
    .blog_wrap_post .list_post {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .box_news_home .btn_action {
        width: 2.5rem;
        height: 2.5rem;
    }
    .blog_wrap_post .load_post_cat {
        margin-top: 1.5rem;
    }

    /*BLOG DETAILS*/
    .ux_builder_content.post_content.fs_18 {
        font-size: 1rem;
    }
    .layout_normal #ez-toc-container {
        padding: 1.4rem 1.2rem;
    }
    .layout_normal #ez-toc-container ul ul,
    .layout_normal .ez-toc div.ez-toc-widget-container ul ul {
        margin-left: 1rem;
    }
    .layout_normal .heading_normal h1.fs_40 {
        font-size: 1.18rem;
    }
    .post_footer .tags_wrap a {
        font-size: 0.75rem;
    }
    .sidebar_wrap.fixed_sidebar {
        position: unset;
        margin-top: 3rem;
    }
    .sidebar_wrap h2.fs_22 {
        font-size: 1.3rem;
    }
    .blog_details + .sec_form_general {
        padding-top: 3rem;
    }
    .layout_normal .post_content.fs_18 {
        font-size: .95rem;
    }

    /*EVENT*/
    .breadcrumbs_event .breadcrumbs ol [itemprop="title"],
    .breadcrumbs_event .breadcrumbs ol [itemprop="name"] {
        font-size: 0.9rem;
    }
    .event_1 {
        padding-bottom: 4rem;
    }
    .event_1 .svg_effect {
        display: none;
    }
    .event_heading_11 {
        margin-right: 0;
    }
    .event_1.graphic_event:after {
        opacity: .5;
    }
    .event_wrap_content {
        margin-top: 0;
    }
    .event_wrap_content .row {
        gap: 2rem ;
    }
    .event_list_1 .box_content>.contents {
        gap: 1rem;
    }
    .event_list_1 .content br {
        display: none;
    }
    .event_list_1 .icon>img {
        width: 2rem;
    }
    .event_list_1 .logo>img {
        height: 2.8rem;
    }
    .event_2 {
        padding-top: 2rem;
    }
    .event_heading_3 h2.fs_55,
    .event_heading_2 h2.fs_55 {
        font-size: 1.2rem;
    }
    .event_list_2 .slide_nav_mobile.pc_hide {
        display: flex !important;
    }
    .event_list_2 .slide_nav_mobile .arrow {
        display: flex;
    }
    .event_3.pt_150 {
        padding-top: 4rem;
    }
    .event_heading_3 .desc_sec.custom_scrollbar {
        max-height: 22rem;
    }
    .event_img_3 {
        margin-top: 2rem;
    }
    .event_heading_4 h2.fs_55 {
        font-size: 1.4rem;
    }
    .event_list_4 {
        margin-top: 2rem;
    }
    .event_list_4 .accordion_item .title.fs_20 {
        font-size: 1.08rem;
        margin-right: 0.4rem;
    }
    .event_heading_5 .desc_sec {
        margin-left: 0;
        margin-top: 0.5rem;
    }
    .event_list_5 {
        margin: 1.5rem -1rem 0;
    }
    .event_list_5 .item {
        margin: 0 1rem;
    }
    .event_list_5 h3.fs_20 {
        font-size: 1.3rem;
    }
    .event_list_5 .item a.cta {
        font-size: .8rem;
    }

    /*RESTAURANTS*/
    .reastaurant_heading_1 br {
        display: none;
    }
    .reastaurant_heading_1 h2.fs_55 {
        font-size: 1.2rem;
    }
    .restau_content_wrap .box_content {
        width: 32rem;
    }
    .restau_content_wrap .item {
        flex-direction: column;
        gap: 1rem;
    }
    .restau_content_wrap .box_content {
        width: 100%;
    }
    .restau_content_wrap .logo {
        width: fit-content;
    }
    .restau_content_wrap .logo>img {
        width: fit-content;
        height: 5rem;
    }

    /*RESTAURANT PHAN PHOI*/
    .restau_term_wrap .group_heading .box_content {
        width: 100%;
    }
    .filter_office {
        flex-direction: column;
        gap: 0.7rem;
    }
    .filter_office > * {
        width: 100%;
    }
    .wrap_list_office .item {
        padding: 1.4rem 1.2rem;
    }
    .wrap_list_office .item_info span.fs_18 {
        font-size: 0.9rem;
    }
    .wrap_list_office .list_office.custom_scrollbar {
        max-height: 35rem;
    }

    /*CSR BLOG*/
    .csr_page.is_cat {
        padding-top: 2rem;
    }
    .wrap_item_csr.is_cat .list_csr_post {
        margin-top: 1rem;
    }
    .heading_csr_1 br {
        display: none;
    }
    .heading_csr_1 h2.fs_55 {
        font-size: 1.3rem;
    }
    .csr_img_wrap {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        padding-left: 0;
        margin-left: 0;
        padding-bottom: 0;
    }
    .csr_img_wrap .box_img,
    .csr_img_wrap:hover .box_img {
        position: unset !important;
        transform: unset !important;
    }
    .csr_img_wrap .box_img {
        width: 100% !important;
        height: 100% !important;
    }
    .list_csr_post {
        margin-top: 4rem;
    }
    .grid_3 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    /*CSR DETAILS*/
    .ux_builder_content .title_layout {
        flex-direction: column;
        gap: 0.6rem;
    }
    .ux_builder_content .title_layout .number:before {
        content: unset;
    }
    .ux_builder_content .title_layout .number {
        font-size: 3rem;
    }
    .ux_builder_content .title_layout .number {
        font-size: 2rem;
        padding-right:0;
        margin-right:0;
    }
    .ux_builder_content .content_style_2 > .content {
        padding: 2rem 1.2rem 1rem 2rem;
    }
    .ux_builder_content .content_style_2 .inner.custom_scrollbar {
        max-height: 19rem;
    }
    .ux_builder_content .content_style_3 .box_content {
        flex-direction: column-reverse;
        gap: 1.3rem;
    }
    .ux_builder_content .content_style_3 .box_content > * {
        width: 100% !important;
    }
    .ux_builder_content .content_style_3 .box_content>.content {
        padding-left: 0;
    }
    .blog_related_wrap .slide_nav_mobile>.arrow {
        display: flex;
    }

    /*PRODUCT*/
    .product_page {
        padding-top: 1rem;
    }
    .filter_product>h2.fs_20 {
        font-size: 0.9rem;
    }
    .filter_product .terms_wrap {
        padding-bottom: 3rem;
    }
    .filter_product .terms_wrap h3.fs_16 {
        font-size: 0.8rem;
    }
    .filter_product .slide_terms {
        margin-left: 0.2rem;
    }
    .filter_product .slide_nav_mobile {
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    .filter_product .swiper-pagination {
        position: unset;
    }
    .filter_product .slide_nav_mobile .arrow {
        display: flex;
    }
    .product_heading_1 {
        padding: 0;
    }
    .product_feature_wrap>.inner {
        padding: 1.7rem 1rem;
    }
    .product_feature_wrap .item {
        width: 100%;
    }
    .product_feature_wrap img {
        height: 3.8rem;
    }
    .product_feature_wrap h3 {
        margin-top: 0.8rem;
        font-size: 0.9rem;
    }
    .list_product_wrap .result_alpha {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.4rem;
    }
    .list_product_wrap .result_alpha .alpha>span.title,
    .result_alpha .result-count {
        font-size: 1rem;
    }
    .list_product_wrap #list_product>.filed_content {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .product_flavor>.inner {
        padding: 1rem 1rem 3rem;
    }
    .product_flavor .group_heading {
        flex-direction: column;
        gap: 1rem;
    }
    .product_flavor .box_img {
        padding-right: 0;
        margin-right: 0;
        border: 0;
    }
    .product_flavor h2.fs_32 {
        font-size: 1.05rem;
        text-align: center;
    }
    .product_flavor .box_content .inner {
        height: 100% !important;
        max-height: 15rem;
        overflow-y: auto !important;
        padding-right: 0.7rem;
    }
    .product_flavor .box_content .inner.less_content:before {
        content: unset;
    }
    .product_flavor .btn_wrap {
        display: none;
    }
    .product_gallery .fancybox-close-small {
        color: var(--main-cl);
    }
    .product_gallery .slide_gallery {
        margin: 0;
    }
    .product_gallery .slide_gallery.slide_thumb {
        max-width: 100%;
        margin: 1rem 3rem 0;
    }

    /*PARTNER*/
    .partner_1 {
        padding-top: 2rem;
    }
    .partner_heading_1 {
        margin-right: 0;
    }
    .partner_counter_wrap {
        gap: 1rem;
    }
    .partner_counter_wrap .item_counter {
        width: calc((100% / 2) - (1rem * 1 / 2));
        padding-left: 0.5rem;
    }
    .partner_counter_wrap h3 {
        font-size: 0.9rem;
    }
    .partner_counter_wrap sup,
    .partner_counter_wrap .number {
        font-size: 2.7rem;
    }
    .partner_2 {
        padding: 3rem 0 4rem;
    }
    .partner_tabs_wrap {
        z-index: 10;
    }
    .partner_tabs_wrap>.tabs_wrap {
        overflow: unset;
    }
    .partner_tabs_wrap .select_mobile .select-styled {
        margin-top: 0;
    }
    .partner_tabs_wrap:after,
    .partner_tabs_wrap:before {
        content: unset;
    }
    .partner_heading {
        padding: 0;
        margin-top: 1.8rem;
    }
    .partner_list_wrap .list_partner {
        column-gap: 1rem;
        row-gap: 2rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .partner_list_wrap .list_partner h3 {
        margin-top: 0.8rem;
        font-size: 0.9rem;
    }

    /*SOLUTION*/
    .solution_1 {
        padding-top: 2rem;
    }
    .solution_1.blur_effect_bf:before {
        content: unset;
    }
    .solution_1.blur_effect_af.af_right:after {
        opacity: .2;
    }
    .solution_heading_1 h2.fs_55 {
        font-size: 1.2rem;
    }
    .solution_img_1 .svg_effect {
        display: none;
    }
    .solution_list_1 {
        margin-top: 2rem;
    }
    .solution_list_1 .box_content {
        width:  100%;
    }
    .solution_list_1 .box_img {
        margin-top: 0;
    }
    .solution_list_1 .item:first-child {
        margin-top: 0;
    }
    .solution_heading_2 h2.fs_55 {
        font-size: 1.4rem;
    }
    .slide_solution .item {
        padding: 9rem 2rem 2rem;
    }
    .slide_solution .slide_nav_mobile {
        padding-bottom: 1rem;
    }
    .wrap_market_share .dot_item>.dot {
        font-size: 0;
        min-width: 0;
        padding: 0;
        width: 0.7rem;
        height: 0.7rem;
    }
    .wrap_market_share .dot_item>.dot:before {
        width: 3rem;
        height: 3rem;
    }
    .wrap_market_share .dot_item:hover>.dot,
    .wrap_market_share .dot_item:hover>.dot:before {
        background: var(--sub-cl);
    }
    .wrap_market_share .dot_item .box_content {
        background: #fff;
        padding: 0.4rem 1rem;
        border-radius: 0.2rem;
        transition: .5s all;
        position: absolute;
        top: -100%;
        left: 100%;
        margin-left: 0.3rem;
        opacity: 0;
        min-width: 6rem;
        z-index: 4;
    }
    .wrap_market_share .dot_item:hover .box_content {
        opacity: 1;
    }
    .wrap_market_share .tabs_maps {
        justify-content: center;
    }
    .wrap_market_share .inner_wrap {
        margin-top: 2rem;
    }
    .wrap_market_share .wrap_item.layout_1 .content_maps {
        margin-bottom: 1rem;
    }

    /*FACTORY*/
    .banner_factory .heading_banner.fs_60 {
        font-size: 1.4rem;
    }
    .heading_factory_1 {
        padding: 0;
    }
    .factory_slide_1 .box_content {
        gap: 0.6rem;
    }
    .factory_slide_1 .item .number.fs_24 {
        font-size: 2rem;
        color: var(--main-cl) !important;
    }
    .factory_slide_1 .tablet_show {
        display: flex !important;
    }
    .factory_2 {
        padding-top: 4rem;
    }
    .factory_content_2 {
        margin-top: 2rem;
    }
    .factory_3 {
        padding-top: 3rem;
    }
    .timeline_nav .arrow_wrap {
        display: none;
    }
    .timeline_nav {
        bottom: 2rem;
        right: 0;
        left: 0;
        padding: 0 1rem;
    }
    .swiper.timeline-swiper .cont-wrap {
        width: 100%;
        padding: 0 1rem;
    }
    .factory_5>.inner {
        padding: 3rem 0;
        margin: 0 1rem;
    }
    .tabs_factory_5 {
        /*flex-wrap: wrap;*/
        margin-top: 1rem;
    }
    .tabs_factory_5 .btn.btn_style_3 {
        margin-top: 0;
    }
    .tabs_factory_5 .btn {
        margin-top: 0;
        white-space: nowrap;
        width: 100%;
    }
    .tabs_factory_5 .btn span.text {
        font-size: 0.85rem;
    }
    .slide_factory {
        height: 15rem;
        margin: 1rem -0.5rem 0;
    }
    .slide_factory .item {
        margin: 0 0.5rem;
    }
    .slide_factory .item:last-child {
        margin-top: 1rem;
    }
    .slide_factory .pagination_2 {
        display: none;
    }
    .heading_factory_6 h2 br {
        display: none;
    }
    .wrap_market_share .wrap_item .content_maps {
        padding-right: 0;
    }
    .wrap_market_share .wrap_item.layout_2 .inner_wrap {
        flex-direction: column-reverse;
    }
    .wrap_market_share .wrap_item.layout_2 .content_maps {
        width: 100%;
        margin-bottom: 2rem;
    }

    /*ABOUT*/
    .about_1 {
        padding-top: 3rem;
    }
    .about_img_1 .img_main {
        padding: 0;
    }
    .about_img_1 .img_graphic img {
        object-fit: contain;
    }
    .about_img_1 .img_1 {
        width: 3rem;
        height: 2rem;
        top: 0;
    }
    .about_img_1 .img_2 {
        width: 3rem;
        height: 3rem;
        bottom: -3%;
    }
    .about_img_1 .img_3 {
        width: 4rem;
        height: 5rem;
        bottom: -8%;
        right: 0;
    }
    .about_img_1 .img_4 {
        width: 4rem;
        height: 4rem;
        top: -27%;
    }

    .heading_about_2 {
        padding-right: 0;
    }
    .about_img_2 {
        padding: 0 1rem;
    }
    .about_content_2 .item>.flex{
        flex-direction: column-reverse;
    }
    .about_content_2 .item>.flex>* {
        width: 100%;
    }
    .about_content_2 {
        margin-top: 2rem;
    }
    .about_content_2 .item .custom_scrollbar {
        max-height: unset;
    }
    .about_content_2 .item:nth-child(odd) .box_img {
        padding-right: 0;
        margin-top: 2rem;
    }
    .about_content_2 .item:nth-child(even) .wrap_content {
        padding-right: 0;
        order: 1;
    }
    .about_content_2 .list_child .text br {
        display: none;
    }
    .about_content_2 .item_last .wrap_content {
        max-width: 100%;
        flex-direction: column;
        padding: 0 1.75rem !important;
    }
    .about_content_2 .item_last .logo {
        width: fit-content;
        margin-right: 0;
        padding-right: 0;
        border: 0;
        margin-bottom: 1rem;
    }
    .about_content_2 .item_last .content {
        width: 100% !important;
    }
    .about_content_2 .item_last .box_img {
        margin: 0 !important;
        padding: 0 !important;
    }
    .heading_about_3.custom_scrollbar {
        max-height: 22rem;
        margin-right: 0;
        margin-top: 1rem;
    }
    .about_content_3 .accordion_about_3 {
        margin-top: 1.8rem;
    }
    .heading_about_3 h2.fs_55 {
        font-size: 1.3rem;
    }
    .about_img_3 {
        padding-right: 0;
    }
    .about_img_3>.item {
        width: calc((100% / 2) - (1rem * 1 / 2));
        display: block;
    }
    .about_content_3 .accordion_title .title.fs_24 {
        font-size: 1.03rem;
    }
    .about_content_3 .accordion_item .content.fs_18 {
        font-size: 0.9rem;
    }
    .about_img_4 .box_img {
        margin-right: 0;
    }
    .about_slide_4 .swiper_nav {
        padding: 0 0.75rem;
    }
    .about_5 {
        margin: 3rem 0.5rem 0;
    }
    .about_inner_5 {
        padding: 3rem 0 2rem;
    }
    .slide_factory_5 .slide_nav_mobile {
        /*padding-top: 1.4rem;*/
    }
    .about_slide_6 .swiper-slide {
        max-width: 100%;
    }
    .about_slide_6 .swiper-slide h3 {
        font-size: 1.3rem;
        margin-top: 1rem;
    }
    .about_slide_6_wrap .slide_nav_mobile .arrow {
        display: block !important;
    }
    .about_slide_6_wrap .slide_nav_mobile.pc_hide {
        display: flex !important;
    }
    .heading_about_7 {
        padding: 0;
    }
    .history_month_wrap .item .box_img:before {
        width: 100%;
        background: rgba(0, 0, 0, 0.7);
    }
    .history_month_wrap .item .box_content {
        width: 95%;
    }
    .history_month_wrap .item h3 {
        font-size: 1.8rem;
        margin-bottom: 0.5rem;
    }
    .history_month_wrap .item .box_content {
        padding: 0 0 2.8rem 2rem;
    }
    .history_month_wrap .swiper-pagination {
        padding: 0 0 0.8rem 2rem;
    }
    .slide_history_year .slide_nav_mobile {
        justify-content: center;
        gap: 0.8rem;
    }
    .slide_history_year_wrap .arrow_absolute {
        display: none;
    }
    .factory_7 {
        padding-bottom: 3rem;
    }
    .heading_factory_7 h2.fs_55 {
        font-size: 1.5rem;
    }
    .heading_factory_7 .desc_sec {
        font-size: 1rem;
    }
    .about_img_4 .graphic {
        bottom: 0;
        right: 0;
        display: block;
    }

    /*CONTACT*/
    .contact_info_content {
        padding-right: 0;
    }
    .iframe_maps {
        height: 18rem;
    }
    .form_general_wrap .inner_form {
        padding: 2rem 1rem;
    }
    .form_general_wrap h2.fs_40 {
        font-size: 1.2rem;
    }
    .form_general_wrap .desc_sec {
        margin-top: 0.6rem;
    }
    .form_general_wrap .inner_form:before {
        content: unset;
    }
    .form_group.flex {
        flex-direction: column;
        gap: 0;
    }
    .form_group.flex .form_item {
        width: 100%;
    }
    .form_general_wrap .group_term_product span.fs_20 {
        font-size: 0.9rem;
    }
    .form_general_wrap .contents.custom_scrollbar {
        max-height: 8rem;
    }
    .form_general_wrap .group_term_product .item {
        width: calc((100% / 2) - (1.5625rem * 1 / 2));
    }
    .form_general_wrap .group_term_product + .form_item {
        margin-top: 1rem;
    }
    .form_wrap .submit_btn,
    .form_wrap .submit_btn .btn {
        width: 100%;
    }
}