:root {
    --main-cl: #0090EE;
    --sub-cl: #F27325;
    --text-cl: #231F20;
    --container-w: 74.479rem;
    --container-w-2: 97.917rem;;
}

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

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

body {
    overflow-x: hidden;
}

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

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

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

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

.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: white;
    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: 5.208rem 0;
}

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

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

.search-tabs .search-tabs-title .search-tab-title {
    padding: 0.625rem 1.25rem;
    border: 1px solid var(--fs-color-primary);
    font-size: 0.833rem;
    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;
    grid-gap: 1.667rem;
    margin-bottom: 1.5625rem;
}

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

/*setup code*/

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

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

.uppercase {
    text-transform: uppercase;
}

.justify {
    text-align: justify;
}

.italic {
    font-style: italic;
}


.t-w,
.text-white,
.text_white {
    color: white;
}


.clearfix:after {
    content: unset;
}

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

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

img,
path,
line,
svg {
    transition: .7s all;
}


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

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

.pattern {
    position: absolute;
    pointer-events: none;
    transition: .7s all;
}

.z-1 {
    z-index: 1 !important;
}

.z-2 {
    z-index: 2 !important;
}

.z-3 {
    z-index: 3 !important;
}

.z-4 {
    z-index: 4 !important;
}

.z-5 {
    z-index: 5 !important;
}

.flex-col {
    flex-direction: column;
}

.item_link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

@keyframes opacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes pulse-border {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(2.5);
        opacity: 0;
    }
}

@keyframes pulse-border-transform {
    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
    }
}

@keyframes pulse-border-tiny {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }

    100% {
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0;
    }
}

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

@keyframes pulse-border3 {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    100% {
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0;
    }
}

@keyframes shake {
    0% {
        transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        transform: rotate(-15deg) scale(1) skew(1deg);
    }
    20% {
        transform: rotate(15deg) scale(1) skew(1deg);
    }
    30% {
        transform: rotate(-15deg) scale(1) skew(1deg);
    }
    40% {
        transform: rotate(15deg) scale(1) skew(1deg);
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
    }
}

@keyframes shake-2 {
    0% {
        transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        transform: rotate(-5deg) scale(1) skew(1deg);
    }
    20% {
        transform: rotate(5deg) scale(1) skew(1deg);
    }
    30% {
        transform: rotate(-5deg) scale(1) skew(1deg);
    }
    40% {
        transform: rotate(5deg) scale(1) skew(1deg);
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
    }
}

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

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

.content {
    font-size: 0.9375rem;
}

.l-content {
    font-size: 1.042rem;
}

body {
    color: #02172F;
    font-family: 'Inter' !important;
}

.tab_block_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: translateX(-60px) skewX(8deg);
    transition: opacity .5s ease, transform .5s cubic-bezier(.34, 1.56, .64, 1);
    pointer-events: none;
}

.tab_block_inner.active {
    opacity: 1;
    transform: translateX(0) skewX(0deg);
    pointer-events: auto;
    position: relative;
}


.count_opacity {
    opacity: 0;
}

.count {
    position: absolute;
    left: 0;
}

.mobile_display,
.mobile_flex {
    display: none;
}

.limit-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

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

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

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

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

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

.the_content :is(ul,ol) {
    padding-left: 1rem;
}

.ajax_loading {
    position: absolute;
    inset: 0;
    background: rgb(255 253 249 / 80%);
    /*background:#0047391f;*/
    display: flex;
    align-items: start;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 10;
    padding-bottom: 20rem;
    padding-top: 15rem;
}

.ajax_loading.active {
    opacity: 1;
    pointer-events: auto;
    align-items: flex-end;
    padding-bottom: 20rem;
}

.ajax_loading_logo {
    width: 7rem;
    animation: loadingFloat 1s ease-in-out infinite;
}

@keyframes loadingFloat {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
}

/*end setup*/

header .container {
    max-width: var(--container-w-2) !important;
    margin: 0 auto;
    padding: 0 3.333rem;
}

.header-wrapper {
    position: fixed;
    padding-top: 1.25rem;
}

.header-bg-color {
    background: transparent;
}

.header-inner.flex-row.container.logo-left.medium-logo-center {
}

.top-divider.full-width {
    display: none;
}

.header-nav {
    justify-content: center;
    gap: 1.667rem;
}

li.menu-item a {
    color: white;
    font-size: 0.9375rem;
    font-family: 'Inter' !important;
    font-weight: unset !important;
    text-transform: uppercase;
    transition: .7s all;
    position: relative;
    padding: 0 0 0.417rem 0;
}

#logo {
    width: auto;
    margin: 0;
}

li.menu-item a:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -1%;
    width: 0;
    height: 1px;
    background: white;
    opacity: 0;
    transition: .7s all;
}

li.menu-item > a:hover:before,
li.current-menu-item a:before {
    opacity: 1;
    width: 100%;
    transition: .7s all;
}

li.menu-item.current-menu-item a {
    font-family: 'Inter bold' !important;
    color: white;
}

li.menu-item a:hover {
    color: white;
}

.nav:hover > li:not(:hover) > a:before {
    opacity: 1;
}

div#wrapper {
    padding-top: 20px;
}

.banner_hero {
    max-width: var(--container-w-2);
    margin: 0 auto !important;
}

.banner_hero .image_wrap {
    width: 100%;
    height: 46.667rem;
    border-radius: 48px;
    overflow: hidden;
    position: relative;
}

.banner_hero .image_wrap:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 7.917rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
    z-index: 1;
}

.banner_hero .image_wrap:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    z-index: 1;
    pointer-events: none;
}

.banner_hero_sidebar {
    left: 1.823rem;
    bottom: 2.604rem;
    position: absolute;
    z-index: 5;
    height: 37.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    gap: 11.5625rem;
    padding-right: 1.71875rem;
    border-right: 1px solid rgba(255, 255, 255, 0.2)
}

.scroll_wrap {
    width: auto;
    height: 7.604rem;
}

.language_wrap {
    gap: 0.417rem;
}

.language_wrap .language_item:not(:last-child) {
    padding-bottom: 0.417rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.language_wrap .language_item {
    transition: .7s all;
}

.language_wrap .language_item:hover {
    color: var(--main-cl);
    transition: .7s all;
}

.language_wrap .language_item.current_language {
    font-family: 'Inter semibold';
}

.banner_hero .group_content {
    top: 14.167rem;
    left: 0;
    z-index: 3;
    width: 100%;
}

.banner_hero .group_content h1 {
    width: 43.28125rem;
    line-height: normal;
}

.home_1 h1,
.home_3 h2 {
    font-size: 3.333rem;
}

h1, h2 {
    font-size: 2.5rem;
    font-weight: unset;
    font-family: 'Inter semibold' !important;
    margin: 0;
    text-transform: uppercase;
}

h3, h4, h5, h6 {
    font-family: 'Inter semibold' !important;
    font-weight: unset;
}

.banner_hero .group_content .content {
    width: 34.375rem;
    margin-top: 1.667rem;
    padding-left: 0.833rem;
    border-left: 2px solid #FFFFFF;
}

.banner_hero .pagination_wrap .arrow_slide {
    display: none;
}

.banner_hero .pagination_wrap {
    position: absolute;
    content: '';
    left: 0;
    top: 32.5rem;
    width: 100%;
}

.banner_hero .pagination_wrap .swiper-pagination {
    position: relative;
    width: fit-content;
}

.banner_hero .pagination_wrap .swiper-pagination-bullet {
    background: white;
    height: 2px;
    width: 2.5rem;
    border-radius: 48px;
    opacity: 10%;
    transition: .7s all;
}

.banner_hero .pagination_wrap .swiper-pagination-bullet-active {
    opacity: 100%;
    transition: .7s all;
}

.banner_hero .banner_hero_count {
    position: absolute;
    left: 0;
    top: 39.167rem;
    width: 100%;
    z-index: 5;
}

.banner_hero_count .number_wrap {
    font-size: 3.333rem;
    color: white;
    line-height: 1.1;
    font-family: 'Inter semibold';
}

.banner_hero_count .content {
    color: white;
    margin-top: 0.417rem;
    line-height: 1;
}

.video_container {
    width: 100%;
    height: 40.99rem;
    border-radius: 48px;
    overflow: hidden;
}

.video_container video,
.video_container iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home_2 {
    padding-top: 7.8125rem;
}

.video_cta {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    cursor: pointer;
    width: 1.042rem;
}

.video_cta:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: center center;
    background: linear-gradient(158.57deg, rgba(255, 255, 255, 0.05) 16.48%, rgba(255, 255, 255, 0.2) 84.53%);
    pointer-events: none;
    width: 5.208rem;
    height: 5.208rem;
    border-radius: 100%;
    animation: pulse-border3 2s linear infinite;
}

.header-wrapper.stuck {
    padding-top: 0;
    box-shadow: unset;

}

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


header .stuck .header-main {
    height: auto !important;
}

.header-wrapper.stuck:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 7.917rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
}

.icon-search:before {
    content: '';
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjg3NSAxOC43NUMxNS4yMjQyIDE4Ljc1IDE4Ljc1IDE1LjIyNDIgMTguNzUgMTAuODc1QzE4Ljc1IDYuNTI1NzYgMTUuMjI0MiAzIDEwLjg3NSAzQzYuNTI1NzYgMyAzIDYuNTI1NzYgMyAxMC44NzVDMyAxNS4yMjQyIDYuNTI1NzYgMTguNzUgMTAuODc1IDE4Ljc1WiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNi40NDI5IDE2LjQ0MzhMMjAuOTk5MiAyMS4wMDAxIiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
}


.header-search a {
    width: 100%;
    height: 100%;
    display: flex !important;
    padding: 0 !important;
    align-items: center;
}

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

.video_logo {
    margin-top: 1.667rem;
}

.video_slide .slide_item {
    padding: 0 2.1875rem;
    height: 5.885rem;
}

.video_slide {
    margin: 0 -2.1875rem;
}

.home_3 {
    padding-top: 8.854rem;
}

.home_3 h2 {
    width: 59.479rem;
    margin: 0 auto;
    text-transform: uppercase;
}

.sticky_list {
    margin: 3.333rem auto;
    max-width: var(--container-w-2);
}

.sticky_list .item {
    padding: 3.333rem;
    background: #F4FAFF;
    box-shadow: 0px -8px 24px 0px #94CFFF1A;
    border-radius: 2.5rem;
    overflow: hidden;
    position: sticky;
    top: 7rem;
    gap: 4.792rem;
}

body.page-template-home,
body.page-template-about,
body.single-post,
body.single-product {
    overflow: unset;
    overflow-x: clip;
}

.sticky_list .item_left {
    width: 51.198rem;
    height: 28.802rem;
    border-radius: 24px;
    overflow: hidden;
    flex: 0 0 auto;
}

.sticky_list .index {
    font-size: 5.208rem;
    color: #02172F;
    font-family: 'Inter semibold';
    line-height: 1;
}

.sticky_list .title {
    margin-top: 3.802rem;
    font-size: 1.667rem;
    font-family: 'Inter semibold';
    color: #02172F;
    line-height: 1;
}

.sticky_list .content_wrap {
    opacity: 50%;
    margin-top: 1.25rem;
}

.sticky_list .content :is(ul,ol) {
    padding-left: 1rem;
    margin: 0;
}

.sticky_list .content p:last-child {
    margin: 0;
}

.sticky_list .content li {
    margin: 0;
}

.sticky_list .btn {
    margin-top: 1.25rem;
}

.btn {
    font-family: 'Inter semibold';
    background: var(--main-cl);
    width: fit-content;
    color: white;
    gap: 0.208rem;
    text-transform: uppercase;
    padding: 0.625rem 1.25rem;
    border-radius: 100px;
    transition: .7s all;
    border: 1px solid transparent;
}

.btn.type_2 {
    background: white;
    color: var(--main-cl);
    border: 1px solid var(--main-cl);
}

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

.btn.type_2:hover {
    color: white;
    border: 1px solid white;
    background: var(--main-cl);
    transition: .7s all;
}

.btn.type_2 svg path {
    stroke: var(--main-cl);
    transition: .7s all;
}

.btn.type_2:hover svg path {
    stroke: white;
    transition: .7s all;
}

.btn:hover svg path {
    stroke: var(--main-cl);
    transition: .7s all;
}

.btn .svg {
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.btn .svg_item {
    width: 100%;
    height: 100%;
    transition: .7s all;
    position: absolute;
}

.btn .svg_item_2 {
    transform: translate(-100%, 100%);
}

.btn:hover .svg_item_2 {
    transform: unset;
    transition: .7s all;
}

.btn:hover .svg_item_1 {
    transform: translate(100%, -100%);
    transition: .7s all;
}

.home_4 .group_content .content {
    width: 28.646rem;
    margin-top: 0.833rem;
}

.home_4 {
    padding-top: 7rem;
}

.solution_slide .slide_item {
    padding: 0 0.625rem;
}

.solution_slide {
    margin: 0 -0.625rem;
}

.solution_item {
    height: 34.0625rem;
    border-radius: 48px;
    overflow: hidden;
}

.solution_item .group_content {
    left: 0;
    bottom: 0;
    padding: 3.333rem;
    width: 100%;
    z-index: 2;
}

.solution_item:before {
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    height: 15.625rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.56) 50%, rgba(0, 0, 0, 0.8) 100%);
    z-index: 1;
    bottom: 0;
    pointer-events: none;
}

.solution_item .group_content .item_left {
    width: 32.34375rem;
    flex: 0 0 auto;
}

.solution_item .group_content .title {
    font-size: 1.667rem;
    font-family: 'Inter semibold';
    line-height: normal;
    text-transform: uppercase;
}


.solution_item .group_content .item_right .content {
    width: fit-content;
    margin-top: 0;
}

.solution_slide .swiper-slide {
    transform: scale(0.83);
}

.solution_slide .swiper-slide-active {
    transform: unset;
}

.solution_slide .swiper-slide {
    transition: .7s all;
}

.solution_slide .swiper-slide-prev {
    transform-origin: top right;
}

.solution_slide .swiper-slide-next {
    transform-origin: bottom left;
}

.solution_slide .item_right {
    opacity: 0;
    transition: .7s all;
}

.solution_slide .swiper-slide-active .item_right {
    opacity: 1;
    transition: .7s all;
}

.home_4 .pagination_wrap .swiper-pagination {
    display: none;
}

.home_4 .pagination_wrap .swiper-pagination {
    display: none;
}

.pagination_wrap .arrow_slide {
    border: 1px solid #0090EE1A;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    cursor: pointer;
    transition: .7s all;
    position: absolute;
    z-index: 5;
    padding: 0.625rem;
}


.home_4 .arrow_slide.prev {
    left: 15.99rem;
    bottom: 0;
}

.home_4 .arrow_slide.next {
    top: 0;
    right: 15.833rem;
}

.pagination_wrap .arrow_slide:hover {
    border: 1px solid var(--main-cl);
    background: var(--main-cl);
    transition: .7s all;
}

.pagination_wrap .arrow_slide:hover svg path {
    stroke: white;
    transition: .7s all;
}

.home_5 {
    padding-top: 6.25rem;
}


.home_5 .group_content .content {
    margin-top: 1.667rem;
    line-height: 1.5;
    opacity: 0.5;
}

.home_5 .pagination_wrap.desktop_display {
    margin-top: 1.667rem;
    gap: 0.417rem;
    display: flex;
    align-items: center;
    justify-content: start;
}

.home_5 .pagination_wrap .arrow_slide {
    position: relative;
    inset: unset;
}

.customer_slide .slide_item {
    padding: 0 0.625rem;
}

.customer_slide {
    margin: 0 -0.625rem;
}

.customer_item {
    background: #94CFFF1A;
    padding: 3.333rem;
    border-radius: 48px;
    overflow: hidden;
}

.customer_item > .title {
    font-family: 'Inter semibold';
    font-size: 1.25rem;
    text-transform: uppercase;
}

.customer_item .content {
    margin-top: 1.25rem;
    opacity: 50%;
    line-height: 1.4;
}

.customer_item .logo {
    width: 7.96875rem;
    height: auto;
    flex: 0 0 auto;
}

.customer_item .logo_wrap {
    margin-top: 2.5rem;
    padding-top: 2.5rem;
    border-top: 1px solid #0090EE;
    gap: 1.25rem;
}

.customer_item .content_wrap .title {
    font-size: 0.9375rem;
    margin-bottom: 0.208rem;
}

.customer_item .content_wrap .content {
    margin-top: 0;
    font-size: 0.625rem;
}

.home_6 {
    margin-top: 6.25rem;
    padding-top: 3.333rem;
    background: linear-gradient(180deg, rgba(148, 207, 255, 0.1) 0%, rgba(148, 207, 255, 0) 100%);
}

.home_6:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 57.135rem;
    background: linear-gradient(180deg, rgba(148, 207, 255, 0) 0%, rgba(148, 207, 255, 0.5) 20%, #94CFFF 30%, #94CFFF 70%, rgba(148, 207, 255, 0.5) 80%, rgba(148, 207, 255, 0) 100%);
    opacity: 10%;
}


.media_wrap {
    width: var(--container-w-2);
    margin: 0 auto;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 48px 48px 0 0;
    padding: 3.333rem 5.208rem;
}

.media_slide .slide_item {
    padding: 0 4.271rem;
    position: relative;
}

.media_slide .slide_item:before {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background: rgba(0, 144, 238, 0.1);
    opacity: 0;
    transition: .7s all;
}

