:root {
    --main-cl: #3B7D3F;
    --sub-cl: #86B543;
    --third-cl: #FAF3E4;
    --body-cl: #231F20;
    --black-cl: #000000;

    --primary-color: #3B7D3F !important;
    --fs-color-primary: #3B7D3F !important;
    --fs-color-secondary: #86B543 !important;

    --container-w: 75rem;
}

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

body::-webkit-scrollbar {
    width: 0.6rem;
    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;
}

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

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

#search-lightbox .search-lightbox-title {
    margin-bottom: 1.667rem;
    font-size: 1.979rem;
    line-height: 1.2;
    font-weight: 700;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.load_home_page img.logo_load_page {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 14rem;
    height: auto;
    opacity: 1;
    transition: .5s all;
}

.load_home_page.complete img.logo_load_page {
    opacity: 0;
    transition-delay: .3s;
}

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

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

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

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

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

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

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

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

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

.load_home_page.complete {
    visibility: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

.tile-reveal-square {
    flex: 1 1 auto;
    width: 75px;
    height: 75px;
    background-color: #fff;
    opacity: 1;
}

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

.search-page {
    padding: 3rem 0;
}

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

.search-page .btn {
    margin-top: 2rem;
}

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

.search-tabs .search-tabs-title .search-tab-title {
    padding: 0.625rem 1.25rem;
    border: 1px solid var(--fs-color-primary);
    font-size: 0.9rem;
    line-height: 1.042rem;
    color: var(--fs-color-primary);
    -webkit-border-radius: 0.521rem;
    -moz-border-radius: 0.521rem;
    border-radius: 0.521rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.4s;
}

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

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

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

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

.search-tabs .search-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 1rem;
    row-gap: 1.5rem;
}

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

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

html.js.has-off-canvas-undefined {
    margin-right: 0.6rem !important;
}

/*heading style sec*/
.subtitle-sec {
    font-family: 'Mulish Regular';
    font-size: 0.9375rem;
    color: var(--sub-cl);
}

.subtitle-sec + .title-sec {
    margin-top: 0.5rem;
}

.title-sec {
    font-family: 'Mulish ExtraBold';
    font-size: 2.5rem;
    color: var(--main-cl);
}

.desc-sec {
    font-family: 'Mulish Regular';
    font-size: 0.9375rem;
    color: var(--body-cl);
}

.desc-sec strong {
    font-family: 'Mulish Medium';
}

body, h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2, strong {
    font-weight: normal !important;
}

a {
    text-decoration: none;
}

b, strong {
    font-family: 'Mulish Bold';
}

.ts-03 {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ts-04 {
    -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;
}

.ts-05 {
    -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;
}

.fs-11 {
    font-size: 0.573rem;
}

.fs-12 {
    font-size: 0.625rem;
}

.fs-13 {
    font-size: 0.677rem;
}

.fs-14 {
    font-size: 0.729rem;
}

.fs-15 {
    font-size: 0.78125rem;
}

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

.fs-17 {
    font-size: 0.885rem;
}

.fs-18 {
    font-size: 0.9375rem;
}

.fs-19 {
    font-size: 0.99rem;
}

.fs-20 {
    font-size: 1.042rem;
}

.fs-21 {
    font-size: 1.09375rem;
}

.fs-22 {
    font-size: 1.146rem;
}

.fs-23 {
    font-size: 1.198rem;
}

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

.fs-25 {
    font-size: 1.302rem;
}

.fs-28 {
    font-size: 1.458rem;
}

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

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

.fs-35 {
    font-size: 1.823rem;
}

.fs-36 {
    font-size: 1.875rem;
}

.fs-40 {
    font-size: 2.083rem;
}

.fs-48 {
    font-size: 2.5rem;
}

.fs-50 {
    font-size: 2.604rem;
}

.fs-60 {
    font-size: 3.125rem;
}

.fs-64 {
    font-size: 3.333rem;
}

.fs-70 {
    font-size: 3.646rem;
}

.lh-20 {
    line-height: 1.042rem;
}

.lh-21 {
    line-height: 1.09375rem;
}

.lh-22 {
    line-height: 1.146rem;
}

.lh-23 {
    line-height: 1.198rem;
}

.lh-24 {
    line-height: 1.25rem;
}

.lh-25 {
    line-height: 1.302rem;
}

.lh-26 {
    line-height: 1.354rem;
}

.lh-27 {
    line-height: 1.40625rem;
}

.lh-28 {
    line-height: 1.458rem;
}

.lh-29 {
    line-height: 1.51rem;
}

.lh-30 {
    line-height: 1.5625rem;
}

.lh-31 {
    line-height: 1.615rem;
}

.lh-32 {
    line-height: 1.667rem;
}

.lh-33 {
    line-height: 1.71875rem;
}

.lh-34 {
    line-height: 1.771rem;
}

.lh-36 {
    line-height: 1.875rem;
}

.lh-40 {
    line-height: 2.083rem
}

.lh-55 {
    line-height: 2.865rem
}

.lh-60 {
    line-height: 3.1579rem;
}

.lh-65 {
    line-height: 3.3854rem;
}

.lh-76 {
    line-height: 3.9583rem;
}

.lh-100p {
    line-height: 100%;
}

.lh-120p {
    line-height: 1.2;
}

.lh-normal {
    line-height: normal;
}

.fw200 {
    font-family: 'Mulish ExtraLight';
}

.fw300 {
    font-family: 'Mulish Light';
}

.fw400 {
    font-family: 'Mulish Regular';
}

.fw500 {
    font-family: 'Mulish Medium';
}

.fw600 {
    font-family: 'Mulish SemiBold';
}

.fw700 {
    font-family: 'Mulish Bold';
}

.fw800 {
    font-family: 'Mulish ExtraBold';
}

.fw900 {
    font-family: 'Mulish Black';
}

/*Plus Jakarta Sans*/
.fw800-pjs {
    font-family: 'Plus Jakarta Sans ExtraBold';
}

/*Montserrat*/
.fw700-mont {
    font-family: 'Montserrat Bold';
}

.fw500-mont {
    font-family: 'Montserrat Medium';
}

.fw400-mont {
    font-family: 'Montserrat Regular';
}

/*Inter*/
.fw700-inter {
    font-family: 'Inter Bold';
}

.fw400-inter {
    font-family: 'Inter Regular';
}

.fw600-inter {
    font-family: 'Inter SemiBold';
}

/*Letter spacing*/
.ls-0 {
    letter-spacing: 0;
}

.lp-3 {
    letter-spacing: -3%;
}

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

.m-auto {
    margin: auto;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.h-full {
    height: 100%;
}

.w-full {
    width: 100%;
}

.obj-cover {
    object-fit: cover;
}

.text-white {
    color: #FFF;
}

.text-underline {
    text-decoration: underline;
}

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

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

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

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

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

.text-black {
    color: var(--black-cl);
}

.text-body {
    color: var(--body-cl);
}

.text-666 {
    color: #666666;
}

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

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

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

/*show/hide - breakpoint*/
.pc-show {
    display: block !important;
}

.pc-hide {
    display: none !important;
}

.pc-show-flex {
    display: flex !important;
}

.pc-hide-flex {
    display: none !important;
}

/*wrap img*/
.img-center {
    margin-left: auto;
    margin-right: auto;
}

.img-wrap {
    overflow: hidden;
}

.img-wrap 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;
}

/*btn link*/
.btn {
    position: relative;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0.625rem 1.25rem;
    border-radius: 1.25rem 2px 1.25rem 2px;
    background: var(--main-cl);
    overflow: hidden;
}

.btn::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(85.39deg, #3B7D3F 0%, #86B543 100%);
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

.btn:hover::after {
    opacity: 1;
}

.btn > * {
    position: relative;
    z-index: 1;
}

.btn span.text {
    font-family: 'Mulish Regular';
    font-size: 0.9375rem;
    line-height: normal;
}

.btn svg {
    display: flex;
}

.btn-style-1 {
    background: var(--main-cl);
    padding-right: 0.573rem;
}

.btn-style-1 span.text {
    color: #fff;
}

.btn-style-1 span.icon {
    position: relative;
    overflow: hidden;
    width: 1.25rem;
    height: 1.25rem;
}

.btn-style-1 span.icon svg {
    position: absolute;
    z-index: 2;
}

.btn-style-1 span.icon svg:nth-child(1) {

}

.btn-style-1 span.icon svg:nth-child(2) {
    transform: translate(-100%, 100%);
}

.btn-style-1:hover span.icon svg:nth-child(1) {
    transform: translate(100%, -100%);
}

.btn-style-1:hover span.icon svg:nth-child(2) {
    transform: translate(0%, 0%);
}

.btn-style-2 {
    background: transparent !important;
    border: 1px solid var(--main-cl);
}

.btn-style-2 span.text {
    color: var(--main-cl);
}

.btn-style-2:hover {
    border-color: transparent;
}

.btn-style-2:hover span.text {
    color: #fff;
}

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

/*effect img*/
.item-hover .zoom-img img {
    transform: scale(1);
    transition: 1s all;
}

.item-hover:hover .zoom-img 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);
}

/*absolute arrow*/
.arrow-absolute > .arrow-slide {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    display: flex;
    align-items: center;
}

.arrow-absolute > .arrow-slide.prev {
    left: 0;
}

.arrow-absolute > .arrow-slide.next {
    right: 0;
}

.arrow-slide {
    cursor: pointer;
}

.arrow-slide svg {
    display: flex;
}

.arrow-slide rect {
    fill: transparent;
}

.arrow-slide:hover rect {
    fill: var(--black-cl);
}

.arrow-slide:hover path {
    stroke: #fff;
}

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

/*swiper same height*/
.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 > div,
.swiper-same-height > .swiper-wrapper .swiper-slide > div {
    height: 100%;
}

/*swiper pagination*/
.tl-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.521rem;
    position: relative;
    top: unset !important;
    bottom: unset !important;
    left: unset !important;
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
}

.tl-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: rgb(0 0 0 / 0.2);
    opacity: 1;
    margin: 0 !important;
    position: relative;
    display: flex;
    transition: all 0.4s;
}

.tl-pagination .swiper-pagination-bullet:before {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.4s;
    border: 1px solid var(--black-cl);
    border-radius: 50%;
}

.tl-pagination .swiper-pagination-bullet-active {
    background: var(--black-cl);
}

.tl-pagination .swiper-pagination-bullet-active:before {
    width: 200%;
    height: 200%;
    opacity: 1;
}

.text-white.tl-pagination .swiper-pagination-bullet {
    background: rgb(255 255 255 / 0.6);
}

.text-white.tl-pagination .swiper-pagination-bullet-active {
    background: #fff;
}

.text-white.tl-pagination .swiper-pagination-bullet-active:before {
    border-color: #fff;
}

.tl-pagination-fraction {
    font-size: 0;
    gap: 0.208rem;
    padding-top: 2.5rem;
}

.tl-pagination-fraction span {
    font-family: 'Mulish Regular';
    font-size: 0.729rem;
    color: var(--main-cl);
}

.tl-pagination-fraction .swiper-pagination-total {
    position: relative;
    padding-left: 2.708rem;
    opacity: .2;
}

.tl-pagination-fraction .swiper-pagination-total:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 2.5rem;
    height: 1px;
    background: var(--main-cl);
    pointer-events: none;
}

/*effect loading img*/
.loading-show-more {
    position: relative;
    overflow: hidden;
}

.loading-show-more > div,
.loading-show-more .no-result {
    opacity: 0.3;
    transition: .5s all;
}

.no-result {
    margin-top: 3.84rem;
    font-size: 1.92rem;
    color: var(--main-cl);
    text-align: center;
}

.loading-show-more::before {
    content: '';
    position: absolute;
    z-index: 50;
    top: 11.5%;
    left: 50%;
    transform: translateX(-50%);
    width: 9.6rem;
    height: 3.8rem;
    /* Logo làm background layer 1, shine làm layer 2 */
    background-image: linear-gradient(
            120deg,
            transparent 0%,
            rgba(255, 255, 255, 0.8) 50%,
            transparent 100%
    ),
    url('../images/logo.svg');
    background-repeat: no-repeat, no-repeat;
    background-position: -150% center, center;
    background-size: 60% 100%, contain;

    display: inline-block;
    box-sizing: border-box;
    animation: shine .7s ease-in-out infinite alternate;
}

.loading-show-more::after {
    content: '';
    position: absolute;
    z-index: 49;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    width: 12rem;
    height: 4.8rem;
    background-color: white;
    border-radius: 0.5rem;
}

@keyframes shine {
    0% {
        background-position: -150% center, center;
    }
    100% {
        background-position: 250% center, center;
    }
}

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

.no-result-data {
    font-size: 2rem;
    margin-top: 2rem;
}

/*custom select*/
.custom-sl {
    display: none;
}

.select-styled {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.521rem;
    padding: 0 0.625rem 0 1.25rem;
    border: 1px solid #86B54380;
    font-size: 0.9375rem;
    color: rgb(255 255 255 / 0.5);
    transition: all .5s ease-in-out;
    margin: 0;
    cursor: pointer;
}

.select {
    position: relative;
    /*z-index: 9;*/
}

.select-styled:after {
    content: '';
    position: relative;
    display: block;
    width: 0.9rem;
    height: 0.9rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5LjUgOUwxMiAxNi41TDQuNSA5IiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    background-size: cover;
}

.select .select-options {
    display: none;
    position: absolute;
    z-index: 22;
    left: 0;
    top: 100%;
    width: 100%;
    background-color: #fff;
    list-style: none;
    overflow: hidden;
}

.select .select-options > li {
    font-size: 0.833rem;
    font-weight: 500;
    line-height: 0.857rem;
    margin-bottom: 0;
    padding: 0.625rem 0.833rem;
    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(--black-cl);
}

.select .select-options > li.active,
.select .select-options > li:hover {
    background-color: var(--main-cl);
    color: #fff;
}

.select .select-options > li + li {
    border-top: 1px solid #E3DBD8;
}

.form-wrap label {
    font-size: 0.833rem;
    font-weight: 400;
    line-height: 1.3;
    /*margin-bottom: 0.208rem;*/
    color: var(--third-cl);
}

.form-wrap span.required {
    color: red;
}

.select-styled span {
    flex-grow: 1;
}

.text-white .select-styled {
    border-color: #FFFFFF40;
    color: #FFFFFF40;
}

.text-white .select-styled:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjYyNSA2Ljc1TDkgMTIuMzc1TDMuMzc1IDYuNzUiIHN0cm9rZT0iI0Y1RjVGNSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}

.select-options {
    max-height: 11rem;
    overflow-y: auto !important;
}

.select-options::-webkit-scrollbar-track {
    padding-top: 1rem;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

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

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

.form-wrap .form-group.target {
    z-index: 10;
}

.form-wrap input.btn-primary {
    width: 100%;
    text-transform: unset;
    height: 3.125rem;
    margin: 0.625rem 0 0 0 !important;
}

.form-wrap .input-wrap input {
    padding-right: 2.604rem;
}

.form-wrap .input-wrap > svg {
    width: 0.9375rem;
    height: 0.9375rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.042rem;
}

.form-wrap .form-group:not(:last-child) {
    margin-bottom: 1.042rem;
}

.form_group.flex {
    gap: 1.042rem;
    margin-bottom: 0.833rem;
}

.form_group.flex > * {
    width: calc((100% / 2) - 0.4rem);
}

.form_group.flex > div:only-child {
    width: 100%;
}

/*form style*/
form {
    margin-bottom: 0 !important;
}

.form-wrap .form-item :is(input, .select-styled) {
    border-radius: 5.208rem;
    height: 2.5rem;
    font-size: 0.9375rem;
    color: #EDDCBE;
}

.form-item {
    margin-bottom: 1.042rem;
}

.form-wrap .form-item :is(input, textarea) {
    color: #EDDCBE;
    background: transparent;
    border-color: #86B54380;
    padding: 0 0.625rem 0 1.25rem;
    margin-bottom: 0;
    box-shadow: none !important;
}

.form-item textarea {
    border-radius: 0.833rem;
    padding-top: .8rem !important;
}

.form-wrap textarea::placeholder,
.form-wrap input::placeholder {
    color: #fff;
    opacity: .5;
}

.form-item textarea:focus,
.form-item input:focus {
    color: #EDDCBE;
    border-color: #EDDCBE !important;
    background: transparent;
}

.form-item.flex {
    gap: 1.667rem;
}

.form-group.flex {
    gap: 1rem;
}

.form-group.flex > .form-item {
    width: calc((100% / 2) - (1rem * 1 / 2));
    margin-bottom: 0;
}

.form-group.flex > div:only-child {
    width: 100%;
}

.form-wrap .submit-form-btn {
    position: relative;
    width: fit-content;
    margin: 2.5rem 0 0;
}

.form-wrap .submit-form-btn > input {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    opacity: 0;
    z-index: 5;
    border-radius: 100px;
}

.submit-form-btn > input ~ .btn {
    background: #fff;
}

.submit-form-btn > input ~ .btn span.text {
    color: var(--main-cl);
}

.submit-form-btn > input ~ .btn path {
    stroke: var(--main-cl);
}

.submit-form-btn > input ~ .btn span.icon svg:nth-child(2) {
    transform: translate(-100%, 100%);
}

.submit-form-btn > input:hover ~ .btn span.icon svg:nth-child(1) {
    transform: translate(100%, -100%);
}

.submit-form-btn > input:hover ~ .btn span.icon svg:nth-child(2) {
    transform: translate(0%, 0%);
}

.form-wrap .wpcf7-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wpcf7 form.sent .form-wrap + .wpcf7-response-output {
    border-color: var(--sub-cl) !important;
    color: #fff;
    background: var(--sub-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-family: 'Quicksand Regular';
    font-size: 0.8rem;
    color: #e40000;
    margin-left: 0;
    margin-right: 0;
    border-width: 0.5px !important;
    border-color: #e40000 !important;
}

.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;
}

span.required {
    color: #FF1B1B;
}

.site-content {
    display: block;
}

.wpcf7 form.sent .wpcf7-response-output {
    background: #46b450 !important;
    border-color: #46b450 !important;
    color: #FFF !important;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output {
    background: red !important;
    border-color: red !important;
    color: #FFF !important;
}

.wpcf7 form.wpcf7-form .wpcf7-response-output {
    margin-top: 1rem !important;
    text-align: center !important;
    -webkit-border-radius: 0.521rem;
    -moz-border-radius: 0.521rem;
    border-radius: 0.521rem;
    font-size: 0.833rem;
    position: absolute !important;
    width: 100%;
}

.form-wrap .wpcf7-not-valid-tip {
    font-size: 0.677rem;
    position: absolute;
    opacity: 1;
}

.wpcf7-spinner {
    display: none !important;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(100%, -50%);
}

.processing:before {
    border-color: #fff;
}

.fancybox-slide--html .fancybox-close-small {
    top: .5rem;
    right: 1rem;
    padding: 0;
    transition: .5s all;
}

.fancybox-close-small:hover {
    transform: rotate(180deg);
    color: var(--main-cl);
}

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

.terms-menu,
.terms-menu ul {
    gap: 0.833rem;
}

/*---------------*/
#wrapper, #main {
    background-color: #FFFCF4 !important;
}

/*HEADER*/
.admin-bar header {
    margin-top: 32px;
}

.admin-bar header .stuck {
    top: 0 !important;
}

li.html.html_topbar_right,
li.html.html_topbar_left {
    display: none !important;
}

.header-bg-container {
    display: none;
}

header#header {
    position: fixed;
    top: 0;
    z-index: 999;
    left: 0;
    width: 100vw;
}

header .stuck {
    /*position: relative;*/
}

header .header-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150%;
    background: linear-gradient(180deg, rgba(35, 31, 32, 0.6) 0%, rgba(35, 31, 32, 0) 100%);
    pointer-events: none;
    opacity: 1;
    transition: .3s all;
}

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

header .header-wrapper #masthead {
    height: auto !important;
}

header .header-wrapper .header-inner {
    background: transparent;
    padding: 1.458rem 4.167rem 1.458rem;
    transition: all 0.4s;
}

header .header-wrapper.stuck .header-inner {
    background: #FFFCF4 !important;
}

header .header-wrapper.stuck {
    box-shadow: 0 4px 16px 0 #E2C8931A;
}

header .header-inner.container {
    max-width: 100% !important;
}

header #masthead #logo {
    width: 15.365rem;
    margin-right: 1rem;
}

header #logo img,
header .stuck #logo img {
    width: fit-content;
    max-height: 3.333rem !important;
}

header #logo img {
    filter: brightness(0) invert(1);
}

header .stuck #logo img {
    filter: brightness(1) invert(0);
}

header #masthead .header-nav-main {
    gap: 1.25rem;
    align-items: center;
}

header #masthead .header-nav-main li {
    margin: 0;
}

header #masthead .header-nav-main li > a {
    position: relative;
    font-family: 'Mulish Regular';
    font-size: 0.9375rem;
    line-height: 3 !important;
    font-weight: normal;
    color: #fff;
    letter-spacing: 0;
    text-transform: initial !important;
    padding: 0;
}

header .stuck #masthead .header-nav-main li > a {
    color: var(--body-cl);
    line-height: 3 !important;
}

header #masthead .header-nav-main > li > a:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #fff;
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

header .stuck #masthead .header-nav-main > li > a:before {
    background: var(--body-cl);
}

header #masthead .header-nav-main > li > a:hover:before {
    width: 100%;
    opacity: 1;
}

header #masthead .header-nav-main > li.current-menu-item > a {
    font-family: 'Mulish ExtraBold';
}

header #masthead .header-nav-main > li.current-menu-item > a:before {
    width: 100%;
    opacity: 1;
}

/*header style no fixed*/
.header-no-transparent.admin-bar header {
    margin-top: 0;
}

.header-no-transparent header#header {
    position: unset;
}

/*.header-no-transparent .header .header-wrapper.stuck {*/
/*    position: fixed;*/
/*}*/
.header-no-transparent header .header-wrapper:before {
    content: unset;
}

.header-no-transparent header #masthead .header-nav-main li > a {
    color: var(--body-cl);
}

.header-no-transparent header #logo img {
    filter: brightness(1) invert(0);
}

.header-no-transparent .icon-search:before {
    background-image: url(../images/icon_search_3.svg);
}

.header-no-transparent header .nav > li.lang_header svg > line {
    stroke: var(--body-cl);
}

.header-no-transparent header .nav > li.header-cta span.icon > img {
    filter: brightness(0) grayscale(1);
}

.header-no-transparent header .nav > li.header-cta span.icon {
    border: 1px solid rgb(0 0 0 / 40%);
}


/*header account*/
header .nav > li.header-account-item {
    display: flex;
}

header .nav > li.header-account-item span.text {
    display: none;
}

header .nav > li.header-account-item a:before {
    content: unset !important;
}

header .stuck .nav > li.header-account-item:hover path,
header .nav > li.header-account-item:hover path {
    stroke: var(--main-cl);
}

.header-account-item:hover .sub-menu {
    /*transform: translateY(40px);*/
}

header .stuck .nav > li.header-account-item path {
    stroke: var(--body-cl);
}

/*header search*/
header .nav > li.header-search {
    display: flex;
    position: relative;
    margin: 0 !important;
    margin-left: 2.083rem !important;
}

header .nav > li.header-search a {
    padding: 0 !important;
    background: none !important;
}

header .nav > li.header-search a:before {
    content: unset !important;
}

.icon-search:before {
    content: '';
    width: 1.25rem;
    height: 1.25rem;
    display: block;
    background-image: url(../images/icon_search_1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: .4s all;
}

.stuck .icon-search:before {
    background-image: url(../images/icon_search_3.svg);
}

.stuck .icon-search:hover:before,
.icon-search:hover:before {
    background-image: url(../images/icon_search_2.svg);
}

/*action header*/
header .nav > li.header-cta a {
    gap: 0.417rem;
    transition: all .2s;

}

header .nav > li.header-cta a:before {
    content: unset !important;
}

header .nav > li.header-cta span.icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.667rem;
    height: 1.667rem;
    border-radius: 5.208rem;
    border: 1px solid rgb(255 255 255 / 0.2);
    transition: all .2s;
}