.media_slide {
    margin: 0 -4.271rem;
}

.media_item {
    transition: .7s all;
}

.swiper-slide-prev .slide_item:before,
.swiper-slide-active .slide_item:before {
    opacity: 1;
    transition: .7s all;
}

.media_item .logo_wrap {
    gap: 1.25rem;
}

.media_item .logo {
    width: 7.8125rem;
    height: auto;
    flex: 0 0 auto;
}

.media_item .logo_wrap .title {
    font-size: 0.9375rem;
    line-height: 1;
}

.media_item .logo_wrap .content {
    font-size: 0.625rem;
    opacity: 0.5;
    margin-top: 0.208rem;
}

.media_item .group_content_slide {
    margin-top: 1.667rem;
    padding-top: 1.667rem;
    position: relative;
}

.media_item .group_content_slide:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 5.208rem;
    height: 1px;
    background: #0090EE;
    opacity: 20%;
}

.media_item .group_content_slide .title {
    font-size: 1.25rem;
    text-transform: uppercase;
    font-family: 'Inter semibold';
    line-height: normal;
}

.media_item .group_content_slide .content {
    margin-top: 0.833rem;
    opacity: 50%;
    line-height: 1.4;
}

.home_6 .pagination_wrap .arrow_slide {
    display: none;
}

.home_6 .pagination_wrap .swiper-pagination-bullet {
    height: 2px;
    background: var(--main-cl);
    width: 2.5rem;
    border-radius: 48px;
    opacity: 10%;
    transition: .7s all;
}

.home_6 .pagination_wrap .swiper-pagination-bullet-active {
    opacity: 100%;
    transition: .7s all;
}

.home_6 .pagination_wrap {
    margin-top: 0.521rem;
}

.btn .content {
    line-height: 1;
}

.relation_wrap .term_wrap {
    gap: 1.25rem;
}

.relation_wrap .term_list {
    gap: 0.417rem;
}

.relation_wrap .term_list .blog_term {
    color: #02172F80;
    border: 1px solid #02172F1A;
    padding: 0.625rem 1.25rem;
    border-radius: 1000px;
    transition: .7s all;
    font-family: 'Inter semibold';
}

.relation_wrap .term_list .blog_term:hover {
    border: 1px solid #94CFFF33;
    background: #94CFFF33;
    color: var(--main-cl);
    transition: .7s all;
}

.home_7 {
    padding-top: 7.865rem;
}

.relation_wrap .blog_wrap {
    height: 26.25rem;
    gap: 1.667rem;
}

.relation_wrap .item_left {
    width: 42.03125rem;
    flex: 0 0 auto;
    border-radius: 48px;
    overflow: hidden;
    position: relative;
}

.relation_wrap .item_left:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 7.8125rem;;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.24) 50%, rgba(0, 0, 0, 0.8) 100%);
    pointer-events: none;
    z-index: 1;
    backdrop-filter: blur(3px)
}

.relation_wrap .item_left .group_content {
    padding: 1.667rem;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.meta {
    display: flex;
    align-items: center;
    gap: 0.417rem;
    font-size: 0.729rem;
}

.relation_wrap .item_left .meta {
    color: white;
    line-height: 1.3;
}

.relation_wrap .item_left h3 {
    margin-top: 0.417rem;
    color: white;
    text-transform: uppercase;
    font-size: 1.25rem;
    font-family: 'Inter semibold';
    line-height: 1.1;
}

.blog_wrap .item_right {
    gap: 1.71875rem;
    justify-content: space-between;
}

.blog_wrap .item_right .thumb {
    width: 12.1875rem;
    flex: 0 0 auto;
    height: 7.604rem;
    border-radius: 24px;
    overflow: hidden;
}

.blog_wrap .item_right .item {
    gap: 1.25rem;
}

.meta .dot {
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #02172F;
}

.item_left .meta .dot {
    background: white;
}

.item_right .meta {
    opacity: 50%;
}

.blog_wrap .item_right h3 {
    font-size: 1.25rem;
    font-family: 'Inter semibold';
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-transform: uppercase;
}

h3 {
    font-weight: unset;
}

.advise_form {
    margin-top: 6.25rem;
    max-width: var(--container-w-2);
    margin: 0 auto;
    border-radius: 0 0 48px 48px;
    overflow: hidden;
}

.advise_form .group_content {
    top: 5.208rem;
    left: 0;
    width: 100%;
}

.advise_form .group_content_inner {
    width: 32.34375rem;
}

.advise_form .group_content_inner h2 {
    font-size: 2.5rem;
}

.advise_form .group_content_inner .content {
    margin-top: 0.833rem;
    opacity: 50%;
}

.advise_form_wrap {
    margin-top: 1.667rem;
}

.advise_form_wrap input {
    box-shadow: none;
    border: none;
    background: #FFFFFFB2;
    backdrop-filter: blur(100px);
    border-radius: 100px;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    font-size: 0.9375rem;
    color: #02172F;
    margin: 0;
    line-height: 1;
    height: 2.5rem;
}

.advise_form_wrap input::placeholder {
    color: #02172f5e;
}

.advise_form_wrap .col {
    padding: 0 0.833rem 0.833rem;
}

.advise_form .select-styled {
    background: #FFFFFFB2;
    padding: 0.625rem 1.25rem;
    color: #02172F;
    border-radius: 100px;
    overflow: hidden;
    line-height: 1;
    height: 2.5rem;
    text-align: start;
    display: flex;
    justify-content: start;
    align-items: center;
    cursor: pointer;
    transition: .7s all;
    font-size: 0.9375rem;
}

.advise_form textarea {
    background: #FFFFFFB2;
    backdrop-filter: blur(100px);
    border: none;
    box-shadow: none;
    border-radius: 16px;
    overflow: hidden;
    font-size: 0.9375rem;
    padding: 0.625rem 1.25rem;
    color: #02172F;
    margin: 0;
    min-height: 5.208rem;
}

.advise_form textarea::placeholder {
    color: #02172f5e;
}

.advise_form_wrap :is(input,textarea):focus {
    background: #FFFFFFB2;
    box-shadow: unset;
}

ul.select-options {
    margin: 0;
    list-style: none;
    background: #c0e3fa;
    border-radius: 0 0 10px 10px;
    position: absolute;
    z-index: 2;
    width: 100%;
}

ul.select-options li {
    margin: 0;
    padding: .25rem 1rem;
    border-bottom: 1px solid #37373717;
    font-size: 0.833rem;
    line-height: 1.5;
    transition: .7s all;
    cursor: pointer;
}

ul.select-options li:last-child {
    border-bottom: unset;
}

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

span.wpcf7-spinner {
    display: none;
}

.advise_form_wrap input.wpcf7-submit {
    position: absolute;
    opacity: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}

.advise_form .submit-btn .btn .content {
    margin: 0;
    color: white;
    opacity: 100%;
    transition: .7s all;
}

.advise_form .submit-btn .btn:hover .content {
    color: var(--main-cl);
}

.advise_form .submit-btn.submit-form-btn {
    width: fit-content;
    position: relative;
    margin-top: 0.833rem;
}

.advise_form .submit-btn.submit-form-btn:hover .btn {
    background: white;
    border: 1px solid var(--main-cl);
    transition: .7s all;
}

.advise_form .submit-btn.submit-form-btn:hover .btn svg path {
    stroke: var(--main-cl);
    transition: .7s all;
}

.advise_form .submit-btn.submit-form-btn:hover .btn .content {
    color: var(--main-cl);
    transition: .7s all;
}

.advise_form .submit-btn.submit-form-btn:hover .btn .svg_item_2 {
    transform: unset;
    transition: .7s all;
}

.advise_form .submit-btn.submit-form-btn:hover .btn .svg_item_1 {
    transform: translate(150%, -100%);
    text-align: .7s all;
}

.wpcf7 .wpcf7-not-valid-tip {
    position: absolute;
    opacity: 1;
    z-index: 2;
    background: var(--main-cl);
    color: white;
    font-size: 0.833rem;
    line-height: normal;
}

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

.wpcf7 form.invalid .wpcf7-response-output {
    background: #ffb900;
    font-size: 0.9375rem;
    line-height: normal;
    margin: 1rem 0 !important;
    padding: .5rem;
}

.advise_form .form-wrap .select {
    position: relative;
}

.home_9 {
    padding-top: 7.8125rem;
}

.home_9 .marquee_wrap {
    gap: 1rem;
    animation: 30s ease 0s infinite normal none running marquee;
}

.home_9 .marquee_item {
    font-size: 2.5rem;
    opacity: 10%;
    text-transform: uppercase;
    font-family: 'Inter semibold';
    gap: 1rem;
    flex: 0 0 auto;
}

.home_9 .marquee_item .dot {
    width: 0.833rem;
    height: 0.833rem;
    border-radius: 100%;
    background: #02172F;
}

.wrap-stores {
    margin-top: 2.604rem;
    height: 52.5rem;
}

.wrap-stores:before {
    position: absolute;
    /* content: ''; */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

.wrap-stores iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.store_content {
    right: 1.042rem;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0px 0px 16px 0px #0090EE0D;
    background: white;
    padding: 64px;
    border-radius: 48px;
    overflow: hidden;
}

.store_content .form-wrap.select-filter {
    display: flex;
    flex-direction: column;
}

div#data-maps {
    height: 100%;
    width: 100%;
}

.list-store {
    margin-top: 1.667rem;
    max-height: 26.042rem;
    padding-right: 1.667rem;
    overflow: auto;
}

.list-store::-webkit-scrollbar-track {
    background-color: rgba(0, 144, 238, 0.1);
}

.list-store::-webkit-scrollbar {
    width: 0.2rem;
    background-color: rgba(0, 144, 238, 0.1);
}

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


.form_select_wrap {
    margin-top: 1.667rem;
    gap: 0.833rem;
    width: 100%;
}

.form_select_wrap select {
    margin: 0;
    font-size: 0.9375rem;
    padding: 0.625rem 1.25rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: start;
    line-height: 1;
    width: 100%;
    border-radius: 1000px;
    cursor: pointer;
    transition: .7s all;
}

.form_select_wrap .form-item {
    width: 50%;
}

.store-item {
    border: 1px solid #0090EE1A;
    border-radius: 24px;
    overflow: hidden;
    padding: 1.667rem;
    gap: 0.833rem;
    cursor: pointer;
}

.store-item:not(:first-child) {
    margin-top: 0.833rem;
}

.store-item .item_left h3 {
    font-size: 1.25rem;
    font-family: 'Inter semibold';
    color: var(--main-cl);
}

.store-item .item_right p {
    margin-bottom: 0.208rem;
    font-size: 0.833rem;
    line-height: 1.5;
}

.store-item .item_right {
    width: 23.542rem;
    padding-left: 0.833rem;
    border-left: 1px solid rgba(0, 144, 238, 0.1);
}

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

.store-item .item_right .btn {
    margin-top: 0.833rem;
}

.store-item .item_left {
    width: 5.46875rem;
    flex: 0 0 auto;
}

.store-item .item_left {
    width: 5.46875rem;
    flex: 0 0 auto;
}

.wrap-stores:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 11.25rem;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
}

.wrap-stores:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 11.25rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    pointer-events: none;
}

.advise_form .select-styled {
    position: relative;
}

.advise_form .select-styled:before {
    position: absolute;
    content: '';
    right: 5%;
    transition: .7s all;
    width: 1.25rem;
    height: 1.25rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5LjUgOUwxMiAxNi41TDQuNSA5IiBzdHJva2U9IiMwMjE3MkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.advise_form .select-styled.active:before {
    transform: rotate(180deg);
    transition: .7s all;
}

footer#footer {
    width: var(--container-w-2);
    margin: 0 auto;
    gap: 1.354rem;
    padding: 5.208rem 0 1.042rem;
}

.footer_left {
    width: 35.9375rem;
    flex: 0 0 auto;
    border-radius: 48px;
    overflow: hidden;
    height: auto;
}

.footer_left .background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.footer_left_wrap {
    position: relative;
    z-index: 1;
    padding: 2.5rem 2.5rem 1.667rem 2.5rem;
}

.footer_left_wrap .logo {
    position: relative;
    width: 6.771rem;
    height: auto;
}

.footer_left_wrap .logo img {
    object-fit: contain;
}

.footer_left_wrap .content {
    font-family: 'Inter semibold';
    margin-top: 1.667rem;
    text-transform: uppercase;
}

.footer_right {
    background: #94CFFF1A;
    width: 100%;
    border-radius: 48px;
    overflow: hidden;
    padding: 2.5rem 3.333rem 1.25rem 2.5rem;
    gap: 2.5rem;
}

.footer_top .footer_item:nth-child(1) {
    width: 20.104rem;
}

.footer_top .footer_item:nth-child(2) {
    width: 12.34375rem;
}

.footer_top .footer_item:nth-child(3) {
    width: 11.146rem;
}

.footer_top {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.footer_title {
    color: #135AA0;
    text-transform: uppercase;
    font-family: 'Inter semibold';
    line-height: normal;
    position: relative;
    padding-bottom: 0.833rem;
    margin-bottom: 0.833rem;
}

.footer_title:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100px;
    height: 1px;
    background: #0090EE;
    opacity: 10%;
}

.footer_top .footer_item:nth-child(1) .content {
    font-size: 0.833rem;
}

.footer_top .footer_item:nth-child(1) .content p {
    margin-bottom: 0.208rem;
    color: #02172F;
}

footer a {
    color: #02172F;
    transition: .7s all;
}

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

.footer_list a {
    font-size: 0.833rem;
    line-height: 1.5;
}

.footer_list {
    gap: 0.208rem;
}

.footer_social {
    gap: 0.417rem;
}

.footer_social .item {
    gap: 0.417rem;
}

.footer_social .logo {
    width: 1.667rem;
    height: 1.667rem;
    border-radius: 100%;
    flex: 0 0 auto;
    border: 1px solid #135AA0;
    padding: .4rem;
    transition: .7s all;
}

.footer_social .logo img {
    object-fit: contain;
}

.footer_social .content {
    font-size: 0.833rem;
    color: #02172F;
    opacity: 50%;
    transition: .7s all;
}

.footer_social .item:hover .logo {
    background: var(--main-cl);
    transition: .7s all;
    border: 1px solid var(--main-cl);
}

.footer_social .item:hover img {
    filter: brightness(0) invert(1);
    transition: .7s all;
}

.footer_social .item:hover .content {
    opacity: 100%;
    transition: .7s all;
}

.footer_bottom {
    padding-top: 1.25rem;
    border-top: 1px solid rgba(0, 144, 238, 0.1);
}

.footer_bottom .copyright {
    font-size: 0.833rem;
    opacity: 50%;
    line-height: 1;
}

.footer_bottom .list_page {
    gap: 0.833rem;
}

.footer_bottom .list_page a {
    font-size: 0.833rem;
    opacity: 50%;
    transition: .7s all;
    position: relative;
    line-height: normal;
}

.footer_bottom .list_page a:not(:last-child) {
    padding-right: 0.833rem;
}

.footer_bottom .list_page a:before {
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #0090EE;
    opacity: 0;
    transition: .7s all;
    height: 0.885rem;
    width: 1px;
}

.footer_bottom .list_page a:not(:last-child):before {
    opacity: 10%;
    transition: .7s all;
}

.footer_bottom .list_page a:hover {
    opacity: 100%;
    transition: .7s all;
}

.banner_hero .group_content_2 {
    left: 0;
    width: 100%;
    bottom: 3.958rem;
    z-index: 5;
}

.factory_2 {
    padding-top: 6.771rem;
}


.factory_2 .group_content > .content {
    font-size: 1.458rem;
    opacity: 50%;
    margin-top: 0.9375rem;
    line-height: normal;
}

.factory_2 .group_content .btn {
    margin-top: 1.823rem;
}

.factory_2 .large-7 .content {
    opacity: 50%;
    line-height: 1.5;
}