header .nav > li.header-cta a:hover span.icon {
    border-color: #fff;
}

header .nav > li.header-cta span.icon > img {
    filter: brightness(0) invert(1);
    width: 1.042rem;
    height: 1.042rem;
    object-fit: contain;
}

header .nav > li.header-cta span.text {
    font-family: 'Mulish ExtraBold';
    transition: all .2s;
}

header .stuck .nav > li.header-cta span.icon {
    border-color: rgb(59 125 63 / 0.2);
}

header .stuck .nav > li.header-cta a:hover span.icon {
    border-color: var(--main-cl);
}

header .stuck .nav > li.header-cta span.icon > img {
    filter: brightness(1) invert(0);
}

header .stuck .nav > li.header-cta span.text {
    color: var(--main-cl);
}

/*LANG CSS*/
header .nav > li.lang_header a {
    content: unset !important;
}

header .nav > li.lang_header svg {
    margin: auto 0.417rem;
}

header .nav > li.lang_header a.current_lang:before {
    opacity: 1 !important;
    width: 100% !important;
}

header .stuck .nav > li.lang_header svg > line {
    stroke: var(--body-cl);
}

/*sub-menu*/
.sub-menu li {
    margin: 0 !important;
}

.sub-menu li > a:before {
    content: unset !important;
}

.nav-dropdown-has-border .nav-dropdown {
    min-width: 14rem;
    border: 0 !important;
    border-radius: 0.75rem;
    padding: 0.5rem /* 10/19.2 */ !important;
}

.nav-dropdown.nav-dropdown-default > li > a {
    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: rgb(240 84 69 / 0.15);
}

.nav-dropdown-has-arrow li.has-dropdown:after,
.nav-dropdown-has-arrow li.has-dropdown:before {
    content: unset;
}

/*menu 2 level | megamenu*/
.has-dropdown .sub-menu .accordion.mega-menu {
    transition: .35s all;
    min-width: fit-content;
}

.has-dropdown.current-dropdown .sub-menu .accordion.mega-menu {
    min-width: max-content;
}

.mega-menu .accordion-item:not(:first-child) {
    padding-top: 0.2rem;
    margin-top: 0.2rem;
    border-top: 1px solid #20202033;
}

.mega-menu .accordion-title {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    border-top: 0;
    position: relative;
    transition: border .2s ease-out, background-color .3s;
    line-height: normal;
    font-weight: unset;
    margin: 0;
    padding: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border-radius: 0.4rem;
}

.mega-menu .accordion-title:hover {
    background-color: rgba(0, 0, 0, .03);
}

.mega-menu .accordion-title span {
    font-family: 'Mulish Regular';
    font-size: 0.9375rem;
    color: #333333 !important;
    line-height: normal;
    transition: .3s all;
}

.mega-menu .accordion-title.active span {
    font-family: 'Mulish ExtraBold';
}

.mega-menu .accordion-title:hover span {
    color: var(--body-cl);
}

.mega-menu.accordion .toggle {
    position: unset;
    margin: 0 0 0 1rem;
    width: fit-content;
    height: fit-content;
    line-height: normal;
}

.mega-menu .has-dropdown .icon-angle-down {
    font-size: 1.25rem;
    margin-left: 0;
    opacity: 1;
}

.mega-menu .accordion-inner {
    padding: 0 0 0 0.833rem;
}

.mega-menu .ux-menu-link__link {
    align-items: center;
    font-family: Mulish Regular;
    font-size: 0.9375rem;
    color: var(--body-cl);
    line-height: normal;
    padding: 0;
    min-height: unset;
}

.mega-menu .accordion-inner > .ux-menu {
    gap: 0.5rem;
    margin-top: .4rem;
}

.mega-menu .accordion-inner > .ux-menu > .menu-item:last-child {
    margin-bottom: .5rem !important;
}

.mega-menu div.ux-menu-link--active .ux-menu-link__link {
    color: var(--main-cl);
    font-family: 'Mulish Bold';
}

.mega-menu .ux-menu-link__link:hover {
    color: var(--main-cl);
}

/*FOOTER*/
footer {
    position: relative;
    background-color: #FFFCF4 !important;
    padding: 5.208rem 0 1.667rem;
    margin-top: 7.8125rem;
}

footer:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 3.333rem 3.333rem 0 0;
    filter: drop-shadow(0px 4px 16px #E2C89333);
    background: #fff;
    pointer-events: none;
}

footer .wrap-logo {
    padding-right: 6rem;
}

footer .logo {
    width: fit-content;
}

footer .logo > img {
    width: fit-content;
    height: 7.03125rem;
}

footer .wrap-logo span.desc {
    color: #231F20B2;
    margin-top: 1.667rem;
}

footer span.title-footer {
    position: relative;
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
}

footer span.title-footer:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 3.333rem;
    height: 1px;
    background: #E2C893;
    opacity: .2;
    pointer-events: none;
}

footer .company-info span.info {
    color: #231F20B2;
}

footer .company-info span.info:is(ul, ol) {
    padding-left: 1.8rem;
}

footer .company-info span.info P:not(:last-child) {
    margin-bottom: 0.7rem;
}

footer .list-socials {
    margin-top: 1.25rem;
}

footer .list-socials > ul {
    gap: 0.417rem;
}

footer .list-socials a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5.208rem;
    border: 1px solid rgb(59 125 63 / 0.2);
    width: 1.8rem;
    height: 1.8rem;
    padding: .2rem;
}

footer .list-socials a:hover {
    border-color: var(--main-cl);
}

footer a {
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-thickness: .6px;
    text-decoration-color: transparent;
    color: #231F20B2;
    transition: .35s all;
}

footer a:hover {
    text-decoration-color: currentColor;
}

footer .col-right {
    gap: 1rem;
}

footer .col-right .company-info {
    max-width: 21.354rem;
}

footer .col-right .wrap-menu {
    padding-left: 4.792rem;
}

footer .menu-footer a {
    font-size: 0.9375rem;
}

footer .col-right .wrap-maps {
    margin-left: auto;
}

footer .col-right .wrap-maps span.title-footer {
    margin-bottom: 0;
    padding-bottom: 1.25rem;
}

footer .col-right .wrap-maps span.title-footer:before {
    content: unset;
}

footer .wrap-maps .maps {
    border-radius: 1.667rem;
    overflow: hidden;
    height: 11rem;
}

footer .copyright {
    color: #231F20B2;
    margin-top: 2.5rem;
    padding-top: 1.25rem;
    border-top: 1px solid rgb(226 200 147 / 0.2);
}

/*fixed contact*/
footer.quick-contact-footer {
    padding-bottom: 7.917rem;
}

ul.fixed-button.desktop-display {
    position: fixed;
    z-index: 10;
    bottom: 1.667rem;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.833rem;
    background: #fff;
    filter: drop-shadow(0px 4px 16px #E2C89333);
    padding: 1.25rem;
    margin: 0;
}

ul.fixed-button.desktop-display li:not(:last-child) {
    margin-right: 1.5625rem;
    padding-right: 1.5625rem;
}

ul.fixed-button.desktop-display li:not(:last-child):before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 95%;
    background: #0000001A;
    pointer-events: none;
}

ul.fixed-button a {
    display: flex;
    align-items: center;
    gap: 0.46875rem;
    color: #666666;
}

ul.fixed-button p {
    line-height: 1.25;
}

ul.fixed-button span.icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.083rem;
    height: 2.083rem;
    flex-shrink: 0;
    background: var(--main-cl);
    border-radius: 5.208rem;
    padding: 0.417rem;
    overflow: hidden;
    z-index: 1;
}

ul.fixed-button span.icon:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(85.39deg, #3B7D3F 0%, #86B543 100%);
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
    z-index: -1;
}

ul.fixed-button a:hover span.icon:before {
    opacity: 1;
}

ul.fixed-button span.icon > img {
    object-fit: contain;
}

ul.fixed-button span.content {
    width: max-content;
    flex-shrink: 0;
}

ul.fixed-button a strong {
    font-family: 'Mulish ExtraBold';
    font-size: 0.9375rem;
    color: var(--main-cl);
    transition: .35s all;
}

ul.fixed-button a:hover strong {
    color: var(--sub-cl);
}

/*form quote popup*/
#form-quote-popup {
    max-width: 70%;
    padding: 0;
    background: transparent !important;
}

#form-quote-popup > .inner {
    background: #fff;
    border-radius: 1.5rem;
    overflow: hidden;
}

#form-quote-popup > .inner .img-wrap {
    width: 35rem;
    flex-shrink: 0;
}

#form-quote-popup > .inner .cont-wrap {
    padding: 4.792rem 4rem;
}

#form-quote-popup > .inner .desc {
    margin-top: 0.417rem;
}

#form-quote-popup > .inner .box-form {
    margin-top: 1.5rem;
}

#form-quote-popup > .inner .box-form input {
    color: var(--main-cl);
}

#form-quote-popup > .inner .box-form .select-styled,
#form-quote-popup > .inner .box-form input::placeholder {
    color: rgb(134 181 67 / 1);
}

#form-quote-popup > .inner .box-form :is(input:focus, .select-styled.active) {
    border-color: var(--main-cl) !important;
}

#form-quote-popup > .inner .box-form .select-styled:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5LjUgOUwxMiAxNi41TDQuNSA5IiBzdHJva2U9IiMzQjdEM0YiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}

#form-quote-popup > .inner .submit-form-btn > input ~ .btn {
    background: var(--main-cl);
}

#form-quote-popup > .inner .submit-form-btn > input ~ .btn span.text {
    color: #fff;
}

#form-quote-popup > .inner .submit-form-btn > input ~ .btn path {
    stroke: #fff;
}

#form-quote-popup > .inner .select-options {
    filter: drop-shadow(0px 4px 16px #E2C89333);
    max-height: 8rem;
}

#form-quote-popup > .inner .form-wrap .submit-form-btn {
    margin-top: 1rem;
}


/*HOME*/
.item-banner-hero {
    height: 48.75rem;
    border-radius: 0 0 3.333rem 3.333rem;
    overflow: hidden;
}

.item-banner-hero:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(180deg, rgba(35, 31, 32, 0) 0%, rgba(35, 31, 32, 0.665) 50%, rgba(35, 31, 32, 0.95) 100%);
    pointer-events: none;
    z-index: 1;
}

.item-banner-hero .cont-absolute {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    z-index: 3;
    padding-bottom: 4.792rem;
}

.item-banner-hero .cont-absolute > .inner {
    max-width: var(--container-w);
}

.item-banner-hero .hero-content {
    margin-top: 1rem;
}

.home-1 {
    padding-top: 7.8125rem;
}

.home-title-1 {
    padding-right: 0;
}

.home-title-1 .desc-sec {
    margin-top: 0.833rem;
}

.slogan-home-1 {
    margin-top: 1.667rem;
}

.blockquote-sec {
    position: relative;
    width: fit-content;
    padding-top: 2.34375rem;
    padding-right: 3.021rem;
}

.blockquote-sec:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 6.25rem;
    height: 5.052rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9Ijk3IiB2aWV3Qm94PSIwIDAgMTIwIDk3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMjMuMDUyNiA5N0w0LjQyMTA1IDgyLjAwMzNDMTEuNzg5NSA3NC4zNDU0IDE2Ljk0NzQgNjcuMjE5MyAxOS44OTQ3IDYwLjYyNUMyMy4wNTI2IDU0LjAzMDcgMjQuNjMxNiA0Ny4wMTEgMjQuNjMxNiAzOS41NjU4TDM1LjY4NDIgNTEuMDUyNkgwVjBINTEuNDczN1YzMi44NjUxQzUxLjQ3MzcgNDQuOTkwMSA0OS4zNjg0IDU2LjA1MTUgNDUuMTU3OSA2Ni4wNDkzQzQwLjk0NzQgNzYuMDQ3MSAzMy41Nzg5IDg2LjM2NCAyMy4wNTI2IDk3Wk05MS41Nzg5IDk3TDcyLjk0NzQgODIuMDAzM0M4MC4zMTU4IDc0LjM0NTQgODUuNDczNyA2Ny4yMTkzIDg4LjQyMTEgNjAuNjI1QzkxLjU3ODkgNTQuMDMwNyA5My4xNTc5IDQ3LjAxMSA5My4xNTc5IDM5LjU2NThMMTA0LjIxMSA1MS4wNTI2SDY4LjUyNjNWMEgxMjBWMzIuODY1MUMxMjAgNDQuOTkwMSAxMTcuODk1IDU2LjA1MTUgMTEzLjY4NCA2Ni4wNDkzQzEwOS40NzQgNzYuMDQ3MSAxMDIuMTA1IDg2LjM2NCA5MS41Nzg5IDk3WiIgZmlsbD0iIzNCN0QzRiIgZmlsbC1vcGFjaXR5PSIwLjA1Ii8+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
}

.home-list-1 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 3.854rem;
    row-gap: 3.542rem;
    margin-top: 2.396rem;
}

.home-media-1 {
    height: 41.302rem;
    border-radius: 3.333rem;
    overflow: hidden;
    margin-top: 3.542rem;
}

.numbers-wrap .text {
    position: relative;
    font-family: 'Mulish ExtraBold';
    font-size: 1.25rem;
    color: var(--body-cl);
    padding-bottom: 0.625rem;
}

.numbers-wrap .text:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 3.333rem;
    height: 1px;
    background: var(--main-cl);
    opacity: .3;
    pointer-events: none;
}

.numbers-wrap .text + .number {
    margin-top: 0.3rem;
}

.numbers-wrap .number {
    font-family: 'Mulish Black';
    font-size: 4.167rem;
    color: var(--main-cl);
    line-height: 1;
}

.btn-action-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    cursor: pointer;
}

.home-2 {
    margin-top: 6.771rem;
    padding-top: 3.333rem;
}

.home-2:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 95.5%;
    height: 100%;
    border-radius: 3.333rem 3.333rem 0 0;
    background: linear-gradient(180deg, rgba(59, 125, 63, 0.1) 0%, rgba(59, 125, 63, 0.06) 70%, rgba(59, 125, 63, 0) 100%);
    pointer-events: none;
}

.home-slide-2 {
    margin: 2.5rem -0.625rem 0;
}

.home-slide-2 .product-item {
    margin: 0 0.625rem;
}

.product-item {
    padding: 1.667rem 1.667rem 0;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%);
    border-radius: 1.667rem;
    overflow: hidden;
}

.product-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #231F2033;
    opacity: 0;
    transition: .4s all;
    z-index: 2;
}

.product-item:hover:before {
    opacity: 1;
}

.product-item .img-wrap {
    margin-top: 3.125rem;
    aspect-ratio: 335/400;
}

.product-item .action {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(.2);
    z-index: 3;
    opacity: 0;
}

.product-item:hover .action {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

.home-3 {
    padding-top: 4.792rem;
}

.home-content-3 {
    margin: 4.896rem calc(-1 * (100vw - var(--container-w)) / 2 + 2.5rem) 0;
}

.home-content-3 .item-solution {
    width: 100%;
    overflow: hidden;
    position: sticky;
    top: 7.292rem;
}

.home-content-3 .item-solution > .inner {
    background: #FAF3E4;
    filter: drop-shadow(0px -8px 16px #E2C8931A);
    border-radius: 3.333rem;
    padding: 3.333rem;
}

.home-content-3 .item-solution .img-wrap {
    width: 51.042rem;
    height: 29.84375rem;
    flex-shrink: 0;
    border-radius: 1.667rem;
}

.home-content-3 .item-solution .cont-wrap {
    flex-grow: 1;
    padding-left: 6.6rem;
}

.home-content-3 .item-solution .idx {
    font-family: 'Mulish Regular';
    font-size: 5.208rem;
    line-height: 1;
    color: var(--main-cl);
}

.home-content-3 .item-solution .content {
    font-family: 'Mulish Regular';
    font-size: 1.25rem;
    color: var(--body-cl);
    margin-top: 5.208rem;
}

.home-content-3 .item-solution .content :is(h1, h2, h3, h4, h5, h6) {
    font-family: 'Mulish ExtraBold';
    font-size: 2.083rem;
    color: var(--main-cl);
    margin-bottom: 1.25rem;
}

.home-content-3 .item-solution .link-item {
    margin-top: 1.667rem;
}

.content-format-item :is(ul, ol) {
    padding-left: 1.8rem;
}

.content-format-item li {
    line-height: normal;
}

.content-format-item li:not(:last-child) {
    margin-bottom: 0.2rem;
}

.home-4 {
    padding-top: 6.771rem;
}

.home-content-4 {
    margin-top: 5rem;
}

.home-content-4:after,
.home-content-4:before {
    content: '';
    position: absolute;
    top: -1.25rem;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(180deg, rgba(59, 125, 63, 0.05) 0%, rgba(59, 125, 63, 0.025) 70%, rgba(59, 125, 63, 0) 100%);
    backdrop-filter: blur(20px);
    border-radius: 1.667rem;
    width: calc(100% - 2.5rem);
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

.home-content-4:after {
    top: -2.5rem;
    width: calc(100% - 5rem);
    z-index: 0;
}

.home-content-4 .home-slide-4 {
    padding-bottom: 5.208rem;
}

.home-content-4 .home-slide-4:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(59, 125, 63, 0.05) 0%, rgba(59, 125, 63, 0.025) 70%, rgba(59, 125, 63, 0) 100%);
    backdrop-filter: blur(20px);
    border-radius: 1.667rem;
    pointer-events: none;
}

.item-media {
    /*z-index: 5;*/
    padding: 5.208rem 6.771rem 0 5.208rem;
}

.item-media .logo {
    width: fit-content;
    flex-shrink: 0;
}

.item-media .logo > img {
    width: fit-content;
    height: 7.03125rem;
}

.item-media .cont-wrap {
    padding-left: 5rem;
}

.item-media .content {
    color: #231F20B2;
}

.item-media .content :is(h1, h2, h3, h4, h5, h6) {
    font-family: 'Mulish ExtraBold';
    font-size: 1.25rem;
    color: var(--body-cl);
    margin-bottom: .7rem;
}

.item-media .blockquote-item {
    margin-top: 2.5rem;
    gap: 2.5rem;
}

.item-media .blockquote-item > .inner {
    font-family: 'Mulish Regular';
    font-size: 0.729rem;
    color: #231F20B2;
}

.item-media .blockquote-item :is(b, strong) {
    font-size: 0.9375rem;
    color: var(--body-cl);
}

.item-media .link-item {
    width: fit-content;
    flex-shrink: 0;
}

.home-5 {
    padding-top: 2.604rem;
}

.home-content-5,
.product-content-3,
.solution-content-6 {
    margin: 2.5rem calc(-1 * (100vw - var(--container-w)) / 2 - 0.78125rem) 0;
}

.home-content-5:after, .home-content-5:before,
.product-content-3:after, .product-content-3:before,
.solution-content-6:after, .solution-content-6:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 7.8125rem;
    height: 100%;
    background: linear-gradient(270deg, rgba(255, 252, 244, 0) 0%, #FFFCF4 100%);
    pointer-events: none;
    z-index: 10;
}

.home-content-5:after,
.product-content-3:after,
.solution-content-6:after {
    left: unset;
    right: 0;
    background: linear-gradient(90deg, rgba(255, 252, 244, 0) 0%, #FFFCF4 100%);
}

.item-feedback {
    border-radius: 1.667rem;
    padding: 2.5rem;
    margin: 0 0.625rem;
    overflow: hidden;
}

.item-feedback::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(237, 220, 190, 0) 0%, rgba(237, 220, 190, 0.12) 30%, rgba(237, 220, 190, 0.2) 100%);
    transition: opacity 0.35s ease;
    pointer-events: none;
    z-index: 0;
}

.item-feedback::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(237, 220, 190, 0.2) 0%, rgba(237, 220, 190, 0.12) 70%, rgba(237, 220, 190, 0) 100%);
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
    z-index: 0;
}

.item-feedback:hover::before {
    opacity: 0;
}

.item-feedback:hover::after {
    opacity: 1;
}

.item-feedback .logo {
    width: fit-content;
    height: auto !important;
}

.item-feedback .logo > img {
    width: fit-content;
    height: 3.646rem;
}

.item-feedback .content {
    margin-top: 5.5rem;
    color: #231F20B2;
}

.item-feedback .content :is(h1, h2, h3, h4, h5, h6) {
    font-family: 'Mulish ExtraBold';
    font-size: 1.25rem;
    color: var(--body-cl);
    line-height: normal;
    margin-bottom: .7rem;
}

.item-feedback blockquote {
    border-left: 0;
    font-size: 0.729rem;
    font-style: normal;
    margin: 1.25rem 0 0 0;
    padding: 1.25rem 0 0 0;
    color: #231F20B2;
}

.item-feedback blockquote:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3.333rem;
    height: 1px;
    background: rgb(59 125 63 / 0.1);
    pointer-events: none;
}

.item-feedback blockquote :is(b, strong) {
    font-size: 0.9375rem;
    color: var(--body-cl);
}

.home-6 {
    padding-top: 2.604rem;
}

.home-text-stroke {
    margin-bottom: -2.3rem;
}

.text-stroke {
    font-family: 'Mulish ExtraBold';
    font-size: 10.833rem;
    line-height: normal;

    color: transparent;
    -webkit-text-stroke: 1px rgb(59, 125, 63);
    -webkit-mask-image: linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.5) 22.99%,
            rgba(0, 0, 0, 0.15) 62.95%,
            rgba(0, 0, 0, 0) 80.08%
    );
    mask-image: linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.5) 22.99%,
            rgba(0, 0, 0, 0.15) 62.95%,
            rgba(0, 0, 0, 0) 80.08%
    );
}

.wrap-form-register {
    background: linear-gradient(270deg, #86B543 0%, #3B7D3F 66.42%);
    border-radius: 3.333rem;
    filter: drop-shadow(0px 4px 16px #E2C89333);
    padding: 3.333rem 0;
}

.wrap-form-register .col-left {
    width: 50%;
    flex-shrink: 0;
    padding-left: 5rem;
}

.wrap-form-register .box-form {
    margin-top: 2.5rem;
}

.wrap-form-register .img-absolute {
    position: absolute;
    right: 0;
    margin-right: 3.125rem;
    height: 112%;
    bottom: 0;
}

.wrap-form-register .img-absolute:before {
    content: '';
    position: absolute;
    bottom: -10%;
    right: 0;
    width: 36.458rem;
    height: 36.458rem;
    border-radius: 100%;
    background: radial-gradient(50% 50% at 50% 50%, #F4FFBA 0%, rgba(244, 255, 186, 0) 100%);
    filter: blur(100px);
    pointer-events: none;
    z-index: -1;
}

.wrap-form-register .img-absolute > img {
    width: auto;
    object-fit: cover;
    height: 100%;
}

.home-7 {
    padding-top: 3.333rem;
    margin-top: 7.8125rem;
}

.home-7:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 5rem);
    height: 100%;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.6) 73.04%, rgba(255, 255, 255, 0) 91.29%);
    border-radius: 3.333rem 3.333rem 0 0;
    filter: drop-shadow(0px 4px 16px #E2C89333);
}

.home-list-7 .item {
    gap: 0.833rem;
}

.home-list-7 .item .icon {
    width: fit-content;
    flex-shrink: 0;
}

.home-list-7 .item .icon > img {
    width: fit-content;
    height: 2.5rem;
}

.wrap-stores {
    padding-top: 2.5rem;
    margin-top: 2.5rem;
    border-top: 1px solid rgb(226 200 147 / 0.2);
}

.wrap-stores .col-left {
    width: 50%;
    flex-shrink: 0;
    padding-right: 1.25rem;
}

.wrap-stores .data-maps {
    background: rgb(102 102 102 / 0.1);
    border-radius: 1.667rem;
    flex-grow: 1;
}

.wrap-stores .select-filter {
    width: 100%;
    gap: 0.833rem;
}

.wrap-stores .select-filter > .form-item {
    width: calc(100% / 2);
    margin-bottom: 0;
}

.select2-container {
    width: 100% !important;
}