.factory_2:before {
    position: absolute;
    content: '';
    left: 0;
    top: -9.271rem;
    width: 100%;
    height: 56.354rem;
    background: linear-gradient(180deg, rgba(148, 207, 255, 0) 0%, rgba(148, 207, 255, 0.5) 20%, #94CFFF 30%, #94CFFF 70%, rgba(148, 207, 255, 0.5) 80%, rgba(148, 207, 255, 0) 100%);
    opacity: 10%;
    pointer-events: none;
}

.popup_form {
    background: white;
    width: 40rem;
    border-radius: 20px;
    padding: 2rem;
    cursor: auto;
}

.popup_advise_form {
    margin-top: 1rem;
}

.popup_advise_form input {
    box-shadow: none;
    border: 1px solid #dadada;
    border-radius: 1000px;
    margin: 0;
    height: 2.5rem;
    font-size: 0.9375rem;
    padding: 0.625rem 1.25rem;
    transition: .7s all;
    color: #02172F;
}

.popup_advise_form .col {
    padding: 0 0.78125rem 0.78125rem;
}


.popup_advise_form .select-styled {
    border-bottom: 5.208rem;
    height: 2.5rem;
    padding: 0.625rem 1.25rem;
    font-size: 0.9375rem;
    color: #02172F;
    border-radius: 1000px;
    border: 1px solid #dadada;
    line-height: 1.3;
}

.popup_advise_form input::placeholder {
    color: #02172F;
}

.popup_advise_form textarea {
    margin: 0;
    min-height: 5.208rem;
    border-radius: 15px;
    padding: 0.625rem 1.25rem;
    color: #02172F;
    transition: .7s all;
}

.popup_advise_form textarea::placeholder {
    color: #02172F;
}

.popup_advise_form .submit-btn.submit-form-btn {
    position: relative;
    width: fit-content;
    margin: 1rem auto 0;
}

.submit-btn.submit-form-btn {
    position: relative;
    width: fit-content;
}

.popup_advise_form .submit-btn.submit-form-btn input,
.submit-btn.submit-form-btn input {
    position: absolute;
    opacity: 0;
    left: 0;
    z-index: 5;
    width: 100%;
}

.popup_advise_form .submit-btn.submit-form-btn:hover .btn,
.submit-btn.submit-form-btn:hover .btn {
    border: 1px solid var(--main-cl);
    background: white;
    transition: .7s all;
}

.popup_advise_form .submit-btn.submit-form-btn:hover .btn .content,
.submit-btn.submit-form-btn:hover .btn .content {
    color: var(--main-cl);
    transition: .7s all;
}

.popup_advise_form .submit-btn.submit-form-btn:hover svg path,
.submit-btn.submit-form-btn:hover svg path {
    stroke: var(--main-cl);
    transition: .7s all;
}

.popup_advise_form .submit-btn.submit-form-btn:hover .svg_item_2,
.submit-btn.submit-form-btn:hover .svg_item_2 {
    transform: unset;
    transition: .7s all;
}

.popup_advise_form .submit-btn.submit-form-btn:hover .svg_item_1,
.submit-btn.submit-form-btn:hover .svg_item_1 {
    transform: translate(150%, -100%);
    transition: .7s all;
}

.fancybox-slide--html .fancybox-close-small {
    padding: .3rem;
    transition: .7s all;
    overflow: hidden;
}

.fancybox-slide--html .fancybox-close-small:hover svg {
    transform: rotate(360deg);
    transition: .7s all;
}

.factory_3 {
    padding-top: 4.323rem;
}

.factory_solution {
    width: var(--container-w-2);
    margin: 0 auto;
    gap: 1.198rem;
    height: 29.74rem;
}

.factory_solution .item_left {
    height: 100%;
    width: 46.09375rem;
    flex: 0 0 auto;
    border-radius: 30px;
    overflow: hidden;
}

.factory_solution .item_left:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 41.458rem;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.62636) 23.89%, rgba(0, 0, 0, 0.447857) 57.61%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
    pointer-events: none;
}

.factory_solution .item_left .group_content {
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 3.4375rem 4.01rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.factory_solution .item_left .group_content h2 {
    font-size: 1.823rem;
    line-height: normal;
    width: 15.625rem;
}

.factory_solution .item_left .group_content .content {
    font-size: 0.833rem;
    line-height: 1.5;
    width: 30.729rem;
}

.factory_solution .item_right {
    height: 100%;
}

.factory_solution .item_right .factory_solution_list {
    height: 100%;
    gap: 1.198rem;
}

.factory_solution .item_right .factory_solution_list .item {
    width: calc(100% / 2 - (1.198rem * 1 / 2));
    height: 100%;
    padding: 3.646rem 2.604rem 2.8125rem;
    border-radius: 30px;
    background: #E5F6FF;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.factory_solution .item_right .factory_solution_list .item .title {
    font-size: 1.823rem;
    line-height: normal;
    font-family: 'Inter semibold';
}

.factory_solution .item_right .factory_solution_list .item .content {
    font-size: 0.833rem;
}

.factory_4 {
    padding-top: 12.292rem;
}

.factory_4 .group_content > .content {
    margin-top: 0.417rem;
    opacity: 50%;
    width: 27.396rem;
}

.factory_4 .group_content .btn {
    margin-top: 1.458rem;
}

.factory_4 .factory_why_item {
    margin-top: 5.78125rem;
    padding-right: 0.885rem;
}

.factory_why_list {
    display: flex;
    flex-direction: column;
    gap: 4.323rem;
}

.factory_why {
    padding-left: 0.885rem;
}

.why_item {
    border-radius: 30px;
    overflow: hidden;
    background: #E5F6FF;
    padding: 3.125rem 2.604rem;
    height: 33.4375rem;
}

.why_item .title {
    font-size: 1.823rem;
    font-family: 'Inter semibold';
    line-height: normal;
}


.why_item .content {
    margin-top: 1.40625rem;
    opacity: 50%;
    line-height: 1.5;
}

.why_item .background {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 16.042rem;
    pointer-events: none;
    overflow: hidden;
}

.factory_5:before {
    position: absolute;
    content: '';
    left: 50%;
    bottom: 30px;
    height: 25.885rem;
    width: 83.333rem;
    background: linear-gradient(99.62deg, #0A58AB 5.77%, #4DBCFF 92.42%);
    transform: translateX(-50%);
    border-radius: 30px;
    pointer-events: none;
    z-index: 1;
}

.factory_5 .row {
    position: relative;
    z-index: 2;
}

.factory_cta_wrap {
    gap: 4.21875rem;
}

.factory_cta_wrap .group_content > .content {
    font-size: 2.34375rem;
    width: 34.74rem;
    line-height: normal;
}

.factory_cta_wrap .group_content .btn {
    margin-top: 1.979rem;
}

.factory_cta_wrap .image {
    height: 30.208rem;
    width: 31.875rem;
    flex: 0 0 auto;
}

.factory_6 {
    padding-top: 7.604rem;
}

.factory_6 .group_content .content {
    margin-top: 0.417rem;
    width: 47.177rem;
    opacity: 50%;
    line-height: normal;
}

.factory_customer {
    margin-top: 1.979rem;
}

.customer_grid {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.615rem;
}

.customer_row {
    display: flex;
    justify-content: center;
    gap: 5.729rem;
    width: 100%;
}

.customer_slide_item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    border-radius: 12px;
    height: 3.125rem;
}

.customer_slide_item img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.factory_6 .background {
    top: -22.6875rem;
    position: absolute;
    left: 0;
    width: 100%;
    height: auto;
    pointer-events: none;
    z-index: 0;
}

.factory_6 .row {
    position: relative;
    z-index: 2;
}

/*.factory_6:before {*/
/*    position: absolute;*/
/*    content: '';*/
/*    left: 0;*/
/*    top: -21.51rem;*/
/*    height: 88.958rem;*/
/*    width: 100%;*/
/*    background: linear-gradient(180deg, rgba(232, 245, 255, 0) 0%, #E8F5FF 50%, rgba(232, 245, 255, 0) 100%);*/
/*    pointer-events: none;*/
/*    z-index: 1;*/
/*}*/

.factory_6 .pagination_wrap .arrow_slide {
    display: none;
}

.factory_6 .pagination_wrap .swiper-pagination {
    position: relative;
}

.factory_6 .pagination_wrap {
    margin-top: 2.708rem;
    position: relative;
    z-index: 2;
}

.factory_6 .pagination_wrap .swiper-pagination-bullet,
.pagination_wrap.bullet_2 .swiper-pagination-bullet {
    height: 0.104rem;
    background: #0090EE;
    width: 2.5rem;
    border-radius: 48px;
    opacity: 10%;
    transition: .7s all;
}

.factory_6 .pagination_wrap .swiper-pagination-bullet-active,
.pagination_wrap.bullet_2 .swiper-pagination-bullet-active {
    opacity: 100%;
    transition: .7s all;
}

.factory_7 .group_content .content {
    margin-top: 0.417rem;
    opacity: 50%;
}

.review_wrap {
    margin-top: 0.885rem;
}

.review_slide {
    margin: 0 -0.625rem;
}

.review_wrap .slide_item {
    padding: 0 0.625rem;
}

.review_slide_item {
    background: #EFF8FF;
    box-shadow: 0px 4px 20px 0px #0E36500D;
    padding: 1.5625rem 2.34375rem;
    border-radius: 10px;
    overflow: hidden;
}

.review_slide_item .heading {
    gap: 0.78125rem;
}

.review_slide_item .heading .logo {
    width: 2.65625rem;
    height: 2.65625rem;
    flex: 0 0 auto;
    border-radius: 100%;
}

.review_slide_item .heading .title {
    font-size: 1.042rem;
    line-height: normal;
    font-family: 'Inter semibold';
}

.review_slide_item .detail {
    gap: 0.052rem;
}

.review_slide_item .detail .content {
    font-size: 0.729rem;
    opacity: 50%;
    line-height: 1;
}

.review_slide_item .bottom {
    margin-top: 1.042rem;
}

.review_slide_item .review {
    gap: 0.521rem;
    font-size: 0.833rem;
}

.review_slide_item .review svg {
    opacity: 100%;
    width: 6.927rem;
    height: auto;
}

.review_slide_item .review .content {
    opacity: 50%;
}

.review_slide_item .bottom .content {
    margin-top: 0.521rem;
    font-size: 0.833rem;
}

.factory_7 .pagination_wrap .arrow_slide {
    display: none;
}

.factory_7 .pagination_wrap .swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.factory_7 .pagination_wrap {
    position: relative;
    margin-top: 1.823rem;
}

.factory_8 {
    margin-top: 0.26rem;
    padding-top: 8.385rem;
    padding-bottom: 3.75rem;
}

.factory_8 .factory_letter {
    background: linear-gradient(
            181deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    padding: 3.385rem 6.51rem 16.823rem;
    border-radius: 50px 50px 0 0;
    overflow: hidden;
}

.factory_8 .background {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25.833rem;
    position: absolute;
    z-index: 3;
    pointer-events: none;
}

.factory_8:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(148, 207, 255, 0) 0%, #94CFFF 85.64%);
}

.factory_letter > .content {
    text-align: start;
    margin-top: 1.198rem;
    line-height: 1.5;
}

.factory_letter .btn {
    margin: 2.396rem auto 0;
}

.factory_8 .row {
    position: relative;
    z-index: 2;
}

.factory_9 {
    padding-top: 6.042rem;
}

.contact_2 {
    padding-top: 7.0833rem;
}

.box-info-contact_2 {
    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_2 h3 {
    padding-bottom: 0.625rem;
    border-bottom: 1px solid #FFFFFF;
    line-height: 1.2;
}

.group-info-contact_2 {
    flex-direction: column;
    row-gap: 0.5rem;
}

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

.group-info-contact_2 .info {
    display: flex;
    gap: 0.7292rem;
    line-height: 1.5;
}

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

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

.contact_3 {
    padding-top: 4.1667rem;
}

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

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

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

.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;
    height: 2.604rem;
    margin-bottom: 1.198rem;
}

.form_page_contact .col {
    padding: 0 15px;
}

.form_page_contact .submit-btn {
    position: relative;
    width: fit-content;
}

.form_page_contact .submit-btn input {
    position: absolute;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

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


/* giới thiệu*/
.about_banner {
    z-index: 2;
}

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

.subtitle-sec {
    font-family: 'Inter semibold';
    font-size: 0.9375rem;
    color: var(--main-cl);
}

.page-template-about h2 {
    color: var(--main-cl);
    margin-top: 0.5rem;
    font-weight: unset;
    letter-spacing: unset;
}

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

.about-1 .pattern_1 {
    top: 14.896rem;
    left: 2.083rem;
    width: 29.25rem;
    height: auto;
}

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

b, strong, span {
    font-family: 'Inter semibold';
    line-height: 1.5;
}

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

.about-2 {
    padding-top: 5rem;
    position: relative;
}

.about-2:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 39.115rem;
    background: #F4FAFF;
}

.about-2 .sticky_list .item {
    top: 5rem;
    justify-content: space-between;
    padding: 3rem 10rem;
    box-shadow: 1px 7px 8px 0px #94CFFF1A;
}

.about-2 .sticky_list .item_left {
    width: 40%;
    border-radius: unset;
}

.about-2 .item_right {
    width: 55%;
    flex: 0 0 auto;
    height: 24.74rem;
    overflow: hidden;
    border-radius: 1.667rem;
}

.about-2 .idx {
    font-size: 3.646rem;
    line-height: 1;
    color: var(--main-cl);
    font-family: 'Inter medium';
}

.about-2 .content_inner {
    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-2 .sticky_list .title {
    color: var(--main-cl);
    text-transform: uppercase;
    font-size: 1.25rem;
    line-height: normal;
}

.about-2 .content_inner h3 {
    line-height: 1;
    text-transform: uppercase;
    color: var(--main-cl);
}

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

.about-3 {
    padding: 4rem 0 0;
    overflow: hidden;
    margin: 0 auto;
    overflow: hidden;
    background: white;

}

.target-wrap {
    width: var(--container-w-2);
    height: 100%;
    width: 100%;
    border-radius: 60px;
    overflow: hidden;
    padding-bottom: 1.5625rem;
}

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

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

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

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

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

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

.target-card-bot-3 :is(h1, h2, h3, h4, h5, h6) {
    font-family: "Inter semibold";
    color: var(--main-cl);
    font-size: 1.458rem;
    line-height: normal;
}

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

.about-4 {
    margin: 2.5rem auto;
    width: var(--container-w-2);
    background: #F4FAFF;
    border-radius: 3.368rem;
}

.mission-inner {
    padding-top: 6.553rem;
    gap: 8.111rem;
    justify-content: space-between;
}

.mission-left {
    flex: 0 0 auto;
    width: 44%;
}

.mission-inner .mission-left .content_1 {
    font-size: 1.146rem;
    line-height: normal;
    margin-top: 2.667rem;
}

.mission-inner .mission-left .content_2 {
    margin-top: 1.042rem;
}

.mission-right {
    flex: 0 0 auto;
    width: 44%;
}

.commit-card {
    position: relative;
    border-radius: 1.6667rem;
    overflow: hidden;
    background: #1c2317;
    aspect-ratio: unset;
    height: auto;
}

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

.commit-head {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 4%;
    row-gap: 1.513rem;
    width: 70%;
    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: 4.263rem;
    height: 3.224rem;
    filter: brightness(0) invert(1);
}

.commit-head h3 {
    font-size: 1.042rem;
}

.commit-head .content {
    line-height: normal;
}

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

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

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

.group-quote-mark:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 11.042rem;
    pointer-events: none;
    background: linear-gradient(180deg, #F4FAFF 0%, rgba(244, 250, 255, 0) 60%);
}

.quote-mark {
    position: relative;
    z-index: 1;
}

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

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

.about-5 {
    padding: 6.5625rem 0 4.5833rem;
    margin: 0 auto;
    width: var(--container-w-2);
}


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

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

.item-core-value .index {
    font-size: 3.646rem;
    line-height: 1.1;
}

.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;
    font-family 'Inter semibold';
}

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

.about-2 .sticky_list {
    margin-bottom: 0;
}


/* Tin tức*/

.page-template-blog div#wrapper,
.page-template-blog .header-wrapper,
.single-product div#wrapper,
.single-product .header-wrapper,
.single-recruitment div#wrapper,
.single-recruitment .header-wrapper,
.single-post div#wrapper,
.single-post .header-wrapper,
.search div#wrapper,
.search .header-wrapper,
.page-template-default div#wrapper,
.page-template-default .header-wrapper,
.category .header-wrapper,
.category div#wrapper {
    padding-top: 0;
}

.single-post .header-wrapper,
.page-template-default .header-wrapper,
.search .header-wrapper,
.single-product .header-wrapper {
    position: relative;
}

.single-post .header-wrapper.stuck,
.page-template-default .header-wrapper.stuck,
.search .header-wrapper.stuck,
.single-product .header-wrapper.stuck {

    position: fixed;
}

.single-post .header-wrapper:before,
.page-template-default .header-wrapper:before,
.search .header-wrapper:before,
.single-product .header-wrapper:before {
    content: unset;
}

.post_detail {
    padding: 3rem 0;
}

.blog_1 {
    padding: 9.5833rem 0 8.0729rem;
    border-radius: 0px 0px 3.333rem 3.333rem;
    overflow: hidden;
    background: #083260;
}

.page-template-blog .header-wrapper:before,
.single-post .header-wrapper:before,
.single-product .header-wrapper:before,
.search .header-wrapper:before,
.page-template-default .header-wrapper:before,
.category .header-wrapper:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 7.917rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
}

.blog_1 .item_right * {
    color: white;
    opacity: 100%;
}

.blog_1 .item_right .dot {
    background: white;
}

.blog-2 {
    padding-top: 4.6875rem;
}

.blog-2 h1 {
    color: var(--main-cl);
}

.btn_term_wrap {
    gap: 0.8854rem;
    margin-top: 1.40625rem;
}

.blog_term {
    font-family: 'Inter semibold';
    background: white;
    width: fit-content;
    color: var(--main-cl);
    padding: 0.625rem 1.25rem;
    border-radius: 100px;
    transition: .7s all;
    border: 1px solid var(--main-cl);
}

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

.blog_wrap {
    padding-top: 3.0208rem;
}

.blog_list {
    row-gap: 2rem;
    column-gap: 1.5rem;
    padding-bottom: 3.0208rem;
}

.item_blog {
    width: calc((100% / 3) - (1.5rem * 2) / 3);
}

.item_blog .image {
    width: 100%;
    height: 12.6563rem;
    margin-bottom: 0.9375rem;
    overflow: hidden;
    border-radius: 10px;
}

.item_blog_detail {
    padding-right: 2.2396rem;
}

.item_blog h3 {
    line-height: normal;
}

.post_detail_heading h1 {
    color: var(--main-cl);
    line-height: normal;
}

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

.detail_wrap .wrap_left {
    gap: 1.042rem;
}

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

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

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

.single_content {
    margin-top: 5.104rem;
}

.single-post .the_content {
    margin-top: 5rem;
}