.select2-container .select2-selection {
    background-color: transparent;
    box-shadow: none;
    border-color: #3B7D3F1A;
    font-size: 0.9375rem;
    color: #231F20B2;
}

.select2-container .select2-selection--single {
    height: auto !important;
    border-radius: 5.208rem !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 48px !important;
}

.select2-results__option {
    margin-bottom: 0 !important;
    transition: .3s all;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--main-cl);
    color: #fff;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    box-shadow: none !important;
}

.select2-dropdown {
    border: 1px solid #aaaaaa96;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track {
    padding-top: 1rem;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
    width: 3px;
    background-color: #cedbff;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
}

.wrap-stores .select-filter .select-styled {
    border-color: #3B7D3F1A;
    color: #231F20B2;
}

.wrap-stores .select-filter .select-styled:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5LjUgOUwxMiAxNi41TDQuNSA5IiBzdHJva2U9IiMzQjdEM0YiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}

.wrap-stores .list-store {
    height: 30rem;
    padding-right: 2.5rem;
    margin-top: 2.5rem;
}

.wrap-stores .list-store:before {
    /*content: '';*/
    /*position: absolute;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*height: 3.333rem;*/
    /*background: linear-gradient(180deg, rgba(255, 252, 244, 0) 0%, #FFFCF4 100%);*/
    /*pointer-events: none;*/
    /*z-index: 2;*/
}

.wrap-stores .list-store .store-item:not(:last-child) {
    margin-bottom: 0.833rem;
}

.store-item {
    border-radius: 1.667rem;
    padding: 1.25rem;
    border: 1px solid #3B7D3F1A;
    background: transparent;
    cursor: pointer;
}

.store-item:is(:hover, .active) {
    background: #3B7D3F0D;
    border-color: transparent;
}

.store-item .info {
    margin-top: 0.7rem;
}

.store-item .info p:not(:last-child) {
    margin-bottom: 0.15rem;
}

iframe {
    width: 100%;
    height: 100%;
}

.home-8 {
    padding-top: 7.8125rem;
}

.menu-home-8 {
    margin-bottom: .4rem;
}

.container-blog-home {
    display: grid;
    grid-template-columns: 6fr repeat(3, 1fr);
    grid-template-rows: repeat(3, minmax(0, 1fr));
    gap: 1.667rem;
    margin-top: 2.5rem;
}

.container-blog-home .post-item:first-child {
    grid-row: span 3;
}

.container-blog-home .post-item:not(:first-child) {
    display: flex;
    grid-column: span 3;
}

.container-blog-home .post-item:first-child .img-wrap {
    position: relative;
    width: 100%;
    height: 23.802rem;
    aspect-ratio: unset;
    border-radius: 1.667rem;
}

.container-blog-home .post-item:first-child .img-wrap:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    pointer-events: none;
    z-index: 1;
}

.container-blog-home .post-item:first-child .cont-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 9.167rem 1.667rem 1.667rem;
    z-index: 2;
}

.container-blog-home .post-item:first-child .cont-wrap:before {
    content: '';
    position: absolute;
    bottom: 1.667rem;
    right: 1.667rem;
    width: 2.5rem;
    height: 2.5rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDM2TDM2IDEyIiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2LjUgMTJIMzZWMzEuNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 2;
}

.container-blog-home .post-item:first-child .title {
    position: relative;
    font-size: 1.667rem;
    margin-top: 0.417rem;
    margin-bottom: 0;
}

.container-blog-home .post-item:first-child:hover .title {
    color: #fff !important;
}

.container-blog-home .post-item:first-child .desc {
    display: none;
}

.container-blog-home .post-item:first-child :is(.title, .desc, .term-date) {
    color: #fff;
}

.container-blog-home .post-item:first-child .term-date circle {
    fill: #fff;
}

.container-blog-home .post-item:not(:first-child) .img-wrap {
    width: 12.135rem;
    aspect-ratio: 233 / 131;
    height: fit-content;
    flex-shrink: 0;
}

.container-blog-home .post-item:not(:first-child) .cont-wrap {
    display: flex;
    flex-direction: column;
    gap: 0.417rem;
    flex: unset;
    padding-left: 1.25rem;
    padding-right: 0;
    margin-top: 0;
}

.container-blog-home .post-item:not(:first-child) .title {
    margin-bottom: 0;
}

.container-blog-home .post-item:not(:first-child) .desc {
    margin-top: 0.417rem;
}

.post-item .term-date {
    font-family: 'Mulish Regular';
    font-size: 0.729rem;
    color: #231F20B2;
    line-height: normal;
}

.post-item .term-date > svg {
    margin: auto 0.417rem;
}

.post-item .img-wrap {
    border-radius: 0.833rem;
}

.post-item .cont-wrap {
    display: grid;
    grid-template-rows: auto auto; /* term-date + inner */
    gap: 0.3125rem;
    flex: 1;
    margin-top: 1.458rem;
    padding-right: 2.1875rem;
}

.post-item .inner {
    display: grid;
    grid-template-rows: auto auto;
}

.post-item .title {
    margin-bottom: 0.521rem;
}

.post-item .desc {
    margin-top: auto;
}


/*ABOUT US*/
.sec-banner-hero.banner-page .item-banner-hero .cont-absolute {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    z-index: 3;
    padding-bottom: 4.792rem;
}

.about-1 {
    padding-top: 11.042rem;
    background: #FAF3E4;
    margin-top: -6.09375rem;
    padding-bottom: 30.3125rem;
    overflow: hidden;
}

.about-1 .pattern_1 {
    top: 14.896rem;
    left: 2.083rem;
    width: 21.25rem;
}

.sec-banner-hero.banner-page .item-banner-hero {
    height: 41.667rem;
}

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

.about-title-1 .desc-sec {
    letter-spacing: 0;
    margin-top: 0.573rem;
    line-height: 1.4;
}

.about-2 {
    padding-top: 4.792rem;
}

.about-content-3 .item-solution > .inner {
    background: #FFFCF4;
}

.about-content-3 .item-solution .cont-wrap {
    padding-right: 2.344rem;
}

.about-content-3 .item-solution .img-wrap {
    width: 42.5rem;
    height: 24.74rem;
    margin-right: 6.7rem;
}

.about-content-3 .item-solution .idx {
    font-size: 3.646rem;
    line-height: 5.208rem;
}

.about-content-3 .item-solution .content {
    font-size: 0.9375rem;
    margin-top: 2.5rem;
}

.about-content-3 .item-solution .content p {
    margin: 0;
}

.about-content-3 .item-solution .content p:not(:first-child) {
    margin-top: 1.042rem;
}

.about-content-3 .item-solution .content-format-item li {
    line-height: 1.5;
}

.about-content-3 .item-solution .content :is(h1, h2, h3, h4, h5, h6) {
    margin-bottom: 1.042rem;
    font-size: 1.25rem;
    line-height: 1.25;
    text-transform: uppercase;
}

.img-card-overlay {
    position: absolute;
    bottom: 1.563rem;
    left: 1.354rem;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    border-radius: 1.16rem;
    padding: 1.771rem 1.198rem 1.354rem 1.719rem;
    width: 20.938rem;
}

.about-content-3 .item-solution .img-wrap .img-card-overlay :is(h1, h2, h3, h4, h5, h6) {
    margin-bottom: 0.729rem;
    line-height: 100%;
}

/*.about-content-3 .item-solution .content p {*/
/*    padding: 1.484rem 0;*/
/*}*/

.about-3 {
    padding: 3.959rem 2.5rem 0 2.5rem;
    overflow: hidden;
}

.target-wrap {
    position: relative;
}

.target-image {
    width: 100%;
    height: 39.063rem;
}

.target-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 3.333rem;
    object-position: center -3.5rem;
}

.target-card {
    position: absolute;
    top: 2.188rem;
    left: 2.188rem;
    border-radius: 1.667rem;
    width: 32.708rem;
    background: rgba(255, 255, 255, 0.92);
    padding: 2.448rem 1.406rem 2.865rem 2.083rem;
}

.target-card-head-3 .icon-wrap {
    padding: 0.729rem;
    background: var(--sub-cl);
    border-radius: 1.042rem;
    margin-right: 1.458rem;
}

.target-card-head-3 .icon-wrap .icon_image {
    width: 3.698rem;
}

.about-3 .target-card-head-3 .icon-wrap {
    margin-right: 0;
}

.about-3 .target-card .content h3:not(:first-child) {
    margin-top: 2.083rem;
}

.about-3 .target-card .content-format-item li {
    font-size: 0.9375rem;
}

.target-card .content {
    padding-top: 7.188rem;
}

.target-card-bot-3 :is(h1, h2, h3, h4, h5, h6) {
    font-family: "Mulish Bold";
    color: var(--main-cl);
    font-size: 1.563rem;
    line-height: 2.178rem;
}

.target-card .content-format-item li:not(:last-child) {
    margin-bottom: 0.365rem;
}

.about-4 {
    margin: 2.632rem 2.5rem 0 2.5rem;
    background: linear-gradient(180deg, rgba(59, 125, 63, 0.1) 0%, rgba(59, 125, 63, 0.06) 70%, rgba(59, 125, 63, 0) 100%);
    border-radius: 3.368rem;
}

.mission-inner {
    margin-bottom: 2.109rem;
    padding-top: 6.553rem;
}

.mission-left {
    flex: 1;
    max-width: 37rem;
    padding-right: 8.111rem;
}

.desc-sub-sec {
    padding-top: 2.667rem;
}

.desc-sub-sec-2 {
    font-size: 0.9375rem;
    line-height: 1.2;
    padding-top: 1.042rem;
}

.mission-right {
    flex: 1;
    max-width: 37.316rem;
}

/* Card cam kết */
.commit-card {
    position: relative;
    border-radius: 1.6667rem;
    overflow: hidden;
    background: #1c2317;
    aspect-ratio: 16/9;
}

.commit-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.commit-head {
    position: absolute;
    top: 1.328rem;
    left: 1.302rem;
    row-gap: 3.513rem;
    width: 60%;
    height: auto;
    padding: 1.354rem 1.947rem 1.563rem 1.719rem;
    backdrop-filter: blur(25px);
    background: rgba(77, 77, 77, 0.31);
    border-radius: 0.833rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 1;
}

.commit-icon {
    width: 5.263rem;
    height: 4.224rem;
    filter: brightness(0) invert(1);
}

.commit-card ul {
    list-style: none;
    display: flex;
    flex-direction: column;
}

.commit-card ul li {
    font-size: 0.9375rem;
    line-height: 1.2;
}

.commit-card ul li::before {
    content: '✓';
    margin-right: 0.5rem;
    color: #fff;
}

/* Quote */
.mission-quote {
    position: relative;
    text-align: center;
    overflow: hidden;
    border-bottom-right-radius: 3.368rem;
    border-bottom-left-radius: 3.368rem;
    margin-top: 2.184rem;
}

.quote-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.quote-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: scale(1.5);
    object-position: top;
}

.group-quote-mark {
    position: relative;
    z-index: 1;
    flex-direction: column;
    padding-bottom: 12.211rem;
}

.quote-mark {
    display: block;
    margin: 0 auto 1.563rem;
    width: 4.063rem;
    height: 3.281rem;
}

.quote-mark svg {
    width: 100%;
    height: 100%;
}

.mission-quote strong {
    font-family: 'Mulish Bold';
    font-size: 1.458rem;
    line-height: 1.2;
}

.about-5 {
    padding: 6.5625rem 0 4.5833rem;
}

.about-title-5 {
    padding-bottom: 3.6979rem;
}

.item-core-value {
    border-bottom: 0;
    padding-bottom: 7.8646rem /* 151/19.2 */;
}

.item-core-value:first-child {
    border-top: 1px solid rgba(203, 213, 234, 0.7);
    padding-top: 3rem /* 70/19.2 */;
}

.item-core-value:not(:last-child) {
    border-bottom: 1px solid rgba(203, 213, 234, 0.7);
    padding-bottom: 7.8646rem /* 151/19.2 */;
    margin-bottom: 1.5rem;
}

.item-core-value .index {
    transition: .5s all;
    color: rgba(0, 47, 141, 0.1);
}

.item-core-value:hover .index {
    transition: .5s all;
    color: var(--sub-cl);
}

.item-core-value h3 {
    margin-left: 2.6563rem;
    width: 8.96875rem;
}

.item-core-value .content {
    font-size: 0.9375rem;
    width: 14.5313rem;
}

.item-core-value .box-img-core-value {
    bottom: 0;
    right: 0;
    opacity: 0;
    z-index: 1;
    transition: .5s all;
}

.item-core-value:hover .box-img-core-value {
    opacity: 1;
    bottom: 1.9792rem;
}

.item-core-value .box-img-core-value img {
    aspect-ratio: 578 / 263.84;
    width: 30.1042rem /* 252/19.2 */;
    height: auto;
    display: block;
    object-fit: cover;
    border-radius: 1.0417rem;
}


/*-----------------*/
.col {
    padding: 0 15px;
}

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

body {
    font-family: 'Mulish Regular';
    color: var(--body-cl);
    margin: 0 !important;
    background-color: #fff;
    /*overflow-x: hidden;*/
}

.pattern {
    position: absolute;
    pointer-events: none;
}

.clearfix:after {
    content: unset;
}

.about-1 .group-content {
    margin-top: 1.667rem;
}

.about-1 .group-content p {
    margin-bottom: 1.25rem;
    line-height: 1.4;
}

.about-1 .group-content ul, .about-1 .group-content ol {
    padding-left: 1rem;
}

.about-1 .group-content li {
    margin-bottom: 0.417rem;
    line-height: 1.3;
}

p:last-child {
    margin-bottom: 0 !important;
}

.about-1 .pattern_item {
    border-radius: 100%;
    transition: .7s all;
}

.about-1 .pattern_item:nth-child(1) {
    width: 19.84375rem;
    top: 27.083rem;
    left: -2.65625rem;
}

.about-1:hover .pattern_item:nth-child(1) {
    top: 29.948rem;
    left: -1.71875rem;
    transition: .7s all;
}

.about-1 .pattern_item:nth-child(2) {
    width: 11.771rem;
    bottom: -0.9375rem;
    left: 12.708rem;
}

.about-1:hover .pattern_item:nth-child(2) {
    bottom: -2.96875rem;
    transition: .7s all;
}

.about-1 .pattern_item:nth-child(3) {
    width: 7.604rem;
    top: 33.229rem;
    left: 20.625rem;
}

.about-1:hover .pattern_item:nth-child(3) {
    top: 35.833rem;
    transition: .7s all;
}

.about-1 .pattern_item:nth-child(4) {
    width: 18.4375rem;
    bottom: -2.1875rem;
    left: 26.927rem;
}


.about-1 .pattern_item:nth-child(5) {
    width: 11.667rem;
    top: 34.0625rem;
    left: 42.96875rem;
}

.about-1:hover .pattern_item:nth-child(5) {
    top: 31.979rem;
    transition: .7s all;
}

.about-1 .pattern_item:nth-child(6) {
    width: 7.604rem;
    bottom: 0.833rem;
    left: 48.177rem;
}

.about-1:hover .pattern_item:nth-child(6) {
    bottom: 2.865rem;
    transition: .7s all;
}

.about-1 .pattern_item:nth-child(7) {
    width: 23.958rem;
    top: 31.667rem;
    left: 58.073rem;
}

.about-1:hover .pattern_item:nth-child(7) {
    top: 35.104rem;
    transition: .7s all;
}

.about-1 .pattern_item:nth-child(8) {
    width: 17.24rem;
    top: 30.78125rem;
    right: 0.104rem;
}

.about-1:hover .pattern_item:nth-child(8) {
    top: 29.792rem;
    transition: .7s all;
    right: -1.71875rem;
}

.about-1 .pattern_item:nth-child(9) {
    width: 11.667rem;
    bottom: -3.90625rem;
    right: 0.104rem;
}

.about-1:hover .pattern_item:nth-child(9) {
    transition: .7s all;
    right: 2.865rem;
}

.about-2 {
    position: relative;
}

.about-2:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 39.115rem;
    background: linear-gradient(180deg, rgba(59, 125, 63, 0.1) 0%, rgba(59, 125, 63, 0.06) 70%, rgba(59, 125, 63, 0) 100%);
}

.about-content-3 .item-solution > .inner {
    background: #FFFCF4;
    border-radius: 0;
}

.about-content-3 .item-solution:first-child > .inner {
    background: transparent;
}

.banner_hero {
    z-index: 1;
    border-bottom-right-radius: 64px;
    border-bottom-left-radius: 64px;
    overflow: hidden;
    max-height: 41.667rem;
}

.banner_hero:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 20.833rem;
    background: linear-gradient(180deg, rgba(35, 31, 32, 0) 0%, rgba(35, 31, 32, 0.665) 50%, rgba(35, 31, 32, 0.95) 100%);
}

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

.banner_hero_content {
    bottom: 4.6875rem;
    left: 0;
    width: 100%;
}

.about-2 .home-content-3 {
    margin-top: 2.604rem;
}

.wrap-form-register .desc-sec {
    max-width: 24.896rem;
}

.ajax_wrap ul {
    display: flex;
    gap: 0.78125rem;
    list-style: none;
}

.ajax-paging a {
    width: 2.1875rem;
    height: 2.1875rem;
    border-radius: 100%;
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: .7s all;
    border: 1px solid #666666;
    font-family: 'Mulish SemiBold';
    color: #666666;
    font-size: 16px;
}

.ajax-paging a:hover, .ajax-paging a.active {
    background: var(--main-cl);
    color: white;
    transition: .7s all;
}

.ajax-paging a:hover svg path {
    stroke: white;
    transition: .7s all;
}

.ajax-paging ul, .ajax-paging li {
    margin: 0;
}

.list-product-of-cate,
.group-blog {
    transition: opacity 0.3s ease;
}

.list-product-of-cate.is-loading,
.group-blog.is-loading {
    opacity: 0.4;
    pointer-events: none;
}

.product-1 .desc-sec {
    color: #000000;
}

.product-title-3 .desc-sec {
    max-width: 32.583rem;
}

.page-template-product .blog_wrap_option:after {
    content: unset;
}

.page-template-product .blog_wrap_option {
    margin-top: 4.01rem;
    padding-top: 0;
}

.page-template-product footer {
    margin-top: 2.292rem;
}

.form-contact-us-wrap .title-group h3 {
    font-family: 'Mulish Bold';
    font-weight: unset;
    font-size: 1.771rem;
}

.form-contact-us-wrap .cont-wrap {
    gap: 2.083rem;
}

.form_contact label {
    font-weight: unset;
    font-family: 'Mulish Regular';
    font-size: 0.833rem;
}

.form_contact input {
    border-radius: 30px;
    box-shadow: none;
    border: 1px solid #E7E7E7;
    font-size: 0.833rem;
    margin-bottom: 1.146rem;
    padding-left: 1.40625rem;
    height: 2.604rem;
    color: #333333;
}

.form_contact input::placeholder,
.form_contact textarea::placeholder {
    color: #BBBBBB;
}

.form_contact input:focus,
.form_contact textarea:focus {
    box-shadow: none;
}

.form_contact textarea {
    border: 1px solid #E7E7E7;
    padding: 0.573rem 1.198rem;
    font-size: 0.833rem;
    border-radius: 5px;
    min-height: 5.208rem;
    margin-bottom: 1.5625rem;
}

.submit_wrap input {
    margin: 0;
    font-weight: unset;
    color: white !important;
    text-transform: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: unset;
    line-height: normal;
    height: unset;
    min-height: unset;
    padding: 0.651rem 2.65625rem;
    background: var(--main-cl);
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    transition: .7s all;
    cursor: pointer;
}

.submit_wrap input:focus {
    background: var(--main-cl);
    color: white !important;
}

.submit_wrap:hover input {
    background: #86B543;
    transition: .7s all;
}

.wpcf7 .wpcf7-not-valid-tip {
    position: absolute;
    margin-top: -25px;
    font-size: .8rem;
    background: var(--main-cl);
    opacity: 1;
    color: white;
    z-index: 2;
}

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

.single-product header .header-wrapper .header-inner {
    background: #FFFCF4;
    box-shadow: 0px 4px 16px 0px #E2C8931A;
}

.product-detail-1 {
    padding-top: 5.729rem;
}

.sidebar-wrap-product {
    margin-right: -9.896rem;
}

.sidebar-wrap-product {
    margin-right: -9.896rem;
}

.sidebar-wrap-product .title-group {
    background: var(--main-cl);
    font-family: 'Mulish Bold';
    color: white;
    padding: 0.417rem 1.875rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 5px;
}

.sidebar-wrap-product .title-group h3 {
    color: white;
    font-size: 0.9375rem;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    line-height: 1.8;
}

.category_wrap {
    display: flex;
    flex-direction: column;
    background: #EDF0E3;
    padding: 1rem 1.875rem .5rem;
    margin-top: 0.625rem;
    border-radius: 5px;
    row-gap: 1rem;
}

.category_wrap .svg {
    width: 0.729rem;
    height: 0.78125rem;
    flex: 0 0 auto;
}

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

.category_wrap a.category_item {
    width: 100%;
    font-size: 0.78125rem;
    color: #333333;
    transition: .7s all;
    font-family: 'Mulish Semibold';
    line-height: 1;
    position: relative;
    padding-bottom: 1rem;
    border-bottom: 0.5px solid #66666626;
}

.category_wrap a.category_item:last-child {
    padding-bottom: .5rem;
    border-bottom: 0;
}

.category_wrap a.category_item:hover:before {
    opacity: 1;
    width: 100%;
    transition: .7s all;
}

.category_wrap a.category_item:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: var(--main-cl);
    opacity: 0;
    transition: .7s all;
}

.category_wrap a.category_item:hover {
    color: var(--main-cl);
    transition: .7s all;
}

.category_wrap a.category_item:hover svg path {
    stroke: var(--main-cl);
    transition: .7s all;
    transform: translateX(0.13rem);
}

.related_product_wrap .item-product-of-cate {
    width: 100%;
    padding: 0.521rem;
}

.related_product_wrap .item-product-of-cate .box_img {
    width: unset;
    height: 13.854rem;
    aspect-ratio: unset;
    border-radius: 13px;
}

.related_product_wrap {
    margin-top: 0.885rem;
}

.related_product_wrap h3.title {
    font-size: 0.833rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.related_product_wrap .link span {
    font-size: 0.729rem;
    font-family: 'Mulish Medium';
}

.related_product_wrap .pagination_wrap,
.blog-sidebar-slide .pagination_wrap {
    display: flex;
    margin-top: 0.729rem;
}

.related_product_wrap .swiper-pagination,
.blog-sidebar-slide .swiper-pagination {

    position: relative;
}

.related_product_wrap .swiper-pagination-bullet-active,
.blog-sidebar-slide .swiper-pagination-bullet-active {

    background: var(--main-cl);
}

.blog-sidebar-slide .swiper-pagination-bullet,
.related_product_wrap .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

.sidebar-wrap-product .list-post .title-group h3 {
    text-align: start;
}

.post-item .link_wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.sidebar-wrap-product .list-post {
    margin-top: 0.78125rem;
}

.blog-sidebar-slide {
    margin-top: 1.302rem;
}

.blog-sidebar-slide .thumb {
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    height: 8.385rem;
}

.blog-sidebar-slide .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .7s all;
}

.list-post .post_detail {
    padding: 0.625rem 0.729rem 0.99rem 1.198rem;
}

.list-post .post-item {
    background: #F5F5F5;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.list-post .post_detail h3 {
    margin-top: 0.417rem;
    font-size: 0.833rem;
}

.list-post .post-item:hover img {
    transform: scale(1.05);
    transition: .7s all;
}

.list-post .post-item:hover h3 {
    color: var(--main-cl);
    transition: .7s all;
}

.related-product {
    margin-top: 2.03125rem;
}

.product-gallery-wrap .pagination_wrap {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 2;
}

.product-gallery-wrap .pagination_wrap .swiper-pagination {
    position: relative;
}

.product-gallery-wrap .pagination_wrap .swiper-pagination-bullet-active {
    background: var(--main-cl) !important;
}