.the_content :is(h1,h2) {
    font-size: 1.667rem;
    line-height: normal;
    margin-bottom: .5rem;
}

.the_content * {
    color: #333333;
    line-height: 1.5;
    font-family: 'Inter';
}

.the_content :is(span,strong,h1,h2,h3,h4,h5,h6) {
    font-family: 'Inter semibold';
}

.the_content a {
    color: var(--main-cl);
    position: relative;
    transition: .7s all;
}

.the_content blockquote {
    font-size: 0.9375rem;
}

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

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

.the_content img {
    border-radius: 32px;
    overflow: hidden;
    margin-bottom: 0 !important;
}

.post_detail_sidebar {
    margin-right: -3.75rem;
    position: sticky;
    top: 5rem;
    margin-bottom: 2rem;
}

.post_detail_sidebar .title_heading {
    background: var(--main-cl);
    text-align: start;
    font-size: 0.9375rem;
    font-family: 'Inter semibold';
    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 {
    width: 100%;
    height: 8.385rem;
    border-radius: 10px;
    overflow: hidden;
}

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

.sidebar_posts h3 {
    margin: .5rem 0 0;;
    text-transform: uppercase;
    line-height: 1.5;
}

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

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

.post_detail_bottom .share_list {
    gap: 0.78125rem;
}

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

.related_blog .item_blog,
.product_blog .item_blog {
    width: 100%;
}

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


.related_blog .pagination_wrap {
    display: none;
}

.related_blog .item_blog {
    padding: 0 1.536rem;
}

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

.item_blog .excerpt,
.item .excerpt {

    font-size: 0.729rem;
}

.blog_1.relation_wrap .blog_wrap {
    height: 32rem;
}

.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 #0090ee63;
    font-family: 'Inter semibold';
    color: var(--main-cl);
    font-size: 0.833rem;
}

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

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

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

.ajax-paging a svg {
    padding: .4rem;
}

/*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;
    display: flex;
    flex-wrap: wrap;
}

.product-list-1 .item {
    width: calc(100% / 2 - (2.8646rem * 1 / 2));
}

.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: 'Inter semibold';
    line-height: 1.3;
}

.product-1 .numbers-wrap .number .text-small {
    font-size: 2.083rem;
}

.product-1 .numbers-wrap .number .text-small {
    padding-left: 1.3rem;
}

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

.product-1 .btn {
    margin-top: 2rem;
}

.page-template-product :is(h1,h2) {
    color: var(--main-cl);
}

.product-group-1 .content {
    line-height: 1.5;
}

.product-1 .numbers-wrap .l-content {
    margin-top: .5rem;
    line-height: 1.5;
    font-family: 'Inter semibold';
}

.numbers-wrap .number_inner span,
span.count,
span.count_opacity {
    line-height: 1;
}

.product-3 {
    padding-top: 5.9896rem;
}

.product-title-3 .content {
    margin-top: 0.9375rem;
    max-width: 32.583rem;
}


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

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

a {
    color: #02172F;
}

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

.product_customer_slide .item-feedback::before {
    background: linear-gradient(
            180deg,
            rgba(0, 144, 238, 0.1) 0%,
            rgba(0, 144, 238, 0.08) 50%,
            rgba(0, 144, 238, 0) 100%
    );
    pointer-events: none;
}

.product_customer_slide .item-feedback::after {
    background: linear-gradient(
            180deg,
            rgba(0, 144, 238, 0) 0%,
            rgba(0, 144, 238, 0.1) 30%,
            rgba(0, 144, 238, 0.1) 100%
    );
    pointer-events: none;

}

.product_customer_slide .item-feedback .content {
    margin-top: 1.0417rem;
}

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

.item-feedback .content-format-item .content_detail {
    opacity: 50%;
}

.item-feedback .content-format-item {
    border-left: 0;
    font-style: normal;
    margin: 1.25rem 0 0 0;
    padding: 1.25rem 0 0 0;
    color: #02172F;
}

.content-format-item .title {
    font-family: 'Inter semibold';
}

.item-feedback .content-format-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3.333rem;
    height: 1px;
    background: linear-gradient(
            180deg,
            rgba(0, 144, 238, 0.2) 0%,
            rgba(0, 144, 238, 0.12) 70%,
            rgba(0, 144, 238, 0) 100%
    );
    pointer-events: none;
}

.item-feedback blockquote :is(b, strong) {
    font-size: 0.9375rem;
    color: #02172F;
}

.product_customer_wrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 7.8125rem;
    height: 100%;
    background: linear-gradient(270deg, rgba(0, 144, 238, 0) 0%, rgba(0, 144, 238, 0.1) 100%);
    pointer-events: none;
    z-index: 10;
}

.product_customer_wrap:after {
    content: '';
    position: absolute;
    top: 0;
    width: 7.8125rem;
    height: 100%;
    right: 0;
    background: linear-gradient(90deg, rgba(0, 144, 238, 0) 0%, rgba(0, 144, 238, 0.1) 100%);
    pointer-events: none;
    z-index: 10;
}

.item-feedback:hover img {
    transform: rotateY(360deg);
    transition: .7s all;
}

.banner_hero h1 {
    color: white;
}

.email_form_wrap {
    margin-top: 1.25rem;
}

.email_form_wrap input {
    padding: 1.042rem 1.25rem;
    font-size: 0.9375rem;
    color: white;
    transition: .7s all;
    box-shadow: none;
    border: unset;
    background: #FFFFFF1A;
    backdrop-filter: blur(100px);
    border-radius: 100px;
    line-height: 1;
    margin: 0;
    height: 3.333rem;
}

.email_form_wrap input::placeholder {
    opacity: 70%;
    color: #FFFFFF;
}

.email_form_wrap button.wpcf7-submit {
    position: absolute;
    top: .5rem;
    margin: 0;
    width: 2.5rem;
    height: 2.5rem;
    right: 0.417rem;
    background: white;
    border-radius: 100%;
    padding: 0.625rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid transparent;
}

button.wpcf7-submit span.svg_wrap {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

button.wpcf7-submit span.svg_wrap .svg_item {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: .7s all;
}

button.wpcf7-submit span.svg_wrap .svg_item_2 {
    transform: translate(-100%, 100%);
}

button.wpcf7-submit:hover .svg_item_2 {
    transform: unset !important;
    transition: .7s all;
}

button.wpcf7-submit:hover .svg_item_1 {
    transform: translate(100%, -100%);
    transition: .7s all;
}

.footer_form form {
    margin: 0;
}

.footer_left .background {
    width: 100%;
    height: 100%;
}

footer .wpcf7 form.invalid .wpcf7-response-output {
    font-size: 0.833rem;
    width: fit-content;
    color: white;
    font-family: 'Inter semibold';
    padding: .25rem;
    margin: 2rem 0 0 !important;
}

.form-contact-us {
    background: linear-gradient(180deg, rgba(0, 144, 238, 0.1) 0%, rgba(0, 144, 238, 0.06) 70%, rgba(0, 144, 238, 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 .content {
    margin-top: 1.042rem;
    width: 33.229rem;
}

.quick-link-contact-us {
    margin-top: 1.042rem;
    list-style: none;
    padding-bottom: 1.0938rem;
    gap: 1.042rem;
}

ul.quick-link-contact-us li:not(:last-child) {
    padding-right: 1.042rem;
}

ul.quick-link-contact-us li:first-child {
    padding-left: 0;
}

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 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 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 {
    color: #231F20;
}

ul.quick-link-contact-us span.content {
    width: max-content;
    flex-shrink: 0;
}

ul.quick-link-contact-us span.content p {
    font-size: 0.9375rem;
    font-family: 'Inter semibold';
    color: var(--main-cl);
}

ul.quick-link-contact-us span.content p {
    margin: 0;
}

.form-contact-us-wrap {
    background: #fff;
    border-radius: 3.3333rem;
    padding: 1.875rem 2.9688rem 2.2396rem 2.0833rem;
}

.form-contact-us-wrap .inner {
    gap: 2.8646rem;
    width: 100%;
}

.form-contact-us-wrap .img-wrap {
    flex-shrink: 0;
    width: 30.4688rem;
    height: 100%;
}

.form-contact-us-wrap .img-wrap img {
    border-radius: 2.0833rem;
}

.form-contact-us-wrap .cont-wrap {
    flex: 1;
    min-width: 0;
    flex-direction: column;
    gap: 1.1458rem;
}

.form-contact-us-group h3 {
    margin: 0;
    font-size: 32px;
}

.form_contact label {
    font-weight: unset;
    font-size: 0.833rem;
}

.form_contact input {
    border-radius: 30px;
    box-shadow: none;
    border: 1px solid #E7E7E7;
    font-size: 0.9375rem;
    margin-bottom: 0;
    padding: 0.625rem 1.25rem;
    height: 2.604rem;
    color: #333333;
    font-family: 'Inter';
}

.form_contact :is(input,textarea)::placeholder {
    opacity: 70%;
}

.form_contact textarea {
    border: 1px solid #E7E7E7;
    padding: 0.625rem 1.25rem;
    font-size: 0.9375rem;
    border-radius: 15px;
    min-height: 5.208rem;
    margin-bottom: 0;
    font-family: 'Inter';
}

.form_contact .submit-btn input {
    margin: 0;
}

.form_contact .col {
    padding: 0 15px 22px;
}

.form_contact .submit-btn.submit-form-btn {
    margin-top: 1.5rem;
}

.form-contact-us .content_detail {
    font-size: 0.729rem;
    opacity: 50%;
    line-height: 1;
}

.quick-link-contact-us a:hover {
    color: var(--main-cl);
    transition: .7s all;
}

.product_blog {
    margin: 0.521rem -1.5625rem 0;
}

.product_blog .slide_item {
    padding: 0 1.5625rem;
}

.product_blog_wrap .pagination_wrap {
    display: none;
}


/* chi tiết sản phẩm*/
.product-detail-1 {
    padding-top: 5.729rem;
}

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

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

.slide-gallery-product {
    border-radius: 1.5625rem;
}

.image-product {
    aspect-ratio: 470 / 548;
    flex: 0 0 auto;
    width: 24.479rem;
    position: relative;
    overflow: hidden;
    border-radius: 30px;
}

.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 .pagination_wrap {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 2;
}

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

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

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

.price-product {
    padding-bottom: 1.5625rem;
    margin-top: .5rem;
}

.item-classify .title, .price-product .title {
    width: 6rem;
    line-height: 1.1458rem;
    font-size: 0.833rem;;
    font-family: 'Inter Medium';
}

.product_desc {
    font-size: 0.833rem;
    line-height: 1.5;
    margin-top: .5rem;
}

.classify-product {
    flex-direction: column;
    row-gap: 0.8333rem;
}

.price-product {
    padding-bottom: 1.5625rem;
}

.item-classify, .price-product {
    gap: 0.9375rem;
}

.list-classify ul {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    gap: 0.5208rem;
}

.list-classify ul li {
    margin: 0;
    padding: 0.3125rem 0.6771rem;
    line-height: 0.9375rem;
    border-radius: 5.2083rem;
    font-size: 0.729rem;
    font-family: 'Inter 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;
}

.price {
    font-size: 1.3021rem;
    line-height: normal;
    letter-spacing: -3%;
    font-family: 'Inter semibold';
    color: var(--main-cl);
}

.wrap-overview-product h1 {
    font-size: 2.083rem;
    color: var(--main-cl);
    line-height: normal;
}

.info-product-bottom {
    background: linear-gradient(180deg, rgba(0, 144, 238, 0.1) 0%, rgba(0, 144, 238, 0.06) 70%, rgba(0, 144, 238, 0) 100%);
    border-top-left-radius: 3.3333rem;
    border-top-right-radius: 3.3333rem;
    padding: 3.9583rem 2.7083rem 4.5833rem 2.9167rem;
}

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

.title-ingredient {
    gap: 1rem;
}

.title-ingredient .title {
    font-family: 'Inter semibold';
    color: var(--main-cl);
}

.title-ingredient .icon {
    width: 1.5625rem;
    height: 1.5625rem;
    flex: 0 0 auto;
}

.the_content :is(h1,h2) {
    font-size: 1.25rem;
    line-height: normal;
}

.item-ingredient .the_content {
    margin-top: 1rem;
    font-size: 0.833rem;
    line-height: 1.7;
}

.item-ingredient p {
    margin-bottom: 0;
}

.item-ingredient .title-ingredient.active svg {
    transform: rotate(360deg);
    transition: .7s all;
}

.title-ingredient.active span.icon path:nth-child(2) {
    opacity: 0;
}

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

.sidebar-wrap-product .title-group {
    background: var(--main-cl);
    font-family: 'Inter semibold';
    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;
}

.sidebar-wrap-product .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 a.category_item {
    width: 100%;
    font-size: 0.78125rem;
    color: #333333;
    transition: .7s all;
    font-family: 'Inter Semibold';
    line-height: 1;
    position: relative;
    padding-bottom: 1rem;
    border-bottom: 0.5px solid #66666626;
}

.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 .svg {
    width: 0.729rem;
    height: 0.78125rem;
    flex: 0 0 auto;
}

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

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

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

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

.related_product_wrap {
    margin-top: 0.885rem;
}

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

.item-product-of-cate {
    width: 100%;
    padding: 0.521rem;
    background: #E7D6BE33;
    border-radius: 1.0417rem;
}

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

.item-product-of-cate .box_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.item-product-of-cate .link {
    font-size: 0.729rem;
}

.item-product-of-cate .box-content .link span {
    font-family: 'Inter';
}

.item-product-of-cate .box-content {
    padding-top: 1.0417rem;
}

.item-product-of-cate h3 {
    font-size: 1.042rem;
}

.item-product-of-cate .box-content {
    padding-top: 1.0417rem;
}

.item-product-of-cate .box-content .link {
    padding-top: 0.25rem;
}

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

.related_product_slide h3,
.blog-sidebar-slide h3 {
    font-size: 0.833rem;
    margin: 0;
    height: 2.8rem;
    color: #02172F;
}

.related_product_wrap .link span {
    font-size: 0.729rem;
    font-family: 'Inter';
    line-height: 1;
}

.related_product_wrap .pagination_wrap,
.blog-sidebar-slide .pagination_wrap {
    display: flex;
}

.related_product_wrap .swiper-pagination-bullet-active,
.blog-sidebar-slide .swiper-pagination-bullet-active {
    background: var(--main-cl);
}

.related_product_wrap .arrow_slide,
.product_detail_blog .arrow_slide {
    display: none;
}

.sidebar-wrap-product .pagination_wrap .swiper-pagination {
    inset: unset !important;
    position: relative;
}

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

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

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

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

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

.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 .content {
    color: #000000;
    max-width: 47.8125rem;
}

.list-product-of-cate {
    padding: 1.5625rem 0 2.083rem;
    column-gap: 2.6563rem;
    row-gap: 1.3021rem;
}

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

.list-cate-product {
    padding-top: 2.7604rem;
}

.list-cate-product ul {
    list-style: none;
    gap: 1.0417rem;
}

.list-cate-product ul li.active,
.list-cate-product ul li:hover {
    background: var(--main-cl);
    color: white;
    transition: .7s all;
}

.list-cate-product ul li {
    width: 10.4167rem;
    height: 3.6979rem;
    border: 1px solid var(--main-cl);
    border-radius: 0.5208rem;
    cursor: pointer;
    text-transform: uppercase;
    transition: .7s all;
    margin: 0;
    font-size: 0.833rem;
    font-family: 'Inter semibold';
    color: var(--main-cl);
    padding: .5rem;
    line-height: normal;
}

.group-product-of-cate {
    padding-top: 2.9167rem;
}

/*Tuyển dụng*/

.wrap_all_section {
    padding: 3rem 0;
}

ul.nav_tabs_about.style_2 a {
    border-color: var(--main-cl);
    color: var(--main-cl);
}

ul.nav_tabs_about li.active a,
ul.nav_tabs_about.style_2 a:hover,
ul.nav_tabs_about.style_2 a:active {
    background: var(--main-cl) !important;
    color: #fff;
}

ul.nav_tabs_about.style_2 {
    margin: 0;
}

.td_sec_1 {
    padding: 5rem 0 3rem;
}

.td_sec_1 h1.heading_title {
    margin-bottom: 0.25rem;
}

.filter_recruit .wrap_form {
    display: flex;
    justify-content: center;
}

.filter_recruit .wrap_form .item {
    width: 12rem;
    margin: 0 0.4rem;
}

#recruitment_paging ul {
    justify-content: center;
}

.filter_recruit {
    margin: 2rem 0 2.5rem;
}

.wrap_post_td {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.35rem 1.5rem;
}

.item_td {
    position: relative;
    width: calc(calc(100% / 3) - 2.7rem);
    margin: 0 1.35rem 1.5rem;
    border-radius: 0.75rem;
    background: #FFF;
    box-shadow: 0rem 0rem 1rem 0rem rgba(127, 117, 110, 0.05);
    padding: 1.65rem;
    cursor: pointer;
    transition: .3s all;
}

.item_td .top {
    position: relative;
    margin-bottom: 1.9rem;
}

.item_td .top:before {
    content: '';
    position: absolute;
    top: 2px;
    left: -1.65rem;
    bottom: 2px;
    width: 2px;
    background: var(--main-cl);;
    transition: .3s all;
}

.item_td .top span {
    font-size: 0.9rem;
}

.item_td h3 {
    color: var(--main-cl);
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0;
}

.item_td ul {
    list-style: none;
    margin: 0;
}

.item_td ul li {
    margin: 0;
    font-size: 0.9rem;
}

.item_td ul li + li {
    margin-top: 0.2rem;
}

.item_td {
    transition: .3s all;
}

.item_td:hover * {
    color: #fff;
}

.item_td:hover {
    background: var(--main-cl);
}

.item_td:hover .top:before {
    background: #fff;
}

.slider_nhan_su {
    overflow: unset;
    margin: 5rem 0 0 0;
}

.item_ns .box_content {
    width: calc(100% - 5rem);
    border-radius: 1rem;
    background: rgb(252 215 163 / 25%);
    padding: 4.25rem 18rem 4.25rem 3.5rem;
    opacity: 0;
    transition: .5s all;
    min-height: 24.75rem;
}

.item_ns h3 {
    font-size: 1.25rem;
    font-weight: 700;
    /* 88% */
    letter-spacing: -0.0375rem;
    color: var(--main-cl);
    margin-bottom: 0;
}

.item_ns .postion {
    font-size: 0.85rem;
    display: block;
    margin-bottom: 1.5rem;
}

.item_ns .content {
    letter-spacing: -0.024rem;
    font-weight: 500;
}

.slider_nhan_su .box_img {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%) rotate(0);
    transition: 1s all;
    border-radius: 1rem;
    background: #F9F7F4;
    padding: 0.95rem;
}

.slider_nhan_su .box_img.right {
    left: unset;
    right: 0;
    width: 20rem;
}

.slider_nhan_su .box_img img {
    border-radius: 0.8rem;
    overflow: hidden;
}

.slider_nhan_su .swiper-slide-active .box_content {
    opacity: 1;
}

.slider_nhan_su .box_img {
    opacity: .5;
}

.slider_nhan_su .swiper-slide-active .box_img {
    opacity: 0;
}

.item_ns {
    margin: 0 4rem;
    position: relative;
}

.slider_nhan_su .swiper-slide-active .box_img.right {
    opacity: 1;
    top: -1.25rem;
    transform: translateY(0) rotate(6deg);
}

.td_sec_2 .arrow_slide.prev {
    left: -1.5rem;
}

.td_sec_2 .arrow_slide.next {
    right: -1.5rem;
}

.td_sec_2 .arrow_slide.next svg {
    transform: rotate(180deg);
}

.td_sec_3 h2.heading_title {
    margin-bottom: 0.25rem;
}

.td_sec_3 {
    padding: 5rem 0 2.5rem;
}

.slider_ban_tin {
    margin: 3rem -0.9rem 0 -0.9rem;
}

.item_ban_tin {
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    margin: 0 0.9rem;
    height: 100%;
    background: var(--main-cl);;
    cursor: pointer;
}

.item_ban_tin .box_img {
    height: 21.75rem;
    position: relative;
    overflow: hidden;
}

.item_ban_tin .box_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s all;
    transform: scale(1);
}

.item_ban_tin:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: calc(100% - 17.7rem);
    background: var(--main-cl);
    border-radius: 230%;
    z-index: 2;
    width: 37rem;
    right: -3.3rem;
}

.info_td .content {
    font-family: 'Inter';
}

.td_details_sec_1 ul b {
    font-family: 'Inter semibold' !important;
}

.td_details_sec_1 ul i {
    font-family: 'Inter' !important;
}

.slider_ban_tin .swiper-slide {
    height: auto;
}

.item_ban_tin .box_content {
    position: relative;
    z-index: 2;
    padding: 0 1.5rem 1.5rem;
    color: #fff;
}

.item_ban_tin .box_content h3 {
    color: var(--3, #FFF);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    /* 120% */
    letter-spacing: -0.0375rem;
    line-height: 1.5;
}

.item_ban_tin .box_content .content {
    font-size: 0.85rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.item_ban_tin .box_content span {
    color: var(--3, #FFF);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 0.8rem; /* 106.667% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    display: block;
    margin-top: 1.25rem;
}

.item_ban_tin:hover .box_img img {
    transform: scale(1.1);
}

.slider_ban_tin .swiper-slide:nth-child(3n + 2) .item_ban_tin, .slider_ban_tin .swiper-slide:nth-child(3n + 2) .item_ban_tin:before {
    background: #ED7323;
}

.slider_ban_tin .swiper-slide:nth-child(3n + 3) .item_ban_tin, .slider_ban_tin .swiper-slide:nth-child(3n + 3) .item_ban_tin:before {
    background: #B33031;
}

.swiper-pagination.mb_display {
    position: unset;
}

.mb_display {
    display: none;
}

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

.td_sec_4_content .inner_content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-width: 21.6rem;
    left: 5rem;
}

.td_sec_4_content {
    position: relative;
    transform: translateX(2rem);
}

.td_sec_4_img img {
    max-width: 33.5rem;
    float: right;
    margin-right: 2.6rem;
    margin-top: 5rem;
    border-radius: 1rem;
    transform: rotate(6deg);
}

.wrap_date {
    display: flex;
    align-items: center;
}

.wrap_date .date_inner {
    width: 6.4rem;
    height: 6.25rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    align-content: center;
    border-radius: 0.5rem;
    border: 1px solid rgb(0 62 45 / 80%);
}

.wrap_date .date_inner .date {
    display: block;
    width: 100%;
    color: var(--main-cl);
    font-size: 3.75rem;
    font-style: normal;
    font-weight: 600;
    /* 29.333% */
    letter-spacing: -0.1125rem;
    line-height: .9;
}

.wrap_date .date_inner .month {
    color: var(--main-cl);
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    /* 110% */
    letter-spacing: -0.03rem;
}


.wrap_date .content {
    color: var(--main-cl);
    -webkit-text-stroke-width: 0.01rem;
    -webkit-text-stroke-color: var(--main-cl);
    font-family: "NVN Motherland Signature";
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 400;
    /* 171.429% */
    margin-left: 1.5rem;
    margin-bottom: 0 !important;
}

.td_sec_4 {
    padding-top: 4rem;
    padding-bottom: 3rem;
}

.td_sec_5 .heading_title {
    margin-bottom: 0.25rem;
}

.td_sec_5 {
    padding: 2.5rem 0 0;
}

.td_sec_5 .title_animation {
    font-size: 2.25rem;
    color: var(--main-cl);
}

.animation_wrap {
    margin: 1.5rem 0 3.5rem;
    transform: rotate(-7.042deg);
}

.td_sec_5_items {
    display: flex;
    justify-content: center;
}

.td_sec_5_items .box_img {
    padding-bottom: 100%;
    position: relative;
    border-radius: 1.5rem;
    border: 0.75rem solid #F9F7F3;
    overflow: hidden;
}

.td_sec_5_items .box_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.7rem;
    transform: scale(1);
    transition: .5s all;
}

.td_sec_5_items .item {
    width: calc(100% / 3);
    transform: rotate(-6.369deg);
    cursor: pointer;
    position: relative;
}

.td_sec_5_items .item:nth-child(2) {
    transform: rotate(4.081deg);
    margin-top: 1.5rem;
    position: relative;
    z-index: 2;
    margin: 1.5rem -2rem 0;
}

.td_sec_5_items .item:nth-child(3) {
    transform: unset;
}

.td_sec_5_items h3 {
    text-align: center;
    margin: 0;
    color: var(--main-cl);
    font-size: 1.25rem;
}

.td_sec_5_items .item:hover .box_img img {
    transform: scale(1.1);
}

a.style_center.max {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

section.td_details_sec_1 {
    background: linear-gradient(90deg, #003366 0%, #003366 50.03%, #003366 100%);
    color: #fff;
    padding: 9rem 0 4rem;
}

h2.job-title {
    color: var(--3, #FFF);
    font-family: 'Inter';
    font-size: 2.25rem;
    font-weight: 800;
    /* 122.222% */
    letter-spacing: -0.0675rem;
    max-width: 35rem;
    margin-bottom: 3rem;
}

.td_details_sec_1 ul {
    list-style: none;
    margin: 0;
    letter-spacing: -0.024rem;
}

.td_details_sec_1 ul em {
}

.td_details_sec_1 ul i {
    font-weight: 400;
}

.td_details_sec_1 ul li {
    margin: 0;
    display: flex;
}

.td_details_sec_1 ul li + li {
    margin-top: 1rem;
}

.td_details_sec_1 ul b {
    width: 16.5rem;
    flex: 0 0 auto;
    display: block;
    padding-right: 1rem;
    font-weight: 700;
}

section.td_details_sec_2 {
    padding: 2.25rem 0;
}

.box_benefits {
    border-radius: 0.75rem;
    background: rgba(231, 214, 190, 0.20);
    padding: 1.5rem 3rem;
    margin-bottom: 0.5rem;
}

.box_benefits h3 {
    text-transform: uppercase;
    font-size: 0.9rem;
}

.box_benefits h3 i {
    font-weight: 400;
}

.box_benefits ul {
    list-style: none;
    margin: 1rem -0.5rem 0;
    display: flex;
    flex-wrap: wrap;
}

.box_benefits ul li {
    width: calc(100% / 3);
    padding: 0 0.5rem;
    display: flex;
    align-items: center;
}

.box_benefits ul li svg {
    width: 0.95rem;
    height: auto;
    margin-right: 0.5rem;
}

.info_td .item {
    display: flex;
}

.info_td .item .title {
    width: 12.5rem;
    flex: 0 0 auto;
    padding-right: 1rem;
}

.info_td .item .title h3 {
    font-size: 0.9rem;
    margin-bottom: 0;
}

.info_td .item {
    padding: 2rem 0;
}

.info_td .item + .item {
    border-top: 1px solid rgba(0, 62, 45, 0.20);
}

.info_td .content .inner ul {
    margin-left: 1rem;
}

.info_td .content {
    font-weight: 500;
}

.td_details_sec_2 .col.large-9.medium-9 {
    padding-right: 2.5rem;
}

ul.share_post {
    list-style: none;
    margin: 0;
    display: flex;
}

ul.share_post a {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #C3C3C3;
    border-radius: 5rem;
}

ul.share_post a svg {
    max-height: 50%;
    max-width: 50%;
    width: auto;
    height: auto;
}

ul.share_post li + li {
    margin-left: 0.5rem;
}

.sidebar_td {
    border-radius: 0.75rem;
    background: var(--main-cl);
    color: #fff;
    padding: 1.65rem;
}

.sidebar_td.inner > b {
}

.sidebar_td .inner > b {
    color: #FFF;
    font-size: 1.1rem;
    font-weight: 700;
    /* 100% */
    display: block;
    margin-bottom: 0.3rem;
}

.sidebar_td .inner {
    font-size: 0.75rem;
}

a.scroll_to_form {
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5rem;
    color: white;
    border: 1px solid #FFF;
    padding: 0 1.3rem;
    font-size: 0.7rem;
    font-weight: 700;
    margin-top: 0.75rem;
    transition: .3s all;
}

.sidebar_td .line {
    background: rgba(255, 255, 255, 0.15);
    height: 1px;
    width: 100%;
    margin: 1.5rem 0;
}

a.scroll_to_form:hover {
    background: #fff;
    color: var(--main-cl);
}

.sidebar_td .content strong {
    font-size: 0.7rem;
    font-weight: 500;
}

.sidebar_td .content.bottom {
    margin-top: 0.5rem;
}

.download_file_td a {
    border-radius: 0.75rem;
    background: var(--main-cl);
    display: flex;
    align-items: center;
    padding: 1.35rem 1.75rem;
    font-family: 'Inter semibold';
    color: white;
    justify-content: space-between;
}

.download_file_td a svg {
    width: 2.4rem;
    height: auto;
    flex: 0 0 auto;
}

.download_file_td {
    margin-top: 1rem;
}

.sidebar_td .content.bottom strong {
    display: block;
}

div#form_td .heading_title {
    font-size: 2rem;
    text-transform: unset;
    color: var(--main-cl);
    margin-bottom: 0.25rem;
}

div#form_td input[type="file"] {
    border: none;
    padding: 0;
    border-radius: 0;
    height: auto;
    margin: 0;
}

div#form_td .content {
    font-size: 0.7rem;
    margin-bottom: 0.25rem;
}

.info_td .item:last-child {
    border-bottom: 1px solid rgba(0, 62, 45, 0.20);
}

ul.share_post li {
    margin-bottom: 0;
}

div#form_td .heading_title + .content {
    color: var(--main-cl);
}

div#form_td {
    margin-top: 2.5rem;
}

section.td_details_sec_3 {
    padding: 5rem 0 0;
}

section.td_details_sec_3 h2.heading_title {
    margin-bottom: 1rem;
    color: var(--main-cl);
}

section.td_details_sec_3 .wrap_post_td {
    margin-top: 2rem;
}

ul.nav_tabs_about {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
}

.wrap_form_tv .wpcf7 .wpcf7-not-valid-tip {
    margin-top: -1.042rem;
    font-size: 0.729rem;
    font-family: 'Inter';
}

ul.nav_tabs_about a {
    color: var(--main-cl);
    text-align: center;
    font-size: 0.85rem;
    font-weight: 600;
    border: 1px solid var(--main-cl);
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.25rem;
    border-radius: 5rem;
    margin: 0 0.35rem;
    transition: .5s all;
    text-transform: uppercase;
}

ul.nav_tabs_about {
    margin-bottom: 2rem;
}

ul.nav_tabs_about a:hover, ul.nav_tabs_about a.active {
    color: white;
    background: var(--main-cl);
}

.ajax-paging ul {
    list-style: none;
    display: flex;
    justify-content: center;
    gap: .5rem;
}

.custom-select-container {
    position: relative;
    width: 100%;
}

.selected-option {
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    width: 100%;
    background-repeat: no-repeat;
    background-position: center right 0.5rem;
    border-radius: 5rem;
    height: 2.75rem;
    display: flex;
    align-items: center;
    color: var(--4, #333);
    padding: 0 1.5rem 0 1.5rem;
    border: 1px solid var(--main-cl);
    background-size: 1rem;
}

.custom-select {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    border-top: none;
    width: 100%;
    position: absolute;
    z-index: 1000;
    overflow-y: auto;
    background: #F5F2EB;
    border-radius: 1rem;
}

.custom-select li {
    padding: 0.5rem;
    cursor: pointer;
    border-bottom: 1px solid rgba(51, 51, 51, 0.15);
    text-align: left;
}

.custom-select li:hover {
    background-color: var(--main-cl);
    color: #fff;
}

.custom-select li {
    margin: 0 !important;
    transition: .3s all;
}

.custom-select li {
    color: #333;
}

.custom-select::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0.3rem rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.custom-select::-webkit-scrollbar {
    width: 0.217rem;
    background-color: #cedbff;
}

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

.page-template-recruitment #main,
.single-recruitment #main {
    background: transparent;
}

.page-template-recruitment div#wrapper,
.single-recruitment div#wrapper {
    background-image: url(../images/bg.jpg);
    background-repeat: repeat;
    background-size: 100% auto;
}

.td_sec_2 .arrow_slide {
    width: 2rem;
    height: 2rem;
    background: var(--main-cl);
    transition: .7s all;
    flex-shrink: 0;
    border-radius: 2rem;
    border: 1px solid var(--main-cl);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    z-index: 6;
    transform: translateY(-50%);
    cursor: pointer;
}

.recruitment_popup {
    padding: 0;
}

.td_sec_1 .text-center.filter_heading {
    position: relative;
    z-index: 10;
}

.page-template-recruitment :is(h1,h2) {
    color: var(--main-cl);
}

.page-template-recruitment .banner_hero h1 {
    color: white;
}

.td_sec_2 .arrow_slide.next svg {
    transform: rotate(180deg);
}

.td_sec_2 .arrow_slide:hover {
    background: white;
    transition: .7s all;
}

.td_sec_2 .arrow_slide:hover svg path {
    stroke: var(--main-cl);
    transition: .7s all;
}

.td_sec_2 .swiper-pagination {
    display: none;
}

.title_animation {
    font-family: 'Motherland';

}

.wrap_form_tv .inner_form {
    background: #fff;
    border-radius: 1rem;
}

.wrap_form_tv .inner {
    padding: 3.25rem 4.75rem;
}

.box_form {
    margin-top: 2rem;
}

.box_form input:not([type="checkbox"]) {
    height: 2.604rem;
    box-shadow: none;
    border-radius: 5rem;
    border: 1px solid #CCC9BB;
    background: rgba(255, 255, 255, 0.70);
    padding: 0.625rem 1.25rem;
    margin-bottom: 1rem;
    color: #02172F;
    font-family: 'Inter';
    font-size: 0.833rem;
}

.box_form input::placeholder,
.box_form textarea::placeholder {
    color: #02172F;
    font-family: 'Inter';
    font-size: 0.833rem;
    opacity: 70%;

}

.box_form .col {
    padding: 0 15px;
}

.box_form textarea {
    border-radius: 1rem;
    border: 1px solid #CCC9BB;
    background: rgba(255, 255, 255, 0.70);
    color: #666;
    padding: 0.625rem 1.25rem;
    margin-top: 1rem;
    font-size: 0.833rem;
    min-height: 5.208rem;
}

div#form_td .content {
    font-size: 0.78125rem;
    margin-bottom: 0.25rem;
}

.box_form .submit-btn.submit-form-btn input {
    margin: 0 !important;
    left: 0;
    width: 100%;
    height: 100%;
}

div#form_td input[type="file"] {
    font-size: 0.78125rem;
}

div#form_td .box_form .content {
    margin: 0;
}