.product-gallery-wrap .pagination_wrap .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #D9D9D9;
    opacity: 1;
}

.image-product:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 74.27%, rgba(0, 0, 0, 0.2) 100%);
    z-index: 1;
}

.product-gallery-wrap {
    padding-right: 0;
    max-width: 24.479rem;
}

.image-product {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
}

.info-product-top {
    gap: 6.25rem;
    justify-content: space-between;
    align-items: start;
}

.wrap-overview-product {
    padding-right: 1.56rem;
    width: auto;
}

.group-info-contact-1 .info a {
    color: white;
    transition: .7s all;
}

.form_page_contact input:focus, .form_page_contact textarea:focus {
    border: 1px solid var(--main-cl);
    background: white;
    transition: .7s all;
}

.group-info-contact-1 .info a:hover {
    color: var(--sub-cl);
    transition: .7s all;
}

.form_page_contact input {
    box-shadow: none;
    border: 1px solid #0000004D;
    border-radius: 40px;
    background: none;
    padding: 0.625rem 1.198rem;
    font-size: 0.833rem;
    color: #333333;
    margin-bottom: 1.198rem;
    height: 2.604rem;
}

.form_page_contact input::placeholder,
.form_page_contact textarea::placeholder {
    color: #333333;
}

.form_page_contact textarea {
    padding: 0.521rem 1.198rem;
    background: no-repeat;
    border-radius: 10px;
    border: 1px solid #0000004D;
    min-height: 4.6875rem;
    font-size: 0.833rem;
    color: #333333;
    margin-bottom: 1.198rem;
}

.form_page_contact input[type=submit] {
    padding: 0.651rem 2.65625rem;
    background: var(--main-cl);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    line-height: normal;
    height: unset;
    font-weight: unset;
    color: white;
    transition: .7s all;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    text-transform: unset;
}

.wrap-blog-home .link_wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.blog_term {
    padding: 0.625rem 1.25rem;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    color: var(--main-cl);
    transition: .7s all;
    font-size: 0.9375rem;
    border: 1px solid var(--main-cl);
}

.btn-cate-blog {
    margin-top: 1.40625rem;
}

.blog-2 h1 {
    font-family: 'Mulish Bold';
    color: #003E2D;
}

.blog_term:hover, .blog_term.active {
    background: var(--main-cl);
    color: white;
    transition: .7s all;
}

.blog-2 .item-blog .term-date {
    color: #003E2D;
    font-family: 'Mulish Medium';
}

.group-blog .term-title-blog h3 {
    margin-bottom: 0.521rem;
    min-height: 2.7rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.item-blog .link_wrap {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

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

.item-blog:hover h3 {
    color: var(--main-cl);
    transition: .7s all;
}

.item-blog img {
    transition: .7s all;
}

.item-blog .image {
    overflow: hidden;
    border-radius: 10px;
}

.related_blog .item-blog {
    width: 100%;
}


.single-post.header-no-transparent header#header {
    background: #FFFCF4;
}

.post_detail {
    padding-top: 6.198rem;
}

.post_detail h1 {
    font-size: 2.5rem;
    font-family: 'Mulish Bold';
    color: #003E2D;
    text-transform: uppercase;
}

.single-post header .header-wrapper #masthead {
    box-shadow: 0px 4px 16px 0px #E2C8931A;
}

.post_detail_heading .detail_wrap {
    gap: 10.885rem;
    margin-top: 5.208rem;
}

.detail_wrap .wrap_left {
    flex: 0 0 auto;

}

.detail_wrap .wrap_left_inner {
    gap: 0.677rem;
    line-height: 1;
    font-size: 0.729rem;
    font-family: 'Mulish Medium';
}

.detail_wrap .wrap_left .dot {
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #333333;
    opacity: 30%;
}

.wrap_right {
    font-family: 'Mulish Semibold';
    font-size: 0.833rem;
    letter-spacing: -3%;
    color: #333333;
    line-height: 1.5;
}

.post_detail_sidebar {
    margin-right: -3.75rem;
}

.post_detail_sidebar .title_heading {
    background: var(--main-cl);
    text-align: start;
    font-size: 0.9375rem;
    font-family: 'Mulish Bold';
    color: white;
    border-radius: 5px;
    text-transform: uppercase;
    padding: 0.417rem 0.833rem;
    line-height: 2;
}

.sidebar_posts {
    margin-top: 1.302rem;
    display: flex;
    flex-direction: column;
    row-gap: 0.78125rem;
}

.sidebar_posts .item {
    background: #F5F5F5;
    border-radius: 20px;
    overflow: hidden;
}

.sidebar_posts .thumb {
    width: 100%;
    height: 8.385rem;
    border-radius: 10px;
    overflow: hidden;
}

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

.sidebar_posts .detail_box {
    margin: 0;
    padding: 0.625rem 0.729rem 0.99rem 1.198rem;
}

.sidebar_posts .item .link_wrap {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.item .detail_term {
    font-size: 0.729rem;
    gap: 0.417rem;
}

.item .detail_term .dot {
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background: #231F20B2;
}

.item .detail_term h3 {
    font-size: 0.833rem;
    font-family: 'Mulish Bold';
}

.sidebar_posts .detail_box h3 {
    font-size: 0.833rem;
    font-family: 'Mulish Bold';
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 0.417rem;
    text-transform: uppercase;
    transition: .7s all;
}

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

.sidebar_posts .item:hover h3 {
    color: var(--main-cl);
    transition: .7s all;
}

.share_heading {
    gap: 0.833rem;
}

.share_heading a {
    width: 1.5625rem;
    height: 1.5625rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #C3C3C3;
    border-radius: 100%;
    transition: .7s all;
}

.detail_wrap .wrap_left {
    flex-direction: column;
    align-items: start;
    gap: 1.042rem;
}

.share_heading a svg {
    width: 90%;
    height: 90%;
    display: block;
    transition: .7s all;
}

.share_heading a:hover {
    background: var(--main-cl);
    transition: .7s all;
}

.single_content {
    margin-top: 5.104rem;
}

.single_content img {
    border-radius: 32px;
    overflow: hidden;
    margin-bottom: 3.125rem;
}

.detail_wrap .wrap_left_inner a {
    color: #003E2D;
    transition: .7s all;
}

.detail_wrap .wrap_left_inner a:hover {
    color: var(--main-cl);
    transition: .7s all;
}

.single_content p {
    font-family: 'Mulish Medium';
    font-size: 0.833rem;
    letter-spacing: -2%;
    line-height: 1.5;
    color: #333333;
}

.wp-caption .wp-caption-text {
    background: unset;
    font-size: 0.833rem;
}

.single_content figure img {
    margin-bottom: 0;
}

.single_content :is(h1,h2,h3,h4,h5,h6,span,strong) {
    font-family: 'Mulish Bold';
}

.post_detail_bottom {
    margin-top: 4.271rem;
    padding-top: 1.823rem;
    border-top: 1px solid rgba(0, 62, 45, 0.2);
}

.tag_wrap {
    gap: 1.5625rem;
    font-size: 0.729rem;
    font-family: 'Mulish Bold';
    text-transform: uppercase;
}

.tag_list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.042rem;
}

.tag_list a {
    background: var(--main-cl);
    color: white;
    font-family: 'Mulish Medium';
    border-radius: 100px;
    font-size: 0.729rem;
    padding: 0.3125rem 0.677rem;
    text-transform: capitalize;
    transition: .7s all;
    border: 1px solid var(--main-cl);
}

.tag_list a:hover {
    border: 1px solid var(--main-cl);
    background: transparent;
    transition: .7s all;
    color: var(--main-cl);
}

.post_detail_bottom .share {
    column-gap: 1.302rem;
    row-gap: .75rem;
    font-family: 'Mulish Bold';
    text-transform: uppercase;
    font-size: 0.729rem;
    flex: 0 0 auto;
}

.post_detail_bottom .share a {
    width: 1.5625rem;
    height: 1.5625rem;
    background: var(--main-cl);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .7s all;
    border: 1px solid var(--main-cl);
}

.post_detail_bottom .share a svg {
    width: 90%;
    height: 90%;
    display: block;
    transition: .7s all;
}

.post_detail_bottom .share_list {
    gap: 0.78125rem;
}

.post_detail_bottom .share a:hover {
    border: 1px solid var(--main-cl);
    background: transparent;
    transition: .7s all;
}

.post_detail_bottom .share a:hover svg path {
    transition: .7s all;
    fill: var(--main-cl);
}

.post_related {
    padding-top: 8.021rem;
}

.post_related .content {
    margin-top: 0.521rem;
    color: #333333;
    line-height: normal;
}

.related_blog_slide {
    margin: 1.38rem -1.536rem 0;
}

.related_blog .item-blog {
    padding: 0 1.536rem;
}

.related_blog .item-blog .excerpt_content {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 0.729rem;
    color: #231F20;
}

.related_blog .item-blog .image {
    width: 100%;
    height: 12.65625rem;
    border-radius: 10px;
    overflow: hidden;
}

.related_blog .item-blog .image img {
    transition: .7s all;
}

.related_blog .item-blog .term-date .dot {
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background: #231F20B2;
}

.related_blog .item-blog .term-date {
    gap: 0.417rem;

    line-height: 1;
}

.related_blog .term-title-blog h3 {
    margin-top: 0.417rem;
}

.post_form {
    padding-top: 5.99rem;
    padding-bottom: 11.71875rem;
}

.single-post footer {
    margin-top: 0;
}

.product-item .cont-wrap h3 {
    min-height: 3rem;
    text-transform: uppercase;
    line-height: 1.3;
    font-size: 1.25rem;
}

span.select2-dropdown.select2-dropdown--below {
    margin-top: 1.5rem;
}


/*LIÊN HỆ*/
.contact-1 {
    padding-top: 7.0833rem;
}

.box-info-contact-1 {
    background: var(--main-cl);
    padding: 2.3828rem 3.8021rem 2.3828rem 2.0833rem;
    margin-right: 5.2396rem;
    border-radius: 1.6667rem;
    flex-direction: column;
    row-gap: 1.0417rem;
    border-radius: 15px;
}

.box-info-contact-1 h3 {
    padding-bottom: 0.625rem;
    border-bottom: 1px solid #FFFFFF;
    line-height: 1.2;
}

.group-info-contact-1 {
    flex-direction: column;
    row-gap: 0.3646rem;
}

.group-info-contact-1 .info {
    display: flex;
    gap: 0.7292rem;
    line-height: 1.2;
}

.group-info-contact-1 .info .icon {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
}

.group-info-contact-1 .info .icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact-2 {
    padding-top: 4.1667rem;
}

.iframe-map {
    width: 100%;
    height: 31.7708rem;
    border-radius: 1.6667rem;
}

.iframe-map iframe {
    border-radius: 1.6667rem;
}

/*form liên hệ*/
.contact-form .desc {
    margin-bottom: 2.1875rem;
    line-height: 1.2;
}

.contact-form h2 {
    color: var(--main-cl);
    margin-bottom: 0.3646rem;
}

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5625rem;
}

.form-field input, .form-field textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #3B7D3F;
    border-radius: 2rem;
    padding: 0.625rem 0 0.625rem 1.1979rem;
    background: #fff;
    outline: none;
    margin-bottom: 1.1979rem;
}

.form-field {
    position: relative;
}

.form-field textarea {
    border-radius: 1rem;
    resize: none;
}

.form-field label {
    font-size: 0.8333rem;
    line-height: 1.3542rem;
    font-family: 'Mulish Light';
    position: absolute;
    left: 1.1979rem;
    top: 0.625rem;
    color: #333333;
    pointer-events: none;
    transition: .2s all;
}

.form-field textarea ~ label {
    top: 0.4167rem;
    transform: none;
}

.form-field input:focus,
.form-field textarea:focus {
    border-color: #3b6d11;
    box-shadow: 0 0 0 2px rgba(59, 109, 17, .12);
}

.form-field input:focus + label,
.form-field input:not(:placeholder-shown) + label,
.form-field textarea:focus + label,
.form-field textarea:not(:placeholder-shown) + label {
    opacity: 0;
    pointer-events: none;
}

.form-field .req {
    color: #e24b4a;
}

.contact-form .btn {
    padding: 0.651rem 2.6563rem;
}

/*TIN TỨC*/

.blog-1 {
    border-radius: 0px 0px 3.333rem 3.333rem;
    overflow: hidden;
    background: var(--main-cl);
}

.group-blog-1 {
    padding: 9.5833rem 0 8.0729rem;
}

.group-blog-1 .container-blog-home .post-item :is(.title, .desc, .term-date) {
    color: #fff;
}

.group-blog-1 .container-blog-home .item-hover:hover h3 {
    color: var(--sub-cl) !important;
}

.blog-2 {
    padding-top: 4.6875rem;
}

.blog-title-2 {
    padding-bottom: 3.0208rem;
}

.blog-title-2 h2 {
    padding-bottom: 1.4063rem;
    color: #003E2D;
}

.btn-cate-blog {
    gap: 0.8854rem;
}

.group-blog {
    row-gap: 3.125rem;
    column-gap: 3.0729rem;
    padding-bottom: 3.0208rem;
}

.item-blog {
    width: calc((100% / 3) - (3.0729rem * 2) / 3);
}

.item-blog .term-date {
    gap: 1.25rem;
}

.item-blog .link_wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.term-title-blog {
    padding-right: 2.2396rem;
}

.blog-relate-slide .item-blog:hover img {
    transform: scale(1.1);
    transition: .7s all;
}

.blog-relate-slide .image {
    overflow: hidden;
    border-radius: 10px;
}

.blog-relate-slide .item-blog:hover h3 {
    color: var(--main-cl);
    transition: .7s all;
}

.blog-relate-slide .item-blog h3 {
    transition: .7s all;
}

.item-blog .image {
    width: 100%;
    height: 12.6563rem;
    margin-bottom: 0.9375rem;
}

.item-blog .image img {
    width: 100%;
    height: 100%;
    border-radius: 0.5208rem;
}

.pagination-page-list {
    padding: 0.9115rem 0;
    gap: 0.7813rem;
}

.pagination-page-list .page-num,
.pagination-page-list .page-btn {
    width: 2.1875rem;
    height: 2.0833rem;
    border-radius: 50%;
    border: 1px solid #666666;
    color: #666666;
    text-decoration: none;
    transition: .2s all;
}

.pagination-page-list .page-num:hover,
.pagination-page-list .page-btn:hover,
.pagination-page-list .page-num.active {
    background: var(--main-cl);
    border-color: var(--main-cl);
    color: #fff;
}

.pagination-page-list .page-btn:hover svg path {
    background: var(--main-cl);
    border-color: var(--main-cl);
    stroke: #fff;
    transition: .2s all;
}

/*CHI TIẾT TIN TỨC*/


/*TÌM ĐẠI LÝ*/
.search-sale-agent-1 {
    padding-top: 6.8229rem;
}

.search-sale-agent-title-1 .title-sec {
    padding-right: 13.4688rem;
}

.store-item .cont-wrap .btn {
    position: absolute;
    bottom: 0;
    right: 0;
}

/*HỆ THỐNG ĐẠI LÝ*/
.sale-agent-1 {
    padding-top: 7.1354rem;
}

.sale-agent-title-1 {
    padding-right: 4.1146rem;
}

.sale-agent-title-1 .title-sec {
    padding-bottom: 1.0938rem;
}

.sale-agent-content-1 {
    padding-bottom: 1.6667rem;
}

.sale-agent-image-1 img {
    border-radius: 1.6667rem;
}

.sale-agent-2 {
    padding-top: 5.7292rem;
}

.sale-agent-slide-2 .product-item .img-wrap {
    margin-top: 1.125rem;
}

.sale-agent-3 {
    margin-top: 4.8958rem;
    padding: 6.5625rem 0 0 0;
}

.sale-agent-3:after,
.sale-agent-6:after,
.product-5:after,
.solution-11:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 95.5%;
    height: 100%;
    border-radius: 3.333rem 3.333rem 0 0;
    background: linear-gradient(180deg, rgba(59, 125, 63, 0.1) 0%, rgba(59, 125, 63, 0.06) 70%, rgba(59, 125, 63, 0) 100%);
    pointer-events: none;
}

.sale-agent-title-3 {
    padding: 0 7.1354rem;
}

.sale-agent-title-3 .title-sec,
.sale-agent-title-4 .title-sec,
.product-group-1 .desc-sec {
    padding-bottom: 1.9792rem;
}

.why-us-group {
    padding-top: 4.4271rem;
}

.why-us-wrap {
    width: 100%;
    max-width: 82.9688rem;
    margin: 0 auto;
    min-height: 46.25rem;
}

/* Ảnh giữa */
.chef-image {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 29.0104rem;
    z-index: 2;
}

.chef-image:after {
    content: '';
    position: absolute;
    background: linear-gradient(180deg, #FAF3E4 0%, rgba(239, 231, 211, 0.507178) 54.92%, rgba(239, 231, 211, 0) 73.01%);
    width: 41.9792rem;
    height: 41.9792rem;
    border-radius: 50%;
    left: 50%;
    top: 5.6979rem;
    transform: translateX(-50%);
    z-index: -1;
}

.chef-image:before {
    content: '';
    position: absolute;
    background: linear-gradient(180deg, rgba(251, 247, 236, 0) 0%, #FBF7EC 100%);
    width: 100%;
    height: 7.9688rem;
    left: 0;
    bottom: 0;
    z-index: 3;
}

.chef-img img {
    width: 100%;
    height: auto;
    display: block;
}

/* Item chung */
.why-item {
    position: absolute;
    align-items: flex-start;
    gap: 2.2917rem;
    max-width: 26rem;
    z-index: 4;
    width: max-content;
}

.why-item .index {
    line-height: 1;
    flex-shrink: 0;
}

.why-item h4 {
    font-size: 0.875rem;
    font-weight: 700;
    color: #2d5a1b;
    margin-bottom: 0.5rem;
}

.why-content h3 {
    color: var(--main-cl);
}

.why-content p {
    font-size: 0.9375rem;
}

/* Vị trí từng item */
.item-01 {
    top: 25%;
    text-align: right;
    flex-direction: row-reverse;
    right: 67%;
}

.item-02 {
    top: 50%;
    right: 70.5%;
    text-align: right;
    flex-direction: row-reverse;
}

.item-03 {
    top: 25%;
    left: 66%;
}

.item-04 {
    top: 50%;
    left: 71%;
}

.item-05 {
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    flex-direction: column;
    row-gap: 1.3021rem;
    top: 69%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.why-item .index {
    font-size: 2.6042rem;
    line-height: 1.5625rem;
    width: 6.6667rem;
    height: 6.6667rem;
    border-radius: 50%;
    background-color: rgba(249, 243, 221, 0.8);
    color: var(--main-cl);
    border: 1px solid var(--main-cl);
}

.sale-agent-4 {
    padding-top: 5.7292rem;
}

.sale-agent-content-4 .item-solution > .inner {
    border-radius: 0;
    background: #FFFCF4;
}

.sale-agent-content-4 .item-solution .img-wrap {
    width: 42.5rem;
    height: 24.7396rem;
}

.sale-agent-content-4 .item-solution .idx {
    font-size: 3.6458rem;
    line-height: 5.2083rem;
}

.sale-agent-content-4 .item-solution .content {
    margin-top: 2.5em;
    font-size: 0.9375rem;
    line-height: 1.8;
}

.sale-agent-content-4 .item-solution .cont-wrap {
    padding-right: 2.3438rem;
}

.sale-agent-content-4 .item-solution .content :is(h1, h2, h3, h4, h5, h6) {
    font-size: 1.25rem;
    line-height: 1;
    margin-bottom: 1.0417rem;
}

.sale-agent-5 {
    padding-top: 1.9792rem;
}

.sale-agent-6,
.product-5,
.solution-11 {
    margin-top: 7.2917rem;
    padding: 5.6771rem 0 0 0;
}

.blog-relate-slide {
    padding-top: 2.1354rem;
}

.blog-relate-slide .item-blog {
    width: 100%;
}

.blog-relate-slide .item-blog .term-title-blog {
    padding-right: 0;
    flex-direction: column;
    row-gap: 0.4167rem;
}

.blog-relate-slide .item-blog .term-date {
    gap: 0.4167rem;
}

.blog-relate-slide .item-blog .term-title-blog h3 {
    font-size: 0.9375rem;
    line-height: 1.25rem;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


/*SẢN PHẨM*/
.product-1 {
    padding-top: 7.0833rem;
}

.product-group-1 {
    padding-right: 6.1458rem;
}

.product-list-1 {
    column-gap: 2.8646rem;
    row-gap: 2.24rem;
    margin-top: 3.4375rem;
}

.product-1 .numbers-wrap .text:before {
    display: none;
}

.product-1 .numbers-wrap .item:nth-child(3) .text-small,
.product-1 .numbers-wrap .item:nth-child(4) .text-small {
    padding-left: 0;
    font-size: 3.646rem;
}

.product-1 .numbers-wrap .number:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 3.333rem;
    height: 1px;
    background: var(--main-cl);
    opacity: .3;
    pointer-events: none;
}

.product-1 .numbers-wrap .number {
    padding-bottom: 0.625rem;
}

.product-1 .numbers-wrap .number .counter {
    left: 0;
}

.product-1 .numbers-wrap .number .counter_opacity {
    opacity: 0;
}

.product-title-1 .title-sec,
.product-title-2 .title-sec {
    padding-bottom: 1.0938rem;
}

.product-1 .numbers-wrap .text {
    padding-top: 0.625rem;
    font-size: 1.042rem;
    font-family: 'Mulish Bold';
    line-height: 1.3;
}

.product-1 .numbers-wrap .number .text-small {
    padding-left: 1.3rem;
}

.product-2 {
    background: linear-gradient(180deg, rgba(59, 125, 63, 0.1) 0%, rgba(59, 125, 63, 0.06) 70%, rgba(59, 125, 63, 0) 100%);
    border-top-left-radius: 3.3333rem;
    border-top-right-radius: 3.3333rem;
    padding-top: 7.0313rem;
    margin-top: 3.9583rem;
}

.product-2 .desc-sec {
    color: #000000;
    max-width: 47.8125rem;
}

.list-cate-product {
    padding-top: 2.7604rem;
}

.list-cate-product ul {
    list-style: none;
    gap: 1.0417rem;
}

.list-cate-product ul li {
    width: 10.4167rem;
    height: 3.6979rem;
    border: 1px solid #003E2D80;
    border-radius: 0.5208rem;
    cursor: pointer;
    text-transform: uppercase;
    transition: .5s all;
    margin: 0;
}

.list-cate-product ul li .term_content {
    color: #003E2D;
    transition: .7s all;
    max-width: 5.5rem;
    line-height: 1.1;
    font-family: 'Mulish Bold';
    font-size: 0.78125rem;
}

.list-cate-product ul li:hover,
.list-cate-product ul li.active:hover {
    background: var(--main-cl);
}

.list-cate-product ul li:hover .term_content,
.list-cate-product ul li.active .term_content {
    color: #fff;
    transition: .7s all;
}

.list-cate-product ul li.active {
    background: var(--main-cl);
    color: #fff;
}

.list-cate-product ul li.active a.item-cate {
    font-family: 'Mulish Bold';
    color: #fff;
}

.list-product-of-cate {
    padding: 1.5625rem 0 2.083rem;
    column-gap: 2.6563rem;
    row-gap: 1.3021rem;
}

.group-product-of-cate {
    padding-top: 2.9167rem;
}

.item-product-of-cate {
    width: calc((100% / 3) - (2.6563rem * 2) / 3);
    padding: 0.8333rem 0.8333rem 1.4063rem 0.8333rem;
    background: #E7D6BE33;
    border-radius: 1.0417rem;
}

.item-product-of-cate .box_img {
    width: 21.0417rem;
    height: auto;
    aspect-ratio: 404/400;
    border-radius: 1.0417rem;
    overflow: hidden;
}

.item-product-of-cate .box-content {
    padding-top: 1.0417rem;
}

.item-product-of-cate .box-content .link {
    padding-top: 0.5208rem;
}

.product-title-3,
.solution-title-6 {
    padding-top: 5.9896rem;
}

.product-title-3 .desc-sec,
.solution-title-6 .desc-sec {
    padding-top: 0.9375rem;
}

.typical-customers-slide .item-feedback::before {
    background: linear-gradient(180deg, rgba(237, 220, 190, 0.2) 0%, rgba(237, 220, 190, 0.12) 70%, rgba(237, 220, 190, 0) 100%);
}

.typical-customers-slide .item-feedback::after {
    background: linear-gradient(180deg, rgba(237, 220, 190, 0) 0%, rgba(237, 220, 190, 0.12) 30%, rgba(237, 220, 190, 0.2) 100%);
}

.typical-customers-slide .item-feedback .content {
    margin-top: 1.0417rem;
}

.product-4 {
    padding-top: 2.3958rem;
}

ul.quick-link-contact-us {
    list-style: none;
    padding-bottom: 1.0938rem;
}

ul.quick-link-contact-us li .list {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.0417rem;
}

ul.quick-link-contact-us li:first-child {
    padding-left: 0;
}

ul.quick-link-contact-us li:last-child {
    padding-right: 0;
}

ul.quick-link-contact-us span.content p {
    margin: 0;
}

ul.quick-link-contact-us {
    gap: 1.042rem;
}

ul.quick-link-contact-us li:not(:last-child) {
    padding-right: 1.042rem;
}

ul.quick-link-contact-us li .list {
    width: 13.0208rem;
    height: 4.375rem;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.46875rem;
    color: #666666;
    padding: 1.1458rem 0;
    border-radius: 1.0417rem;
}

ul.quick-link-contact-us li:not(:last-child):before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 50%;
    background: #0000001A;
    pointer-events: none;
}

ul.quick-link-contact-us span.icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.083rem;
    height: 2.083rem;
    flex-shrink: 0;
    background: var(--main-cl);
    border-radius: 5.208rem;
    padding: 0.417rem;
    overflow: hidden;
    z-index: 1;
}

ul.quick-link-contact-us span.content {
    width: max-content;
    flex-shrink: 0;
}

ul.quick-link-contact-us p {
    line-height: 1.25;
}

ul.quick-link-contact-us a,
ul.quick-link-contact-us p {
    font-family: 'Mulish ExtraBold';
    font-size: 0.9375rem;
    color: var(--main-cl);
    transition: .35s all;
}

ul.quick-link-contact-us span.content {
    color: #231F20;
}

ul.quick-link-contact-us a:hover strong {
    color: var(--sub-cl);
}

.form-contact-us {
    background: linear-gradient(180deg, rgba(59, 125, 63, 0.1) 0%, rgba(59, 125, 63, 0.06) 70%, rgba(59, 125, 63, 0) 100%);
    border-top-left-radius: 3.3333rem;
    border-top-right-radius: 3.3333rem;
    padding-top: 7.0313rem;
    margin-top: 5.9375rem;
}

.form-contact-us-title .title-sec,
.form-contact-us-title .desc-sec {
    padding-bottom: 1.0417rem;
}

/*FORM THÔNG TIN LIÊN HỆ*/
.form-contact-us-wrap {
    background: #fff;
    border-radius: 3.3333rem;
    padding: 1.875rem 2.9688rem 2.2396rem 2.0833rem;
}

.form-contact-us-wrap .img-wrap {
    flex-shrink: 0;
    width: 30.4688rem;
    height: 100%;
}

.form-contact-us-wrap .img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2.0833rem;
}

.form-contact-us-wrap .cont-wrap {
    flex: 1;
    min-width: 0;
    flex-direction: column;
    gap: 1.1458rem;
}

.form-contact-us-wrap .inner {
    gap: 2.8646rem;
    width: 100%;
}

.form-contact-us-wrap .form-wrap {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-contact-us-wrap .form-group {
    gap: 1rem;
}

.form-contact-us-wrap .form-item,
.form-contact-us-wrap .form-item input,
.form-contact-us-wrap .form-item textarea,
.form-contact-us-wrap .form-item select {
    margin-bottom: 0;
}

.form-contact-us-wrap .form-group .form-item {
    flex: 1;
}

.form-contact-us-wrap .form-item label {
    display: block;
    font-size: 0.875rem;
    color: #333;
    margin-bottom: 0.4rem;
}

.form-contact-us-wrap .form-item :is(input, textarea),
.form-contact-us-wrap .form-item select {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #E7E7E7;
    border-radius: 1.5625rem;
    padding: 1.3021rem 1.4063rem;
    font-family: 'Mulish Regular';
    font-size: 0.8333rem;
    line-height: 1.0417rem;
    color: #333333;
    background: #fff;
    outline: none;
    transition: .2s all;
}

.form-contact-us-wrap .form-item select {
    appearance: none;
    -webkit-appearance: none;
}

.form-contact-us-wrap .form-item textarea::placeholder,
.form-contact-us-wrap .form-item input::placeholder {
    /*font-family: 'Mulish Regular';*/
    /*font-size: 0.8333rem;*/
    /*line-height: 1.0417rem;*/
    color: #E7E7E7;
}

.form-contact-us-wrap .form-item textarea {
    border-radius: 0.2604rem;
    resize: none;
}

.form-contact-us-wrap .form-item input:focus,
.form-contact-us-wrap .form-item textarea:focus,
.form-contact-us-wrap .form-item select:focus {
    border-color: var(--main-cl);
    background: transparent;
}

/*GIẢI PHÁP*/
.solution-1 {
    padding-top: 6.5625rem;
}

.solution-group-1 {
    padding-right: 4.9432rem;
}

.solution-title-1 .title-sec {
    padding-bottom: 0.5729rem;
}

.solution-title-1 .desc-sec {
    padding-bottom: 1.0938rem;
    letter-spacing: 0;
}

.solution-group-1 .desc-sec p {
    margin-bottom: 0.8333rem;
}

.solution-group-1 a.btn {
    margin-top: 1.6667rem;
}

.solution-image-1 {
    width: 100%;
    height: 100%;
}

.solution-image-1 img {
    width: 100%;
    height: 100%;
    border-radius: 1.6667rem;
    object-fit: cover;
}

.solution-2 {
    padding-top: 5.2083rem;
}

.box-solution-2-container {
    height: 31.25rem /* 600/19.2 */;
}

.box-solution-2-wrapper .bg-solution-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bg-solution-2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 3.3333rem;
}

.box-solution-2-wrapper .item-solution-2-container {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.box-solution-2-wrapper .box-item-wrap {
    display: grid;
    grid-template-columns: repeat(2, 15.625rem);
    grid-template-rows: repeat(2, 15.625rem);
    margin-left: auto;
}

.box-solution-2-wrapper .item-solution-2 {
    width: 15.625rem;
    aspect-ratio: 1 / 1;
    background: rgba(59, 125, 63, 0.75);
    padding: 2.2333rem 1.7172rem 0.625rem 1.7865rem;
}

.box-solution-2-wrapper .item-num-1 {
    border-bottom-left-radius: 3.3333rem;
}

.box-solution-2-wrapper .item-num-2 {
    border-top-right-radius: 3.3333rem;
}

.box-solution-2-wrapper .item-num-3 {
    background: var(--sub-cl);
}

.box-solution-2-wrapper .item-solution-2.item-opacity {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.box-solution-2-wrapper .item-solution-2.item-opacity:last-of-type {
    display: none !important;
}

.item-solution-2 .inner .desc-sec {
    line-height: 1.2;
    font-size: 0.729rem;
    padding-bottom: 2.0172rem;
}

.item-solution-2 .inner h3 {
    line-height: 1.2;
    font-size: 0.9375rem;
}

.box-solution-2-wrapper .box-item-wrap-outer {
    width: 66.6667%;
    margin-left: auto;
    height: 100%;
}

.box-solution-2-wrapper .item-solution-2:nth-child(1) {
    grid-column: 1;
    grid-row: 1 / span 2; /* 01 chiếm full cột trái */
    border-bottom-left-radius: 3.3333rem;
}

.box-solution-2-wrapper .item-solution-2:nth-child(2) {
    grid-column: 2;
    grid-row: 1; /* 02 ở cột phải, hàng trên */
    border-top-right-radius: 3.3333rem;
}

.box-solution-2-wrapper .item-solution-2:nth-child(3) {
    grid-column: 2;
    grid-row: 2; /* 03 ở cột phải, hàng dưới */
    background: var(--sub-cl);
}

.solution-3 {
    padding-top: 6.25rem;
}

.solution-image-3 {
    aspect-ratio: 738/587;
    margin-right: -2.5rem;
    border-radius: 1.6667rem;
}

.solution-group-3 {
    flex-direction: column;
    margin-top: 1.042rem;
    gap: 1.667rem;
}

.solution-3 .accordion-content-solution-3 .content {
    margin-bottom: 0;
}

.accordion-title-solution-3 {
    gap: 0.6771rem;
    /*padding-bottom: 1.0417rem;*/
    cursor: pointer;
}

.accordion-item-solution-3:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    /*margin-bottom: 1.0417rem;*/
    padding-bottom: 1.042rem;
}

.accordion-wrapper-solution-3 {
    gap: 1.042rem;
}

.accordion-solution-3 .desc-sec {
    padding-bottom: 1.3359rem;
}

.accordion-content-solution-3 {
    padding-top: 2.083rem;
    margin-left: 2.3438rem;
    display: none;
}

.accordion-title-solution-3 .title {
    color: #353535;
    line-height: 1.3;
}

.accordion-content-solution-3 .content {
    padding-left: 1.0156rem;
    border-left: 2px solid var(--sub-cl);
    margin-bottom: 1.6667rem;
    color: #353535;
}

.solution-4 {
    padding-top: 5.7292rem;
}

.solution-title-4 .title-sec {
    padding-bottom: 0.6771rem;
}

.item-commit .image {
    aspect-ratio: 438/533;
}

.item-commit .text {
    bottom: 0;
    left: 0;
    padding: 0 1.4604rem 1.9271rem 1.4063rem;
}

.item-commit:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 50%;
    border-bottom-left-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

.item-commit .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1.25rem;
}

.solution-title-4 {
    padding-bottom: 2.5rem;
}

.slide_btn_icon {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.8646rem;
    height: 2.8646rem;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10;
}

.slide_btn_icon.right {
    right: -4.8125rem;
}

.slide_btn_icon.left {
    left: -4.8125rem;
}

.solution-5 {
    padding-top: 7.0313rem;
    margin-top: 6.3021rem;
    background: linear-gradient(180deg, rgba(59, 125, 63, 0.1) 0%, rgba(59, 125, 63, 0.06) 70%, rgba(59, 125, 63, 0) 100%);
    border-top-left-radius: 3.3333rem;
    border-top-right-radius: 3.3333rem;
}

.solution-left-5 {
    padding-right: 4.5833rem;
}

.commit-images {
    gap: 1.1979rem;
    height: 32.5521rem;
}

.commit-images .img-top {
    aspect-ratio: 351/447;
    align-self: flex-start;
}

.commit-images .img-bottom {
    aspect-ratio: 351/448;
    align-self: flex-end;
}

.commit-images .img-top img,
.commit-images .img-bottom img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1.6667rem;
}

.commit-customer-group {
    flex-direction: column;
    row-gap: 1.0417rem;
}

.list-commit-customer:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 1.0417rem;
}

.list-commit-customer {
    gap: 0.6771rem;
}

.solution-title-5 {
    padding-bottom: 2.6563rem;
}

.solution-title-5 .title-sec {
    padding-bottom: 1.0417rem;
}

.solution-7 {
    padding-top: 5.7292rem;
}

.customer-reviews-wrapper {
    gap: 1.4583rem;
    margin: 1.4583rem calc(-1 * (100vw - var(--container-w)) / 2 + 2.5391rem) 0;
}

.item-reviews {
    width: calc((100% / 4) - (1.4583rem * 3) / 4);
    padding: 1.0417rem 1.0417rem 1.875rem 1.0417rem;
    background: rgba(252, 247, 236, 1);
    border-radius: 1.6667rem;
    flex-direction: column;
    row-gap: 1.5625rem;
    transition: .6s all;
}

.item-reviews:hover {
    background: var(--main-cl);
}

.item-reviews .name,
.item-reviews .desc-sec {
    transition: .6s all;
}

.item-reviews:hover .name,
.item-reviews:hover .desc-sec {
    color: #fff;
}

.item-reviews .avatar {
    width: 3.125rem;
    height: 3.125rem;
}

.item-reviews .info-customer {
    gap: 1.0417rem;
}

.item-reviews .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}

.star-info {
    flex-direction: column;
}

.star-info .star ul {
    list-style: none;
}

.star-info .star ul li {
    margin: 0;
    padding: 0;
    line-height: 1;
}

.solution-8 {
    padding-top: 5.2083rem;
}

.solution-image-8 {
    height: 31.4583rem;
    margin: 0 calc(-1 * (100vw - var(--container-w)) / 2 + 2.9688rem) 0;
    overflow: hidden;
    border-radius: 3.3333rem;
}

.solution-image-8:hover img {
    transform: scale(1.03);
}

.solution-image-8 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 3.3333rem;
    transform: scale(1);
    transition: 1s all;
}

.solution-9 {
    padding-top: 4.4792rem;
}

.solution-title-9 {
    padding-right: 11.6146rem;
}

.solution-title-9 .title-sec {
    padding-bottom: 1.3542rem;
}

.solution-content-9 .desc-sec strong {
    font-family: 'Mulish Bold';
    font-size: 1.042rem;
    line-height: 1.042rem;
}

.solution-content-9 .desc-sec p {
    padding-bottom: 1.0417rem;
    margin-bottom: 0;
}

.product-4 {
    padding-top: 2.9167rem;
}

/*CHI TIẾT SẢN PHẨM*/


.info-product-top {
    padding-bottom: 4.1146rem;
}

.slide-gallery-product {
    border-radius: 1.5625rem;
}

.image-product {
    aspect-ratio: 470/548;
    flex: 0 0 auto;
    width: 24.479rem;
}

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

.classify-product {
    flex-direction: column;
    row-gap: 0.8333rem;
}

.item-classify, .price-product {
    gap: 0.9375rem;
}

.price-product {
    padding-bottom: 1.5625rem;
}

.item-classify .title, .price-product .title {
    width: 6rem;
    line-height: 1.1458rem;
    font-size: 0.7813rem;
    font-family: 'Montserrat Medium';
}

.price-product .price {
    font-size: 1.3021rem;
    line-height: 1.9792rem;
    letter-spacing: -3%;
    font-family: 'Montserrat Bold';
    color: var(--main-cl);
}

.list-classify ul {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 0.5208rem;
}

.content-ingredient li, .content-ingredient ol {
    margin-bottom: 0;
}

.content-ingredient p {
    margin-bottom: 0;
}

.list-classify ul li {
    margin: 0;
    padding: 0.3125rem 0.6771rem;
    line-height: 0.9375rem;
    border-radius: 5.2083rem;
    font-size: 0.7813rem;
    font-family: 'Montserrat Medium';
    border: 1px solid var(--main-cl);
    transition: .7s all;
    color: var(--main-cl);
}

.list-classify ul li:hover {
    background: var(--main-cl);
    border: 1px solid var(--main-cl);
    color: white;
}

.wrap-overview-product .title-sec {
    padding-bottom: 1.0938rem;
}

.wrap-overview-product .desc-sec {
    padding-bottom: 0.7292rem;
    line-height: 1.4;
}

.info-product-bottom {
    background: linear-gradient(180deg, rgba(59, 125, 63, 0.1) 0%, rgba(59, 125, 63, 0.06) 70%, rgba(59, 125, 63, 0) 100%);
    border-top-left-radius: 3.3333rem;
    border-top-right-radius: 3.3333rem;
    padding: 3.9583rem 2.7083rem 4.5833rem 2.9167rem;
}

.certification {
    gap: 1.8229rem;
    padding-bottom: 2.2917rem;
}

.accordion-wrapper-ingredient {
    flex-direction: column;
    row-gap: 1.25rem;
}

.item-ingredient .item_inner {
    border: 1px solid var(--main-cl);
    border-radius: 1.5625rem;
    padding: 0.7813rem 2.1875rem 0.7813rem 1.8229rem;
    cursor: pointer;
}


.content-ingredient ul {
    padding-left: 0.9229rem;
}

.title-ingredient.active span.icon path:nth-child(2) {
    opacity: 0;
}

.item_inner .title-ingredient span.title-sec {
    line-height: normal;
}

.item_inner .content-ingredient {
    margin-top: 0.521rem;
}

.item-ingredient .title-ingredient.active svg {
    transform: rotate(360deg);
    transition: .7s all;
}

.single-product .form-contact-us {
    margin-top: 3.125rem;


}

.page-template-contact footer {
    margin-top: 4.948rem;
}

.list_tax_mobile {
    display: none;
}

.sidebar_posts .term {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.wp-caption {
    margin-bottom: 1rem;
}

.related_blog .term-title-blog h3 {
    text-transform: uppercase;
}

.post_detail {
    padding-top: 2rem;
}

.detail_wrap {
    margin-top: 1rem;
}

.wpcf7 form.wpcf7-form .wpcf7-response-output {
    font-family: 'Mulish Regular' !important;
}

.post_form .wpcf7 .wpcf7-not-valid-tip {
    background: var(--sub-cl);
    margin-top: -5px;
}

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

.wrap-form-register .wpcf7 .wpcf7-not-valid-tip {
    background: var(--sub-cl);
    margin-top: -10px;
}

.wrap-form-register .wpcf7 .wpcf7-not-valid-tip:after {
    border-bottom-color: var(--sub-cl);
}

.home-1 .pattern {
    right: -4.5%;
    top: -17%;
    width: 21.09375rem;
    height: auto;
}

.home-1 .pattern svg {
    width: 100%;
    height: 100%;
    display: block;
}

.solution_2_wrap {
    height: 31.25rem;
    border-radius: 64px;
    overflow: hidden;
}

.solution_2_wrap .list {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    align-items: start;
    justify-content: end;
}

.solution_2_wrap .item {
    height: 100%;
    width: 15.625rem;
    display: flex;
    align-items: start;
    color: white;
}

.solution_2_wrap .item_inner {
    height: 50%;
    padding: 2.24rem 0.99rem 0.625rem 1.771rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.solution_2_wrap .item:nth-child(odd) .item_inner {
    background: #3B7D3FBF;
}

.solution_2_wrap .item:nth-child(even) .item_inner {
    background: #86B543;
}

.solution_2_wrap .item:nth-child(even) {
    align-items: end;
}

.solution_2_wrap .item:first-child .item_inner {
    border-bottom-left-radius: 32px;
}

.solution_2_wrap .item_inner .title {
    font-family: 'Mulish SemiBold';
    line-height: 1.2;
    font-size: 0.9375rem;
}

.solution_2_wrap .item_inner .content {
    margin-top: 0.417rem;
    font-family: 'Mulish Regular';
    font-size: 0.729rem;
    line-height: 1.4;
    opacity: 80%;
    color: #FFFFFF;
}

.solution_2_wrap .item_inner .bottom {
    margin-left: auto;
    font-family: 'Mulish SemiBold';
    color: white;
    font-size: 2.083rem;
    line-height: 1;
}

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

.solution-4 .swiper-pagination {
    display: none;
}

.commit_slide_wrap .arrow_slide {
    position: absolute;
    top: 50%;
    width: 2.865rem;
    height: 2.8125rem;
}

.commit_slide_wrap .arrow_slide.prev {
    left: -6%;
}

.commit_slide_wrap .arrow_slide.next {
    right: -6%;
}

.commit_slide_wrap .arrow_slide svg {
    width: 100%;
    height: 100%;
    display: block;
    transition: .7s all;
    cursor: pointer;
}

.commit_slide_wrap .arrow_slide:hover svg path {
    stroke: var(--sub-cl);
}

.solution-title-6 .desc-sec {
    max-width: 51.146rem;
}

.mobile_display,
.mobile_flex {
    display: none;
}

.blog_wrap_option .pagination_wrap,
.post_related .pagination_wrap {
    display: none;
}

.sale-agent-4 .item-solution .content :is(h1, h2, h3, h4, h5, h6) {
    text-transform: uppercase;
}

.sale-agent-content-4 .item-solution > .inner {
    gap: 2.34375rem;
}

.sale-agent-4 .home-content-3 .item-solution .cont-wrap {
    padding-left: 7rem;
}

.sale-agent-content-4 .item-solution .cont-wrap {
    padding-right: 6.3438rem;
}

.banner_hero:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 13.021rem;
    background: linear-gradient(180deg, rgba(35, 31, 32, 0.6) 0%, rgba(35, 31, 32, 0) 100%);
    z-index: 2;
}

.group-quote-mark:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 11.042rem;
    background: linear-gradient(180deg, #F5F5EB 0%, rgba(241, 243, 231, 0) 60%);
}

.quote-mark {
    position: relative;
    z-index: 1;
}

.form-quote-popup .wpcf7 .wpcf7-not-valid-tip {
    margin-top: -5px;
    font-size: .75rem;
}

.item-commit .image img {
    transition: .7s all;
}

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

.item-commit:hover .text {
    color: var(--sub-cl);
    transition: .7s all;
}

.item-commit .image {
    overflow: hidden;
    border-radius: 20px;
}

.item-commit:before {
    z-index: 1;
}

.item-commit .text {
    position: relative;
    transition: .7s all;
    z-index: 2;
}

body.search .header-inner {
    box-shadow: 0px 4px 16px 0px #E2C8931A;
}

.search-page h1 {
    color: var(--main-cl);
    text-align: center;
    font-family: 'Mulish ExtraBold';
    font-size: 2.083rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.search-tabs-title {
    justify-content: center;
}

body.search footer {
    margin-top: 0;
}

.search-grid .post-item .img-wrap {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    transition: .7s all;
}

.search-grid .post-item .title {
    color: var(--main-cl);
    font-family: 'Mulish ExtraBold';
    font-size: 0.833rem;
}

.search-grid .post-item .cont-wrap {
    margin-top: 1rem;
    padding-right: 0;
}

.form-contact-us-title .desc-sec {
    width: 33.229rem;
}

ul.quick-link-contact-us span.content p {
    font-size: 0.9375rem;
    font-family: 'Mulish ExtraBold';
    color: var(--main-cl);
}

.store-item a.btn.btn-style-1 {
    position: absolute;
    right: 4%;
    bottom: 12%;
}

.wrap-stores .list-store {
    display: flex;
    flex-direction: column;
    row-gap: 0.833rem;
}

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

.sale-agent-4 .desc-sec {
    width: 54.01rem;
}

.home_banner .swiper-pagination {
    position: absolute;
    bottom: 2% !important;
    left: 50% !important;
    transform: translateX(-50%);
    z-index: 5;
    color: white;
}

.home_banner {
    position: relative;
}

.home_banner .arrow_slide {
    display: none;
}


.home_banner .tl-pagination {
    font-size: 0;
    gap: 0.208rem;
    padding-top: 2.5rem;
}

.home_banner .tl-pagination span {
    font-family: 'Mulish Regular';
    font-size: 0.729rem;
}

.home_banner .tl-pagination .swiper-pagination-total {
    position: relative;
    padding-left: 2.708rem;
    opacity: .2;
}

.home_banner .swiper-pagination-total:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 2.5rem;
    height: 1px;
    background: white;
    pointer-events: none;
}

.banner_hero_content.absolute {
    z-index: 5;
}

@media (min-width: 1200px) {
    body, html {
        font-size: 1vw;
    }
}

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

    .home-1 .pattern {
        width: 15rem;
        top: -10%;
        right: -2%;
    }

    .lh-24 {
        line-height: 1.55rem;
    }

    .fs-14 {
        font-size: 0.9rem;
    }

    .fs-16 {
        font-size: 0.95rem;
    }

    .fs-18 {
        font-size: 1.175rem;
    }

    .fs-64 {
        font-size: 3rem;
    }

    .subtitle-sec {
        font-size: 1.175rem;
    }

    .desc-sec {
        font-size: 1.175rem;
    }

    .btn span.text {
        font-size: 0.95rem;
    }

    .btn-style-1 span.icon {
        width: 1.5625rem;
        height: 1.5625rem;
    }

    .tl-pagination-fraction span {
        font-size: .92rem;
    }

    .form-wrap .form-item :is(input, .select-styled) {
        height: 3rem;
        font-size: 1.05rem;
    }

    header .nav > li.header-cta span.text {
        font-size: .95rem;
    }

    header .nav > li.header-search {
        margin-left: 1.8rem !important;
    }

    .home-content-3 {
        margin-top: 3.5rem;
    }

    .item-feedback blockquote :is(b, strong),
    .item-media .blockquote-item :is(b, strong) {
        font-size: 1.175rem;
    }

    .item-feedback blockquote,
    .item-media .blockquote-item > .inner {
        font-size: .93rem;
    }

    .item-feedback .content :is(h1, h2, h3, h4, h5, h6) {
        line-height: 1.4;
    }

    .home-7 {
        margin-top: 6rem;
    }

    .container-blog-home .post-item:first-child .title {
        font-size: 1.6rem;
        line-height: 1.5;
    }

    .post-item .title {
        font-size: 1rem;
        line-height: 1.45;
    }

    footer {
        margin-top: 7rem;
    }

    footer .menu-footer a,
    footer .fs-18 {
        font-size: 1.05rem;
    }

    footer .fs-24 {
        font-size: 1.1rem;
    }

    footer .company-info span.info P:not(:last-child) {
        margin-bottom: 0.5rem;
    }

    footer span.title-footer {
        margin-bottom: 1rem;
        padding-bottom: 1rem;
    }

    footer .wrap-logo {
        padding-right: 3rem;
    }

    footer .col-right .wrap-menu {
        padding-left: 3rem;
    }

    #form-quote-popup > .inner .cont-wrap {
        padding: 4.792rem 2rem;
    }

    .wpcf7 .wpcf7-not-valid-tip {
        margin-top: -20px;
    }


}