ul.sub-menu.nav-dropdown {
    border-radius: 10px;
    border-width: 1px;
    background: white;
    box-shadow: 1px 15px 15px rgba(0, 0, 0, .15);
    padding: .25rem;
}

ul.header-nav li.menu-item {
    margin: 0;
    border: unset !important;
}

ul.sub-menu.nav-dropdown li > a {
    color: black;
    border-radius: unset;
    padding: 0.5rem .5rem 0;
    box-shadow: none;
    height: unset;
    width: 100%;
    text-align: start;
    justify-content: start;
    margin: 0;
    font-size: 0.729rem;
    line-height: normal;
    font-family: 'Inter';
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

ul.sub-menu li a:before {
    bottom: 0;
    background: black !important;
}

.tax-product-category .list-cate-product {
    padding-top: 0;
}

.live-search-results.text-left.z-top {
    display: none;
}

.image_default {
    width: 20rem;
}

.blog_list .search-empty {
    width: 100%;
    gap: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.blog_list .search-empty a {
    width: fit-content;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search .blog_list.relative.flex.flex-wrap {
    padding-bottom: 0;
}

section.blog-2.search-page {
    padding-bottom: 0;
}

.review_slide_item .bottom .review .content {
    margin-top: 0;
}

.relation_wrap .item_left img,
.commit-card img,
.target-image img,
.quote-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

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

.popup_advise_form textarea {
    border: 1px solid #dadada !important;
}

.factory_9 .blog_wrap .item_right .thumb {
    width: 10.1875rem;
    flex: 0 0 auto;
    height: auto;
    border-radius: 24px;
    overflow: hidden;
}

.slide-mobile {
    display: none;
}

ul.sub-menu li.menu-item {
    border-bottom: 1px solid #ededed !important;
    position: relative;
}

ul.sub-menu li.menu-item:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: black;
    opacity: 0;
    transition: .7s all;
}

ul.sub-menu.nav-dropdown {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

ul.sub-menu li.menu-item a:before {
    content: unset;
}

ul.sub-menu li.menu-item a {
    border: unset;
}

ul.sub-menu li.menu-item {
    padding-bottom: .5rem;
}

ul.sub-menu li.menu-item:hover:before {
    width: 100%;
    opacity: 1;
    transition: .7s all;
}

/*.home_7 .blog_wrap .item_right .thumb {*/
/*    height: 6.6rem;*/
/*}*/
.information-product {
    margin-top: 0.833rem;
}
.advise_form .wpcf7 form.sent .wpcf7-response-output {
    background: #46b450;
    color: white;
}

.factory_7 {
    padding-top: 5.208rem;
}

footer .wpcf7 form.sent .wpcf7-response-output {
    background: #46b450;
    color: white;
}

header .language_wrap .language_item:not(:last-child) {
    padding: 0 0.417rem 0 0;
    border: 0;
}

header .language_wrap .language_item {
    color: white;
    font-size: 0.9375rem;
    position: relative;
}

header .language_wrap .language_item:not(:last-child):before {
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 1.042rem;
    background: rgba(255, 255, 255, 0.2);
    width: 1px;
}

.header-wrapper .language_wrap {
    opacity: 0;
    pointer-events: none;
}

.header-wrapper.stuck .language_wrap {
    opacity: 1;
    pointer-events: all;
}

.single .header-wrapper .language_wrap,
.search .header-wrapper .language_wrap,
.category .header-wrapper .language_wrap,
.page-template-blog .header-wrapper .language_wrap,
.page-template-default .header-wrapper .language_wrap {
    opacity: 1;
    pointer-events: all;
}

.search .ajax_wrap {
    margin: 2rem auto 0;
}

.home_7.relation_wrap .blog_wrap {
    padding-top: 0.104rem;
}
.header-wrapper.stuck .header-inner {
    padding: .5rem 3.333rem;
}

.error404 div#wrapper {
    padding-top: 0;
}
@media (max-width: 1600px) and (min-width: 1300px) {
    html {
        font-size: 1.1vw;
    }
}

@media (min-width: 1280px) {
    body, html {
        font-size: 1vw;
    }
}

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

    .load_home_page svg {
        width: 320px;
    }
}

@media only screen and (max-width: 991px) {
    :root {
        --container-w: 720px;
        --container-w-2: 720px
    }

    .slider_nhan_su .swiper-slide-active .box_img.right {
        top: -3rem;
        right: -7rem;
    }

    .relation_wrap .term {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .item_ns .box_content {
        padding-right: 10rem;
    }

    html {
        font-size: 1.6vw;
    }

    .load_home_page svg {
        width: 320px;
    }

    .search-tabs .search-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }

    [data-open="#main-menu"] i {
        display: block;
        width: 5rem;
        height: 5rem;
        background-image: url(../images/icon-menu.svg) !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: left center !important;
        background-color: unset !important;
        padding: 0 !important;
    }

    [data-open="#search-lightbox"] {
        width: 2rem;
        height: 2rem !important;
    }

    i.icon-menu:before {
        content: unset;
    }

    .header-main li.html.custom {
        display: flex;
    }

    .mfp-bg.off-canvas.off-canvas-left {
        top: 79.36px !important;
        position: fixed !important;
    }

    .mfp-content {
        top: 79.36px !important;
        box-shadow: none !important;
    }

    .off-canvas-left.mfp-ready .mfp-content {
        background: white;
    }

    li.menu-item a {
        color: black;
        font-size: 1.2rem;
    }

    ul.nav li.menu-item.current-menu-item > a {
        color: var(--main-cl) !important;
        font-family: 'Inter semibold' !important;
    }

    li.menu-item.current-menu-item a {
        color: black;
        font-family: 'Inter' !important;
    }

    .off-canvas .sidebar-menu {
        padding-top: 0;
    }

    div#wrapper {
        padding-top: 0;
    }

    .header-wrapper {
        padding-top: 0;
        position: relative;
    }

    .header-wrapper.stuck {
        position: fixed;
    }

    div#masthead {
        background: white;
        padding: .5rem 0 !important;
    }

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

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

    div#logo {
        height: 55px !important;
    }

    .logo a {
        height: 100%;
    }

    #logo img {
        height: 100%;
    }

    header .container {
        padding: 0 15px;
        max-width: var(--container-w) !important;
    }

    .nav-icon a.is-small {
        padding: 0;
    }

    .header-inner {
        height: auto !important;
    }

    .header-main {
        height: auto !important;
    }

    .banner_hero .image_wrap {
        border-radius: 0;
        height: 29rem;
    }

    .language_item {
        gap: 0.26rem;
        display: flex;
        align-items: center;
    }

    .language_wrap .language_item {
        font-size: 1.3rem;
        font-family: 'Inter semibold'
    }

    svg.language_dropdown_svg {
        width: 20px;
        height: 20px;
    }

    .banner_hero_sidebar {
        display: none;
    }

    .banner_hero .group_content {
        top: unset;
        bottom: 1rem;
    }

    .home_1 h1, .home_3 h2 {
        font-size: 2.8rem;
    }

    .content {
        font-size: 1.15rem;
    }

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

    ul.sub-menu li.menu-item a {
        font-size: 1.1rem;
        display: flex;
        flex: revert;
    }

    ul.sub-menu li {
        padding: .5rem .5rem 0;
    }

    ul.sub-menu {
        padding: .25rem 0 !important;
    }

    .banner_hero .pagination_wrap {
        top: 27rem;
    }

    .banner_hero .banner_hero_count {
        position: relative;
        inset: unset;
        margin-top: 1rem;
    }

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

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

    .home_2 {
        padding-top: 3rem;
    }

    .video_container {
        height: 30rem;
        border-radius: 24px;
    }

    .video_cta {
        width: 2rem;
    }

    .home_3 {
        padding-top: 3rem;
    }

    .home_3 h2 {
        width: 100%;
    }

    .sticky_list {
        margin: 1rem auto;
    }

    .sticky_list .item {
    }

    .sticky_list .item_left {
        width: 25rem;
        height: 14rem;
    }

    .sticky_list .index {
        font-size: 3rem;
    }

    .sticky_list .title {
        margin-top: 2rem;
        font-size: 1.5rem;
    }

    .home_4 {
        padding-top: 3rem;
    }

    .home_4 .group_content .content {
        width: 100%;
    }

    .solution_item {
        height: 22rem;
        border-radius: 24px;
    }

    .solution_item .group_content .title {
        font-size: 1.3rem;
    }

    .home_4 .slide_item .content {
        font-size: 1rem;
    }

    .home_4 .arrow_slide {
        position: relative;
        inset: unset !important;
        width: 3rem;
        height: 3rem;
        border: 1px solid var(--main-cl);
    }

    .home_4 .pagination_wrap {
        margin: 1rem 0;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1rem;
    }

    .solution_item .group_content {
        flex-direction: column;
        align-items: start;
        gap: .5rem;
        padding: 2rem 2rem 1rem;
    }

    .home_5 {
        padding-top: 3rem;
    }

    .home_5 .row {
        align-items: start;
    }

    .home_5 .pagination_wrap .arrow_slide {
        border: 1px solid var(--main-cl);
    }

    h1, h2 {
        font-size: 2.25rem;
    }

    .customer_item {
        padding: 2rem;
    }

    .customer_item .content_wrap .title {
        font-size: 1.2rem;
    }

    .customer_item .content_wrap .content {
        font-size: .9rem;
    }

    .customer_item .logo {
        width: 8.5rem;
    }

    .home_6 {
        margin-top: 0;
    }

    .home_6 {
        margin-top: 0;
    }

    .media_item .logo_wrap {
        flex-direction: column;
        align-items: start;
    }

    .media_item .logo_wrap .title {
        font-size: 1.2rem;
    }

    .media_item .logo_wrap .content {
        font-size: .9rem;
    }

    .media_slide .slide_item {
        padding: 0 3rem;
    }

    .media_slide {
        margin: 0 -3rem;
    }

    .media_item .group_content_slide .content {
        font-size: .9rem;
    }

    .media_wrap {
        padding: 2rem;
    }

    .home_6 .pagination_wrap {
        margin-top: 1rem;
    }

    .home_7 {
        padding-top: 3rem;
    }

    .relation_wrap .item_left {
        width: 30rem;
        border-radius: 24px;
    }

    .blog_wrap .item_right .thumb {
        width: 10rem;
        height: auto;
        border-radius: 12px;
    }

    .relation_wrap .blog_wrap {
        height: 21rem;
    }

    .blog_wrap .item_right {
        gap: 1rem;
    }

    .meta {
        font-size: .9rem;
    }

    .blog_wrap .item_right h3 {
        font-size: 1.1rem;
    }

    .advise_form {
        border-radius: 0 0 24px 42px;
        padding-top: 9rem;
        margin-top: 3rem;
    }

    .advise_form .group_content_inner {
    }

    .advise_form .group_content {
        top: 2rem;
    }

    .wpcf7 .wpcf7-not-valid-tip {
        font-size: .8rem;
        margin-top: -5px;
    }

    .advise_form_wrap input {
        height: 3rem;
    }

    .advise_form textarea {
        min-height: 6rem;
    }

    .btn .content {
        font-size: 1rem;
    }

    .home_9 {
        padding-top: 3rem;
    }

    .store_content {
        padding: 2rem;
    }

    .footer_left {
        width: 25rem;
        border-radius: 24px;
    }

    .footer_left_wrap .content {
        font-size: 1rem;
    }

    .footer_left_wrap {
        padding: 2.5rem 1.5rem;
        height: 100%;
        border-radius: 0;
    }

    .footer_top {
        gap: 1rem;
        flex-wrap: wrap;
        row-gap: 2rem;
    }

    .footer_top .footer_item:nth-child(1) .content {
        font-size: 1.15rem;
    }

    .footer_list a {
        font-size: 1.15rem;
        line-height: 2;
    }

    .footer_top .footer_item:first-child {
        width: 100% !important;
    }

    .footer_top .footer_item {
        width: calc(100% / 2 - (1rem * 1 / 2)) !important;
    }

    .footer_social .logo {
        width: 2.75rem;
        height: 2.75rem;
        padding: .5rem;
    }

    .footer_social .content {
        font-size: 1.15rem;
    }

    .footer_right {
        padding: 2rem 2rem 1rem;
    }

    .footer_title:before {
        width: 11rem;
    }

    .footer_bottom {
        flex-direction: column;
        gap: 1rem;
    }

    .footer_bottom .copyright {
        font-size: 1rem;
    }

    .footer_bottom .list_page a {
        font-size: 1rem;
    }

    .footer_bottom .list_page a:not(:last-child):before {
        opacity: 50%;
    }

    .banner_hero {
        max-width: 100vw;
    }

    .icon-search:before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjg3NSAxOC43NUMxNS4yMjQyIDE4Ljc1IDE4Ljc1IDE1LjIyNDIgMTguNzUgMTAuODc1QzE4Ljc1IDYuNTI1NzYgMTUuMjI0MiAzIDEwLjg3NSAzQzYuNTI1NzYgMyAzIDYuNTI1NzYgMyAxMC44NzVDMyAxNS4yMjQyIDYuNTI1NzYgMTguNzUgMTAuODc1IDE4Ljc1WiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNi40NDI5IDE2LjQ0MzhMMjAuOTk5MiAyMS4wMDAxIiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
        width: 1.6rem;
        height: 1.6rem;
    }

    li.header-search.header-search-lightbox.has-icon {
        margin-left: 0;
    }

    .header-search a i {
        width: 1.6rem;
        height: 1.6rem;
    }

    .popup_advise_form input, .popup_advise_form textarea {
        font-family: 'Inter';
    }

    .factory_solution .item_left {
        width: 28rem;
    }

    .factory_solution .item_left .group_content .content {
        width: 100%;
    }

    .factory_solution .item_left .group_content {
        padding: 2rem;
    }

    .factory_solution .item_right .factory_solution_list .item {
        padding: 2rem;
        1rem: 100%;
        gap: .5rem;
        width: 100%;
    }

    .factory_solution .item_right .factory_solution_list {
        flex-direction: column;
    }

    .factory_solution .item_right .factory_solution_list .item .title {
        font-size: 1.5rem;
    }

    .factory_4 {
        padding-top: 3rem;
    }

    .factory_3 {
        padding-top: 3rem;
    }

    .factory_2 {
        padding-top: 3rem;
    }

    .why_item {
        height: auto;
        padding: 2rem 2rem 16rem;
    }

    .why_item .content {
        font-size: 1rem;
    }

    .factory_why_list {
        gap: 2rem;
    }

    .factory_5:before {
        width: 100%;
        height: 20rem;
    }

    .factory_cta_wrap .image {
        width: auto;
        height: 25rem;
    }

    .factory_5 {
        margin-top: 3rem;
    }

    .factory_cta_wrap .group_content > .content {
        width: 100%;
        font-size: 1.7rem;
    }

    .customer_slide_item {
        height: auto;
        width: 5rem;
    }

    .review_slide_item .detail .content {
        font-size: .9rem;
    }

    .review_slide_item .heading .logo {
        width: 3rem;
        height: 3rem;
    }

    .review_slide_item .heading .title {
        font-size: 1.1rem;
    }

    .factory_8 {
        padding-top: 3rem;
    }

    .factory_8 .factory_letter {
        padding: 3rem 3rem 16rem;
    }

    .relation_wrap .term_wrap {
        flex-wrap: wrap;
    }

    .relation_wrap h2 {
        font-size: 2rem;
    }

    .relation_wrap .blog_wrap {
        padding-top: 0;
    }

    footer#footer {
        padding: 3rem 0 1rem;
    }

    .about-1 .pattern_list {
        display: none;
    }

    .about-1 {
        padding: 10rem 0 5rem;
    }

    .about-1 .pattern_1 {
        width: 24rem;
        top: 17rem;
        opacity: 30%;
    }

    .about-2 .sticky_list .item {
        padding: 3rem 2rem;
        gap: 2rem;
    }

    .about-2 .item_right {
        width: 50%;
    }

    .about-2 .sticky_list .item_left {
        width: 45%;
    }

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

    .mission-inner {
        flex-wrap: wrap;
        flex-direction: column;
        padding-top: 3rem;
        gap: 2rem;
    }

    .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: unset;
        bottom: 10%;
        transform: unset;
    }


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

    .about-5 {
        padding: 3rem 0 0;
    }

    .item-core-value .box-img-core-value {
        width: 25rem;
        opacity: 1;
        bottom: 2rem;
    }

    .item-core-value .content {
        width: 10rem;
    }

    li.menu-item a:hover {
        color: var(--main-cl);
    }

    .contact_2 {
        padding-top: 3rem;
    }

    .box-info-contact_2 {
        margin: 0;
    }

    .contact_2 .logo {
        height: 8rem;
        margin: 0 auto;
        width: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .contact_2 .logo img {
        object-fit: contain;
        width: 100%;
        height: 100%;
    }

    .form_page_contact input {
        height: 3rem;
        font-size: 0.9375rem;
    }

    .form_page_contact textarea {
        font-size: 0.9375rem;
        border-radius: 15px;
        min-height: 100px;
    }

    .form_page_contact :is(input,textarea) {
        font-size: 1rem;
        font-family: 'Inter';
    }

    .contact_3 {
        padding-top: 2rem;
    }

    .blog_1 {
        padding: 3rem 0;
        border-radius: 0 0 24px 24px;
    }

    .item_blog .excerpt, .item .excerpt {
        font-size: .9rem;
    }

    .blog_wrap .item_right .thumb {
        width: 12rem;
    }

    .blog_1.relation_wrap .blog_wrap {
        height: 26rem;
    }

    .blog-2 {
        padding-top: 2rem;
    }

    .blog_wrap {
        padding-top: 2rem;
    }

    .ajax-paging a {
        width: 3rem;
        height: 3rem;
        font-size: 1.1rem;
    }

    .blog_1.relation_wrap .blog_wrap {
        height: auto;
    }

    .relation_wrap .item_left .group_content {
        padding: 1rem 1rem 0;
    }

    .item_blog .excerpt, .item .excerpt {
        font-size: 1.2rem;
    }

    .blog_wrap .item_right {
        gap: 1.5rem;
    }

    .blog_1 {
        padding: 3rem 0 0;
    }

    .blog_1 .desc {
        font-size: 1.35rem;
    }

    .btn_term_wrap.term_desktop {
        display: none;
    }

    .the_content :is(h1,h2) {
        font-size: 1.5rem;
    }

    .the_content :is(span,strong,b) {
        font-family: 'Inter medium' !important;
        font-weight: unset;
    }

    .post_detail_sidebar {
        margin-right: 0;
    }

    .sidebar_posts .thumb {
        border-radius: 5px;
    }

    .sidebar_posts .item {
        border-radius: 10px;
    }

    .post_detail_sidebar .title_heading {
        text-align: center;
        line-height: 2;
    }

    .post_detail .meta {
        font-size: 1.1rem;
    }

    .share_heading a {
        width: 2.5rem;
        height: 2.5rem;
    }

    .single-post .the_content {
        margin-top: 3rem;
    }

    .post_detail_bottom .share {
        font-size: 1rem;
    }

    .post_detail_bottom .share a {
        width: 2.5rem;
        height: 2.5rem;
    }

    .item_blog h3 {
        font-size: 1.3rem;
    }

    .item_blog .excerpt {
        font-size: 1.1rem;
    }

    .the_content blockquote {
        font-size: 1.15rem;
    }

    .form-contact-us-wrap .img-wrap {
        width: 22rem;
    }

    .product-1 {
        padding-top: 3rem;
    }

    .subtitle-sec {
        font-size: 1.1rem;
    }

    .product-list-1 {
        margin-top: 1rem;
    }

    .product-2 {
        margin-top: 1rem;
        padding-top: 3rem;
    }

    .item-product-of-cate .link {
        font-size: .9rem;
    }

    .product-title-3 .content {
        max-width: 100%;
    }

    .form-contact-us-group h3 {
        font-size: 2rem;
    }

    .form_contact .col {
        padding: 0 15px 10px;
    }

    ul.select-options li {
        font-size: 1rem;
    }

    .form-contact-us .content_detail {
        font-size: .9rem;
    }

    .product_customer_wrap {
        width: var(--container-w);
        margin: 0 auto;
    }

    .product_customer_wrap:before, .product_customer_wrap:after {
        content: unset;
    }

    .info-product-top {
        gap: 3rem;
    }

    .product_desc {
        font-size: 1rem;
    }

    .item-classify .title, .price-product .title {
        font-size: 1.1rem;
        width: 7.5rem;
    }

    .list-classify ul li {
        font-size: .9rem;
        padding: .5rem 1rem;
    }

    .item-ingredient .the_content {
        font-size: 1.1rem;
    }

    .item-ingredient .the_content p {
        line-height: 2;
    }

    .title-ingredient .title {
        font-size: 1.3rem;
    }

    .sidebar-wrap-product {
        margin: 0;
    }

    .category_wrap a.category_item {
        font-size: 1.2rem;
    }

    .sidebar-wrap-product .category_wrap {
        padding: 2rem 2rem 1rem;
    }

    .category_wrap .svg {
        width: 1.5rem;
        height: auto;
    }

    .sidebar-wrap-product .title-group h3 {
        font-size: 1.2rem;
    }

    .related_product_wrap .item-product-of-cate .link span {
        font-size: 1rem;
    }

    .related_product_slide h3,
    .blog-sidebar-slide h3 {
        font-size: 1.1rem;
        height: 3.5rem;
    }

    .related_product_wrap .arrow_slide,
    .product_detail_blog .arrow_slide {
        display: flex;
        inset: unset;
        transform: unset;
        position: relative;
    }

    .related_product_wrap .pagination_wrap,
    .blog-sidebar-slide .pagination_wrap {
        margin: 1rem auto 0;
    }

    .related_product_wrap .arrow_slide,
    .product_detail_blog .arrow_slide {
        border: 1px solid var(--main-cl) !important;
        opacity: 100%;
    }

    .list-post .pagination_wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 1rem auto 0;
    }

    .blog-sidebar-slide .thumb {
        height: auto;
        aspect-ratio: 16 / 9;
    }

    .factory_9 .blog_wrap .item_right .thumb {
        width: 9rem;
        border-radius: 12px;
    }

    header .language_wrap .language_item {
        color: var(--text-cl);
        font-size: 1.3rem;
        font-family: 'Inter';
    }

    .header-wrapper .language_wrap {
        opacity: 1;
        pointer-events: all;
    }

    header .language_wrap .language_item:not(:last-child):before {
        background: #a4a4a4;
    }

    header .language_wrap .language_item:not(:last-child) {
        padding-right: .75rem;
    }

    .language_wrap {
        gap: .75rem;
    }

    header .language_wrap .language_item.current_lang {
        color: var(--main-cl);
    }
    .header-wrapper.stuck .header-inner {
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    html {
        font-size: 3vw;
    }

    .grid-container {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .load_home_page svg {
        width: 240px;
    }

    #search-lightbox {
        margin-left: -20px;
        margin-right: -20px;
        max-width: calc(100% + 40px);
    }

    #search-lightbox .search-lightbox-title {
        margin-bottom: 20px;
        font-size: 20px;
    }

    #search-lightbox .search-keywords {
        margin-top: 20px;
    }

    #search-lightbox .search-keywords > a {
        font-size: 14px;
    }

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

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

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

    .search-tabs .search-tabs-title .search-tab-title {
        font-size: 0.75rem;
        padding: 0.5rem 1rem;
    }

    .mfp-bg.off-canvas.off-canvas-left {
        top: 72.5px !important;
        position: fixed !important;
    }

    .mfp-content {
        top: 72.5px !important;
        box-shadow: none !important;
    }

    .banner_hero .group_content h1 {
        width: 100%;
    }

    .home_1 h1, .home_3 h2 {
        font-size: 2rem;
    }

    .banner_hero .group_content .content {
        width: 100%;
        line-height: normal;
    }

    .count_wrap {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .count_wrap .item {
        width: calc(100% / 2 - (1rem * 1 / 2));
    }

    .home_2 {
        padding-top: 1rem;
    }

    .video_container {
        height: 17rem;
        border-bottom: 12px;
    }

    .home_3 h2 {
        font-size: 1.7rem;
    }

    .sticky_list .item {
        flex-direction: column;
        gap: 1rem;
        padding: 2rem 15px 4rem;
    }

    .sticky_list .item_left {
        width: 100%;
        height: 15rem;
        border-radius: 12px;
    }

    .sticky_list .item_right {
        width: 100%;
    }

    .sticky_list .content :is(ul,ol) {
        padding-left: 1.5rem;
    }

    .content {
        font-size: 1.35rem;
    }

    .btn .content {
        font-size: 1.35rem;
    }

    .solution_slide .swiper-slide {
        transform: unset;
    }

    .solution_wrap {
        padding: 0 15px;
    }

    .solution_item .group_content .item_left {
        width: 100%;
    }

    .solution_item .group_content .title {
        font-size: 1.5rem;
    }

    .home_4 .slide_item .content {
        font-size: 1.2rem;
    }

    .btn .svg {
        width: 1.75rem;
        height: 1.7rem;
    }

    .pagination_wrap {
        display: flex !important;
        justify-content: space-between !important;
        width: 100%;
        align-items: center !important;
    }

    .pagination_wrap .swiper-pagination {
        display: flex !important;
        position: relative;
        width: fit-content;
        margin-top: 1rem;
    }

    .pagination_wrap .arrow_slide {
        width: 3.5rem;
        height: 3.5rem;
        flex: 0 0 auto;
        position: relative;
        inset: unset;
        border: 1px solid var(--main-cl);
    }

    .customer_item {
        border-radius: 12px;
    }

    .customer_item > .title {
        font-size: 1.45rem;
    }

    .customer_item .logo {
        width: 10rem;
    }

    .customer_item .content_wrap .title {
        font-size: 1.35rem;
    }

    .customer_item .content_wrap .content {
        font-size: 1rem;
    }

    .media_slide .slide_item {
        padding: 0;
        width: 100%;
    }

    .media_slide {
        margin: 0;
    }

    .media_wrap {
        border-radius: 24px;
        width: 100%;
    }

    .media_item .logo {
        width: 12rem;
    }

    .media_item .logo_wrap .title {
        font-size: 1.4rem;
    }

    .media_item .logo_wrap .content {
        font-size: 1.2rem;
    }

    .media_item .group_content_slide {
        width: 100%;
    }

    .media_slide .slide_item:before {
        content: unset;
    }

    .media_item .group_content_slide .content {
        font-size: 1.2rem;
    }

    .media_item .group_content_slide .title {
        font-size: 1.45rem;
    }

    .desktop_display {
        display: none !important;
    }

    .home_5 .pagination_wrap {
        margin-top: 1.5rem;
    }

    .home_5 .pagination_wrap {
        margin-top: 1.5rem;
    }

    .home_6 .pagination_wrap .arrow_slide {
        display: flex;
        position: relative;
        inset: unset;
        border: 1px solid var(--main-cl);
    }

    .home_6 .pagination_wrap .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }

    .home_6 .pagination_wrap {
        margin-top: 1.5rem;
    }

    .home_7 h2 {
        text-align: center;
    }

    .relation_wrap .term_wrap {
        justify-content: center;
    }

    .home_7 {
        padding-top: 1rem;
    }

    .relation_wrap .blog_wrap {
        padding-top: 0;
        height: auto;
    }

    .relation_wrap .blog_wrap {
        flex-direction: column;
    }

    .relation_wrap .item_left {
        width: 100%;
        border-radius: 12px;
        aspect-ratio: 16 / 9;
    }

    .relation_wrap .item_left .group_content {
        width: 100%;
    }

    .meta {
        font-size: 1.2rem;
        gap: .75rem;
    }

    .meta {
    }

    .blog_wrap .item_right .item {
        flex-direction: column;
        align-items: start;
    }

    .blog_wrap .item_right .thumb {
        width: 100%;
        aspect-ratio: 16 / 9;
    }

    .blog_wrap .item_right h3 {
        font-size: 1.4rem;
    }

    .item_right .item .detail {
        gap: .5rem;
    }

    .advise_form {
        margin-top: 0;
        padding-top: 1rem;
    }

    .advise_form .group_content {
        position: relative !important;
        inset: unset;
    }

    .advise_form .group_content_inner {
        width: 100%;
    }

    .advise_form_wrap input {
        border: 1px solid #adadad;
        height: 3.5rem;
        text-align: start;
        line-height: 1 !important;
        padding: 1rem;
        border-radius: 20px;
        color: black;
        font-family: 'Inter';
    }

    body :is(input,textarea) {
        font-size: 18px !important;
        line-height: 1 !important;
    }

    body :is(input,textarea)::placeholder {
        font-size: 1.3rem;
    }

    .advise_form .select-styled {
        height: 3.5rem;
        border: 1px solid #adadad;
        font-size: 1.3rem;
        color: black;
    }

    .advise_form_wrap input::placeholder {
        color: black;
    }

    ul.select-options li {
        padding: .5rem 1rem;
        font-size: 1.2rem;
    }

    textarea {
        border: 1px solid #adadad !important;
        padding: 1rem !important;
        min-height: 10rem !important;
        font-family: 'Inter';
    }

    .advise_form textarea::placeholder {
        color: black;
    }

    .mobile_display {
        display: block;
    }

    .mobile_flex {
        display: flex;
    }

    .home_7 a.btn,
    .factory_9 a.btn {
        margin: 2rem auto 0;
    }

    .advise_form .submit-btn.submit-form-btn {
        margin: 1rem auto 0;
    }

    .advise_form {
        border-radius: 0;
    }

    .home_9 .marquee_item {
        font-size: 2rem;
    }

    .store_content {
        position: relative !important;
        inset: unset;
        transform: unset;
        padding: 0 15px;
        border-radius: unset;
    }

    .wrap-stores {
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

    .wrap-stores:before, .wrap-stores:after {
        content: unset;
    }

    .form_select_wrap select {
        height: 3.5rem;
        font-size: 1.1rem;
    }

    .store-item .item_right p {
        font-size: 1.3rem;
    }

    .store-item {
        flex-direction: column;
        align-items: start;
    }

    .store-item .item_right {
        width: 100%;
        padding-left: 0;
        border-left: unset;
    }

    .store-item .item_left h3 {
        font-size: 1.7rem;
        line-height: 1;
        margin: 0;
        width: 100%;
    }

    .store-item .item_left {
        width: 100%;
    }

    footer#footer {
        gap: 0;
        width: 100%;
        flex-direction: column-reverse;
        padding-bottom: 0;
    }

    .footer_left {
        width: 100%;
        border-radius: 0;
    }

    .footer_right {
        border-radius: 24px;
    }

    li.menu-item a {
        font-size: 1.3rem;
    }

    .footer_top .footer_item .footer_title.content {
        font-size: 1.55rem !important;
    }

    .footer_top .footer_item .content {
        font-size: 1.35rem !important;
    }

    .footer_top .footer_item {
        width: 100% !important;
    }

    .footer_title {
        margin-bottom: 1.1rem;
        padding-bottom: 1.1rem;
    }

    .footer_bottom .copyright {
        font-size: 1.2rem;
    }

    .footer_bottom .list_page a {
        font-size: 1.25rem;
    }

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

    .email_form_wrap input::placeholder {
        font-size: 1.2rem;
    }

    button.wpcf7-submit span.svg_wrap {
        width: 2.5rem;
        height: 2.5rem;
    }

    .email_form_wrap input {
        height: 4rem;
    }

    .email_form_wrap button.wpcf7-submit {
        width: 3.25rem;
        height: 3.25rem;
        top: .4rem;
    }

    .footer_left_wrap .logo {
        margin: 0 auto;
        width: 8rem;
    }

    .home_2 .pagination_wrap {
        margin-top: 1rem;
    }

    .home_3 {
        padding-top: 1rem;
    }

    .footer_title:before {
        width: 100%;
    }

    .about-5 {
        width: 100%;
    }

    .item-core-value {
        flex-direction: column;
        align-items: start;
        gap: .5rem;
        padding: 3rem 0 !important;
        margin: 0 !important;
    }

    .item-core-value .box-img-core-value {
        position: relative !important;
        inset: unset !important;
        transform: unset !important;
        width: 100%;
        aspect-ratio: 16 / 9;
    }

    .item-core-value h3 {
        margin: 0;
        font-size: 1.7rem;
    }

    .item-core-value .index {
        font-size: 4.2rem;
    }

    .item-core-value .content {
        width: 100%;
        font-size: 1.35rem;
    }

    .item-core-value .box-img-core-value img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .item-core-value:last-child {
        padding-bottom: 0 !important;
    }

    .about-5 {
        padding: 3rem 0 0;
    }

    .about-1 {
        margin: 0;
        padding: 3rem 0 2rem;
    }

    .about-1 .group-content {
        font-size: 1.35rem;
    }

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

    .about-1 .pattern_1 {
        top: 1rem;
        right: 0rem;
        width: 9rem;
        left: unset;
    }

    .about-2 .sticky_list .item_left {
        width: 100%;
    }

    .about-2 .sticky_list .item {
        padding: 2rem 15px;
    }

    .target-image {
        height: 49rem;
    }

    .target-wrap {
        border-radius: 12px;
    }

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

    .target-card {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90%;
        padding: 2rem 1rem;
    }

    .commit-head {
        width: 91%;
        padding: 1rem;
    }

    .mission-left {
        flex: unset;
    }

    .about-4 {
        width: 100%;
    }

    .subtitle-sec {
        font-size: 1.2rem;
    }

    .mission-inner .mission-left .content_1 {
        margin-top: 1rem;
    }

    .l-content {
        font-size: 1.4rem !important;
    }

    .commit-card {
        width: 100%;
        height: 23rem;
    }

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

    .commit-head h3 {
        font-size: 1.4rem;
    }

    .commit-head .content {
        font-size: 1.2rem;
    }


    .mission-quote strong {
        font-size: 1rem;
    }

    .quote-mark {
        width: 2rem;
        margin: 0 auto 1rem;
    }

    .quote-image {
        position: relative;
        inset: unset;
        height: auto;
    }

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

    .about-4 {
        border-radius: 12px;
    }

    .mission-quote strong {
        font-size: 1.4rem;
    }

    .quote-mark {
        width: 3rem;
    }

    .banner_hero .image_wrap {
        height: 20rem;
    }

    .banner_hero .group_content_2 {
        bottom: 0;
    }

    .home_1.banner_hero .image_wrap {
        height: 30rem;
    }

    .box-info-contact_2 h3 {
        font-size: 1.4rem;
    }

    .group-info-contact_2 .info .icon img {
        object-fit: contain;
    }

    .group-info-contact_2 .info .icon {
        width: 1.5rem;
        height: 1.5rem;
    }

    .contact-form .desc {
        font-size: 1.35rem;
    }

    .form_page_contact :is(input,textarea) {
        font-size: 18px !important;
    }

    .form_page_contact :is(input,textarea)::placeholder {
        font-size: 1.2rem;
    }

    .contact_3 {
        padding-top: 0;
    }

    .form_page_contact .submit-btn input {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .form_page_contact .submit-btn {
        margin: .5rem auto 0;
    }

    .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: 'Inter semibold';
        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: 'Inter Medium';
    }

    .list_tax_mobile.active .blog_term_mobile_title:before {
        filter: brightness(0) invert(1);
        transform: translateY(-50%) rotateX(180deg);
        transition: .7s all;
    }

    .blog_term_mobile_title,
    .product_term_mobile_title {
        font-size: 1.35rem;
        padding: 1rem !important;
    }

    .title-group.blog-title-2 {
        position: relative;
        z-index: 5;
    }

    .title-group.blog-title-2 {
        position: relative;
        z-index: 5;
    }


    li.solution_term_item.term_item {
        background: white;
        margin: 0;
    }

    ul.list_tax_cat li {
        color: black;
    }

    li.solution_term_item.term_item {
        border-bottom: 1px solid #c8c8c8;
        font-size: 1.25rem;
    }

    li.solution_term_item.term_item:last-child {
        margin: 0;
        border: unset;
    }

    .item_blog {
        width: 100%;
    }

    .item_blog .image {
        height: auto;
        aspect-ratio: 16 / 9;
    }

    .relation_wrap .item_left .group_content {
        position: relative !important;
        inset: unset !important;
        padding: 1.25rem 0 0 0;
    }

    .relation_wrap .item_left {
        height: auto;
        aspect-ratio: unset;
        border-radius: unset;
    }

    .home_7 .item_left .meta {
        opacity: 50%;
    }

    .relation_wrap .item_left img {
        aspect-ratio: 16 / 9;
        border-radius: 12px;
        overflow: hidden;
        transform: unset;
    }

    .relation_wrap .item_left:before {
        content: unset;
    }

    .ajax-paging a {
        width: 3.5rem;
        height: 3.5rem;
        font-size: 1.35rem;
    }

    .page-template-blog footer#footer {
        padding-top: 0;
    }

    .home_7.relation_wrap .item_left .meta,
    .home_7.relation_wrap .item_left h3,
    .factory_9.relation_wrap .item_left .meta,
    .factory_9.relation_wrap .item_left h3 {
        color: black;
    }


    .relation_wrap .item_left h3 {
        font-size: 1.4rem;
    }

    .home_7 .item_left .meta .dot,
    .factory_9 .item_left .meta .dot {

        background: black;
    }

    li.solution_term_item.term_item.relative.active {
        color: var(--main-cl);
    }

    .post_detail_heading .detail_wrap {
        margin-top: 2rem;
        gap: 5rem;
    }

    .post_detail .meta {
        font-size: 1.35rem;
    }

    .meta .term {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .share_heading a {
        width: 3rem;
        height: 3rem;
    }

    .the_content blockquote {
        font-size: 1.35rem;
    }

    .post_detail_bottom .share {
        font-size: 1.3rem;
    }

    .post_detail_bottom .share a {
        width: 3rem;
        height: 3rem;
    }

    .post_detail_sidebar .title_heading {
        font-size: 1.3rem;
    }

    .sidebar_posts .thumb {
        height: unset;
        aspect-ratio: 16 / 9;
    }

    .related_blog .pagination_wrap {
        margin-top: 1rem;
    }

    .item_blog .excerpt {
        font-size: 1.2rem;
    }

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

    ul.select-options li {
        text-align: start;
    }

    .share_heading a span {
        width: 55%;
        height: 55%;
    }

    .post_detail_bottom .share a span {
        width: 55%;
        height: 55%;
    }

    .page-template-recruitment ul.nav_tabs_about.style_2 {
        display: none;
    }

    .td_sec_1 {
        padding: 2rem 0;
    }

    .filter_recruit .wrap_form {
        flex-direction: column;
        gap: 1rem;
    }

    .filter_recruit .wrap_form .item {
        width: 100%;
        font-size: 1.35rem;
    }

    .selected-option {
        padding: 1rem 2rem;
        height: auto;
        background-position: center right 2rem;
        background-size: 1.5rem;
    }

    .custom-select li {
        font-size: 1.3rem;
    }

    .item_td {
        width: 100%;
    }

    .item_td .top span {
        font-size: 1.35rem;
    }

    .item_td h3 {
        font-size: 1.4rem;
    }

    .item_td .top {
        margin-bottom: 1rem;
    }

    .item_td ul li {
        font-size: 1.35rem;
    }

    .item_ns {
        margin: 0;
    }

    .item_ns .box_content {
        width: 100%;
        min-height: unset;
        padding: 2rem;
    }

    .slider_nhan_su .swiper-slide .box_img.right {
        inset: unset;
        transform: unset;
        position: relative;
        width: 100%;
        height: 30rem;
        opacity: 1 !important;
        padding: 0;
        margin-bottom: 2rem;
    }

    .slider_nhan_su .swiper-slide .box_img.right img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .item_ns h3 {
        font-size: 1.5rem;
    }

    .item_ns .postion {
        font-size: 1.4rem;
        margin-bottom: .5rem;
    }

    .td_sec_2 .pagination_wrap {
        margin-top: 2rem;
    }

    .td_sec_2 .pagination_wrap .swiper-pagination {
        /* margin-top: 0; */
    }

    .td_sec_2 .arrow_slide {
        inset: unset !important;
        position: relative;
        transform: unset;
    }

    .slider_nhan_su .box_img.right {
        inset: unset !important;
        opacity: 1;
        width: 100%;
        transform: unset;
    }

    .slider_nhan_su .swiper-slide .box_img.left {
        display: none;
    }

    .slider_nhan_su {
        overflow: hidden;
    }

    .item_ban_tin .box_content h3 {
        font-size: 1.5rem;
    }

    .item_ban_tin .box_content .content {
        font-size: 1.35rem;
        -webkit-line-clamp: 3;
    }

    .item_ban_tin .box_content span {
        font-size: 1.2rem;
    }

    .td_sec_5_items .item {
        width: 100%;
        margin: auto !important;
        transform: unset !important;
    }

    .td_sec_5_items {
        display: block;
    }

    .td_sec_5_items .box_img {
        aspect-ratio: 16 / 9;
        padding: 0;
    }

    .td_sec_5_items .box_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: unset;
    }

    .td_sec_5_items .item:hover .box_img img {
        transform: unset;
        position: relative;
        inset: unset;
    }

    .td_sec_5_items {
        display: flex;
        flex-direction: column;
    }

    .td_sec_5_items h3 {
        font-size: 1.5rem;
    }

    .td_details_sec_1 {
        padding: 3rem 0 0 !important;
    }

    .info_td .item .title h3 {
        font-size: 1.2rem;
    }

    .box_benefits h3 {
        font-size: 1.2rem;
    }

    ul.share_post a {
        width: 2.5rem;
        height: 2.5rem;
    }

    div#form_td .content {
        font-size: 1.1rem;
    }

    section.td_details_sec_3 {
        padding: 2rem 0 0;
    }

    .td_details_sec_1 ul b {
        width: 21rem;
        font-size: 1.1rem;
    }

    .td_details_sec_1 ul li {
        font-size: 1.1rem;
    }

    .box_benefits h3 {
        font-size: 1.3rem;
    }

    .box_benefits ul li svg {
        width: 1.3rem;
    }

    .box_benefits ul li {
        font-size: 1.3rem;
    }

    .info_td .item .title h3 {
        font-size: 1.3rem;
    }

    h2.job-title {
        margin: 0;
    }

    .box_benefits ul {
        display: block;
    }

    .box_benefits ul li {
        font-size: 1.35rem;
        width: 100%;
    }

    .info_td .item .title h3 {
        font-size: 1.4rem;
    }

    .info_td .content {
    }

    .contact_1 .item_contact.rounded-20 {
        width: 100%;
    }

    .box_contact.flex {
        flex-wrap: wrap;
    }

    .box_benefits {
        padding: 2rem 2rem 1rem;
        margin: 0;
    }

    .info_td .item {
        display: block;
    }

    .info_td .item .title {
        width: 100%;
    }

    .info_td .item .title {
        padding: 0;
        width: 100%;
        margin-bottom: 1rem;
    }

    .info_td .content .inner ul, .info_td .content .inner ol {
        margin: 0;
        padding-left: 1.5rem;
    }

    .wrap_form_tv .inner {
        padding: 1rem;
    }

    div#form_td .content {
        font-size: 1.35rem;
    }

    .box_form input:not([type="checkbox"]) {
        height: 3rem;
        padding: 1rem 1.25rem !important;
    }

    .wrap_form_tv :is(input,textarea) {
        font-size: 18px !important;
    }

    .wrap_form_tv :is(input,textarea)::placeholder {
        font-size: 1.3rem;
    }

    .box_form textarea {
        margin: 0;
        padding: 1rem 1.25rem !important;
    }

    .wrap_file_cv {
        margin: 1rem 0 0;
        text-align: center;
    }

    .wrap_file_cv input {
        width: fit-content;
        font-size: 1.3rem !important;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    span.wpcf7-form-control-wrap {
        width: fit-content;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .wrap_form_tv .submit-btn.submit-form-btn {
        margin: 1rem auto 0;
    }

    ul.share_post a {
        width: 3rem;
        height: 3rem;
    }

    .sidebar_td .inner > b {
        font-family: 'Inter semibold';
        font-size: 1.5rem;
    }

    a.scroll_to_form {
        height: auto;
        padding: .25rem 2rem;
        font-size: 1.35rem;
    }

    .download_file_td a {
        font-size: 1.5rem;
    }

    section.td_details_sec_3 .wrap_post_td {
        margin-bottom: 0;
    }

    .single-recruitment footer {
        padding-top: 0 !important;
    }

    .product-group-1 {
        padding: 0;
    }

    .product-1 .numbers-wrap .l-content {
        font-size: 1.2rem !important;
    }

    .list-product-of-cate {
        gap: 1rem;
    }

    .item-product-of-cate {
        width: calc((100% / 2) - (1rem * 1) / 2);
    }

    .item-product-of-cate h3 {
        font-size: 1.35rem;
        height: 4rem;
    }

    .item-product-of-cate .link {
        font-size: 1.2rem;
    }

    .product_customer_wrap {
        width: 100%;
    }

    .product-3 .pagination_wrap {
        padding: 0 15px;
        margin: 1rem 0;
    }

    .form-contact-us {
        margin-top: 2rem;
        padding-top: 2rem;
    }

    .form-contact-us-title .content {
        width: 100%;
    }

    .quick-link-contact-us {
        flex-direction: column;
        align-items: center;
    }

    ul.quick-link-contact-us li {
        width: 100%;
        padding: 0 !important;
    }

    ul.quick-link-contact-us li:not(:last-child):before {
        content: unset;
    }

    ul.quick-link-contact-us li .list {
        width: 100%;
        height: auto;
    }

    ul.quick-link-contact-us span.icon {
        width: 3.5rem;
        height: 3.5rem;
    }

    .quick-link-contact-us .title {
        font-size: 1.4rem;
    }

    .form-contact-us .content_detail {
        font-size: 1.2rem;
    }

    .quick-link-contact-us .content_wrap.content {
        display: flex;
        flex-direction: column;
        gap: .25rem;
    }

    .form-contact-us-wrap .inner {
        flex-direction: column;
    }

    .form-contact-us-wrap .img-wrap {
        width: 100%;
        height: auto;
    }

    .form_contact label {
        font-size: 1.2rem;
    }

    .form_contact input {
        height: 3rem;
    }

    .form_contact :is(input,textarea) {
        font-size: 18px !important;
    }

    .form_contact :is(input,textarea)::placeholder {
        font-size: 1.3rem;
    }

    .form-contact-us-wrap {
        padding: 1.5rem 2rem;
    }

    .form-contact-us-group h3 {
        text-align: center;
    }

    .form_contact .submit-btn.submit-form-btn {
        margin: 1.5rem auto 0;
    }

    .blog_wrap_option .pagination_wrap {
        margin: 2rem auto 0;
    }

    .product_blog_wrap .btn {
        margin: 1rem auto 0;
    }

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

    .image-product {
        width: 100%;
        aspect-ratio: 1 / 1;
    }

    .product-gallery-wrap {
        max-width: 100%;
    }

    .product-gallery-wrap .pagination_wrap {
        justify-content: center !important;
        align-items: center !important;
        width: 100%;
        margin: 0 auto;
        display: flex;
    }

    .wrap-overview-product h1 {
        font-size: 2.2rem;
    }

    .product_desc {
        font-size: 1.35rem;
    }

    .price-product {
        flex-direction: column;
        align-items: start;
        gap: 1rem;
        margin-top: 1.5rem;
    }

    .item-classify .title, .price-product .title {
        width: 100%;
        font-size: 1.5rem;
    }

    .price {
        font-size: 1.7rem;
    }

    .list-classify ul li {
        font-size: 1.2rem;
        padding: .75rem 1rem;
    }

    .list-classify ul {
        gap: .75rem;
    }

    .classify-product {
        gap: 1rem;
    }

    .category_wrap a.category_item {
        font-size: 1.3rem;
    }

    .sidebar-wrap-product .title-group h3 {
        font-size: 1.35rem;
    }

    .related_product_slide h3, .blog-sidebar-slide h3 {
        font-size: 1.5rem;
        height: 3.5rem;
        line-height: normal;
    }

    .item-product-of-cate .link span {
        font-size: 1.35rem;
    }

    .related_product_wrap .item-product-of-cate .link span {
        font-size: 1.2rem;
    }

    .item-product-of-cate .box-content .link {
        padding-top: .5rem;
    }

    .form-contact-us {
        margin: 0;
    }

    #search-lightbox .flex-row > div.flex-col:last-child {
        display: none;
    }

    #search-lightbox .flex-row > div.flex-col:last-child {
        display: none;
    }

    #search-lightbox input {
        height: 3rem;
        font-size: 18px;
    }

    #search-lightbox input::placeholder {
        font-size: 1.3rem;
    }

    section.section.default-page {
        padding: 2rem 0 0;
    }

    .popup_advise_form input, .popup_advise_form textarea {
        height: 3rem;
        font-size: 18px;
    }

    .popup_advise_form :is(input,textarea)::placeholder {
        font-size: 1.3rem !important;
    }

    .popup_advise_form .select-styled {
        height: 3rem;
        /* font-size: 1.3rem; */
    }

    .factory_solution {
        height: auto;
        flex-direction: column;
        width: 100%;
        padding: 0 15px;
    }

    .factory_solution .item_left {
        width: 100%;
        border-radius: 12px;
        height: 25rem;
    }

    .factory_solution .item_left .group_content .content {
        font-size: 1.2rem;
    }

    .factory_solution .item_left .group_content h2 {
        width: 100%;
    }

    .factory_solution .item_right .factory_solution_list .item {
        border-radius: 12px;
        padding: 2rem;
    }

    .factory_solution .item_right .factory_solution_list .item .content {
        font-size: 1.2rem;
        margin-top: .5rem;
    }

    .factory_4 .factory_why_item {
        margin-top: 2rem;
        padding-right: 0;
    }

    .why_item {
        padding: 2rem 2rem 17rem;
    }

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

    .factory_why {
        padding-left: 0;
    }

    .factory_cta_wrap {
        flex-direction: column;
        gap: 1rem;
    }

    .factory_cta_wrap .image {
        width: 100%;
        height: auto;
    }

    .factory_cta_wrap .group_content > .content {
        text-align: center;
    }

    .factory_cta_wrap .group_content .btn {
        margin: 2rem auto;
    }

    .factory_5:before {
        height: 36rem;
    }

    .factory_letter h2 {
        font-size: 1.8rem;
    }

    .factory_8 .factory_letter {
        padding: 2rem 2rem 6rem;
    }

    .factory_8 .background {
        width: 100%;
        height: auto;
    }

    .relation_wrap .term_wrap a.btn {
        display: none;
    }

    .factory_9 h2 {
        text-align: center;
    }

    .factory_9 .blog_wrap .item_right .thumb {
        width: 100%;
        aspect-ratio: 16 / 9;
    }

    .review_slide_item .detail .content {
        font-size: 1.2rem;
    }

    .review_slide_item .heading .title {
        font-size: 1.35rem;
    }

    .review_slide_item .heading .logo {
        width: 4rem;
        height: 4rem;
    }

    .review_slide_item .bottom .content {
        font-size: 1.2rem;
    }

    .review_slide_item {
        padding: 1rem;
    }

    .factory_7 .pagination_wrap .arrow_slide {
        display: flex;
    }

    .factory_6 .pagination_wrap .swiper-pagination-bullet,
    .factory_7 .pagination_wrap .swiper-pagination-bullet {
        width: 8px !important;
        height: 8px !important;
    }

    .slide-mobile {
        display: flex;
    }

    .slide-desktop {
        display: none;
    }

    .customer_row {
        gap: 1.5rem;
    }

    .customer_slide_item {
        width: calc(50% - 0.75rem);
    }

    .customer_grid {
        width: 100%;
    }

    .customer_slide_item {
        padding: 2rem;
    }

    .factory_6 .pagination_wrap .arrow_slide {
        display: flex;
    }

    .about-2 .sticky_list .item_left {
        width: 100%;
    }

    .factory_6 .group_content .content {
        width: 100%;
    }
    header .language_wrap .language_item {
        font-size: 1.45rem;
    }
    .header-inner {
        padding: .5rem 15px !important;
    }
    div#masthead {
        padding: 0 !important;
    }

}