@media only screen and (max-width: 1499px) {
    .fs-25 {
        font-size: 1.35rem;
    }

    .fs-20 {
        font-size: 1.15rem;
    }

    .fs-18 {
        font-size: 1.15rem;
    }

    .fs-16 {
        font-size: 1.05rem;
    }

    .fs-14 {
        font-size: 0.95rem;
    }

    header #masthead #logo {
        width: 13rem;
    }

    header #logo img,
    header .stuck #logo img {
        max-height: 3rem !important;
    }

    header .nav > li.header-cta span.icon {
        width: 2rem;
        height: 2rem;
    }

    header .nav > li.header-cta span.icon > img {
        width: 1.2rem;
        height: 1.2rem;
    }

    footer {
        margin-top: 6rem;
        padding: 4rem 0 1.667rem;
    }

    /*fixed contact*/
    ul.fixed-button span.icon > img {
        width: 2.3rem;
        height: 2.3rem;
    }

    ul.fixed-button span.content {
        font-size: .88rem;
    }

    ul.fixed-button a strong {
        font-size: 1rem;
    }

    #form-quote-popup > .inner .img-wrap {
        width: 35rem;
    }

    .form-item :is(input, .select-styled) {
        height: 3.2rem;
        font-size: 1rem;
    }

    .form-item .select .select-options > li {
        font-size: 1rem;
        line-height: 1.7rem;
    }

    .sec-banner-hero .hero-content {
        margin-top: 0.9rem;
    }

    .item-banner-hero {
        height: 46rem;
    }

    .terms-menu ul > li > a {
        font-size: 1.05rem;
    }

    .numbers-wrap .number {
        font-size: 3.8rem;
    }

    .container-blog-home {
        margin-top: 2rem;
    }

    .container-blog-home .post-item:first-child .img-wrap {
        height: 24.3rem;
    }

    .post-item .term-date {
        font-size: .9rem;
    }
}

@media only screen and (max-width: 1399px) {
    .fs-70 {
        font-size: 2.9rem;
    }

    .fs-20 {
        font-size: 1.35rem;
    }

    .fs-18 {
        font-size: 1.2rem;
        line-height: 1.5;
    }

    .fs-16 {
        font-size: 1.1rem;
    }

}

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

    .load_home_page img.logo_load_page {
        width: 10rem;
    }

    .load_home_page svg {
        width: 320px;
    }

    .search-tabs .search-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }

    /*show/hide - breakpoint*/
    .lg-show {
        display: block !important;
    }

    .lg-hide {
        display: none !important;
    }

    .lg-show-flex {
        display: flex !important;
    }

    .lg-hide-flex {
        display: none !important;
    }

    .lg-col-6 {
        flex-basis: 50%;
        max-width: 50%;
    }

    .lg-col-12 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .subtitle-sec {
        font-size: 1.05rem;
    }

    .subtitle-sec + .title-sec {
        margin-top: 0.3rem;
    }

    .title-sec {
        font-size: 2rem;
    }

    .btn-style-1 span.icon {
        width: 19.2px;
        height: 19.2px;
    }

    header .header-wrapper .header-inner {
        padding: 1rem;
    }

    header #masthead .header-nav-main {
        gap: 0.7rem;
    }

    header #masthead .header-nav-main li > a {
        font-size: 0.8rem;
    }

    header #masthead #logo {
        width: 8.5rem;
    }

    header #logo img, header .stuck #logo img {
        max-height: 2rem !important;
    }

    header .nav > li.header-search {
        margin-left: 0 !important;
    }

    header .nav > li.header-cta span.text {
        display: none;
    }

    footer {
        margin-top: 5rem;
        padding: 3rem 0 1.667rem;
    }

    footer .wrap-logo {
        padding: 0 10rem;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    footer .wrap-logo span.desc {
        margin-top: 1rem;
    }

    footer .col-right {
        margin-top: 3rem;
    }

    footer .col-right .company-info {
        max-width: 22rem;
    }

    footer .col-right .wrap-menu {
        padding-left: 2rem;
    }

    footer .wrap-maps .maps {
        border-radius: 1rem;
    }

    footer .copyright {
        font-size: .9rem;
    }

    /*fixed contact*/
    ul.fixed-button.desktop-display li:not(:last-child) {
        margin-right: 1.3rem;
        padding-right: 1.3rem;
    }

    #form-quote-popup {
        max-width: 97%;
    }

    #form-quote-popup > .inner {
        border-radius: 1.5rem;
    }

    #form-quote-popup > .inner .img-wrap {
        width: 28rem;
    }

    #form-quote-popup > .inner .cont-wrap {
        padding: 3rem 2rem;
    }

    #form-quote-popup > .inner .title {
        font-size: 2rem;
    }

    #form-quote-popup > .inner .desc {
        font-size: 1rem;
    }

    .item-banner-hero {
        height: 32rem;
        border-radius: 0 0 2rem 2rem;
    }

    .item-banner-hero .cont-absolute {
        padding-bottom: 3.2rem;
    }

    .item-banner-hero .cont-absolute .hero-title {
        font-size: 2rem;
    }

    .item-banner-hero .cont-absolute .hero-content {
        font-size: 1.05rem;
    }

    .home-1 {
        padding-top: 4rem;
    }

    .numbers-wrap .number {
        font-size: 2.8rem;
    }

    .numbers-wrap .text {
        font-size: 1rem;
    }

    .home-media-1 {
        height: 32rem;
    }

    .home-2 {
        margin-top: 5rem;
        padding-top: 3rem;
    }

    .home-link-2 {
        margin-bottom: .7rem;
    }

    .home-content-3 {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        margin: 2rem calc(-1 * (100vw - var(--container-w)) / 2 + 1.5rem) 0;
    }

    .home-content-3 .item-solution > .inner {
        border-radius: 3rem;
        padding: 1.5rem;
    }

    .home-content-3 .item-solution .img-wrap {
        width: 25rem;
        height: 18rem;
        border-radius: 1.5rem;
    }

    .home-content-3 .item-solution .cont-wrap {
        padding-left: 3rem;
    }

    .home-content-3 .item-solution .idx {
        font-size: 2.5rem;
    }

    .home-content-3 .item-solution .content {
        font-size: 1.15rem;
        margin-top: 1.5rem;
    }

    .home-content-3 .item-solution .content :is(h1, h2, h3, h4, h5, h6) {
        font-size: 1.5rem;
    }

    .home-4 {
        padding-top: 5rem;
    }

    .home-content-4 .home-slide-4 {
        padding-bottom: 3rem;
    }

    .item-media {
        padding: 4rem 4rem 0 4rem;
    }

    .item-media .cont-wrap {
        padding-left: 4rem;
    }

    .item-media .logo > img {
        height: 5rem;
    }

    .item-media .content :is(h1, h2, h3, h4, h5, h6) {
        font-size: 1.15rem;
    }

    .item-media .blockquote-item > .inner {
        font-size: 0.85rem;
    }

    .item-feedback .content :is(h1, h2, h3, h4, h5, h6) {
        font-size: 1.15rem;
    }

    .item-feedback blockquote {
        font-size: 0.85rem;
    }

    .item-feedback blockquote :is(b, strong) {
        font-size: 1.05rem;
    }

    .home-content-5,
    .product-content-3,
    .solution-content-6 {
        margin: 2rem calc(-1 * (100vw - var(--container-w)) / 2 + 1rem) 0;
    }

    .home-content-5:after, .home-content-5:before,
    .product-content-3:after, .product-content-3:before,
    .solution-content-6:after, .solution-content-6:before {
        content: unset;
    }

    .item-feedback .logo > img {
        height: 2.8rem;
    }

    .item-feedback .content {
        margin-top: 3rem;
    }

    .text-stroke {
        font-size: 7.5rem;
    }

    .wrap-form-register {
        padding-top: 2rem;
    }

    .wrap-form-register .col-left {
        width: 60%;
        padding-left: 2.5rem;
    }

    .wrap-form-register .img-absolute {
        margin-right: 2rem;
    }

    .wrap-form-register .img-absolute:before {
        width: 24rem;
        height: 24rem;
    }

    .wrap-form-register .img-absolute > img {
        width: 18rem;
    }

    .home-7 {
        margin-top: 4rem;
        padding-top: 2.2rem;
    }

    .home-7:before {
        width: calc(100% - 2rem);
    }

    .home-title-7 {
        text-align: center;
    }

    .home-list-7 {
        justify-content: center;
        gap: 3rem;
        margin-top: 1rem;
    }

    .home-list-7 .item .text {
        font-size: 1rem;
    }

    .container-blog-home .post-item:first-child .title {
        font-size: 1.35rem;
    }

    .wrap-stores .select-filter {
        flex-wrap: wrap;
    }

    .wrap-stores .select-filter > .form-item {
        width: 100%;
    }

    .wrap-stores .list-store {
        height: 25rem;
        padding-right: 1rem;
        margin-top: 2rem;
    }

    .store-item .info {
        font-size: 1.05rem;
    }

    .wrap-stores .data-maps {
        border-radius: 1rem;
    }

    .post-item .title {
        font-size: 0.95rem;
    }

    .home-8 {
        padding-top: 5rem;
    }

    .container-blog-home {
        gap: 1rem;
    }

    .container-blog-home .post-item:first-child .img-wrap {
        height: 23rem;
    }

    .container-blog-home .post-item:not(:first-child) .img-wrap {
        width: 9rem;
        height: 100%;
    }

    .box-info-contact-1 {
        margin-right: 1rem;
    }
}

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

    .form_bottom {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .load_home_page svg {
        width: 320px;
    }

    .search-tabs .search-grid {
        grid-template-columns: 1fr 1fr;
    }

    header #masthead .header-nav-main li > a {
        font-size: 0.77rem;
    }

    .item-banner-hero {
        height: 30rem;
    }

    .item-banner-hero:before {
        height: 50%;
    }

    .home-list-1 {
        column-gap: 3rem;
    }

    .blockquote-sec:before {
        width: 5rem;
        height: 5rem;
    }

    .home-media-1 {
        height: 30rem;
        border-radius: 1.5rem;
        margin-top: 2rem;
    }

    .numbers-wrap .text {
        font-size: 0.9rem;
    }

    .numbers-wrap .number {
        font-size: 2.5rem;
    }

    .home-2 {
        padding-top: 2rem;
    }

    .home-2:after {
        border-radius: 2rem 2rem 0 0;
    }

    .home-content-3 .item-solution .content :is(h1, h2, h3, h4, h5, h6) {
        font-size: 1.4rem;
        margin-bottom: .9rem;
    }

    .item-media .content {
        font-size: 1.1rem;
    }

    .box-info-contact-1 {
        margin-right: 1rem;
    }

    .contact-1 {
        padding-top: 3rem;
    }

    footer .col-right .wrap-menu {
        padding-left: 1rem;
    }

    .banner_hero {
        border-bottom-right-radius: 32px;
        border-bottom-left-radius: 32px;
    }

    .banner_hero_content {
        bottom: 2rem;
    }

    .box-info-contact-1 {
        margin-right: 0;
    }

    header .header-wrapper .header-inner {
        padding: 0.9rem 2.5rem !important;
    }

    .contact-1 .logo {
        width: 5rem;
    }

    .contact-form {
        margin-top: 2rem;
    }

    .contact-2 {
        padding-top: 2rem;
    }

    .form_page_contact input,
    .form_page_contact textarea {
        font-size: .9rem;
    }

    .group-blog-1 {
        padding: 3rem 0;
    }

    .blog-2 {
        padding-top: 2rem;
    }

    .blog-2 {
        padding-top: 2rem;
    }

    .group-blog {
        gap: 1rem;
    }

    .item-blog {
        width: calc((100% / 3) - (1rem * 2) / 3);
    }

    .item-blog .image {
        height: 9rem;
    }

    .group-blog .term-title-blog h3 {
        min-height: 2.85rem;
        font-size: 1.1rem;
    }

    .single main#main {
        margin-top: 0;
    }

    .post_detail {
        padding-top: 3rem;
    }

    .post_detail h1 {
        font-size: 1.9rem;
    }

    .detail_wrap {
        margin-top: 2rem;
        gap: 2rem;
    }

    .detail_wrap .wrap_left_inner {
        font-size: .8rem;
    }

    .detail_wrap .wrap_left .dot {
        width: 6px;
        height: 6px;
    }

    .share_heading a {
        width: 1.75rem;
        height: 1.75rem;
    }

    .wrap_right {
        font-size: .85rem;
    }

    .post_detail_sidebar {
        margin-right: 0;
    }

    .single_content {
        margin-top: 2rem;
    }

    .single_content img {
        border-radius: 16px;
    }

    .single_content p {
        font-size: .88rem;
    }

    .post_detail_bottom {
        flex-wrap: wrap;
        gap: 1rem;
        margin-top: 2rem;
    }

    .tag_wrap {
        font-size: .85rem;
    }

    .post_detail_bottom .share {
        font-size: .85rem;
    }

    .tag_list a {
        font-size: .8rem;
    }

    .tag_list {
        gap: .5rem;
    }

    .post_detail_bottom .share a {
        width: 1.8rem;
        height: 1.8rem;
    }

    .post_related {
        padding-top: 3rem;
    }

    .item .detail_term {
        font-size: .8rem;
    }

    .post_form {
        padding: 3rem 0 8rem;
    }

    .about-1 .pattern_item:nth-child(1) {
        width: 10rem;
    }

    .about-1 .pattern_item:nth-child(2) {
        width: 8rem;
    }

    .about-1 .pattern_item:nth-child(3) {
        width: 5rem;
    }

    .about-1 .pattern_item:nth-child(4) {
        width: 12rem;
    }

    .about-1 .pattern_item:nth-child(5) {
        width: 9rem;
    }

    .about-1 .pattern_item:nth-child(6) {
        width: 5rem;
    }

    .about-1 .pattern_item:nth-child(7) {
        width: 15rem;
    }

    .about-1 .pattern_item:nth-child(8) {
        width: 12rem;
    }

    .about-1 .pattern_item:nth-child(9) {
        width: 8rem;
    }

    .about-1 .pattern_list {
        display: none;
    }

    .about-1 {
        padding: 10rem 0 5rem;
    }

    .about-1 .pattern_1 {
        width: 15rem;
        top: 6rem;
    }

    .home-content-3 .item-solution .img-wrap {
        margin-right: 0;
    }

    .about-content-3 .item-solution .cont-wrap {
        padding-right: 0;
    }

    .target-image img {
        object-position: none;
    }

    .target-card .content {
        padding-top: 2rem;
    }

    .target-card {
        top: 50%;
        transform: translateY(-50%);
    }

    .target-image img {
        object-position: unset;
    }

    .commit-card {
        aspect-ratio: unset;
        height: auto;
        width: auto;
        position: relative;
        margin-top: 1rem;
    }

    .mission-inner {
        flex-wrap: wrap;
        flex-direction: column;
        padding-top: 3rem;
    }

    .mission-left {
        width: 100%;
        max-width: 100%;
        padding-right: 0;
    }

    .mission-right {
        max-width: 100%;
        width: 100%;
    }

    .commit-img {
        position: relative;
        inset: unset;
    }

    .commit-head {
        top: 50%;
        transform: translateY(-50%);
    }

    .group-quote-mark {
        padding-bottom: 2rem;
    }

    .quote-mark {
        width: 3rem;
        height: auto;
    }

    .item-core-value h3 {
        margin-bottom: 0;
    }

    .item-core-value {
        align-items: center;
    }

    .solution-1 {
        padding-top: 3rem;
    }

    .solution-image-1 {
        margin-top: 2rem;
    }

    .solution-3 {
        padding-top: 2rem;
    }

    .box-solution-2-wrapper.relative.tablet-hide {
        display: block !important;
    }

    .box-solution-2-wrapper .item-solution-2 {
        width: 10rem;
    }

    .box-solution-2-wrapper .box-item-wrap-outer {
        width: 100%;
    }

    .box-solution-2-container {
        height: 25rem;
    }

    .box-solution-2-wrapper .item-solution-2-container {
        position: relative !important;
    }

    .box-solution-2-wrapper .bg-solution-2 {
        position: relative;
    }

    .bg-solution-2 img {
        border-radius: 30px;
    }

    .box-solution-2-wrapper .box-item-wrap {
        display: flex;
        align-items: stretch;
        margin: 2rem 0 0;
        gap: 1rem;
    }

    .item-solution-2.item-opacity {
        display: none;
    }

    .box-solution-2-wrapper .item-num-1 {
        width: calc(100% / 3 - (1rem * 2 / 3));
        border-radius: 10px;
        overflow: hidden;
        height: auto;
        aspect-ratio: unset;
    }


    .box-solution-2-wrapper .item-num-1 .idx {
        line-height: 1;
    }

    .solution-group-3 {
        margin-top: 2rem;
        padding-left: 0;
    }

    .accordion-item-solution-3 .text-sub {
        font-size: 1.5rem;
        line-height: 1;
    }

    .accordion-content-solution-3 .content {
        font-size: 1.1rem;
    }

    .accordion-content-solution-3 {
        padding-top: .5rem;
    }

    .solution-4 {
        padding-top: 2rem;
    }

    .fs-18 {
        font-size: 1rem;
    }

    .item-commit .image {
        height: 20rem;
        aspect-ratio: unset;
    }

    .solution-5 {
        padding-top: 3rem;
        margin-top: 3rem;
    }

    .commit-images {
        margin-top: 3rem;
    }

    .commit-images .img-top {
        aspect-ratio: unset;
        height: 19rem;
    }

    .commit-images .img-bottom {
        aspect-ratio: unset;
        height: 20rem;
    }

    .commit-images {
        height: 25rem;
    }

    .product-title-3, .solution-title-6 {
        padding-top: 2rem;
    }

    .customer-reviews-wrapper {
        gap: 1rem;
    }

    .item-reviews {
        width: calc(100% / 2 - (1rem * 1 / 2));
    }

    .item-reviews .desc-sec.fs-20.lh-26.last-reset {
        font-size: 1rem;
    }

    .solution-7 {
        padding-top: 2rem;
    }

    .solution-8 {
        padding-top: 2rem;
    }

    .solution-image-8 {
        height: 20rem;
        border-radius: 15px;
        overflow: hidden;
    }

    .solution-image-8 img {
        border-radius: 15px;
    }

    .solution-group-1 {
        padding-right: 0;
    }

    .solution-1 {
        padding-top: 2rem;
    }

    .solution-2 {
        padding-top: 4rem;
    }

    .box-solution-2-wrapper .item-num-1 {
        width: 100%;
    }

    .box-solution-2-wrapper .box-item-wrap {
        flex-wrap: wrap;
    }

    .box-solution-2-wrapper .item-num-1 .idx {
        font-size: 1.5rem;
    }

    .item-solution-2 .inner .desc-sec {
        font-size: .9rem;
    }

    .item-solution-2 .inner h3 {
        font-size: 1rem;
    }

    .solution-left-5 {
        padding-right: 0;
    }

    .solution-5 {
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
    }

    span.num-idx.fw700-inter.fs-26.lh-22.text-sub {
    }

    .list-commit-customer .num-idx {
        font-size: 1.5rem;
        line-height: 1;
    }

    .list-commit-customer .title {
        line-height: 1.4;
    }

    .commit-images .img-top {
        width: 100%;
        height: 20rem;
        border-radius: 15px;
        overflow: hidden;
    }

    .commit-images {
        height: auto;
        flex-wrap: wrap;
    }

    .commit-images .img-top img, .commit-images .img-bottom img {
        border-bottom: 10px;
        overflow: hidden;
    }

    .commit-images .img-bottom {
        height: 20rem;
        width: 100%;
    }

    .customer-reviews-wrapper {
        margin: 1.5rem 0;
    }

    .item-reviews {
        width: 100%;
    }

    .solution-image-8 {
        margin: 0;
    }

    .solution-9 {
        padding-top: 2rem;
    }

    .solution-title-9 {
        padding-right: 0;
    }

    .solution-content-9 {
        margin-top: 1rem;
    }

    .product-1 {
        padding-top: 2rem;
    }

    .product-group-1 {
        padding-right: 0;
    }

    .product-list-1 {
        margin-top: 2rem;
    }

    .product-1 .numbers-wrap .item:nth-child(3) .text-small, .product-1 .numbers-wrap .item:nth-child(4) .text-small {
        font-size: 2rem;
    }

    .product-1 .numbers-wrap .number .text-small {
        font-size: 2rem;
    }

    .product-1 .numbers-wrap .number .text-small {
        padding-left: 0;
    }

    .numbers-wrap .number {
        font-size: 2.2rem;
    }

    .product-1 .numbers-wrap .text {
        font-size: 1rem;
    }

    .product-2 {
        margin-top: 2rem;
        padding-top: 2rem;
    }

    .list-cate-product ul li {
        width: 9rem;
    }

    .list-product-of-cate {
        gap: 1rem;
    }

    .item-product-of-cate {
        width: calc(100% / 3 - (1rem * 2 / 3));
    }

    .item-product-of-cate .box_img {
        width: unset;
    }

    .item-product-of-cate h3 {
        font-size: 1rem;
    }

    .item-product-of-cate .link span {
        font-size: .9rem;
    }

    .form-contact-us-wrap .img-wrap {
        width: 17rem;
    }

    .form-contact-us-wrap .inner {
        gap: 1rem;
    }

    .form_contact input {
        font-size: .7rem;
        border-radius: 10px;
        margin-bottom: 1rem;
    }

    .form_contact textarea {
        margin-bottom: 1rem;
    }

    .item-blog .image {
        height: unset;
        aspect-ratio: 16 / 9;
    }

    .product-2 {
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
    }

    .solution_2_wrap .item {
        width: auto;
        flex: 1;
    }

    .info-product-top {
        flex-wrap: wrap;
    }

    .image-product {
        width: 100%;
        aspect-ratio: 16 /9;
    }

    .product-gallery-wrap {
        max-width: 100%;
    }

    .sidebar-wrap-product {
        margin-right: 0;
    }

    .related_product_wrap .item-product-of-cate .box_img {
        width: 100%;
        height: auto;
    }

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

    .group-quote-mark {
        padding: 0 2rem 2rem;
    }

    .mission-quote strong {
        font-size: 1.2rem;
    }

    .commit_slide_wrap .arrow_slide {
        width: 2rem;
        height: 2rem;
    }

    .commit_slide_wrap .arrow_slide.next {
        right: -5%;
    }

    .commit_slide_wrap .arrow_slide.prev {
        left: -5%;
    }

    .off-canvas-left .mfp-content {
        width: 50%;
    }

    .chef-image {
        position: relative;
        inset: unset;
        transform: unset;
        width: 100%;
    }

    .why-us-wrap {
        max-width: unset;
        width: 100%;
        min-height: unset;
    }

    .why-item {
        position: relative;
        width: calc(100% / 2 - (1rem * 1 / 2));
        max-width: 100%;
        flex-direction: column;
        text-align: center;
        inset: unset;
        transform: unset;
        justify-content: start;
        align-items: center;
        gap: 1rem;
    }

    .why-us-wrap {
        display: flex;
        gap: 1rem;
        flex-wrap: wrap;
        justify-content: center;
    }

    .chef-image {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50%;
    }

    .why-us-group {
        padding: 2rem 15px;
    }

    .why-item .index {
        width: 4.5rem;
        height: 4.5rem;
        font-size: 2rem;
    }

    .chef-image:before {
        content: unset;
    }

    .chef-image:after {
        width: 30rem;
        height: 30rem;
    }

    .post_detail_heading .detail_wrap {
        flex-wrap: wrap;
        gap: 1rem;
        margin-top: 1.5rem;
    }

    .sale-agent-image-1 {
        margin-top: 2rem;
    }

    .sale-agent-1 {
        padding-top: 3rem;
    }

    .blog_wrap_option .slide-nav-mobile .swiper-pagination {
        display: none;
    }
}

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

    /*show/hide - breakpoint*/
    .tablet-show {
        display: block !important;
    }

    .tablet-hide {
        display: none !important;
    }

    .tablet-show-flex {
        display: flex !important;
    }

    .tablet-hide-flex {
        display: none !important;
    }

    /*slide nav/pagination tablet/mobile*/
    .slide-nav-mobile .swiper-pagination {
        padding: 0;
        display: flex;
    }

    .slide-nav-mobile {
        align-items: center;
        padding-top: 1.1rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .slide-nav-mobile .arrow-slide.next {
        order: 3;
    }

    .slide-nav-mobile .arrow-slide {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 2.25rem;
        height: 2.25rem;
        flex: 0 0 auto;
        background: var(--black-cl);
        border-radius: 5.208rem;
    }

    .slide-nav-mobile .arrow-slide path {
        stroke: #fff !important;
    }

    .slide-nav-mobile.text-white .arrow-slide {
        background: #fff;
    }

    .slide-nav-mobile.text-white .arrow-slide path {
        stroke: var(--main-cl) !important;
    }

    .admin-bar header {
        margin-top: 0;
    }

    header .header-wrapper {
        box-shadow: 0 4px 16px 0 #E2C8931A;
    }

    header .header-wrapper:before {
        content: unset;
    }

    header .header-wrapper .header-inner {
        background: #FFFCF4 !important;
    }

    header #masthead #logo {
        width: 12rem;
        margin-right: 0;
    }

    header #logo img, header .stuck #logo img {
        max-height: 50px !important;
        filter: brightness(1) invert(0) !important;
    }

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

    header .header-wrapper .header-inner {
        padding: 0.9rem 2rem;
    }

    header .nav > li.header-search a {
        width: fit-content;
    }

    .icon-search:before {
        width: 1.45rem;
        height: 1.45rem;
        background-image: url(../images/icon_search_3.svg);
    }

    /*LANG CSS*/
    header .nav > li.lang_header {
        margin-left: 1.2rem !important;
    }

    header .nav > li.lang_header a {
        padding: 0 !important;
    }

    header .nav > li.lang_header a > img {
        width: fit-content;
        height: 1.4rem;
    }

    header .nav > li.lang_header svg > line {
        stroke: var(--body-cl);
    }

    .off-canvas:not(.off-canvas-center) .nav-vertical li.header-info > ul {
        width: fit-content;
        gap: .8rem;
        margin-top: 1rem !important;
    }

    .off-canvas:not(.off-canvas-center) .nav-vertical li.header-info a {
        padding: 0 !important;
    }

    .off-canvas:not(.off-canvas-center) .nav-vertical li.header-info a > img {
        width: fit-content;
        height: 2.4rem;
    }

    .off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
        --drawer-width: 80% !important;
    }

    [data-open="#main-menu"] {
        display: flex !important;
        width: 3rem;
        height: 32px !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;
        color: var(--main-cl) !important;
        justify-content: flex-end;
    }

    .off-canvas-left.mfp-ready .mfp-content, .off-canvas-right.mfp-ready .mfp-content {
        top: var(--header-height);
        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: 70.45px !important;
        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: 2rem !important;
        color: var(--body-cl);
        font-size: 1.08rem !important;
        text-transform: initial;
        font-weight: unset;
        font-family: 'Mulish SemiBold';
    }

    .off-canvas:not(.off-canvas-center) .nav-vertical li > a:has(svg) {
        font-size: 0 !important;
    }

    .off-canvas:not(.off-canvas-center) .nav-vertical li > a svg {
        width: 1.3rem;
        height: auto;
        margin-left: 4px;
    }

    .nav-sidebar.nav-vertical > li + li {
        border-color: #e0e0e08f;
    }

    .toggle {
        color: #202020;
    }

    /* 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;
        font-size: 1rem !important;
    }

    footer {
        margin-top: 4rem;
        padding: 2rem 0 1.667rem;
    }

    footer .wrap-logo {
        padding: 0 4rem;
    }

    footer .logo > img {
        height: 6rem;
    }

    footer .col-right {
        flex-wrap: wrap;
    }

    footer .col-right .wrap-menu,
    footer .col-right .company-info {
        width: 48%;
        flex-shrink: 0;
    }

    footer .col-right .wrap-maps {
        width: 100%;
        margin-left: 0;
        margin-top: 1rem;
    }

    footer .col-right .wrap-maps span.title-footer {
        padding-bottom: 0.8rem;
    }

    footer .wrap-maps .maps {
        height: 12rem;
    }

    footer .copyright {
        margin-top: 1.5rem;
        padding-top: 1rem;
    }

    footer.quick-contact-footer {
        padding-bottom: 1rem;
    }

    /*fixed contact*/
    ul.fixed-button.desktop-display {
        display: none;
    }

    ul.button-cta.mobile-display {
        display: block;
    }

    ul.button-cta {
        position: fixed;
        bottom: 3rem;
        right: 1.3rem;
        /*transform: translateY(-50%);*/
        list-style: none;
        margin: 0;
        z-index: 99;
    }

    li.button-cta-footer-open {
        width: 3rem;
        height: 3rem;
        background: var(--main-cl);
        position: relative;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
    }

    li.button-cta-footer-open:before {
        display: block;
        position: absolute;
        content: '';
        left: 50%;
        top: 50%;
        width: 100%;
        height: 100%;
        animation: pulse-border 1000ms ease-out infinite;
        background: var(--main-cl);
        border-radius: 100%;
        transform: translate(-50%, -50%);
        z-index: -1;
    }

    .button-cta-footer-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 .fixed-button {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-left: 0;
    }

    ul.button-cta.active .fixed-button {
        transform: translateY(-100%) scale(1);
        transition: .5s all;
    }

    ul.fixed-button li a > span.icon {
        width: 3rem;
        height: 3rem;
    }

    ul.fixed-button span.icon > img {
        width: 1.8rem;
        height: 1.8rem;
    }

    @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;
        }
    }

    #form-quote-popup > .inner {
        flex-direction: column-reverse;
    }

    #form-quote-popup > .inner .img-wrap {
        width: 100%;
        height: 18rem;
    }

    .form-wrap .wpcf7-not-valid-tip {
        font-size: .8rem;
    }

    #form-quote-popup .wpcf7 form.invalid .form-wrap + .wpcf7-response-output {
        position: unset !important;
        margin: 0;
        font-size: 0.95rem
    }

    #form-quote-popup > .inner .cont-wrap {
        padding-bottom: 1.5rem;
    }


    #main {
        background: #fff;
        margin-top: var(--header-height);
    }

    .title-sec {
        font-size: 1.6rem;
    }

    .item-banner-hero {
        height: 24rem;
    }

    .item-banner-hero .cont-absolute .hero-title {
        font-size: 1.5rem;
    }

    .sec-banner-hero .hero-content {
        margin-top: 0.5rem;
    }

    .item-banner-hero .cont-absolute .hero-content br {
        display: none;
    }

    .home-list-1 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        column-gap: 1rem;
    }

    .numbers-wrap .text {
        font-size: 0.8rem;
    }

    .numbers-wrap .number {
        font-size: 1.9rem;
    }

    .home-media-1 {
        height: 22rem;
        border-radius: 1.2rem;
    }

    .home-link-2 {
        margin-top: 2rem;
    }

    .home-3 {
        padding-top: 3.5rem;
    }

    .home-content-3 .item-solution > .inner {
        flex-direction: column-reverse;
        gap: 1.5rem;
        border-radius: 1.8rem;
        padding: 2rem 2.5rem;
    }

    .home-content-3 .item-solution .cont-wrap {
        padding-left: 0;
    }

    .home-content-3 .item-solution .img-wrap {
        width: 100%;
        height: 100%;
        aspect-ratio: 16 / 8.5;
    }

    .home-content-3 .item-solution .content :is(h1, h2, h3, h4, h5, h6) {
        font-size: 1.25rem;
        margin-bottom: .8rem;
    }

    .home-4 {
        padding-top: 3.5rem;
    }

    .home-content-4 .slide-nav-mobile {
        position: relative;
        z-index: 5;
    }

    .home-content-4 .home-slide-4 {
        padding-bottom: 0;
    }

    .item-media > .inner {
        flex-direction: column;
    }

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

    .item-media {
        padding: 1.8rem 3rem 0 3rem;
    }

    .item-media .cont-wrap {
        padding-left: 0;
        margin-top: 1.5rem;
    }

    .item-media .logo > img {
        height: 4.5rem;
    }

    .item-media .blockquote-item {
        margin-top: 1.5rem;
    }

    .home-5 {
        padding-top: 4rem;
    }

    .home-content-5,
    .product-content-3,
    .solution-content-6 {
        margin: 1.4rem 0 0;
    }

    .home-content-5:after, .home-content-5:before,
    .product-content-3:after, .product-content-3:before,
    .solution-content-6:after, .solution-content-6:before {
        content: unset;
    }

    .item-feedback .content {
        margin-top: 1.5rem;
    }

    .text-stroke {
        font-size: 5rem;
    }

    .home-text-stroke {
        margin-bottom: -1rem;
    }

    .wrap-form-register {
        border-radius: 1.6rem;
        padding-bottom: 0;
    }

    .wrap-form-register .img-absolute {
        position: unset;
        width: fit-content;
        margin-top: 2rem;
        margin-right: 0;
        margin-left: auto;
    }

    .wrap-form-register .col-left {
        width: 100%;
        padding: 0 2rem;
    }

    .home-7:before {
        border-radius: 2rem 2rem 0 0;
    }

    .home-list-7 {
        margin-top: 2rem;
    }

    .home-list-7 .item .text {
        font-size: 0.9rem;
    }

    .wrap-stores {
        flex-direction: column;
        gap: 1.5rem;
    }

    .wrap-stores .select-filter > .form-item {
        width: calc((100% / 2) - (0.833rem * 1 / 2));
    }

    .wrap-stores .col-left {
        width: 100%;
        flex-shrink: 0;
        padding-right: 0;
    }

    .store-item {
        padding-right: 4rem;
    }

    .wrap-stores .data-maps {
        height: 20rem;
    }

    .home-title-8 {
        text-align: center;
    }

    .menu-home-8 {
        justify-content: center;
        margin-top: 1.5rem;
    }

    .container-blog-home {
        grid-template-columns: 1fr;
        grid-template-rows: unset;
    }

    .container-blog-home .post-item:first-child {
        grid-row: unset;
        margin-bottom: 1rem;
    }

    .container-blog-home .post-item:first-child .img-wrap {
        height: 100%;
    }

    .container-blog-home .post-item:not(:first-child) {
        grid-column: unset;
    }

    .container-blog-home .post-item:not(:first-child) .img-wrap {
        width: 12rem;
    }
}

@media only screen and (max-width: 767px) {
    :root {
        --container-w: 100%;
    }

    .col {
        padding: 0 0.7rem;
    }

    .grid-container {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .load_home_page img.logo_load_page {
        width: 8rem;
    }

    .load_home_page svg {
        width: 240px;
    }

    #search-lightbox {
        margin-left: -20px;
        margin-right: -20px;
        max-width: calc(100% + 40px);
    }

    #search-lightbox .search-lightbox-title {
        margin-bottom: 20px;
        font-size: 20px;
    }

    #search-lightbox .search-keywords {
        margin-top: 20px;
    }

    #search-lightbox .search-keywords > a {
        font-size: 14px;
    }

    .search-tabs .search-grid {
        grid-template-columns: 1fr;
        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.9rem;
        padding: 0.5rem 1rem;
    }

    /*show/hide - breakpoint*/
    .mobile-show {
        display: block !important;
    }

    .mobile-hide {
        display: none !important;
    }

    .mobile-show-flex {
        display: flex !important;
    }

    .mobile-hide-flex {
        display: none !important;
    }

    .loading-show-more::before,
    .loading-show-more::after {
        top: 2%;
    }

    .fs-18 {
        font-size: 1rem;
        line-height: 1.4;
    }

    .btn span.text {
        font-size: 0.9rem;
    }

    .subtitle-sec {
        font-size: 0.95rem;
    }

    .title-sec {
        font-size: 1.4rem;
    }

    .desc-sec {
        font-size: 1rem;
        line-height: 1.4;
    }

    .form-wrap .form-group:not(:last-child) {
        flex-wrap: wrap;
    }

    .form-group.flex > .form-item {
        width: 100%;
    }

    .form-wrap .submit-form-btn {
        margin: 1rem 0 0;
    }

    .select-mobile {
        width: 100%;
        position: relative;
        z-index: 9;
    }

    .select-mobile .select-styled {
        height: 3rem;
        font-size: 1.05rem;
        border-radius: 5rem;
        color: var(--main-cl);
    }

    .select-mobile .select-options > li,
    .select-mobile > .select {
        width: 100%;
    }

    .select-mobile .select-styled:after {

    }

    .select .select-options {
        max-height: 10.7rem;
    }

    .select .select-options > li {
        font-size: 1rem;
        line-height: 1.7rem;
    }

    /*HEADER*/
    header .header-wrapper .header-inner {
        padding: 0.65rem 0.7rem;
    }

    header #logo img, header .stuck #logo img {
        max-height: 30px !important;
    }

    header #masthead #logo {
        width: 8rem;
    }

    [data-open="#main-menu"] {
        width: 2.3rem;
        height: 32px !important;
    }

    header #logo img,
    header.stuck #logo img {
        height: 22px !important;
    }

    header .nav > li.header-search a:before {
        content: unset;
    }

    .icon-search:before {
        width: 1.2rem;
        height: 1.2rem;
    }

    .lang_header.mobile-show-flex {
        gap: .3rem;
    }

    .lang_header.minimal img {
        width: 1.4rem;
    }

    .off-canvas-left.mfp-ready .mfp-content, .mfp-bg.off-canvas.off-canvas-left {
        top: var(--header-height);
    }

    .off-canvas:not(.off-canvas-center) .nav-vertical li > a {
        padding-left: .9rem !important;
        font-size: .9rem !important;
    }

    .off-canvas .nav-vertical > li > a {
        padding-bottom: 0.7rem;
        padding-top: 0.7rem;
    }

    /*LANG CSS*/
    header .nav > li.lang_header {
        margin-left: 0.5rem !important;
    }

    header .nav > li.lang_header a > img {
        height: 1.15rem;
    }

    footer:before {
        border-radius: 1.5rem 1.5rem 0 0;
    }

    footer .wrap-logo {
        padding: 0;
    }

    footer .logo > img {
        height: 5rem;
    }

    footer .col-right {
        margin-top: 2rem;
        gap: 2rem;
    }

    footer .col-right .wrap-menu, footer .col-right .company-info {
        width: 100%;
    }

    footer .col-right .wrap-menu {
        padding-left: 0;
    }

    footer span.title-footer {
        margin-bottom: 0.5rem;
        padding-bottom: 0.5rem;
    }

    footer .col-right .wrap-maps {
        margin-top: 0;
    }


    .item-banner-hero {
        height: 16rem;
        border-radius: 0;
    }

    .item-banner-hero:before {
        height: 70%;
    }

    .item-banner-hero .cont-absolute {
        width: 100%;
        padding: 0 0.8rem;
        padding-bottom: 1rem;
    }

    .item-banner-hero .cont-absolute .hero-title {
        font-size: 1.15rem;
    }

    .item-banner-hero .cont-absolute .hero-content {
        font-size: 1rem;
        margin-top: 0.3rem;
    }

    .home-1 {
        padding-top: 3rem;
    }

    .home-title-1 .desc-sec {
        margin-top: 0.4rem;
    }

    .blockquote-sec {
        padding-top: 1rem;
        padding-right: 1.5rem;
    }

    .blockquote-sec:before {
        width: 3rem;
        height: 3rem;
    }

    .slogan-home-1 {
        font-size: 1rem;
        margin-top: 0.9rem;
    }

    .home-list-1 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 1rem;
        row-gap: 1rem;
    }

    .numbers-wrap .text {
        font-size: 0.785rem;
    }

    .home-media-1 {
        height: 12rem;
        border-radius: 0.8rem;
    }

    .home-2 {
        margin-top: 4rem;
    }

    .home-2:after {
        border-radius: 1rem 1rem 0 0;
    }

    .home-title-2 {
        padding: 0 1rem;
    }

    .home-slide-2 {
        margin: 1.5rem 0.4rem 0;
    }

    .product-item .img-wrap {
        margin-top: 1rem;
    }

    .home-3 {
        padding-top: 3rem;
    }

    .home-content-3 .item-solution > .inner {
        border-radius: 1.2rem;
        padding: 1.5rem 1rem 1rem;
    }

    .home-content-3 .item-solution .idx {
        font-size: 1.8rem;
    }

    .home-content-3 .item-solution .content {
        font-size: 1rem;
        margin-top: 1.5rem;
    }

    .home-content-3 .item-solution .content :is(h1, h2, h3, h4, h5, h6) {
        font-size: 1.15rem;
        margin-bottom: 0.4rem;
    }

    .item-media {
        padding: 1.4rem 1rem 0 1rem;
    }

    .item-media .blockquote-item {
        gap: 1.3rem;
    }

    .item-media .logo > img {
        height: 3.5rem;
    }

    .item-media .content :is(h1, h2, h3, h4, h5, h6) {
        font-size: 1.03rem;
    }

    .home-5 {
        padding-top: 3rem;
    }

    .home-title-5 .title-sec {
        font-size: 1.2rem;
    }

    .item-feedback {
        border-radius: 1rem;
        padding: 1.5rem 1rem;
    }

    .item-feedback::after {
        opacity: 1;
    }

    .item-feedback .content :is(h1, h2, h3, h4, h5, h6) {
        font-size: 1.03rem;
    }

    .item-feedback .content {
        margin-top: 1rem;
    }

    .item-feedback .logo > img {
        height: 2.5rem;
    }

    .text-stroke {
        font-size: 2.8rem;
    }

    .home-text-stroke {
        margin-bottom: -8px;
    }

    .home-title-form .desc-sec {
        margin-top: .5rem;
    }

    .home-title-form .desc-sec br {
        display: none;
    }

    .wrap-form-register {
        padding: 1.5rem 1rem 0;
        background: linear-gradient(315deg, #86B543 0%, #3B7D3F 66.42%);
    }

    .wrap-form-register .col-left {
        padding: 0;
    }

    .wrap-form-register .box-form {
        margin-top: 1.5rem;
    }

    .wrap-form-register .img-absolute {
        margin: 2rem auto 0;
    }

    .wrap-form-register .img-absolute:before {
        width: 18rem;
        height: 18rem;
    }

    .wrap-form-register .img-absolute > img {
        width: 14rem;
    }

    .home-7 {
        padding-top: 2rem;
    }

    .home-7:before {
        border-radius: 1rem 1rem 0 0;
        width: 100%;
    }

    .wrap-stores {
        padding-top: 1.5rem;
        margin-top: 2rem;
    }

    .wrap-stores .select-filter > .form-item {
        width: 100%;
    }

    .home-list-7 {
        gap: 2rem;
    }

    .store-item {
        padding: 1.25rem 1rem !important;
    }

    .home-8 {
        padding-top: 4rem;
    }

    .menu-home-8 {
        position: relative;
        z-index: 5;
    }

    .container-blog-home {
        margin-top: 1rem;
    }

    .container-blog-home .post-item:first-child {
        flex-direction: column;
    }

    .container-blog-home .post-item:first-child .img-wrap {
        border-radius: .8rem;
        height: unset;
        aspect-ratio: 16 / 9;
    }

    .container-blog-home .post-item:first-child .cont-wrap:before,
    .container-blog-home .post-item:first-child .img-wrap:before {
        content: unset;
    }

    .container-blog-home .post-item:first-child .cont-wrap {
        position: unset;
        padding: 0;
    }

    .container-blog-home .post-item:first-child :is(.title, .desc, .term-date) {
        color: var(--body-cl);
    }

    .container-blog-home .post-item:first-child:hover .title {
        color: var(--main-cl) !important;
    }

    .container-blog-home .post-item:first-child .title {
        font-size: 1.05rem;
        margin-top: 0;
    }

    .container-blog-home .post-item:not(:first-child) .img-wrap {
        width: 10rem;
    }

    .container-blog-home .post-item:not(:first-child) .cont-wrap {
        padding-left: 1rem;
    }

    .home-link-8 {
        margin-top: 1.4rem;
    }

    header .header-wrapper .header-inner {
        padding: .65rem 15px !important;
    }

    header #masthead #logo {
        width: 10rem;
        margin: unset;
    }

    header #logo img, header.stuck #logo img {
        height: 30px !important;
    }

    .contact-1 {
        padding-top: 1.5rem;
    }

    .banner_hero {
        border-bottom-right-radius: 15px;
        border-bottom-left-radius: 15px;
    }

    .banner_hero h1 {
        font-size: 2rem;
    }

    .banner_hero_content {
    }

    .col {
        padding: 0 15px;
    }

    .box-info-contact-1 {
        padding: 1.5rem 1rem;
    }

    .group-info-contact-1 {
        row-gap: .75rem;
    }

    .contact-form {
        margin-top: 1rem;
    }

    .contact-form .row {
        margin: 0 !important;
    }

    .contact-form .col {
        padding: 0 !important;
    }

    .form_page_contact input {
        border-radius: 10px;
    }

    .form_page_contact input, .form_page_contact textarea {
        font-size: 18px;
        padding-left: 1rem;
    }

    .form_page_contact input::placeholder, .form_page_contact textarea::placeholder {
        font-size: 1rem;
    }

    .form_page_contact textarea {
        min-height: 6rem;
    }

    .contact-form .desc {
        margin-bottom: 1rem;
    }

    .iframe-map {
        height: 20rem;
    }

    .page-template-contact footer {
        margin-top: 3rem;
    }

    footer .list-socials > ul {
        gap: .7rem;
    }

    footer .list-socials a {
        width: 2.5rem;
        height: 2.5rem;
        padding: .05rem;
    }

    ul#menu-xem-them {
        gap: .5rem;
        display: flex;
        flex-direction: column;
    }

    .banner_hero:before {
        height: 4rem;
    }

    .wpcf7 form.wpcf7-form .wpcf7-response-output {
        font-size: .9rem;
        position: relative !important;
        margin-bottom: 0;
    }

    .wpcf7 .wpcf7-not-valid-tip {
        font-size: .9rem;
    }

    .group-blog-1 {
        padding: 2rem 0;
    }

    .blog-1 {
        border-radius: 0 0 15px 15px;
    }

    .wrap-blog-home .post-item {
        flex-wrap: wrap;
    }


    .container-blog-home .post-item:first-child .title {
        color: white;
    }

    .container-blog-home .post-item:first-child:hover .title {
        color: var(--sub-cl) !important
    }

    .container-blog-home .post-item:first-child :is(.title, .desc, .term-date) {
        color: white;
    }

    .container-blog-home {
        display: flex;
        flex-direction: column;
    }

    .container-blog-home .post-item:first-child {
        margin-bottom: 0;
    }

    .container-blog-home .post-item:not(:first-child) .img-wrap {
        width: 100%;
        aspect-ratio: 16/9;
    }

    .container-blog-home .post-item:not(:first-child) .cont-wrap {
        padding-left: 0;
    }

    .container-blog-home .post-item:first-child .cont-wrap {
        margin-top: 1rem;
    }

    .post-item .term-date {
        font-size: .9rem;
    }

    .post-item .term-date > svg {
        width: 4px;
        height: 4px;
        margin: auto .8rem;
    }

    .container-blog-home .post-item:not(:first-child) .cont-wrap {
        margin-top: 1rem;
    }

    .post-item .title,
    .container-blog-home .post-item:first-child .title {
        font-size: 1.1rem;
    }

    .container-blog-home .post-item:first-child .desc {
        display: -webkit-box;
        margin-top: 0.417rem;
    }

    .blog-1 .title-group .desc {
        font-size: 1rem;
    }

    .item-blog {
        width: 100%;
    }

    .item-blog .image {
        height: unset;
        aspect-ratio: 16 / 9;
    }

    .term_desktop {
        display: none;
    }

    .list_tax_mobile {
        display: flex;
        margin-top: 1.5rem;
    }


    .list_tax_mobile {
        display: block !important;
        border: 1px solid var(--main-cl);
        color: var(--main-cl);
        margin-right: auto;
        border-radius: 15px;
        font-family: 'Mulish Bold';
        transition: background-color .3s ease, color .3s ease;
        width: 100%;
        text-align: left;
        z-index: 10;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    li.product_term_item.active, li.product_term_item:hover {
        color: var(--main-cl);
        transition: .7s all;
    }

    li.product_term_item {
        border-bottom: 1px solid #d4d4d4;
    }

    .list_tax_mobile.active {
        background: var(--main-cl);
        color: white !important;
    }

    .blog_term_mobile_title,
    .product_term_mobile_title{
        padding: .75rem !important;
        position: relative;
        font-size: 1rem;
    }

    .blog_term_mobile_title:before,
    .product_term_mobile_title:before {
        position: absolute;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%);
        content: '';
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjYyNSA2Ljc1TDkgMTIuMzc1TDMuMzc1IDYuNzUiIHN0cm9rZT0iIzIyMzcyQiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
        background-repeat: no-repeat;
        background-size: cover;
        width: 1.2rem;
        height: 1.2rem;
        transition: .7s all;
        filter: brightness(0) saturate(100%) invert(36%) sepia(93%) saturate(500%) hue-rotate(107deg) brightness(90%) contrast(95%);
    }

    .desktop_display {
        display: none;
    }

    .about_2_image_mobile,
    .process_3_image_mobile {
        display: block;
        border-radius: 20px;
        overflow: hidden;
    }

    .blog_category_mobile.active {
        background: var(--main-cl);
        color: white !important;
    }

    .list_tax_mobile.active .list_tax_cat {
        opacity: 1 !important;
        z-index: 10;
    }

    ul.list_tax_cat {
        background: white;
        left: 50%;
        transform: translateX(-50%);
        width: 101%;
        row-gap: 0;
        top: 100%;
        pointer-events: auto;
        justify-content: center;
        position: absolute;
        margin: 0;
        max-height: 20rem;
        overflow: auto;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        box-shadow: 1px 1px 15px rgba(0, 0, 0, .1);
    }

    ul.list_tax_cat {
        display: none;
        z-index: 3;
    }

    li.list_tax_item {
        transition: .7s all;
        /*border: 1px solid var(--main-cl);*/
        text-align: start;
        width: 100%;
        border-radius: 0;
        padding: 0 !important;
        cursor: pointer;
        margin: 0;
    }

    ul.list_tax_cat li {
        transition: .5s all;
        display: block;
        padding: .75rem !important;
        font-size: .9rem;
        line-height: 1.5;
        font-family: 'Mulish Medium';
    }

    .list_tax_mobile.active .blog_term_mobile_title:before {
        filter: brightness(0) invert(1);
        transform: translateY(-50%) rotateX(180deg);
        transition: .7s all;
    }

    li.solution_term_item:before {
        content: unset;
    }

    li.solution_term_item {
        border: none;
        border-bottom: 1px solid #e2e2e2;
        border-radius: 0 !important;
        margin: 0;
        color: var(--main-cl);
    }

    li.solution_term_item:hover,
    li.solution_term_item.active {
        border-bottom: 1px solid #e2e2e2 !important;
        font-family: 'Mulish ExtraBold';
    }


    .title-group.blog-title-2 {
        position: relative;
        z-index: 5;
    }

    .list_tax_mobile .term_item a.link_wrap {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .post_detail h1 {
        font-size: 1.6rem;
    }

    .detail_wrap {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .detail_wrap .wrap_left_inner {
        font-size: .95rem;
    }

    .detail_wrap .wrap_left .dot {
        width: 8px;
        height: 8px;
    }

    .share_heading a {
        width: 2rem;
        height: 2rem;
    }

    .wrap_right {
        font-size: 1rem;
    }

    .single_content p {
        font-size: 1rem;
        margin-bottom: 1rem;
    }

    .single_content img {
        margin-bottom: 1rem !important;
    }

    .wp-caption .wp-caption-text {
        font-size: .9rem;
    }

    .post_detail_sidebar {
        margin-top: 2rem;
    }

    .tag_wrap {
        font-size: .95rem;
    }

    .post_detail_bottom .share {
        font-size: .95rem;
    }

    .post_detail_bottom .share a {
        width: 2.2rem;
        height: 2.2rem;
    }

    .sidebar_posts .thumb {
        height: auto;
        aspect-ratio: 16 /9;
    }

    .item .detail_term {
        font-size: .95rem;
    }

    .sidebar_posts .detail_box h3 {
        font-size: 1.1rem;
        line-height: 1.4;
    }

    .sidebar_posts {
        row-gap: 1rem;
    }

    .post_related {
        padding-top: 2rem;
    }

    .related_blog .item-blog .image {
        height: auto;
        aspect-ratio: 16 /9;
    }

    .related_blog .term-title-blog h3 {
        font-size: 1.1rem;
    }

    .related_blog .item-blog .excerpt_content {
        font-size: 1rem;
    }

    .related_blog .item-blog .excerpt_content {
        font-size: 1rem;
    }

    .post_form .title-group.home-title-form {
        text-align: center;
    }

    .form-wrap .submit-form-btn {
        margin: 1rem auto;
    }

    .pagination_wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 1rem;
    }

    .pagination_wrap .swiper-pagination {
        position: relative;
        margin-top: 1.5rem;
        display: flex;
        justify-content: center;
    }

    .pagination_wrap .arrow_slide {
        width: 3rem;
        height: 3rem;
        border: 1px solid var(--main-cl);
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 0 0 auto;
        transition: .7s all;

    }

    .pagination_wrap .arrow_slide svg {
        width: 1rem;
        height: 1rem;
        transition: .7s all;

    }

    .pagination_wrap .swiper-pagination-bullet {
        background: var(--main-cl);
    }

    .pagination_wrap .arrow_slide:hover {
        background: var(--main-cl);
        transition: .7s all;
    }

    .pagination_wrap .arrow_slide:hover svg path {
        stroke: white;
        transition: .7s all;
    }

    .pagination_wrap .arrow_slide {
        position: relative;
        inset: unset !important;
    }

    .solution-4 .swiper-pagination {
        display: flex;
    }

    .wpcf7 form.wpcf7-form .wpcf7-response-output {
        font-family: 'Mulish Regular' !important;
    }

    .about-1 {
        margin-top: 0;
        padding: 2rem 0 0;
    }

    .about-1 .pattern_1 {
        width: 5rem;
        top: 1rem;
        left: unset;
        right: 1rem;
        height: auto;
    }

    .about-1 {
        margin-top: 0;
        padding: 2rem 0 0;
    }

    .about-1 .pattern_1 {
        width: 5rem;
        top: 1rem;
        left: unset;
        right: 1rem;
        height: auto;
    }

    .about-2 {
        padding-top: 2rem;
    }

    .about-2 .home-content-3 {
        margin-top: 1rem;
    }

    .home-content-3 .item-solution > .inner {
        padding: 0;
    }

    .home-content-3 .item-solution .idx {
        line-height: 1;
    }

    .about-2 .home-content-3 .item-solution .img-wrap {
        aspect-ratio: unset;
        height: 15rem;
    }

    .home-content-3 .item-solution .content {
        width: 90%;
        margin-top: 0;
        top: 10%;
        height: auto;
    }

    .about-3 {
        padding: 2rem 15px;
    }

    .target-image img {
        border-radius: 15px;
    }

    .about-3 .target-card {
        left: 50%;
        width: 90%;
        transform: translate(-50%, -50%);
    }

    .target-card-head-3 .icon-wrap .icon_image {
        width: 3rem;
    }

    .about-4 {
        margin: 0 15px;
        border-radius: 15px;
    }

    .commit-card {
        height: 21rem;
    }

    .commit-head {
        width: 90%;
        gap: 1rem;
    }

    .commit-icon {
        width: 3rem;
        height: auto;
    }

    .commit-head h3 {
        font-size: 1rem;
    }

    .mission-quote strong {
        font-size: 1rem;
    }

    .quote-mark {
        width: 2rem;
        margin: 0 auto 1rem;
    }

    .quote-image {
        position: relative;
        inset: unset;
        height: 7rem;
    }

    .group-quote-mark {
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 2rem;
        padding: 0 .5rem;
    }

    .quote-image img {
        transform: unset;
        object-position: unset;
    }

    .mission-quote {
        display: flex;
        flex-direction: column-reverse;
        margin-top: 0;
    }

    .about-5 {
        padding: 3rem 0 2rem;
    }

    .item-core-value .box-img-core-value {
        position: relative !important;
        inset: unset;
        opacity: 1;
        margin-top: 1rem;
    }

    .item-core-value {
        flex-wrap: wrap;
        padding: 1rem 0 1.5rem !important;
    }

    .item-core-value:hover .box-img-core-value {
        opacity: 1;
        bottom: unset;
    }

    .item-core-value .box-img-core-value img {
        width: 100%;
        aspect-ratio: 16 /9;
    }

    .item-core-value h3 {
        width: auto;
        margin-left: 1rem;
    }

    .item-core-value .content {
        width: 100%;
        font-size: 1rem;
    }

    .item-core-value .index {
        color: var(--sub-cl);
    }

    .page-template-about footer.quick-contact-footer {
        margin-top: 1rem;
    }

    .select .select-options > li {
        padding: .3rem .5rem;
    }

    .product-detail-1 {
        padding-top: 2rem;
    }

    .info-product-top {
        flex-wrap: wrap;
        gap: 1.5rem;
        padding-bottom: 2rem;
    }

    .image-product {
        width: 100%;
        aspect-ratio: 1 /1;
    }

    .item-classify {
        flex-wrap: wrap;
    }

    .item-classify .title, .price-product .title {
        width: 5rem;
    }

    .info-product-bottom {
        border-top-right-radius: 30px;
        border-top-left-radius: 30px;
        padding: 1.5rem 1rem;
    }

    .certification {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .certification .image {
        width: calc(100% / 3 - (1rem * 2 / 3));
        height: 4rem;
    }

    .certification .image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .item_inner .title-ingredient span.title-sec {
        font-size: 1.1rem;
    }

    .item-ingredient .item_inner {
        border-radius: 15px;
        padding: .7rem 1rem;
    }

    .content-ingredient ul {
        padding-left: 1.1rem;
    }

    .item_inner .content-ingredient p, .item_inner .content-ingredient ul {
        line-height: 1.4;
    }

    .sidebar-wrap-product {
        margin-right: 0;
    }

    .category_wrap a.category_item {
        font-size: .9rem;
    }

    .category_wrap .svg {
        width: 1rem;
        height: 1rem;
    }


    .form-contact-us {
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
    }

    ul.quick-link-contact-us {
        flex-wrap: wrap;
    }

    ul.quick-link-contact-us li:not(:last-child) {
        padding-right: 0;
        width: 100%;
    }

    ul.quick-link-contact-us li:not(:last-child):before {
        content: unset;
    }

    ul.quick-link-contact-us li .list {
        width: 100%;
        justify-content: start;
        padding-left: 2rem;
    }

    ul.quick-link-contact-us span.icon {
        width: 2.5rem;
        height: 2.5rem;
    }

    ul.quick-link-contact-us a {
        font-size: 1.2rem;
    }

    ul.quick-link-contact-us span.content {
        font-size: .8rem;
    }

    ul.quick-link-contact-us li:last-child {
        width: 100%;
    }

    ul.quick-link-contact-us p {
        font-family: 'Mulish ExtraBold';
        font-size: 0.9375rem;
        color: var(--main-cl);
        transition: .35s all;
    }

    .form-contact-us-wrap .inner {
        flex-wrap: wrap;
    }

    .form-contact-us-wrap {
        border-radius: 30px;
        padding: 1rem;
    }

    .form-contact-us-wrap .img-wrap {
        width: 100%;
    }

    .form_contact input, .form_contact textarea {
        font-size: 18px;
    }

    .form_contact input::placeholder, .form_contact textarea::placeholder {
        font-size: .9rem;
    }

    .sale-agent-1 {
        padding-top: 2rem;
    }

    .sale-agent-title-1 {
        padding-right: 0;
    }

    section.sale-agent-1 h2 {
        line-height: 1.3;
    }

    .sale-agent-2 {
        padding-top: 2rem;
    }

    .home-title-2 {
        padding: 0;
    }

    .sale-agent-3 {
        margin-top: 2rem;
        padding: 3rem 0;
    }

    .sale-agent-title-3 {
        padding: 0;
    }

    .chef-image {
        position: relative;
        inset: unset;
        transform: unset;
        width: 100%;
    }

    .why-us-wrap {
        max-width: unset;
        width: 100%;
        min-height: unset;
    }

    .why-item {
        position: relative;
        width: calc(100% / 2 - (1rem * 1 / 2));
        max-width: 100%;
        flex-direction: column;
        text-align: center;
        inset: unset;
        transform: unset;
        justify-content: start;
        align-items: center;
        gap: 1rem;
    }

    .why-us-wrap {
        display: flex;
        gap: 1rem;
        flex-wrap: wrap;
        justify-content: center;
    }

    .why-item {
    }

    .why-us-group {
        padding: 2rem 15px;
    }

    .why-item .index {
        width: 4.5rem;
        height: 4.5rem;
        font-size: 2rem;
    }

    .chef-image:before {
        content: unset;
    }

    .sale-agent-4 {
        padding-top: 0;
    }

    .sale-agent-4 .title-sec {
        font-size: 1.3rem;
    }

    .sale-agent-3 {
        padding-bottom: 0;
    }

    .sale-agent-4 .home-content-3 .item-solution .content :is(h1, h2, h3, h4, h5, h6) {
        margin-top: 1rem;
    }

    .sale-agent-content-4 .item-solution .cont-wrap {
        padding: 0 !important;
    }

    .sale-agent-4 .home-content-3 .item-solution .content {
        width: 100%;
    }

    .sale-agent-image-1 {
        margin-top: 2rem;
    }

    .search-sale-agent-title-1 .title-sec {
        padding-right: 0;
    }

    .search-sale-agent-1 {
        padding-top: 2rem;
    }

    .search-sale-agent-content-1 {
        margin-top: 1rem;
    }

    .wrap-stores {
        margin-top: 1rem;
    }

    .home-1 .pattern {
        width: 8rem;
        top: -8%;
        right: 0;
    }

    .solution_2_wrap .list {
        position: relative;
        inset: unset;
    }

    .solution_2_wrap {
        height: auto;
        border-radius: unset;
    }

    .solution_2_wrap img {
        aspect-ratio: 16 / 9;
        border-radius: 16px;
    }

    .solution_2_wrap .list {
        flex-wrap: wrap;
        flex-direction: column;
        margin-top: 1rem;
    }

    .solution_2_wrap .item {
        width: 100%;
    }

    .solution_2_wrap .item:first-child .item_inner {
        border-radius: 0;
        height: auto;
    }

    .item_inner {
        padding: 2rem 1rem .5rem !important;
    }

    .solution_2_wrap .item_inner .title {
        font-size: 1.1rem;
    }

    .solution_2_wrap .item_inner .content {
        font-size: .9rem;
    }

    .solution_2_wrap .item_inner .bottom {
        font-size: 2.2rem;
    }

    .solution-group-3 {
        gap: 1rem;
    }

    .solution-4 .pagination_wrap .arrow_slide svg {
        width: 1.5rem;
        height: 1.5rem;
    }

    .mobile_display {
        display: block;
    }

    .mobile_flex {
        display: flex;
    }

    .solution-btn-11 {
        margin-top: 1.5rem;
    }

    .blog_wrap_option .title-group {
        text-align: center;
        width: 100%;
    }

    .solution-11:after {
        border-radius: 16px;
        width: 100%;
    }

    .blog_wrap_option {
        padding-top: 3rem;
    }

    .blog_wrap_option .slide-nav-mobile {
        display: none !important;
    }

    .blog_wrap_option .pagination_wrap,
    .post_related .pagination_wrap {
        display: flex;
    }

    .wrap-form-register .img-absolute {
        height: 100%;
    }

    .item-product-of-cate {
        width: 100%;
    }

    .tag_wrap {
        align-items: start;
    }

    .form_bottom {
        flex-wrap: wrap;
        margin: auto;
        row-gap: 1rem;
        justify-content: center;
    }

    .form_contact .row {
        margin: 0 !important;
        width: 100%;
        padding: 0;
    }

    .form_contact .row .col {
        padding: 0;
    }

    .form_contact label {
        font-size: .95rem;
    }

    .mfp-bg.off-canvas.off-canvas-left,
    .off-canvas-left.mfp-ready .mfp-content {
        top: 52.8px !important;
    }

    .off-canvas-left .mfp-content {
        width: 70%;
    }

    .chef-image:after {
        width: 22rem;
        height: 22rem;
    }

    .post_detail_heading .detail_wrap {
        gap: 1rem;
        margin-top: 1rem;
    }

    .group-quote-mark:before {
        content: unset;
    }

    #form-quote-popup > .inner .title {
        font-size: 1.5rem;
    }

    #form-quote-popup > .inner .cont-wrap {
        padding: 3rem 15px;
    }

    .form-quote-popup .wpcf7 .wpcf7-not-valid-tip {
        font-size: .85rem;
    }

    .solution-image-3 {
        margin: 0;
    }

    .accordion-title-solution-3 .title {
        font-size: .95rem;
    }

    .solution-3 .accordion-content-solution-3 .content {
        font-size: 1rem;
    }

    body.search #main {
        margin: 0;
    }

    .search-page h1 {
        font-size: 1.7rem;
        margin-bottom: .5rem;
    }

    .search-page {
        padding: 1.5rem 0;
    }

    .form-contact-us-title .desc-sec {
        width: 100%;
    }

    section.form-contact-us {
        padding-top: 2rem;
    }

    .store-item a.btn.btn-style-1 {
        position: relative;
        inset: unset;
        margin-top: 1rem;
    }

    .sale-agent-4 .desc-sec {
        width: 100%;
    }

    .sale-agent-title-3 .title-sec, .sale-agent-title-4 .title-sec, .product-group-1 .desc-sec {
        padding-bottom: 1rem;
    }

    .why-item:last-child {
        width: 85%;
    }

    .item-banner-hero .cont-absolute {
        padding-bottom: 2.5rem;
    }

    .home_banner .tl-pagination span {
        font-size: .9rem;
    }

    .item-banner-hero:before {
        height: 85%;
    }

    .home-2 .title-group {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        text-align: center;
        flex-direction: column;
    }

    .home-3 .home-content-3 .item-solution .cont-wrap {
        padding: 1.5rem 15px 0;
    }

    .home-3 .home-content-3 .item-solution .content {
        margin-top: 1.5rem;
    }

    .home-8 .select-styled:before {
        position: absolute;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%);
        content: '';
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjYyNSA2Ljc1TDkgMTIuMzc1TDMuMzc1IDYuNzUiIHN0cm9rZT0iIzIyMzcyQiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
        background-repeat: no-repeat;
        background-size: cover;
        width: 1.2rem;
        height: 1.2rem;
        transition: .7s all;
        filter: brightness(0) saturate(100%) invert(36%) sepia(93%) saturate(500%) hue-rotate(107deg) brightness(90%) contrast(95%);
    }

    .select-mobile .select-styled.active:before {
        transform: translateY(-50%) rotateX(180deg);
        transition: .7s all;
    }

    .page-template-home .container-blog-home .post-item:first-child .title {
        color: #231F20 !important;
    }

    .page-template-home .container-blog-home .post-item:first-child :is(.title, .desc, .term-date) {
        color: var(--body-cl) !important;
    }

    .page-template-home .container-blog-home .post-item:first-child .term-date circle {
        fill: var(--body-cl);
    }

    .banner_hero:after {
        content: unset
    }

    .about-2 .content.content-format-item.last-reset {
        margin-top: .5rem;
    }

    .about-5 .item-core-value .box-img-core-value {
        width: 100%;
    }

    .item-core-value:not(:last-child) {
        margin-bottom: 0;
    }

    #form-quote-popup > .inner .img-wrap {
        display: none;
    }

    #form-quote-popup > .inner .box-form .select-styled {
        font-size: .9rem;
    }

    #form-quote-popup > .inner .box-form input {
        font-size: 18px;
    }

    #form-quote-popup > .inner .box-form input::placeholder {
        font-size: .9rem;
    }

    .form-item .select .select-options > li {
        font-size: .9rem;
    }

    .solution-3 .btn-style-1 {
        margin: 0 auto;
    }

    .accordion_arrow {
        margin: 1rem 0 0;
        transform: rotate(135deg);
        transition: .7s all;
    }

    .accordion_arrow svg {
        width: 1.5rem !important;
        height: 1.5rem !important;
        display: block;
    }

    .accordion-item-solution-3 .accordion-title-solution-3.active
    ~ .accordion_arrow {
        transform: rotate(315deg);
        transition: .7s all;
    }

    .customer_reviews_mobile .item-reviews {
        height: 15rem;
    }

    .customer_reviews_mobile {
        margin-top: 1rem;
    }

    .product-1 .numbers-wrap .number {
        gap: .15rem;
    }

    .wrap-form-register .title-group.home-title-form {
        text-align: center;
    }

    .item-product-of-cate {
        width: calc(100% / 2 - (.5rem * 1 / 2));
        padding: .5rem;
    }

    .item-product-of-cate h3 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    .list-product-of-cate {
        gap: .5rem;
    }

    .info-product-bottom .item-ingredient .item_inner {
        padding: .5rem 1rem !important;
    }

    .blog-sidebar-slide .thumb {
        height: 100%;
        width: 100%;
        aspect-ratio: 16 / 9;
    }

    .related_product_wrap h3.title {
        font-size: 1rem;
    }

    .list-post .post_detail h3 {
        font-size: 1rem;
    }

    .sale-agent-4 .home-content-3 .item-solution .content :is(h1, h2, h3, h4, h5, h6) {
        line-height: 1.4;
    }

    .blog_wrap_option .pagination_wrap .arrow_slide svg {
        width: 1.5rem;
        height: 1.5rem;
    }

    .blog-relate-slide .item-blog .term-title-blog h3 {
        font-size: 1rem;
    }

    .solution-11 {
        margin-top: 3rem;
    }
    li.product_term_item.active, li.product_term_item:hover {
        color: var(--sub-cl);
        transition: .7s all;
    }
}