:root {
    --main-cl: #034EA2;
    --sub-cl: #09AEEA;
    --third-cl: #FFD04D;
    --four-cl: #034EA2;
    --body-cl: #333333;
    --primary-color: #103E60 !important;
    --fs-color-primary: #09AEEA !important;
    --fs-color-secondary: #09AEEA !important;
    --container-w: 75rem;
}

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

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

body::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
}
a.link_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}
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;
}

#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%);
}

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

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

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

.load_home_page.complete img.logo_load_page {
    transform: translate(-50%,-50%) scale(3);
    opacity: 0;
    /*transition-delay: 1s;*/
}

div.load_home_page .mask {
    background-color: #fff;
    transition: 1.6s all ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
}

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

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

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

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

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

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

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

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

.load_home_page.complete {
    visibility: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.search-tabs .post-item .title {
    min-height: 4rem !important;
    -webkit-line-clamp: 3;
}

/*COMPONENTS*/
/*transition svg*/
/*[itemprop="name"],cite,circle,svg,rect,stop,path,g,img,a,input,textarea,h1,h2,h3,h4,h5,h6,.box_img,span.icon,span.text,:before,:after {*/
/*    -webkit-transition: all 0.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;*/
/*}*/

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

/*heading style sec*/
.title-sec {
    font-family: 'Momo Trust Display';
    font-size: 3.125rem;
    color: var(--main-cl);
    line-height: 1.2;
}

.title-sec + .desc-sec {
    margin-top: 0.78125rem;
}

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

.desc-sec p {
    margin-bottom: 0.7rem;
}

.desc-sec strong {
    font-family: 'Google Sans Flex SemiBold';
}

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

b, strong {
    font-family: 'Google Sans Flex Bold';
}

h1, h2, h3, h4, h5, h6 {
    color: currentColor;
}

a {
    text-decoration: none;
}

a:focus {
    outline: none !important;
}

.fw400-momo {
    font-family: 'Momo Trust Display';
}

.fw600-momo-san {
    font-family: 'Momo Trust Sans Semibold';
}

.fw200-gg {
    font-family: 'Google Sans Flex ExtraLight';
}

.fw300-gg {
    font-family: 'Google Sans Flex Light';
}

.fw400-gg {
    font-family: 'Google Sans Flex Regular';
}

.fw500-gg {
    font-family: 'Google Sans Flex Medium';
}

.fw600-gg {
    font-family: 'Google Sans Flex SemiBold';
}

.fw700-gg {
    font-family: 'Google Sans Flex Bold';
}

.fw800-gg {
    font-family: 'Google Sans Flex ExtraBold';
}

.fw900-gg {
    font-family: 'Google Sans Flex Black';
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fs-26 {
    font-size: 1.354rem;
}

.fs-27 {
    font-size: 1.40625rem;
}

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

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

.fs-38 {
    font-size: 1.979rem;
}

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

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

.fs-45 {
    font-size: 2.34375rem;
}

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

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

.fs-65 {
    font-size: 3.385rem;
}

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

.fs-80 {
    font-size: 4.167rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.lh-50 {
    line-height: 2.604rem;
}

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

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

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

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

.m-auto {
    margin: auto;
}

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

.h-full {
    height: 100%;
}

.w-full {
    width: 100%;
}

.w-fit {
    width: fit-content;
    width: -webkit-fit-content;
}

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

.text-white {
    color: #FFF;
}

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

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

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

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

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

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

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

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

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

.text-black {
    color: #000;
}

.a-style a {
    color: var(--main-cl) !important;
    background-image: linear-gradient(120deg, var(--main-cl) 0%, var(--sub-cl) 100%);
    background-size: 100% 0px;
    background-repeat: no-repeat;
    background-position: bottom;
    transition: all 0.4s;
}

.a-style a:hover {
    background-size: 100% 100%;
    color: #FFF !important;
}

.a-style-2 a {
    color: currentColor;
    text-decoration: underline;
    text-decoration-color: transparent;
}

.a-style-2 a:hover {
    color: var(--sub-cl);
    text-decoration-color: currentColor;
}

.a-style-3 a {
    color: var(--four-cl);
    text-decoration: underline;
    text-decoration-color: transparent;
}

.a-style-3 a:hover {
    color: var(--main-cl);
    text-decoration-color: currentColor;
}

.bg-image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.title-underline .title {
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-thickness: .5px;
    text-decoration-color: transparent;
    transition: .35s all;
}

.title-underline:hover .title {
    text-decoration-color: currentColor;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.img-wrap {
    overflow: hidden;
}

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

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

.item-hover:hover .zoom-img img {
    transform: scale(1.03);
}

.title-hover:hover .title {
    color: var(--sub-cl) !important;
}

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

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

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

.item-hover:hover .box_logo {
    opacity: 1;
}

.item-hover .box-effect {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(0 0 0 / 60%);
    backdrop-filter: blur(0.95rem);
    opacity: 0;
    transition: .6s all;
    z-index: 3;
}

.item-hover .box-effect>.inner {
    transform: translateY(1rem);
    opacity: 0;
    transition: .8s all;
}

.item-hover .box-effect svg {
    margin: 0 auto;
}

.item-hover .box-effect span.title {
    font-weight: 500;
    font-size: 1rem;
    margin-top: 0.25rem;
}

.item-hover:hover .box-effect {
    opacity: 1;
}

.item-hover:hover .box-effect>.inner {
    opacity: 1;
    transform: translateY(0);
}

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

/*effect loading img*/
.loading-parent {
    position: relative;
}

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

.loading-show-more {
    position: absolute;
    z-index: 50;
    top: 5rem;
    left: 50%;
    transform: translateX(-50%);
    background-color: white;
    padding: 1.2rem 1.5rem;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 1px 1px 20px rgb(228 247 255 / .7);
}

.loading-show-more .logo-svg {
    width: 9.375rem;
    height: 3.125rem;
    background-image: linear-gradient( 120deg, transparent 0%, rgba(255, 255, 255, 0.8) 50%, transparent 100% ), url('../images/logo.svg');
    background-repeat: no-repeat, no-repeat;
    background-position: -150% center, center;
    background-size: 60% 100%, contain;
    display: inline-block;
    box-sizing: border-box;
    animation: shine .7s ease-in-out infinite alternate;
}

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

    100% {
        background-position: 250% center, center;
    }
}

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

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

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

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

.arrow-slide {
    cursor: pointer;
}

.arrow-slide svg {
    display: flex;
}

.arrow-slide rect {
    fill: transparent;
}

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

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

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

.text-white .arrow-slide rect {
    stroke: #fff;
}

.text-white .arrow-slide path {
    fill: #fff;
}

.text-white .arrow-slide:hover rect {
    fill: #fff;
}

.text-white .arrow-slide:hover path {
    fill: var(--main-cl);
}

/*swiper same height*/
.swiper-same-height > .swiper-wrapper {
    align-items: unset;
}

.swiper-same-height > .swiper-wrapper .swiper-slide {
    height: auto;
}

.swiper-same-height > .swiper-wrapper .swiper-slide > div > div, .swiper-same-height > .swiper-wrapper .swiper-slide > div {
    height: 100%;
}

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

.tl-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    opacity: .2;
    margin: 0 !important;
    position: relative;
    display: flex;
    border-radius: 5rem;
    border: 1px solid var(--main-cl);
    background: transparent;
    transition: all 0.4s;
}

.tl-pagination .swiper-pagination-bullet:hover, .tl-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--main-cl);
}

.arrow-slide.swiper-button-lock, .tl-pagination.swiper-pagination-lock {
    display: none !important;
}

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

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

/*swiper scrollbar*/
.tl-scrollbar.swiper-scrollbar {
    position: unset !important;
    display: block;
    opacity: 1 !important;
    width: 100%;
    height: 4px;
    /*background: #7A7A7A;*/
    margin-top: 2.083rem;
}

.tl-scrollbar .swiper-scrollbar-drag {
    background: var(--main-cl);
}

.tl-scrollbar .swiper-scrollbar-drag:hover {
    cursor: pointer;
}

/*button style*/
.btn {
    position: relative;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.146rem;
    padding: 5px 5px 5px 1.667rem;
    background: transparent;
    overflow: hidden;
    transition: 1s all;
    border-radius: 5rem;
}

.btn:hover {
    background: var(--main-cl) !important;
}

.btn:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 110%;
    transform: translateY(-50%);
    background: var(--main-cl);
    opacity: 0;
    pointer-events: none;
    z-index: 1;
    transition: .7s all;
}

.btn:hover:before {
    width: 110%;
    opacity: 1;
}

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

.btn span.text {
    font-family: Momo Trust Display;
    font-size: 0.9375rem;
    color: #fff;
}

.btn span.icon {
    width: 2.083rem;
    height: 2.083rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
    /*padding: 0.46875rem;*/
    border-radius: 5rem;
    background: #fff;
}

.btn span.icon svg {
    position: absolute;
    width: 1.25rem;
    height: 1.25rem;
}

.btn:hover span.icon path {
    stroke: var(--main-cl);
}

.btn-style-1 {
    background: var(--sub-cl);
}

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

.item-hover:hover .zoom-img img {
    transform: scale(1.03);
}

.item-hover:hover h3 {
    color: var(--main-cl) !important;
}

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

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

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

.item-hover:hover .box_logo {
    opacity: 1;
}

.item-hover .box-effect {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(0 0 0 / 60%);
    backdrop-filter: blur(0.95rem);
    opacity: 0;
    transition: .6s all;
    z-index: 3;
}

.item-hover .box-effect>.inner {
    transform: translateY(1rem);
    opacity: 0;
    transition: .8s all;
}

.item-hover .box-effect svg {
    margin: 0 auto;
}

.item-hover .box-effect span.title {
    font-weight: 500;
    font-size: 1rem;
    margin-top: 0.25rem;
}

.item-hover:hover .box-effect {
    opacity: 1;
}

.item-hover:hover .box-effect>.inner {
    opacity: 1;
    transform: translateY(0);
}

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

/*effect loading img*/
.loading-parent {
    position: relative;
}

.loading-parent > div:not(.loading-show-more), .loading-parent .no-result {
    opacity: 0.3 !important;
    transition: .35s all !important;
}

.loading-show-more {
    position: absolute;
    z-index: 50;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    background-color: white;
    padding: 1.2rem 1.5rem;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 1px 1px 20px rgb(228 247 255 / .7);
}

.loading-show-more .logo-svg {
    width: 9.375rem;
    height: 3.125rem;
    background-image: linear-gradient( 120deg, transparent 0%, rgba(255, 255, 255, 0.8) 50%, transparent 100% ), url('../images/logo.svg');
    background-repeat: no-repeat, no-repeat;
    background-position: -150% center, center;
    background-size: 60% 100%, contain;
    display: inline-block;
    box-sizing: border-box;
    animation: shine .7s ease-in-out infinite alternate;
}

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

    100% {
        background-position: 250% center, center;
    }
}

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

/*btn_loading*/
.btn-loading {
    position: relative;
}

.btn-loading span.text, .btn-loading span.icon {
    opacity: 0;
}

.btn-loading:after {
    width: 1.8rem;
    height: 1.8rem;
    position: absolute;
    content: '';
    z-index: 50;
    border: 2px solid #F5F5F5;
    border-bottom-color: var(--four-cl);
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    left: calc(50% - 0.9rem);
    top: calc(50% - 0.9rem);
}

.btn-primary.btn-loading {
    pointer-events: none !important;
    color: var(--main-cl) !important
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotateScale {
    0% {
        opacity: 0;
        transform: rotate(0deg) scale(0.1);
    }

    50% {
        opacity: 1;
        transform: rotate(180deg) scale(1.3);
    }

    100% {
        opacity: 1;
        transform: rotate(360deg) scale(1);
    }
}

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

[disabled] {
    cursor: default;
    pointer-events: none;
}

/*counter*/
.number-wrap {
    display: flex;
    gap: .4rem;
}

.number-wrap > div {
    font-family: 'Momo Trust Display';
    font-size: 4.427rem;
    line-height: 4.6875rem;
    color: var(--sub-cl);
}

.number-wrap .number {
    position: absolute;
    width: fit-content;
    width: -webkit-fit-content;
    top: 0;
    left: 0;
}

.number-wrap .number-hide {
    opacity: 0;
}

.number-wrap sup {
    font-family: Momo Trust Display;
    font-size: 3rem;
    line-height: 1;
    color: var(--sub-cl);
}

.number-wrap span.unit {
    line-height: normal;
}

.number-wrap + .title {
    margin-top: 0.521rem;
}

/*custom scrollbar*/
.custom-scrollbar {
    overflow-y: auto;
    padding-right: .8rem;
}

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

.custom-scrollbar::-webkit-scrollbar {
    width: 2px;
    background-color: #13653430;
    border-radius: 2px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
    border-radius: 2px;
}

.white-scrollbar.custom-scrollbar::-webkit-scrollbar {
    background-color: rgba(255, 255, 255, 0.5);
}

.white-scrollbar.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #fff;
}

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

.select-styled {
    position: relative;
    height: 2.708rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.521rem;
    padding: 0 1.25rem;
    border-radius: 0;
    border: 1px solid #00000033;
    font-size: 0.9375rem;
    color: #333;
    transition: all .5s ease-in-out;
    margin: 0;
    cursor: pointer;
}

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

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

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

.select .select-options > li {
    font-size: 0.833rem;
    font-weight: 500;
    line-height: 0.857rem;
    margin-bottom: 0;
    padding: 0.625rem 0.833rem;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    color: var(--black-cl);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-item textarea, .form-item input {
    box-shadow: none !important;
    border-color: #D0D5E0;
    background: #fff;
    color: var(--body-cl);
    padding: 0 0.9375rem;
    font-size: 0.9375rem;
    margin-bottom: 0;
}

.form-item input {
    height: 2.1875rem;
    border-radius: 5rem;
}

.form-item textarea {
    padding-top: 0.6rem;
    border-radius: 0.78125rem;
}

.form-item textarea:focus, .form-item input:focus {
    border-color: var(--sub-cl) !important;
    background: #fff;
    color: var(--body-cl);
}

.form-wrap label {
    font-family: 'Google Sans Flex Light';
    font-size: 0.78125rem;
    line-height: 1.3;
    color: var(--body-cl);
    margin-bottom: 0.3rem;
    padding-left: .5rem;
}

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

.form-wrap textarea::placeholder, .form-wrap input::placeholder {
    color: #3333334D;
    font-size: 0.833rem;
}

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

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

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

.form-wrap>.form-item:last-child {
    margin-bottom: 0;
    width: fit-content;
    width: -webkit-fit-content;
}

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

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

.submit-btn>input ~ .btn {
    background: var(--sub-cl);
    transition: .4s all;
}

/*.submit-btn>input:hover ~ .btn {*/
/*    background: var(--main-cl);*/
/*}*/
.submit-btn>input:hover ~ .btn:before {
    width: 100%;
    opacity: 1;
}

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

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

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

.wpcf7 form.sent .form-wrap + .wpcf7-response-output {
    border-color: var(--sub-cl) !important;
    color: #fff;
    background: var(--sub-cl) !important;
    margin-bottom: 0 !important;
}

.wpcf7 form.invalid .form-wrap + .wpcf7-response-output, .wpcf7 form.unaccepted .form-wrap + .wpcf7-response-output, .wpcf7 form.payment-required .form-wrap + .wpcf7-response-output {
    font-family: 'Google Sans Flex Regular';
    font-size: 0.75rem;
    color: #e40000;
    margin-left: 0;
    margin-right: 0;
    border-width: 0.5px !important;
    border-color: #e40000 !important;
}

.text_white .wpcf7 form.sent .wpcf7-response-output, .text_white .wpcf7 form.invalid .form-wrap + .wpcf7-response-output, .text_white .wpcf7 form.unaccepted .form-wrap + .wpcf7-response-output, .text_white .wpcf7 form.payment-required .form-wrap + .wpcf7-response-output {
    color: #fff;
    border-color: #e40000 !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    margin-left: 0;
    margin-right: 0;
}

span.required {
    color: #FF1B1B;
}

.site-content {
    display: block;
}

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

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

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

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

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

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

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

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

/*breadcrumbs*/
.breadcrumbs ol {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    width: 100%
}

.breadcrumbs ol>li {
    display: inline;
    font-family: 'Google Sans Flex Regular';
    font-size: 0.833rem;
    line-height: 1.5;
    color: rgb(32 32 32 / .5)
}

.breadcrumbs ol>li:last-of-type {
    color: rgb(32 32 32)
}

.breadcrumbs ol>li a {
    color: inherit;
    font-weight: normal;
}

.breadcrumbs ol>li+li {
    margin-left: .833rem
}

.breadcrumbs ol>li+li:before {
    left: 0;
    position: relative;
    content: '';
    top: 0;
    transform: translateY(-100%);
    width: 4px;
    height: 4px;
    border-radius: 5rem;
    opacity: .5;
    background: #333333;
    margin-right: .833rem;
    display: inline-block;
}

.breadcrumb-single {
    margin-top: 1.5625rem;
    margin-bottom: 3.125rem
}

.breadcrumbs ol [itemprop="title"] {
    font-style: normal
}

.text-white .breadcrumbs ol>li a {
    color: #fff!important;
    opacity: .5;
    transition: .4s all
}

.text-white .breadcrumbs ol>li a:hover {
    opacity: 1
}

.text-white .breadcrumbs ol>li+li a {
    color: #fff!important;
    opacity: 1
}

.text-white .breadcrumbs ol>li+li:before {
    background: #fff;
    opacity: .5
}

/*section banner*/
.sec-banner .banner-img {
    z-index: 5;
}

.sec-banner .banner-img:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 37.33%, rgba(0, 0, 0, 0.2) 67.04%, rgba(0, 0, 0, 0.4) 100%);
    pointer-events: none;
}

.sec-banner .banner-img:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask-image: url(../images/downward-curve-2.png);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: bottom;
    background: #fff;
    pointer-events: none;
    z-index: 3;
}

.sec-banner .breadcrumb-absolute {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    padding-bottom: 3.542rem;
}

.term-tag-page {
    margin-top: 1.25rem;
}

.term-tag-page>ul {
    gap: 0.9375rem;
}

.term-tag-page li>a {
    padding: 0.26rem 0.78125rem;
    background: #fff;
    border: 1px solid rgb(16 62 96 / 0.5);
    color: rgb(16 62 96 / 0.5);
    border-radius: 5rem;
    font-family: 'Momo Trust Display';
    font-size: 1.302rem;
    text-align: center;
}

.term-tag-page li>a:is(.active, :hover, [aria-current="page"]) {
    border-color: var(--sub-cl);
    color: var(--sub-cl);
}

.term-tag-page.style-2 li>a {
    font-family: 'Momo Trust Sans SemiBold';
    font-size: 1.25rem;
}

/*---------------------------------------------------------*/
/*----HEADER----*/
header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    z-index: 999;
}

header .header-wrap {
    position: relative;
    z-index: 1;
    padding: 1.042rem 2.865rem 2.083rem 2.865rem;
    gap: 1rem;
    height: auto;
    background: transparent;
    transition: .35s all;
}

header .header-wrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    pointer-events: none;
    z-index: -1;
    opacity: 1;
}

header .header-wrap.stuck {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background: #fff;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
}

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

.header-logo a>img {
    width: fit-content;
    width: -webkit-fit-content;
    height: 3.2rem;
}

.stuck .header-logo a>img {
    height: 2.8rem;
}

header .action-menu {
    border-radius: 5rem;
    padding: 0.521rem 1.042rem;
    background: var(--main-cl);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    transition: .35s all;
    cursor: pointer;
}

header .action-menu:is(:hover, .active) {
    background: #fff;
}

header .stuck .action-menu:is(:hover, .active) {
    background: var(--sub-cl);
}

header .action-menu span.text {
    font-family: Momo Trust Display;
    font-size: 0.78125rem;
    color: #fff;
}

header .action-menu span.icon {
    display: flex;
}

header .action-menu span.icon svg {
    width: 1.25rem;
    height: auto;
}

header .action-menu:is(:hover, .active) span.text {
    color: var(--main-cl);
}

header .action-menu:is(:hover, .active) span.icon path {
    stroke: var(--main-cl);
}

header .action-menu.active span.icon path:nth-child(1) {
    transform: rotate(35deg) translateX(5px);
}

header .action-menu.active span.icon path:nth-child(3) {
    transform: rotate(-45deg) translateX(-8px);
}

header .action-menu.active span.icon path:nth-child(2) {
    opacity: 0;
}

header .stuck .action-menu:is(:hover, .active) span.text {
    color: #fff;
}

header .stuck .action-menu:is(:hover, .active) span.icon path {
    stroke: #fff;
}

.header-style-light header .header-wrap {
    background: #fff;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
    padding-bottom: 1.042rem;
}

.header-style-light header .header-wrap:before {
    content: unset;
}

.header-style-light header .action-menu:is(:hover, .active) {
    background: var(--sub-cl);
}

.header-style-light header .action-menu:is(:hover, .active) span.text {
    color: #fff;
}

.header-style-light header .action-menu:is(:hover, .active) span.icon path {
    stroke: #fff;
}

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

.header-style-light .lang-switch {
    background: #034EA21A;
    border-color: rgb(16 62 96 / 0.45);
}

.header-style-light .switch-label>span {
    color: var(--main-cl);
}

.header-style-light .switch-icon img {
    border-color: var(--main-cl);
}

.bg_close {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.close_menu {
    position: absolute;
    top: 3rem;
    right: 3rem;
    z-index: 9;
    cursor: pointer;
}

.close_menu svg {
    display: block;
    width: 2.3rem;
    height: auto;
}

.header-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 990;
    background: rgb(0 0 0 / 50%);
    display: flex;
    justify-content: flex-start;
    opacity: 0;
    pointer-events: none;
    transition: .5s all;
}

.header-menu.active {
    opacity: 1;
    pointer-events: unset;
}

.header-menu .inner {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 2rem;
    width: 26.042rem;
    height: 100%;
    background: var(--main-cl);
    padding: 10rem 2.083rem 2.708rem 3.125rem;
    border-top-right-radius: 1.5625rem;
    border-bottom-right-radius: 1.5625rem;
    overflow: hidden;
    transform: translateX(-100%);
    transition: 1s all;
}

.header-menu .inner:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20rem;
    height: 20rem;
    background: #09AEEA99;
    filter: blur(90px);
    border-radius: 100%;
    pointer-events: none;
    z-index: -1;
    animation: swap-orbit 10s ease-in-out infinite;
}

.header-menu.active .inner {
    transform: translateX(0);
}

.header-menu .menu {
    background: transparent;
    margin: 0;
}

.header-menu .menu.custom-scrollbar {
    max-height: 34rem;
    padding-right: 0.5rem !important;
    overflow-x: hidden;
}

.header-menu .inner .primary {
    background: transparent;
}

.header-menu .menu li {
    border: none;
    margin: 0 !important;
    background: transparent;
    margin-top: 1.302rem !important;
    padding-bottom: 1.302rem !important;
    border-bottom: 1px solid #FFFFFF26;
}

.header-menu .menu li:first-child {
    margin-top: 0 !important;
}

.header-menu .menu a {
    position: relative;
    display: inline-block;
    font-family: 'Momo Trust Display';
    font-size: 1.042rem;
    color: #fff !important;
    padding: 0 !important;
    padding-right: 1.2rem !important;
    width: 100%;
}

.header-menu .menu>li>a:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0.833rem;
    height: 1.458rem;
    background-image: url('../images/drop-of-milk.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    pointer-events: none;
    opacity: 0;
    margin-right: 0;
}

.header-menu .menu>li:is(:hover, .current_page_item, .active)>a:before {
    opacity: 1;
}

.header-menu .menu>li.has-child {
    position: relative;
}

.header-menu .menu>li.has-child>.toggle {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    margin: 0 !important;
    width: auto;
    opacity: 0;
}

.header-menu .menu>li.has-child>ul {
    border: none;
    margin: 2.083rem 0 0 !important;
    padding: 0 !important;
    width: 100%;
}

.header-menu .menu>li.has-child>ul>li {
    margin: 0 !important;
    padding: 0 !important;
    border: none;
}

.header-menu .menu>li.has-child>ul>li:not(:last-child) {
    margin-bottom: 1.042rem !important;
}

.header-menu .menu>li.has-child>ul a {
    position: relative;
    padding-left: 1.667rem !important;
    padding-right: 0 !important;
}

.header-menu .menu>li.has-child>ul a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 5rem;
    pointer-events: none;
    opacity: 0;
}

.header-menu .menu>li.has-child>ul>li:is(:hover, .current_page_item, .current-menu-item)>a:before {
    opacity: 1;
}

.header-info {
    margin-top: auto;
}

.header-info .item > * {
    font-family: 'Google Sans Flex Regular';
    font-size: 0.9375rem;
    color: #fff !important;
}

.header-info .item:last-child {
    margin-top: 0.417rem;
}

.header-info a {
    line-height: normal;
    color: #fff !important;
}

@keyframes swap-orbit {
    0% {
        transform: translate(0px, 0px);
        opacity: 1;
    }

    25% {
        transform: translate(-200px, -200px);
        opacity: 1;
    }

    50% {
        transform: translate(-400px, 0px);
        opacity: 1;
    }

    75% {
        transform: translate(-200px, 200px);
        opacity: 1;
    }

    100% {
        transform: translate(0px, 0px);
        opacity: 1;
    }
}

/*header search*/
.action-header {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.action-header a[data-open="#search-lightbox"] {
    display: flex;
    align-items: center;
}

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

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

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

/*lang switch*/
.lang-switch {
    position: relative;
    align-items: center;
    padding: 0;
    border: 1px solid rgba(255,255,255,.45);
    border-radius: 5rem;
    background: #FFFFFF1A;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.stuck .lang-switch {
    background: #034EA21A;
    border-color: rgb(16 62 96 / 0.45);
}

.switch-label {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 0.48rem 0.625rem;
}

.switch-label>span {
    display: block;
    font-family: Inter Regular;
    font-size: 0.9375rem;
    line-height: normal;
    color: #fff;
}

.stuck .switch-label>span {
    color: var(--main-cl);
}

.switch-icon {
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    left: auto;
    right: 0.208rem;
    transform: translateY(-50%);
    width: 2.24rem;
    height: 1.5625rem;
    transition: .3s all;
}

[data-lang="vi"] .switch-icon {
    left: auto;
    right: 0.208rem;
}

[data-lang="en"] .switch-icon {
    left: 0.208rem;
    right: auto;
}

.switch-icon>span {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .35s all;
}

.switch-icon>span.lang-current {
    opacity: 1;
}

.switch-icon img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5rem;
    border: 2px solid #fff;
    object-fit: cover;
}

.stuck .switch-icon img {
    border-color: var(--main-cl);
}

/*----FOOTER----*/
body.single-post footer, .page-template-contact footer {
    margin-top: 0;
}

footer {
    position: relative;
    z-index: 2;
    margin-top: 4.792rem;
    padding-top: 1.229rem;
    padding-bottom: 1.042rem;
}

footer:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100vw - 19.5rem);
    height: 100%;
    background: linear-gradient(180deg, #EDF3FA 0%, rgba(237, 243, 250, 0.608383) 32.71%, rgba(237, 243, 250, 0.199832) 64.03%, rgba(237, 243, 250, 0) 100%);
    border-top-left-radius: 2.604rem;
    border-top-right-radius: 2.604rem;
    z-index: -1;
}

.zoom-in-hover img {
    width: 100%;
    height: 100%;
}

.zoom-in-hover li:hover img {
    transform: scale(.95);
}

footer .box-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
}

.logo-footer > img {
    width: auto;
    height: 5.15625rem;
}

.list-socials > ul {
    display: flex;
    align-items: center;
    gap: 0.521rem;
}

.list-socials a {
    display: block;
    width: 1.302rem;
    height: 1.302rem;
}

footer .cont-info {
    padding-left: 5rem;
    padding-right: 3rem;
}

footer .cont-info p {
    margin-bottom: 0.417rem;
}

footer .cont-ecommerce .title-footer {
    margin-bottom: 0.78125rem;
}

footer .cont-ecommerce .desc {
    margin-top: 1.042rem;
}

.title-footer {
    margin-bottom: .6rem;
}

.menu-footer {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.menu-footer a {
    color: #03182A;
    display: block;
    line-height: 1.4;
}

.list-ecommerce > ul {
    display: flex;
    align-items: center;
    gap: 0.9375rem;
}

.list-ecommerce a {
    display: block;
    width: 3.385rem;
    height: 3.385rem;
}

footer .links-page>ul {
    display: flex;
    align-items: center;
    gap: 1.875rem;
}

footer .links-page a {
    font-family: 'Google Sans Flex Regular';
    font-size: 0.729rem;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    color: var(--body-cl);
}

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

.footer-bottom {
    position: relative;
    padding-top: .6rem;
    margin-top: 0.604rem;
}

.footer-bottom:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(var(--container-w) - 0.78125rem);
    height: 1px;
    background: #E7ECEF;
    z-index: 1;
}

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

#wrapper > .back-to-top svg {
    width: auto;
    height: 1.248rem;
}

#wrapper > .back-to-top:hover {
    border-color: var(--main-cl);
    background-color: var(--main-cl);
}

#wrapper > .back-to-top:hover path {
    stroke: #FFF;
}

#wrapper > .back-to-top.right {
    right: 1.92rem;
}

/*----------------*/
/*HOME*/
.slide-banner-hero .tl-pagination {
    position: absolute;
    bottom: 3.542rem !important;
    left: 0 !important;
    width: auto;
    margin: 0 calc((100vw - var(--container-w)) / 2 + 0.78125rem);
}

.item-banner-hero {
    height: 45.521rem;
}

.item-banner-hero:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 37.33%, rgba(0, 0, 0, 0.25) 67.04%, rgba(0, 0, 0, 0.5) 100%);
    pointer-events: none;
    z-index: 1;
}

.item-banner-hero:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask-image: url(../images/downward-curve.png);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: bottom;
    background: #D7EAFF;
    pointer-events: none;
    z-index: 3;
}

.item-banner-hero .cont-absolute {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    margin: 0 calc((100vw - var(--container-w)) / 2);
    width: 100%;
    z-index: 3;
}

.item-banner-hero .cont-absolute > .inner {
    max-width: 37%;
}

.item-banner-hero .cont-absolute h1 {
    line-height: 1.15;
}

.item-banner-hero .btn {
    margin-top: 1.354rem;
}

.home-1 {
    position: relative;
    padding-top: 8rem;
    padding-bottom: 3rem;
    background: #D7EAFF;
}

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

.title-home-1 {
    padding: 0 14rem;
}

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

.content-home-1 {
    position: relative;
    z-index: 5;
}

.content-home-1 .box-graphic {
    position: relative;
    z-index: 10;
    max-width: 45rem;
    width: 100%;
    margin: 0 auto;
    padding-top: 4.6875rem;
}

.content-home-1 .box-graphic>img {
    width: 100%;
    height: auto;
    transform-origin: bottom;
    clip-path: inset(100% 0 0 0);
    transition: clip-path 1.4s ease-in-out;
}

.content-home-1.active .box-graphic>img {
    clip-path: inset(0 0 0 0);
}

.content-home-1 .box-content>.item {
    position: absolute;
    z-index: 1;
    transition: 1s all;
}

.content-home-1 .box-content>.item>.inner {
    gap: 1.667rem;
}

.content-home-1 .box-content>.item:nth-child(even)>.inner {
    flex-direction: row-reverse;
}

.content-home-1 .box-content>.item span.dot:before {
    z-index: 9;
}

.content-home-1 .box-content>.item span.dot:before, .content-home-1 .box-content>.item span.dot:after {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--sub-cl);
    content: '';
    border-radius: 50%;
}

.content-home-1 .box-content>.item span.dot:after {
    background: transparent;
    border: .5px solid var(--sub-cl);
    width: 20px;
    height: 20px;
    animation: pulse-border2 1000ms ease-out infinite;
}

.content-home-1 .box-content>.item span.dot>span:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: radial-gradient(73.02% 73.02% at 50% 50%, #0ACFFF 0%, rgba(10, 207, 255, 0) 100%);
    border-radius: 50%;
    filter: blur(3.25px);
}

.content-home-1 .box-content>.item span.dot>span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: auto;
    transform: translateY(-50%);
    width: 8.854rem;
    height: 1px;
    background-image: linear-gradient(90deg, #0ACFFF 0%, rgba(10, 207, 255, 0) 100%);
    pointer-events: none;
    z-index: 4;
}

.content-home-1 .box-content>.item:nth-child(odd) {
    padding-left: 3rem;
}

.content-home-1 .box-content>.item:nth-child(even) {
    padding-right: 3rem;
}

.content-home-1.active .box-content>.item {
    padding: 0 !important;
}

.content-home-1 .box-content>.item:nth-child(even) span.dot>span:before {
    left: unset;
    right: 100%;
    background-image: linear-gradient(90deg, rgba(10, 207, 255, 0) 0%, #0ACFFF 100%);
}

.content-home-1 .box-content>.item:nth-child(1) {
    top: 25%;
    left: -15%;
}

.content-home-1 .box-content>.item:nth-child(2) {
    top: 25%;
    right: -15%;
}

.content-home-1 .box-content>.item:nth-child(3) {
    top: 55%;
    left: -25%;
}

.content-home-1 .box-content>.item:nth-child(4) {
    top: 55%;
    right: -25%;
}

.content-home-1 .box-content>.item:nth-child(odd) .label {
    text-align: right;
}

.content-home-1 .box-content .label {
    background-image: linear-gradient(270deg, var(--main-cl) 0%, var(--sub-cl) 100%);
    background-size: 350% 100%;
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: 2s infinite i;
    animation: 2s infinite i;
}

.content-home-1 .box-content>.item:hover .label {
    background-size: 100% 100%;
}

.content-home-1 .effect {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.15);
    z-index: 5;
    opacity: 0;
    transition: 1.5s ease-in-out;
}

.content-home-1.active .effect {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    animation: hu__hu__ infinite 6s ease-in-out;
    animation-fill-mode: both;
}

.content-home-1 .effect>img {
    width: auto;
    height: 14.792rem;
    object-fit: contain;
}

.content-home-1 .graphic-main {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 50%;
    transform: translate(-50%, -108%) scale(0.25);
    transform: translate(-50%, 100%) scale(1);
    will-change: transform;
}

.content-home-1 .graphic-main>img {
    width: auto;
    height: 29.896rem;
}

.home-link-1 {
    margin-top: -5rem;
    position: relative;
    z-index: 12;
}

.hu__hu__ {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation: hu__hu__ infinite 5s ease-in-out;
}

@keyframes hu__hu__ {
    50% {
        transform: translateY(-58%) translateX(-50%) scale(1.05);
    }
}

.home-2 {
}

.graphic-sec {
    position: absolute;
    z-index: 10;
}

.graphic-sec>.inner {
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    transition: clip-path 1s ease-in-out;
}

.graphic-sec>.inner.active {
    clip-path: inset(0 0 0 0) !important;
}

.graphic-sec.graphic-left {
    top: -30%;
    left: 0;
}

.graphic-sec.graphic-left>.inner {
    width: 36.823rem;
    height: 34.896rem;
    background-image: url('../images/home-graphic-3.png');
    transform-origin: left;
    clip-path: inset(0 100% 0 0);
}

.graphic-sec.graphic-right {
    bottom: -25%;
    right: 0;
}

.graphic-sec.graphic-right>.inner {
    width: 33.4375rem;
    height: 31.667rem;
    max-width: 33.4375rem;
    background-image: url('../images/home-graphic-4.png');
    transform-origin: right;
    clip-path: inset(0 0 0 100%);
}

.line-home-2>:not(div.graphic) {
    position: relative;
    z-index: 20;
    width: 1px;
    height: 3.677rem;
    background-image: linear-gradient(0deg, rgba(9, 174, 234, 0.5) -0.28%, rgba(9, 174, 234, 0.1) 52.72%, rgba(9, 174, 234, 0.1) 100.28%);
    margin: 0 auto;
}

.line-home-2.line-bottom>.graphic {
    bottom: -0.5rem;
    top: unset;
}

.line-home-2>.graphic {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 22;
    transition: 2s all;
}

.line-home-2>.graphic>img {
    width: auto;
    height: 2.708rem;
    object-fit: contain;
}

.line-home-2.active>.graphic {
    top: 100%;
    opacity: 0;
}

.line-home-2.line-bottom.active>.graphic {
    top: 95%;
    opacity: 0;
}

.title-home-2 {
    padding-top: 1.75rem;
}

.title-home-2 .title-sec {
    width: fit-content;
    width: -webkit-fit-content;
    margin: 0 auto;
    font-size: 10.417rem;
    line-height: 100%;
    background-size: 100%;
    background: linear-gradient(180deg, #09AEEA 21.15%, #0C81B2 58.65%, #103E60 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transform-origin: left;
    clip-path: inset(0 100% 0 0);
    transition: 1s all;
}

.title-home-2 .title-sec.active {
    clip-path: inset(0 0 0 0);
}

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

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

.scroll_horizon_container {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden;
}

.scroll_horizon_track {
    height: 100%;
}

.scroll_layout_wrap {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    width: max-content;
    height: 100%;
    will-change: transform;
    background: #fff;
    position: relative;
}

.scroll_layout_wrap .effect {
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translateY(-50%);
    pointer-events: none;
}

.scroll_layout_wrap .effect>.box-img {
    position: absolute;
}

.scroll_layout_wrap .effect>.box-img>img {
    width: 3.229rem;
    height: auto;
    object-fit: contain;
}

.effect + .scroll_layout_item {
    margin-left: 12.5rem;
}

.scroll_layout_item {
    position: relative;
}

.scroll_layout_item .heading {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;
    gap: 10.417rem;
}

.scroll_layout_item .title-group .title {
    position: relative;
    font-family: 'Momo Trust Display';
    font-size: 2.604rem;
    color: var(--main-cl);
    padding-bottom: 1rem;
}

.scroll_layout_item:is(:hover, .active) .title-group .title {
    color: var(--sub-cl);
}

.scroll_layout_item .title-group .title:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1.042rem;
    background-image: url('../images/brush.png');
    background-repeat: no-repeat;
    background-position: left center;
    pointer-events: none;
    transform-origin: left center;
    z-index: 1;
}

.scroll_layout_item:is(:hover, .active) .title-group .title:before {
    width: 7.5rem;
}

.scroll_layout_item .title-group .desc-sec {
    margin-top: 0.521rem;
}

.scroll_layout_item .slogan-wrap>.inner {
    gap: 2.917rem;
}

.scroll_layout_item .text-slogan {
    position: relative;
    width: 100%;
    max-width: 18rem;
    font-family: Momo Signature Regular;
    font-size: 1.146rem;
    color: var(--sub-cl);
    transition: .6s all;
    transform-origin: left center;
    clip-path: inset(0 100% 0 0);
}

.scroll_layout_item:is(:hover, .active) .text-slogan {
    clip-path: inset(0 0 0 0);
}

.scroll_layout_item .box-img>img {
    width: auto;
    height: 29.271rem;
}

.scroll_layout_item.layout_1 {
    position: relative;
}

.scroll_layout_item.layout_1 .title-group {
    max-width: 15rem;
    flex-shrink: 0;
}

.scroll_layout_item.layout_2 {
    margin-left: 3.542rem;
}

.scroll_layout_item.layout_2:last-child {
    margin-left: 14.583rem;
}

.scroll_layout_item.layout_2 .heading {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    gap: 2.5rem;
}

.scroll_layout_item.layout_2 .title-group {
    max-width: 15rem;
}

.scroll_layout_item.layout_2 .text-slogan {
    max-width: 17rem;
}

.scroll_layout_item.layout_3 .heading {
    gap: 19.271rem;
}

.scroll_layout_item.layout_3 .title-group {
    max-width: 14.583rem;
}

.scroll_layout_item .btn-play svg {
    width: 7.292rem;
    height: 7.292rem;
}

.btn-play svg>circle {
    animation: opacityEffect2 4s ease-in-out infinite;
    transform-origin: center;
}

@keyframes opacityEffect2 {
    0% {
        opacity: 1;
        transform: scale(0.5);
    }

    25% {
        opacity: 0;
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(0.9);
    }

    100% {
        opacity: 1;
        transform: scale(0.5);
    }
}

.manual-scroll-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 calc((100vw - var(--container-w)) / 2 - 0.78125rem);
    padding-bottom: 2rem;
}

.manual-scroll-wrap>.flex {
    width: fit-content;
    width: -webkit-fit-content;
    flex-shrink: 0;
}

.manual-scroll-wrap span.icon {
    display: flex;
}

.manual-scroll-wrap svg circle {
    animation: manual_scroll2 4s infinite;
}

.manual-scroll-wrap svg line {
    animation: manual_scroll 2s infinite;
}

@keyframes manual_scroll {
    0% {
        transform: translateX(-1rem);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: translateX(1rem);
        opacity: 0;
    }
}

@keyframes manual_scroll2 {
    0% {
        transform: translateX(-0.7rem);
    }

    25% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(-0.7rem);
    }

    75% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-0.7rem);
    }
}

.manual-scroll-wrap>.line {
    width: 56.771rem;
    height: 2px;
    background: #103E601A;
    margin-left: 2.292rem;
}

.manual-scroll-wrap>.line:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(var(--scroll-progress-bar) * 100%);
    height: 2px;
    background: var(--sub-cl);
    pointer-events: none;
    z-index: 5;
    transition: unset !important;
}

.home-4 {
}

.inner-home-4 {
    padding-top: 4.271rem;
    padding-bottom: 5.46875rem;
    margin: 0 3.75rem;
    border-radius: 2.604rem;
    background: linear-gradient(180deg, rgba(237, 243, 250, 0) 0%, #EDF3FA 100%);
    overflow: hidden;
}

.inner-home-4>.graphic {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    z-index: 1;
}

.inner-home-4>.graphic>img {
    width: auto;
    height: 10.9375rem;
}

.title-home-4 {
    padding-right: 8em;
    padding-left: 5rem;
}

.title-home-4 .desc-sec {
    margin-top: 1.042rem;
}

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

.slide-home-4 {
    padding: 1rem 9.6rem;
}

.slide-home-4 .item>.img-wrap {
    border-radius: 1.042rem;
    box-shadow: 0px 4px 30px 0px #CFDCEC4D;
}

.slide-home-4 .swiper-slide.swiper-slide-active .item>.img-wrap {
    box-shadow-color: #CFDCEC;
}

.slide-home-4 .swiper-slide {
    opacity: 0;
    transition: .35s all;
}

.slide-home-4 .swiper-slide.swiper-slide-prev, .slide-home-4 .swiper-slide.swiper-slide-next, .slide-home-4 .swiper-slide.swiper-slide-active {
    opacity: 1;
}

.home-5 {
    padding-top: 6.771rem;
    padding-bottom: 5rem;
    background: linear-gradient(180deg, rgba(248, 244, 243, 0) 0%, #F8F4F3 37.5%, #F8F4F3 69.72%, rgba(248, 244, 243, 0) 100%);
}

.home-5 .box-info-term {
    margin-left: 5rem;
}

.box-info-term {
    display: flex;
    flex-direction: column;
    gap: 0.729rem;
    border-radius: 1.042rem;
    padding: 1.875rem 3.021rem 2.1875rem;
    background: linear-gradient(180deg, #F4EFED 0%, rgba(244, 239, 237, 0.642631) 56.54%, rgba(244, 239, 237, 0) 100%);
    transition: .35s all;
}

.box-info-term.btn-loading > * {
    opacity: .2;
}

.box-info-term .box-logo>img {
    width: auto;
    height: 4.427rem;
}

.content-home-5 {
    padding-top: 1.354rem;
}

.content-home-5 .arrow-absolute>.arrow-slide.prev {
    left: -6%;
}

.content-home-5 .arrow-absolute>.arrow-slide.next {
    right: -6%;
}

.slide-home-5 {
    margin: 0 -1.823rem;
}

.slide-home-5 .item-product {
    margin: 0 1.823rem;
}

.home-link-5 {
    padding-top: 3.646rem;
}

.item-product {
}

.item-product > .inner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.458rem;
    padding-bottom: 2.5rem;
}

.item-product > .inner:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 50%;
    border-radius: 2.604rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 74.88%);
    pointer-events: none;
    box-shadow: 0px 10px 30px 0px #F2ECE94D;
    z-index: -1;
}

.item-product .img-wrap {
    aspect-ratio: 376/360;
    margin: 0 1.458rem;
}

.item-product .box-img .effect {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) scale(0);
    opacity: 0;
    width: 100%;
    z-index: 1;
    transition: opacity .35s ease-in, transform .7s ease-out;
}

.item-product .box-img:hover .effect {
    transform: translateX(-50%) scale(1);
    opacity: 1;
}

.item-product .cont-wrap {
    padding: 0 1rem;
}

.item-product .action>a {
    font-family: 'Google Sans Flex Medium';
    font-size: 0.833rem;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    text-decoration-skip-ink: auto;
    color: var(--sub-cl);
}

.item-product .action>a:hover {
    color: var(--main-cl);
}

.title-home-6 .desc-sec {
    margin-top: 1.25rem;
    margin-right: -1rem;
}

.home-link-6 {
    margin-top: 2.083rem;
}

.box-mapping {
    margin-left: -1rem;
    margin-right: -5rem;
}

.box-mapping .inner {
    display: inline-block;
    position: relative;
}

.box-mapping .item-dot {
    position: absolute;
}

.box-mapping .item-dot>span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.box-mapping .item-dot>span:before {
    z-index: 9;
}

.box-mapping .item-dot>span:before, .box-mapping .item-dot>span:after {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #FFD04D;
    content: '';
    border-radius: 50%;
}

.box-mapping .item-dot>span:after {
    background: transparent;
    border: .5px solid #FFD04D;
    width: 20px;
    height: 20px;
    animation: pulse-border2 1000ms ease-out infinite;
}

.box-mapping .item-dot>span span {
    filter: blur(3.25px);
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: radial-gradient(73.02% 73.02% at 50% 50%, #FFD04D 0%, rgba(10, 207, 255, 0) 100%);
    border-radius: 50%;
    /*opacity: .8;*/
}

.box-mapping .item-dot.special>span span {
    filter: blur(1px);
}

.box-mapping .item-dot.special>span span {
    background: radial-gradient(73.02% 73.02% at 50% 50%, rgba(255, 208, 77, 0.8) 0%, rgba(255, 208, 77, 0) 100%);
}

.box-mapping .item-dot.special>span:before, .box-mapping .item-dot.special>span:after {
    background: #FFD04D;
}

.box-mapping .item-dot.special>span:after {
    border: 1px solid #FFD04D;
    background: transparent;
}

.box-mapping .item-dot.special div.icon {
    position: absolute;
    top: 0;
    right: -0.7rem;
    transform: translate(100%, 0%);
    width: max-content;
    display: flex;
    align-items: center;
}

@keyframes pulse-border2 {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.4);
        opacity: 0;
    }
}

.home-content-6 {
    padding-left: 6rem;
}

.home-content-6 > .item:not(:last-child) {
    margin-bottom: 3.125rem;
}

.home-7 {
    padding-top: 2.292rem;
}

.title-line-wrap {
}

.title-line {
    width: auto;
    height: 9.404rem;
    background-image: url('../images/text-stroke.svg');
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 0;
    opacity: 75%;
}

.title-line:first-child {
    background-position: right;
}

.inner-home-7 {
    position: relative;
    z-index: 1;
    margin: 0 3.75rem;
}

.inner-home-7:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    /*height: 35.9375rem;*/
    height: 100%;
    -webkit-mask-image: url(../images/mask.png);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: bottom;
    background: linear-gradient(270deg, #006194 0%, #003257 100%);
    pointer-events: none;
}

.inner-home-7 .title-line-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.inner-home-7 > .graphic:before {
    /*content: '';*/
    position: absolute;
    top: -40%;
    left: 45%;
    width: 36.458rem;
    height: 36.458rem;
    background: linear-gradient(180deg, rgba(142, 216, 255, 0) 0%, rgba(142, 216, 255, 0.65) 100%);
    background-repeat: no-repeat;
    background-size: contain;
    filter: blur(200px);
    pointer-events: none;
}

.content-home-7 {
    padding-right: 5rem;
}

.title-home-7 .desc-sec {
    margin-top: 0.78125rem;
}

.home-link-7 {
    margin-top: 1.875rem;
}

.img-home-7 {
    padding-left: 5rem;
}

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

.title-home-8 .desc-sec {
    margin-top: .25rem;
}

.home-blog-nav {
    gap: 3.125rem;
}

.arrow-home-8 {
    gap: 0.417rem;
}

.term-menu>ul {
    gap: 2.604rem;
}

.term-menu>ul a {
    font-family: 'Momo Trust Display';
    font-size: 0.9375rem;
    color: var(--main-cl);
}

.term-menu>ul a:hover {
    color: var(--sub-cl );
}

.home-blog {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.521rem;
    padding-top: 1.823rem;
}

.home-link-8 {
    padding-top: 1.823rem;
}

.home-blog .item-large {
    height: 24.6875rem;
}

.home-blog .item-large .img-wrap {
    position: relative;
    height: 100%;
    border-radius: 2.604rem;
}

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

.home-blog .item-large .cont-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 6.25rem 3.021rem 2.917rem;
    z-index: 3;
}

.home-blog .item-large .title {
    color: #fff !important;
    margin-top: 0.521rem;
}

.term-date-post.text-white > * {
    color: #fff;
}

.term-date-post.text-white .dot {
    background: #fff;
}

.term-date-post .dot {
    width: 3px;
    height: 3px;
    border-radius: 5rem;
    background: var(--main-cl);
    margin: 0 0.729rem;
}

.slide-home-blog {
    margin-right: -0.521rem;
}

.slide-home-blog .post-item {
    margin: 0 0.521rem;
}

.post-item {
    position: relative;
    background: #EDF3FA80;
    border: 1px solid #EBF2F8;
    border-radius: 2.604rem;
    overflow: hidden;
}

.post-item:before {
    content: '';
    position: absolute;
    bottom: -3rem;
    right: -3rem;
    width: 10.417rem;
    height: 10.417rem;
    border-radius: 5rem;
    z-index: 1;
    background: #DDE9F7;
    filter: blur(100px);
    pointer-events: none;
}

.post-item:hover:before {
    width: 15.625rem;
    height: 15.625rem;
    background: #fff;
}

.post-item .cont-wrap {
    position: relative;
    z-index: 4;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
    padding: 2.5rem 1.458rem 1.979rem 1.458rem;
}

.post-item .cont-wrap .title {
    min-height: 6rem;
}

.post-item .term-date-post {
    margin-top: 0.5rem;
}

.post-item .btn {
    padding: 0;
    background: transparent !important;
    margin-left: auto;
}

.post-item .btn:before {
    content: unset !important;
}

.post-item .btn span.icon {
    width: 2.083rem;
    height: 2.083rem;
}

.post-item a:hover>.title {
    color: var(--sub-cl) !important;
}

/*CONTACT*/
.milk-splash-effect {
    animation: keyFrameMilk 5s ease-in-out infinite;
    animation-delay: 1s;
    transform-origin: bottom;
}

@keyframes keyFrameMilk {
    0%, 100% {
        transform: scaleY(1) skewX(0deg);
    }

    50% {
        transform: scaleY(1.05) skewX(10deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .milk-splash-effect {
        animation: none;
    }
}

.contact-page {
    padding-top: 7.8125rem;
    padding-bottom: 5.208rem;
}

.contact-page>.graphic {
    width: auto;
    margin-left: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    pointer-events: none;
}

.contact-page>.graphic>img {
    width: auto;
    height: 20.833rem;
}

.content-contact-1 {
    padding-top: 1.667rem;
    padding-right: 11rem;
}

.content-contact-1 > .inner {
    max-height: 30rem;
}

.content-contact-1 .item:not(:last-child) {
    margin-bottom: 1.1rem;
    padding-bottom: 1.25rem;
}

.content-contact-1 .item:last-child {
    border: none !important;
}

.content-contact-1 .item .content {
    margin-top: 0.833rem;
}

.box-form-contact {
    padding-left: 6.25rem;
}

.box-form-contact .inner-form {
    padding-top: 1.667rem;
}

/*BLOG DETAILS*/
.single-details .container-content {
    padding-left: 1.25rem;
}

.post-heading {
    display: flex;
    flex-direction: column;
    gap: 1.667rem;
}

.post-heading .term-date-post .dot {
    width: 0.417rem;
    height: 0.417rem;
    background: var(--body-cl);
}

.style-li :is(ul,ol) {
    padding-left: 2.4rem;
}

.post-content {
    padding-top: 1.667rem;
    line-height: 1.5;
}

.post-content .wp-caption-text {
    font-family: 'Google Sans Flex Regular';
    font-style: Italic;
    font-size: 0.9375rem;
    color: #666666;
    text-align: left !important;
    background: transparent !important;
    padding: 0;
    margin-top: 0.8rem;
}

.post-content :is(h1, h2, h3, h4, h5, h6) {
    font-family: 'Momo Trust Display';
    color: var(--four-cl);
    line-height: 1.4;
}

.post-content :is(h1, h2) {
    font-size: 1.302rem;
    margin-bottom: 0.833rem;
}

.post-content :is(h3, h4, h5, h6) {
    font-family: 'Google Sans Flex SemiBold';
    font-size: 0.9375rem;
    margin-bottom: 0.417rem;
}

.post-content :is(h1, h2) + :is(h3, h4, h5, h6) {
    margin-top: .6rem;
}

.post-content :is(ul,ol) {
    padding-left: 1.6rem;
}

.post-content li {
    margin-bottom: 0.2rem;
}

.post-content :is(h3, h4, h5, h6) + :is(ul,ol) {
    padding-left: 3.4rem;
}

.post-content :is(strong, b) {
    font-family: 'Google Sans Flex SemiBold';
}

.post-content p>img {
    border-radius: 2.604rem;
}

.post-content :is(img, figure) {
    width: 100% !important;
}

.post-content blockquote {
    font-family: 'Google Sans Flex Regular';
    font-size: 0.9375rem;
    color: #333333;
    font-style: normal;
    line-height: 1.45;
    border-left: 2px solid var(--sub-cl);
    margin: 0 0 1.25rem 0;
    padding: 0 0 0 0.833rem;
}

.post-content blockquote + :is(p, h1, h2, h3, h4, h5, h6) {
    margin-top: 1.875rem;
}

.post-footer {
    padding-top: 1.667rem;
    margin-top: 1.667rem;
}

.tags-wrap span.title {
    margin-right: 0.833rem;
}

.tags-wrap ul {
    gap: .729rem;
}

.tags-wrap ul>li {
    margin: 0
}

.tags-wrap ul>li>a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Momo Trust Sans SemiBold';
    font-size: 1.042rem;
    line-height: normal;
    padding: 0.3125rem 0.78125rem;
    color: rgb(3 78 162 / 0.5);
    border: 1px solid rgb(3 78 162 / 0.5);
    background: #fff;
    border-radius: 5rem;
}

.tags-wrap ul>li>a:hover {
    color: var(--sub-cl);
    border-color: var(--sub-cl);
}

.sharing-wrap .sharing {
    gap: 0.521rem;
}

.sharing-wrap .sharing svg {
    display: inline-flex;
    width: 1.5rem;
    height: auto;
}

.sharing-wrap .sharing a:hover rect {
    fill: var(--main-cl);
}

.border-dash {
    border: 0;
    border-style: solid;
    border-color: transparent;
    border-image: repeating-linear-gradient(to right, #09AEEA66 0 6px, transparent 6px 12px) 1;
}

.border-dash-top {
    border-top-width: 1px;
}

.border-dash-bottom {
    border-bottom-width: 1px;
}

.border-dash-right {
    border-right-width: 1px;
}

.post-related-wrap {
    padding-top: 7.8125rem;
}

.post-related-wrap .box-slide {
    margin-top: 3.333rem;
}

.post-related-wrap .slide-post-related {
    margin: 0 -1.5625rem;
}

.post-related-wrap .post-item-2 {
    margin: 0 1.5625rem;
}

.post-related-wrap .arrow-slide.prev {
    left: -7%;
}

.post-related-wrap .arrow-slide.next {
    right: -7%;
}

.post-item-2 {
}

.post-item-2>.inner {
    background: #EDF3FA80;
    border: 1px solid #EBF2F8;
    padding: 0.625rem;
    border-radius: 2.604rem;
    overflow: hidden;
}

.post-item-2>.inner:after {
    content: '';
    position: absolute;
    bottom: -3rem;
    right: -3.5rem;
    width: 10.417rem;
    height: 10.417rem;
    border-radius: 5rem;
    background: #DDE9F7;
    filter: blur(70px);
    pointer-events: none;
    z-index: 1;
}

.post-item-2:hover>.inner:after {
    background: #fff;
}

.post-item-2>.inner>* {
    position: relative;
    z-index: 5;
}

.post-item-2 .img-wrap {
    border-radius: 2.083rem;
    aspect-ratio: 414/233;
}

.post-item-2 .cont-wrap {
    display: flex;
    flex-direction: column;
    gap: 0.573rem;
    padding: 1.25rem 1.25rem 0.833rem;
}

body.single-post .sec-product {
    padding: 7.8125rem 0;
    background: linear-gradient(180deg, rgba(242, 233, 229, 0) 0%, #F2E9E5 50%, rgba(242, 233, 229, 0) 100%);
}

.product-opt-wrap .box-slide {
    margin-top: 3.333rem;
}

.product-opt-wrap .slide-product-general {
    margin: 0 -2.34375rem;
}

.product-opt-wrap .item-product {
    margin: 0 2.34375rem;
}

.product-opt-wrap .arrow-slide.prev {
    left: -7%;
}

.product-opt-wrap .arrow-slide.next {
    right: -7%;
}

/*BLOG*/
.sidebar-fixed {
    position: sticky;
    top: 6.5rem;
    border-top-left-radius: 2.604rem;
    border-top-right-radius: 2.604rem;
    padding: 1.667rem;
    background: linear-gradient(180deg, #EDF3FA 0%, rgba(237, 243, 250, 0) 100%);
}

.table-content-custom #ez-toc-container {
    position: relative;
    width: 100%;
    background: transparent;
    border: none !important;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: table;
    margin-bottom: 0;
    padding: 0 !important;
}

.table-content-custom #ez-toc-container .ez-toc-title {
    position: relative;
    font-family: Momo Trust Display;
    font-size: 1.302rem;
    color: var(--four-cl);
    padding-left: 1.8rem;
}

.table-content-custom #ez-toc-container .ez-toc-title:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1.4rem;
    height: 1.4rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNzUgMTJIMjAuMjUiIHN0cm9rZT0iIzAzNEVBMiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMy43NSA2SDIwLjI1IiBzdHJva2U9IiMwMzRFQTIiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTMuNzUgMThIMjAuMjUiIHN0cm9rZT0iIzAzNEVBMiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;
}

.table-content-custom .ez-toc-title-toggle {
    display: none;
}

.table-content-custom #ez-toc-container nav, .table-content-custom #ez-toc-container ul {
    width: 100% !important;
}

.table-content-custom #ez-toc-container nav {
    padding-top: 0.833rem;
    margin-top: 0.833rem;
    border-top: 1px solid var(--sub-cl);
    border-image: repeating-linear-gradient(to right, #09AEEA66 0 6px, transparent 6px 12px) 1;
}

.table-content-custom ul>li.ez-toc-heading-level-2>a {
    font-family: 'Google Sans Flex SemiBold';
    font-size: 0.9375rem !important;
    color: var(--body-cl) !important;
}

.table-content-custom #ez-toc-container ul ul {
    margin-left: 0.9rem !important;
}

.table-content-custom ul>li.ez-toc-heading-level-3>a {
    font-family: 'Google Sans Flex Regular';
    font-size: 0.729rem !important;
    color: var(--body-cl) !important;
}

div#ez-toc-container ul li, div#ez-toc-container ul li a {
    font-weight: normal;
}

.blog-page {
    padding-top: 4.8125rem;
}

.title-blog-page .desc-sec {
    margin-top: .4rem;
}

.blog-page .term-tag-page {
    position: relative;
    z-index: 10;
    padding-top: 1.667rem;
}

.container-blog-list {
    padding-top: 3.333rem;
}

.container-blog-list>.inner-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 3.229rem;
    row-gap: 3rem;
}

.container-blog-list>.inner-list .post-item-2>.inner {
    height: 100%;
}

#ajax-load-more {
    margin-top: 3.333rem;
}

#ajax-load-more span.icon {
    transform: rotate(90deg);
}

/*PRODUCT RELEASE*/
.product-release-page {
    z-index: 1;
    padding-top: 8.708rem;
}

.product-release-page:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 46.875rem;
    background: linear-gradient(180deg, rgba(237, 243, 250, 0) 0%, #EDF3FA 50%, rgba(237, 243, 250, 0) 100%);
    pointer-events: none;
    z-index: -1;
}

.product-release-page .graphic img {
    position: absolute;
    z-index: 3;
    object-fit: contain;
}

.product-release-page .graphic .img-left {
    top: 4rem;
    left: -4%;
    width: 17.917rem;
    height: 34.375rem;
    animation: hu__hu__2 infinite 6s ease-in-out;
    animation-fill-mode: both;
}

.product-release-page .graphic .img-right {
    top: 8rem;
    right: -7%;
    width: 26.042rem;
    height: 26.042rem;
    animation: hu__hu__2 infinite 8s ease-in-out;
    animation-fill-mode: both;
}

@keyframes hu__hu__2 {
    50% {
        transform: translateY(5.208rem)
    }
}

.table-custom {
    background: linear-gradient(180deg, #D7EAFF 0%, rgba(215, 234, 255, 0) 100%);
    border-top-left-radius: 2.604rem;
    border-top-right-radius: 2.604rem;
}

.table-custom .table-header {
    padding: 0 1.5625rem;
}

.table-custom .table-header li {
    padding: 0 1rem;
}

.table-custom .table-header span {
    font-family: Momo Trust Display;
    font-size: 1.302rem;
    color: var(--four-cl);
    padding: 1.667rem 0 1.4rem;
}

.table-custom .wrap-body {
    padding: 0 1.5625rem;
}

.table-custom .table-body {
    padding: 0 1.042rem;
    border-top-left-radius: 2.604rem;
    border-top-right-radius: 2.604rem;
    background: linear-gradient(180deg, #fff 0%, rgb(255 255 255 / 1) 100%);
}

.table-custom .table-body li {
    padding-top: 0.78125rem;
    padding-bottom: 0.78125rem;
}

.table-custom .table-body li:last-child {
    border: none;
}

.table-custom .table-body span>strong {
    display: none;
}

.table-custom ul>li {
    display: flex;
}

.table-custom ul>li span {
    display: block;
}

.table-custom ul>li>span:not(:last-child) {
    padding-right: 1rem;
}

.table-custom ul>li span>a {
    color: var(--sub-cl);
    text-decoration: underline;
}

.table-custom ul>li span>a:hover {
    color: var(--four-cl);
}

.table-custom ul>li span.content {
    font-family: Google Sans Flex Regular;
    font-size: 0.9375rem;
    color: var(--body-cl);
}

.table-custom ul>li span.accordion-name {
    display: flex;
    align-items: center;
    gap: 0.417rem;
    cursor: pointer;
}

.table-custom ul>li span.accordion-name>.name {
    font-family: 'Google Sans Flex SemiBold';
    font-size: 0.9375rem;
    color: var(--body-cl);
    transition: .35s all;
}

.table-custom ul>li span.accordion-name:is(:hover, .active)>.name {
    color: var(--four-cl);
}

.table-custom ul>li span.icon {
    display: flex;
}

.table-custom ul>li span.icon svg {
    width: 1.25rem;
    height: 1.25rem;
}

.table-custom ul>li span.accordion-name.active span.icon {
    transform: rotate(180deg);
}

.table-custom ul>li span.accordion-info {
    margin-top: 0.208rem;
    padding-left: 1.667rem;
}

.table-custom ul>li span.inner-info {
    font-family: 'Google Sans Flex Regular';
    font-size: 0.729rem;
    color: #09AEEA;
    transition: .3s all;
}

.table-custom ul>li span.inner-info:hover {
    color: var(--sub-cl);
}

.table-custom ul>li span.inner-info:not(:last-child) {
    margin-bottom: 0.208rem;
}

.table-custom ul>li>span:nth-child(1) {
    width: 10%;
    text-align: center;
}

.table-custom ul>li>span:nth-child(2) {
    width: 25%;
}

.table-custom ul>li>span:nth-child(3) {
    width: 20%;
}

.table-custom ul>li>span:nth-child(4) {
    width: 15%;
}

.table-custom ul>li>span:nth-child(5) {
    width: 20%;
}

.table-custom ul>li>span:nth-child(6) {
    width: 10%;
}

/*SYSTEM AGENCY*/
.system-agency-page {
    padding-bottom: 3.8rem;
}

.system-agency-content {
    border-radius: 0.78125rem;
    background: linear-gradient(to bottom, #d8e9f2 0, #d8e9f2 41%, #95c5f1 100%);
    padding: 1.5625rem 2.083rem;
    margin-left: 3rem;
}

.system-agency-content .desc-sec {
    margin-top: .5rem;
}

.system-agency-content .box-form {
    margin-top: 1.25rem;
    padding-top: .9rem;
}

.system-agency-content .wpcf7 form.wpcf7-form .wpcf7-response-output {
    position: unset !important;
    margin-bottom: 0 !important;
}

/*PRODUCT PAGE*/
.product-page {
    background: linear-gradient(180deg, rgba(248, 244, 243, 0) 0%, #F8F4F3 60.99%, rgba(248, 244, 243, 0) 100%);
}

.title-product-page .desc-sec {
    padding: 0 10rem;
}

.container-product-list > .inner-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 1.5rem;
    row-gap: 2.8rem;
    margin-top: 2rem;
}
.header-style-light header .header-wrap {
    box-shadow: none;
}
.container-product-list .item-product .title {
    font-size: 1.25rem;
}

.product-popup.fancybox-content {
    max-width: 70%;
}

.product-popup.fancybox-content > .inner {
    display: flex;
}

.product-popup.fancybox-content .box-img {
    width: 40%;
    height: fit-content;
    flex-shrink: 0;
    margin-right: 3rem;
}

.product-popup.fancybox-content .box-img .effect {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    animation: hu__hu__ infinite 4s ease-in-out;
    animation-fill-mode: both;
}

.product-popup.fancybox-content .box-img .effect > img {
    width: auto;
    height: 16rem;
    object-fit: contain;
}

.product-popup.fancybox-content .content {
    max-height: 22rem;
    margin-top: 1rem;
}

/*----------------------------------------------------*/
.header-style-light #main {
    padding-top: var(--header-height);
}

.padding-top-single {
    padding-top: 4rem;
}

.default-page h1 {
    line-height: normal;
}

.default-page .a-style-2 a {
    color: var(--four-cl);
}

.col {
    padding: 0 0.78125rem;
}

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

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

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

html {
    background-color: #fff;
}
.product_item{
    position: relative;
}
.product_item h3{
    line-height: 1.3;
}

.pd-variants-swiper{
    background-image: url(../images/ke_bottom.png);
    background-repeat: no-repeat;
    background-position: bottom 2.5rem center;
    background-size: contain;
}
.about10_img{
    position: relative;
}
.about10_img:before{
    content: '';
    background-image: url(../images/1235.png);
    width: 62rem;
    height: 20rem;
    position: absolute;
    bottom: 0;
    right: -6rem;
    background-size: cover;
}
.text-center.about11_content {
    max-width: 54rem;
    margin: 3rem auto 0;
}
.about-banner .cont-absolute {
    margin: 0;
    top: unset;
    bottom: 6rem;
    transform: unset;
}

.about-banner .cont-absolute h1 {
    font-size: 2.8rem;
}

.about-banner .cont-absolute h2.banner-subtitle {
    font-size: 1.75rem;
}

.about-banner .cont-absolute > .inner {
    max-width: 36rem;
}

section.about-banner .item-banner-hero:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 37.33%, rgba(0, 0, 0, 0.25) 67.04%, rgba(0, 0, 0, 0.5) 100%);
}

section.about-banner + section.about1 {
    padding-top: 2rem;
}
@media (min-width: 1200px) {
    body, html {
        font-size: 1vw;
    }
}

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

    /*breadcrumbs*/
    .breadcrumbs ol>li {
        font-size: 0.95rem;
    }

    .breadcrumbs ol>li+li {
        margin-left: 0.65rem;
    }

    .breadcrumbs ol>li+li:before {
        margin-bottom: -1.5px;
    }

    /*HEADER*/
    header .action-menu span.text {
        font-size: 0.9rem;
    }

    /*FOOTER*/
    .title-footer {
        font-size: 1.25rem;
    }

    footer .fs-16 {
        font-size: 1rem;
    }

    footer .links-page a, footer .copyright {
        font-size: 0.8rem;
    }

    footer .cont-ecommerce .desc {
        font-size: .9rem;
    }

    .list-socials a {
        display: block;
        width: 1.8rem;
        height: 1.8rem;
    }

    .icon-search:before {
        width: 1.5rem;
        height: 1.5rem;
    }

    .switch-label {
        gap: 1.65rem;
    }

    .switch-label>span {
        font-size: 0.98rem;
    }

    .switch-icon {
        width: 2.5rem;
        height: 2.2rem;
    }

    .post-content blockquote, .fs-18, .desc-sec {
        font-size: 1.05rem;
    }

    .item-banner-hero .cont-absolute > .inner {
        max-width: 42%;
    }

    .content-home-1 .box-content .label {
        font-size: 1.15rem;
    }

    .item-banner-hero .cont-absolute h1 {
        font-size: 3rem;
    }

    .graphic-sec.graphic-left>.inner {
        width: 34.823rem;
        height: 32.896rem;
    }

    .title-home-2 .title-sec {
        font-size: 8rem;
    }

    .graphic-sec.graphic-right>.inner {
        width: 30.4375rem;
        height: 28.667rem;
    }

    .title-home-2 .desc {
        margin-top: .5rem;
    }

    .title-home-4 {
        padding-right: 10em;
    }

    .slide-home-4 {
        padding: 1rem 10.5rem;
    }

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

    .term-tag-page li>a {
        font-size: 1.2rem;
        padding: 0.28rem 0.95rem;
    }

    .item-product .action {
        margin-top: .4rem;
    }

    .item-product .action>a {
        font-size: 1rem;
    }

    .home-link-5 {
        padding-top: 3.2rem;
    }

    .title-home-6 {
        margin-right: -2rem;
    }

    .title-home-6>.title-sec {
        line-height: 1.15;
    }

    .post-item .cont-wrap .title {
        line-height: 1.2;
        -webkit-line-clamp: 3;
    }

    .term-date-post > *:not(.dot) {
        font-size: 0.8rem;
    }

    .scroll_layout_wrap .effect {
        left: 13%;
    }

    /*BLOG*/
    .title-blog-page .desc-sec {
        margin-top: 0.45rem;
    }

    .blog-page {
        padding-top: 5rem;
    }

    .blog-page .term-tag-page.style-2 li>a {
        font-size: 1.15rem;
        padding: 0.4rem 1rem;
    }

    .post-item-2 .title {
        line-height: 1.45;
    }

    .post-item .cont-wrap .title {
        min-height: 4.8rem;
    }

    /*BLOG DETAILS*/
    .table-content-custom ul>li.ez-toc-heading-level-2>a {
        font-size: 1.05rem !important;
    }

    .table-content-custom ul>li.ez-toc-heading-level-3>a {
        font-size: 1rem !important;
    }

    .post-content blockquote {
        line-height: 1.55;
    }

    .post-content blockquote + :is(p, h1, h2, h3, h4, h5, h6) {
        margin-top: 2rem;
    }

    .post-content :is(h1, h2) {
        font-size: 1.45rem;
    }

    .post-content :is(h3, h4, h5, h6) {
        font-size: 1.16rem;
    }

    .sharing-wrap .sharing svg {
        width: 1.9rem;
    }

    .product-opt-wrap .box-slide, .post-related-wrap .box-slide {
        margin-top: 2.8rem;
    }

    .contact-page {
        padding-top: 7rem;
    }

    .contact-page>.graphic>img {
        height: 18rem;
    }

    .content-contact-1 > .inner {
        max-height: 32rem;
    }

    .title-contact-1 .title-sec {
        font-size: 2.4rem;
    }

    .title-contact-2 .title-sec {
        font-size: 2.5rem;
    }

    .form-item input {
        height: 3rem;
    }

    .form-item textarea, .form-item input {
        font-size: 1.05rem;
    }

    .form-wrap textarea::placeholder, .form-wrap input::placeholder {
        font-size: 0.95rem;
    }

    .form-wrap .wpcf7-not-valid-tip {
        font-size: .8rem;
    }

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

    /*PRODUCT RELEASE*/
    .product-release-page {
        padding-top: 7rem;
    }

    .table-custom ul>li span.accordion-name>.name {
        font-size: 1.05rem;
    }

    .table-custom ul>li span.inner-info {
        font-size: .8rem;
    }

    .table-custom ul>li>span:nth-child(2) {
        width: 30%;
    }

    .product-release-page .graphic .img-left {
        width: 13.917rem;
        height: 30.375rem;
    }

    .product-release-page .graphic .img-right {
        width: 20.042rem;
        height: 20.042rem;
    }

    /*PRODUCT PAGE*/
    .product-page {
        padding-top: 5rem;
    }
}

@media only screen and (max-width: 1499px) {
    .btn span.text {
        font-size: 1.05rem;
    }

    .btn span.icon {
        width: 2.4rem;
        height: 2.4rem;
    }

    .fs-18, .desc-sec {
        font-size: 1.15rem;
    }

    .header-menu .inner {
        padding-top: 11rem;
    }

    header .action-menu span.icon svg {
        width: 1.65rem;
    }

    header .action-menu span.text {
        font-size: 1rem;
    }

    .header-menu .menu.custom-scrollbar {
        max-height: 37rem;
    }

    .header-menu .menu a {
        font-size: 1.2rem;
    }

    .header-info .item > * {
        font-size: 1.12rem;
    }

    .stuck .header-logo a>img {
        height: 4rem;
    }

    .padding-top-single {
        padding-top: 3rem;
    }

    .content-home-1 .box-content .label {
        font-size: 1.2rem;
    }

    .title-home-2 .subtitle {
        font-size: 1.2rem;
    }

    .title-home-4 {
        padding-right: 12em;
    }

    .item-product .img-wrap {
        margin: 0 1.5rem;
    }

    .content-home-7 {
        padding-top: 4rem;
    }

    .term-date-post > *:not(.dot) {
        font-size: 0.9rem;
    }

    .home-blog .item-large .title {
        font-size: 1.5rem;
        line-height: 1.4;
    }

    .home-link-8 {
        padding-top: 2.8rem;
    }

    .term-menu>ul a {
        font-size: 1.15rem;
    }

    .post-item .btn span.icon {
        width: 2.7rem;
        height: 2.7rem;
    }

    .scroll_layout_wrap .effect {
        left: 12%;
    }

    /*BLOG*/
    .blog-page .term-tag-page.style-2 li>a {
        font-size: 1.35rem;
    }

    .container-blog-list>.inner-list {
        column-gap: 2.2rem;
    }

    .post-item-2 .term-date-post > *:not(.dot) {
        font-size: 1rem;
    }

    .post-item-2 .title {
        font-size: 1.4rem;
    }

    /*BLOG DETAILS*/
    .sidebar-fixed {
        top: 8rem;
    }

    .table-content-custom #ez-toc-container .ez-toc-title {
        font-size: 1.5rem;
    }

    .table-content-custom ul>li.ez-toc-heading-level-2>a {
        font-size: 1.12rem !important;
    }

    .table-content-custom ul>li.ez-toc-heading-level-3>a {
        font-size: 1.05rem !important;
    }

    .post-content :is(h1, h2) {
        font-size: 1.5rem;
    }

    .post-content :is(h3, h4, h5, h6) {
        font-size: 1.2rem;
    }

    .sharing-wrap .sharing svg {
        width: 2.15rem;
    }

    .tags-wrap ul>li>a {
        font-size: 1.15rem;
    }

    .product-opt-wrap .title-sec, .post-related-wrap .title-sec {
        font-size: 2.5rem;
    }

    .product-opt-wrap .box-slide, .post-related-wrap .box-slide {
        margin-top: 2rem;
    }

    .post-related-wrap .slide-post-related {
        margin: 0 -1rem;
    }

    .post-related-wrap .post-item-2 {
        margin: 0 1rem;
    }

    .product-opt-wrap .slide-product-general {
        margin: 0 -1.5rem;
    }

    .product-opt-wrap .item-product {
        margin: 0 1.5rem;
    }

    /*CONTACT*/
    .contact-page {
        padding-top: 6rem;
    }

    .title-contact-2 .title-sec + .desc-sec {
        margin-top: 0.5rem;
    }

    /*PRODUCT RELEASE*/
    .table-custom ul>li span.inner-info {
        font-size: 0.9rem;
    }

    .product-release-page .graphic .img-left {
        left: -3%;
    }

    .product-release-page .graphic .img-right {
        top: 4rem;
        right: -4%;
        width: 17.042rem;
        height: 17.042rem;
    }

    /*SYSTEM AGENCY*/
    .form-wrap label {
        font-size: 0.95rem;
    }

    .system-agency-page {
        padding-bottom: 2.6rem;
    }

    /*PRODUCT PAGE*/
    .product-popup.fancybox-content .content {
        max-height: 20rem;
        margin-top: 1rem;
    }
}

@media only screen and (max-width: 1399px) {
    .icon-search:before {
        width: 1.8rem;
        height: 1.8rem;
    }

    .switch-label {
        padding: 0.6rem 0.9rem;
    }

    .switch-label>span {
        font-size: 1.25rem;
    }

    .switch-icon {
        width: 2.8rem;
        height: 2.4rem;
    }

    .title-sec {
        font-size: 2.8rem;
    }

    .content-home-1 .box-content .label {
        font-size: 1.3rem;
    }

    .title-home-2 .title-sec {
        font-size: 7rem;
    }

    .title-home-2 .desc {
        font-size: 2rem;
    }

    .scroll_layout_item.layout_1 .title-group {
        max-width: 19rem;
    }

    .scroll_layout_item.layout_3 .title-group {
        max-width: 16rem;
    }

    .scroll_layout_item.layout_3 .heading {
        gap: 16rem;
    }

    .item-product .img-wrap {
        margin: 0 2.8rem;
    }

    .content-home-5 .arrow-absolute>.arrow-slide.prev {
        left: -7%;
    }

    .content-home-5 .arrow-absolute>.arrow-slide.next {
        right: -7%;
    }

    .slide-home-5 .item-product {
        margin: 0 1.2rem;
    }

    .home-5 {
        padding-bottom: 6rem;
    }

    .home-content-6 {
        padding-left: 7rem;
    }

    .number-wrap > div {
        font-size: 3.8rem;
        line-height: 100%;
    }

    .number-wrap span.unit {
        line-height: 100%;
    }

    .home-content-6 > .item:not(:last-child) {
        margin-bottom: 2.5rem;
    }

    .home-blog-nav {
        gap: 2rem;
    }

    /*BLOG DETAILS*/
    .post-heading .term-date-post > *:not(.dot) {
        font-size: 1.05rem;
    }

    .post-heading .term-date-post .dot {
        width: 0.35rem;
        height: 0.35rem;
        flex-shrink: 0;
    }

    .post-content {
        font-size: 1.28rem;
    }

    .post-content blockquote {
        font-size: 1.2rem;
    }

    .post-content :is(h1, h2) {
        font-size: 1.6rem;
    }

    .post-content :is(h3, h4, h5, h6) {
        font-size: 1.3rem;
    }

    .sharing-wrap .sharing svg {
        width: 2.4rem;
    }

    .sidebar-fixed.table-content-custom {
        margin-left: -1.5rem;
    }

    /*CONTACT*/
    .form-item input {
        height: 3.5rem;
    }

    .form-item textarea, .form-item input {
        padding: 0 1.2rem;
    }

    .form-item textarea {
        padding-top: .7rem;
        padding-bottom: 1rem;
    }

    .form-wrap textarea::placeholder, .form-wrap input::placeholder {
        font-size: 1.05rem;
    }

    /*PRODUCT RELEASE*/
    .product-release-page {
        padding-top: 6rem;
    }

    .table-custom ul>li span.accordion-name>.name {
        font-size: 1.18rem;
    }

    .table-custom ul>li span.inner-info {
        font-size: 1rem;
    }

    .table-custom ul>li span.content {
        font-size: 1.05rem;
    }

    .table-custom ul>li>span:nth-child(2) {
        width: 33%;
    }
}

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

    .load_home_page svg {
        width: 320px;
    }

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

    .search-tabs .search-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }

    /*breadcrumbs*/
    .breadcrumbs ol>li+li:before {
        margin-right: 0.7rem;
    }

    .sec-banner .breadcrumb-absolute {
        padding-bottom: 2rem;
    }

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

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

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

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

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

    .title-sec {
        font-size: 1.8rem;
    }

    .title-sec.lh-65 {
        line-height: normal;
    }

    .fs-18, .desc-sec {
        font-size: 1rem;
    }

    header .header-wrap {
        padding: 1rem 1.5rem 2rem;
    }

    .switch-label {
        gap: 1.3rem;
    }

    .switch-label>span {
        font-size: 1rem;
    }

    .header-logo a>img {
        height: 4rem;
    }

    header .header-wrap.stuck {
        padding-top: .6rem;
        padding-bottom: .6rem;
    }

    .stuck .header-logo a>img {
        height: 3.4rem;
    }

    .icon-search:before {
        width: 1.7rem;
        height: 1.7rem;
    }

    footer {
        margin-top: 4rem;
        padding-top: 2.5rem;
    }

    footer:after {
        width: calc(100vw - 3rem);
    }

    footer .cont-info {
        padding-left: 3rem;
        padding-right: 0;
    }

    footer .fs-16 {
        font-size: 0.9rem;
    }

    .title-footer {
        font-size: 1.11rem;
    }

    .title-footer {
        margin-bottom: 0.6rem;
    }

    .list-ecommerce > ul {
        gap: 0.7rem;
    }

    .list-ecommerce a {
        width: 2.5rem;
        height: 2.5rem;
    }

    footer .cont-menu {
        padding-right: 3rem;
    }

    footer .cont-ecommerce {
        margin-left: -2rem;
    }

    .btn span.text {
        font-size: 0.9rem;
    }

    .btn span.icon {
        width: 2.2rem;
        height: 2.2rem;
    }

    .item-banner-hero .cont-absolute {
        top: 60%;
    }

    .item-banner-hero .cont-absolute h1 {
        font-size: 2rem;
    }

    .item-banner-hero {
        height: 30rem;
    }

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

    .title-home-1 {
        padding: 0 9rem;
    }

    .content-home-1 .box-content .label {
        font-size: 1.08rem;
    }

    .content-home-1 .box-content>.item:nth-child(1) {
        top: 46%;
        left: -33%;
    }

    .content-home-1 .box-content>.item:nth-child(2) {
        top: 46%;
        right: -33%;
    }

    .content-home-1 .box-content>.item:nth-child(3) {
        top: 73%;
        left: -24%;
    }

    .content-home-1 .box-content>.item:nth-child(4) {
        top: 73%;
        right: -29%;
    }

    .content-home-1 .box-graphic {
        max-width: 32rem;
    }

    .content-home-1 .graphic-main>img {
        height: 23rem;
    }

    .home-link-1 {
        margin-top: -3rem;
    }

    .line-home-2>:not(div.graphic) {
        height: 6rem;
    }

    .line-home-2.line-bottom {
        margin-top: 1rem;
    }

    .graphic-sec.graphic-left {
        top: -25%;
    }

    .graphic-sec.graphic-left>.inner {
        width: 24.823rem;
        height: 22.896rem;
    }

    .graphic-sec.graphic-right>.inner {
        width: 19.4375rem;
        height: 18.667rem;
    }

    .title-home-2 {
        padding-top: 2rem;
    }

    .title-home-2 .title-sec {
        font-size: 5rem;
        margin-top: .5rem;
    }

    .title-home-2 .desc {
        font-size: 1.5rem;
        line-height: 1.3;
        margin-top: 1rem;
    }

    .title-home-3 .desc-sec {
        margin-top: 0.8rem;
    }

    .home-content-3 {
        padding-top: 2rem;
        margin: 0 -1rem;
    }

    .slide-home-3 .item {
        margin: 0 1rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        gap: 1rem;
    }

    .slide-home-3 .item .heading {
        height: 100%;
    }

    .slide-home-3 .title-group .desc-sec {
        margin-top: .5rem;
    }

    .slide-home-3 .text-slogan {
        font-family: Momo Signature Regular;
        font-size: 1rem;
        color: var(--sub-cl);
        margin-top: .5rem;
    }

    .slide-home-3 .img-wrap {
        aspect-ratio: 16/10;
        background: #fff;
    }

    .slide-home-3 .img-wrap>img {
        object-fit: contain;
    }

    .title-home-4 {
        padding: 0 12rem;
        text-align: center;
    }

    .inner-home-4>.graphic>img {
        width: auto;
        height: 8rem;
    }

    .content-home-4 {
        margin-left: 0;
    }

    .slide-home-4 {
        padding: 1rem 16rem 0;
    }

    .home-5 .box-info-term {
        margin-left: 2rem;
    }

    .box-info-term {
        padding: 1.4rem 1.45rem;
        border-radius: 1rem;
    }

    .box-info-term .box-logo>img {
        height: 3rem;
    }

    .term-tag-page li>a {
        font-size: 1.1rem;
    }

    .item-product .img-wrap {
        margin: 0 3.5rem;
    }

    .home-link-5 {
        padding-top: 2rem;
    }

    .title-home-6 {
        margin-right: 0;
    }

    .box-mapping {
        margin-left: -3rem;
        margin-right: 0;
    }

    .home-content-6 {
        padding-top: 2.4rem;
        padding-left: 0;
        display: flex;
        justify-content: space-between;
        gap: 1rem;
    }

    .number-wrap {
        justify-content: center;
        width: fit-content;
        width: -webkit-fit-content;
        margin: 0 auto;
    }

    .number-wrap > div {
        font-size: 3.2rem;
    }

    .number-wrap span.unit {
        font-size: 1.8rem;
    }

    .home-content-6 > .item {
        margin-bottom: 0 !important;
    }

    .inner-home-7 {
        margin: 0 1.2rem;
    }

    .content-home-7 {
        padding-top: 5rem;
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .title-line {
        height: 5rem;
    }

    .term-menu>ul {
        gap: 1.5rem;
    }

    .term-menu>ul a {
        font-size: 0.95rem;
    }

    .title-home-8 .desc-sec {
        margin-top: .3rem;
    }

    .home-blog .item-large .cont-wrap {
        padding: 0 3rem 1.3rem 2rem;
    }

    .home-blog .item-large .img-wrap {
        border-radius: 1rem;
    }

    .home-blog .item-large {
        height: 21rem;
    }

    .home-blog .item-large .title {
        font-size: 1.3rem;
    }

    .post-item {
        border-radius: 1rem;
    }

    .post-item .desc {
        -webkit-line-clamp: 3;
    }

    .post-item .cont-wrap .title {
        font-size: 1.15rem;
        line-height: 1.3;
    }

    /*BLOG*/
    .blog-page {
        padding-top: 3rem;
    }

    .container-blog-list>.inner-list {
        column-gap: 1rem;
    }

    .post-item-2 .term-date-post > *:not(.dot) {
        font-size: 0.8rem;
    }

    .post-item-2 .title {
        font-size: 1.2rem;
        line-height: 1.35;
    }

    .post-item-2>.inner {
        border-radius: 1.2rem;
    }

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

    .post-item-2 .cont-wrap {
        padding: 1.25rem 0.5rem 0.833rem;
    }

    #ajax-load-more {
        margin-top: 2.2rem;
    }

    .post-item .cont-wrap .title {
        min-height: 4.6rem;
    }

    /*BLOG DETAILS*/
    .table-content-custom ul>li.ez-toc-heading-level-2>a {
        font-size: 1rem !important;
    }

    .table-content-custom ul>li.ez-toc-heading-level-3>a {
        font-size: 0.95rem !important;
    }

    .post-content blockquote {
        font-size: 1.05rem;
    }

    .post-content :is(h1, h2) {
        font-size: 1.35rem;
    }

    .post-content :is(h3, h4, h5, h6) {
        font-size: 1.1rem;
    }

    .tags-wrap ul>li>a {
        font-size: 1rem;
    }

    .sharing-wrap .sharing svg {
        width: 1.9rem;
    }

    .post-related-wrap {
        padding-top: 6rem;
    }

    .product-opt-wrap .title-sec, .post-related-wrap .title-sec {
        font-size: 1.9rem;
    }

    .product-opt-wrap .box-slide, .post-related-wrap .box-slide {
        margin-top: 1.6rem;
    }

    body.single-post .sec-product {
        padding: 4rem 0 7rem;
    }

    /*CONTACT*/
    .contact-page {
        padding-top: 4rem;
    }

    .contact-page>.graphic>img {
        height: 14rem;
    }

    .content-contact-1 {
        padding-right: 2rem;
    }

    .title-contact-1 .title-sec {
        font-size: 2rem;
    }

    .title-contact-2 .title-sec {
        font-size: 2.25rem;
    }

    .box-form-contact {
        padding-left: 0;
    }

    .form-item input {
        height: 3rem;
    }

    .form-wrap textarea::placeholder, .form-wrap input::placeholder {
        font-size: 1rem;
    }

    .form-wrap .wpcf7-not-valid-tip {
        font-size: 0.75rem;
    }

    /*PRODUCT RELEASE*/
    .product-release-page {
        padding-top: 5rem;
    }

    .product-release-page .graphic .img-left {
        width: 7.917rem;
        height: 24.375rem;
    }

    .product-release-page .graphic .img-right {
        width: 10.042rem;
        height: 10.042rem;
    }

    .table-custom .table-header span {
        font-size: 1rem;
    }

    .table-custom ul>li span.accordion-name>.name {
        font-size: 1rem;
    }

    .table-custom ul>li span.content {
        font-size: 0.9rem;
    }

    .table-custom ul>li span.inner-info {
        font-size: 0.9rem;
    }

    .table-custom ul>li>span:nth-child(1) {
        width: 8%;
    }

    .table-custom ul>li>span:nth-child(2) {
        width: 37%;
    }

    /*SYSTEM AGENCY*/
    .system-agency-page {
        padding-bottom: 0;
    }

    .system-agency-page.bg-image {
        background-image: none !important;
    }

    .system-agency-page .box-img {
        margin-top: 2.5rem;
    }

    .system-agency-page .img-wrap {
        border-radius: 1rem;
    }

    .system-agency-content {
        margin-left: 0;
    }

    /*PRODUCT PAGE*/
    .product-page {
        padding-top: 3rem;
    }

    .title-product-page .title-sec {
        font-size: 2rem;
    }

    .title-product-page .desc-sec {
        padding: 0 4rem;
    }

    .container-product-list > .inner-list {
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 0.8rem;
        row-gap: 1.6rem;
    }

    .product-popup.fancybox-content {
        max-width: 90%;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 850px) {
    .lg-col-4 {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .lg-col-6 {
        flex-basis: 50%;
        max-width: 50%;
    }

    .lg-col-8 {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%;
    }

    .lg-col-12 {
        flex-basis: 100%;
        max-width: 100%;
    }
}

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

    .load_home_page svg {
        width: 320px;
    }

    .load_home_page.complete img.logo_load_page {
        transform: translate(-50%,-50%) scale(2);
    }

    .search-tabs .search-grid {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: .5rem;
    }

    .header-style-light header .header-wrap {
        background: #fff;
    }

    .item-banner-hero .cont-absolute h1 {
        font-size: 1.8rem;
    }

    .number-wrap > div {
        font-size: 2.8rem;
    }

    .number-wrap sup {
        font-size: 1.5rem;
    }

    .number-wrap span.unit {
        font-size: 1.6rem;
    }

    .post-item .cont-wrap .title {
        -webkit-line-clamp: 2;
    }

    .term-date-post .dot {
        margin: 0 0.4rem;
        flex-shrink: 0;
    }

    .term-date-post > *:not(.dot) {
        font-size: 0.8rem;
    }

    /*BLOG DETAILS*/
    .post-heading {
        gap: 1.2rem;
    }

    .post-heading .term-date-post > *:not(.dot) {
        font-size: 0.9rem;
    }

    .post-content {
        font-size: 1.06rem;
    }

    .post-content :is(h3, h4, h5, h6) {
        font-size: 1.15rem;
    }
}

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

    .default-page h1.title-sec {
        font-size: 1.8rem;
    }

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

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

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

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

    /*slide nav/pagination tablet/mobile*/
    .slide-nav-mobile .swiper-pagination {
        padding: 0;
        display: flex;
    }

    .slide-nav-mobile {
        align-items: center;
        justify-content: space-between;
        padding: 1rem 1rem 0;
    }

    .slide-nav-mobile .arrow-slide.next {
        order: 3;
    }

    .slide-nav-mobile .arrow-slide {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 2.25rem;
        height: 2.25rem;
        flex: 0 0 auto;
        background: var(--main-cl);
        border-radius: 5.208rem;
        transition: .35s all;
    }

    .slide-nav-mobile .arrow-slide:hover {
        background: var(--sub-cl);
    }

    .slide-nav-mobile .arrow-slide path {
        stroke: #fff !important;
        fill: transparent !important;
    }

    .slide-nav-mobile.text-white .arrow-slide {
        background: #fff;
    }

    .slide-nav-mobile.text-white .arrow-slide path {
        stroke: var(--main-cl) !important;
    }

    .header-logo {
        margin-left: 3rem;
    }

    .header-menu .inner {
        padding-left: 2rem;
    }

    .header-menu .menu li {
        margin-top: 0.7rem !important;
        padding-bottom: 0.7rem !important;
    }

    .header-menu .menu a {
        font-size: 1.12rem;
    }

    .header-info .item > * {
        font-size: 1rem;
    }

    .header-menu .inner:before {
        width: 12rem;
        height: 12rem;
    }

    footer {
        padding-top: 1.5rem;
    }

    .box-logo {
        margin-bottom: 2rem;
    }

    footer .cont-info {
        padding-left: 0;
        margin-right: -2rem;
    }

    footer .cont-menu {
        padding-left: 2rem;
    }

    footer .cont-ecommerce {
        margin-left: 0;
    }

    .logo-footer > img {
        height: 4.5rem;
    }

    footer .links-page a, footer .copyright {
        text-align: center;
    }

    footer .links-page {
        justify-content: center;
        margin-top: .5rem;
    }

    .title-sec {
        font-size: 1.5rem;
    }

    .item-banner-hero {
        height: 27rem;
    }

    .item-banner-hero .cont-absolute > .inner {
        max-width: 52%;
    }

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

    .content-home-1 .graphic-main>img {
        height: 15rem;
    }

    .content-home-1 .box-graphic {
        max-width: 26rem;
        padding-top: 0;
    }

    .content-home-1 .box-content .label {
        font-size: 1rem;
    }

    .content-home-1 .box-content>.item>.inner {
        gap: 1.2rem;
    }

    .content-home-1 .box-content>.item span.dot>span:before {
        width: 6rem;
    }

    .content-home-1 .box-content>.item:nth-child(2), .content-home-1 .box-content>.item:nth-child(1) {
        top: 38%;
    }

    .content-home-1 .box-content>.item:nth-child(3), .content-home-1 .box-content>.item:nth-child(4) {
        top: 65%;
    }

    .title-home-1 {
        padding: 0 2rem;
    }

    .home-1 {
        padding-bottom: 6rem;
    }

    .graphic-sec.graphic-left {
        top: -20%;
    }

    .graphic-sec.graphic-left>.inner {
        width: 17.823rem;
        height: 15.896rem;
    }

    .title-home-2 {
        padding-top: 1rem;
    }

    .line-home-2>:not(div.graphic) {
        height: 5rem;
    }

    .title-home-2 .subtitle {
        font-size: 1rem;
    }

    .title-home-2 .title-sec {
        font-size: 4rem;
    }

    .title-home-2 .desc {
        font-size: 1.2rem;
    }

    .graphic-sec.graphic-right {
        bottom: -15%;
    }

    .graphic-sec.graphic-right>.inner {
        width: 14.4375rem;
        height: 13.667rem;
    }

    .slide-home-3 .text-slogan {
        font-size: 1rem;
    }

    .inner-home-4 {
        margin: 0 2rem;
    }

    .title-home-4 {
        padding: 0 3.5rem;
    }

    .slide-home-4 {
        padding: 1rem 10rem 0;
    }

    .title-home-5 {
        text-align: center;
    }

    .term-tag-page>ul {
        justify-content: center;
    }

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

    .home-5 .box-info-term {
        margin-left: 0;
        margin-top: 1.5rem;
    }

    .home-5 .box-info-term .desc-sec {
        padding-right: 10rem;
    }

    .item-product {
        font-size: 1.2rem;
    }

    .title-home-6>.title-sec {
        line-height: 1.4;
    }

    .number-wrap + .title {
        font-size: .88rem;
    }

    .number-wrap > div {
        font-size: 2.4rem;
    }

    .number-wrap span.unit {
        font-size: 1.4rem;
    }

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

    .content-home-7 {
        padding-top: 0;
        padding-right: 0;
        padding-left: 0;
    }

    .title-home-7 .title-sec.text-white {
        color: var(--main-cl);
    }

    .title-home-7 .desc-sec {
        color: var(--body-cl);
        padding-right: 10rem;
    }

    .home-link-7 {
        margin-top: 1.3rem;
    }

    .img-home-7 {
        padding: 0 11rem;
    }

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

    .title-home-8 {
        text-align: center;
    }

    .home-blog-nav {
        justify-content: center;
        margin-top: 1.5rem;
    }

    .home-blog {
        display: block;
    }

    .home-blog .wrap-slide {
        padding-top: 1.5rem;
    }

    /*BLOG*/
    .blog-page {
        padding-top: 2.5rem;
    }

    .blog-page .term-tag-page {
        padding-top: 0;
    }

    .blog-page .term-tag-page.style-2 li>a {
        font-size: 1.05rem;
    }

    .post-item-2 .title {
        font-size: 1.08rem;
    }

    .post-item-2 .desc {
        font-size: .88rem;
    }

    .post-item-2 .term-date-post > *:not(.dot) {
        font-size: 0.74rem;
    }

    .title-blog-page .title-sec {
        font-size: 1.8rem;
    }

    .container-blog-list {
        padding-top: 2.5rem;
    }

    .post-item .cont-wrap .title {
        line-height: 1.4;
        min-height: 3.5rem;
    }

    /*BLOG DETAILS*/
    .sidebar-fixed.table-content-custom {
        margin-left: 0;
    }

    .post-heading {
        gap: 1rem;
    }

    .single-details .container-content {
        padding-left: 0;
    }

    .table-content-custom.tablet-show {
        background: #EDF3FA;
        padding: 1.2rem 1.8rem;
        border-radius: 1.2rem;
        margin-bottom: 2.5rem;
    }

    .post-related-wrap {
        padding-top: 5rem;
    }

    body.single-post .sec-product {
        padding-bottom: 5rem;
    }

    /*CONTACT*/
    .contact-page {
        padding-top: 3rem;
    }

    .contact-page>.graphic>img {
        height: 11rem;
    }

    .title-contact-1 .title-sec {
        text-align: center;
        font-size: 1.7rem;
    }

    .content-contact-1 .item .title {
        font-size: 1.15rem;
    }

    .content-contact-1 .item .content {
        margin-top: 0.5rem;
    }

    .content-contact-1 > .inner {
        max-height: 28rem;
    }

    .box-form-contact {
        padding-top: 4rem;
    }

    .title-contact-2 {
        text-align: center;
    }

    .box-form-contact .form-wrap>.form-item:last-child {
        margin: 0 auto;
    }

    /*PRODUCT RELEASE*/
    .product-release-page {
        padding-top: 6rem;
    }

    .product-release-page:after {
        height: 100%;
    }

    .product-release-page .graphic {
        display: none;
    }



    /*PRODUCT PAGE*/
    .title-product-page .title-sec {
        font-size: 2rem;
    }

    .title-product-page .desc-sec {
        padding: 0 7rem;
    }

    .container-product-list > .inner-list {
        grid-template-columns: 1fr 1fr;
        column-gap: 1.2rem;
        row-gap: 1.6rem;
    }

    .product-popup.fancybox-content {
        max-width: 100%;
        padding: 4rem 1.5rem 2rem;
    }

    .product-popup.fancybox-content .box-img {
        width: 35%;
        margin-right: 2rem;
    }

    .product-popup.fancybox-content .content {
        max-height: 16rem;
    }
}





.about8 .about8_slider {
    position: relative;
    height: 24rem;
    overflow: hidden;
    margin-top: 2rem;
}

.about8 .about8_slider .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

/* ===== About12 - slider 3 item, center highlight ===== */
.about12 .about12_slider {
    overflow: hidden;
    max-width: 80%;
    margin-top: 3rem;
}

.about12 .about12_slider .about12_item {
    transition: transform .4s ease, opacity .4s ease;
    opacity: 1;
    transform: scale(.76);
    text-align: center;
}

.about12 .about12_slider .swiper-slide-active .about12_item {
    opacity: 1;
    transform: scale(.95);
}

.about12 .about12_slider .about12_img img {
    width: auto;
    height: 100%;
    display: block;
    margin: auto;
    box-shadow: 0 4px 30px 0 #CFDCEC;
    border-radius: 1.25rem;
}

.about13 .about13_slider {
    overflow: hidden;
}

.about13 .about13_slider .swiper-wrapper {
    align-items: center;
    transition-timing-function: linear !important;
}

.about13 .about13_item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.about13 .about13_item img {
    max-width: 100%;
    height: auto;
}

.about10 .about10_items .about10_item h3 {
    cursor: pointer;
}

.about11_nav li {
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
    text-align: right;
    position: absolute;
    left: -1.2rem;
    bottom: 7rem;
    align-items: center;
}

section.about1 {
    padding: 7rem 0 0;
    background: linear-gradient(180deg, rgba(237, 243, 250, 0.00) 0%, #EDF3FA 50%, rgba(237, 243, 250, 0.00) 100%);
}

h1.title_page {
    font-family: "Momo Trust Display";
    font-size: 16.97575rem;
    background: linear-gradient(180deg, #09AEEA 29.33%, #0C81B2 55.58%, #103E60 84.51%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1;
    margin: 0;
    background-size: 200% 200%;
    -webkit-animation: 4s infinite i;
    animation: 4s infinite i
}

@-webkit-keyframes i {
    0%,100% {
        background-position: 0 13%
    }

    50% {
        background-position: 100% 88%
    }
}

@keyframes i {
    0%,100% {
        background-position: 0 13%
    }

    50% {
        background-position: 100% 88%
    }
}

.giot_sua img {
    height: 4rem;
    display: block;
    margin: auto;
}

.giot_sua {
    margin: 1rem 0;
}

.font2 {
    font-family: Momo Signature Regular;
}

.about1_box h2.font2 {
    font-size: 1.75rem;
    color: #09AEEA;
}

.about1_box {
    max-width: 40rem;
    margin: auto;
}

.about1_items {
    margin-top: 3rem;
    justify-content: space-between;
}

.about1_item {
    width: 20rem;
    margin: auto;
    text-align: center;
    color: #034EA2;
    font-size: 0.9rem;
}

.about1_item .box_img {
    width: 9.75rem;
    height: 9.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.5rem;
    border-radius: 100px;
    overflow: hidden;
}

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

.about1_item .number {
    display: flex;
    justify-content: center;
    color: #09AEEA;
    font-family: "Momo Trust Display";
    font-size: 4.25rem;
    line-height: 1;
}

.about1_item h3.title {
    font-size: 1.1889rem;
    color: var(--1, #123C5F);
    font-weight: 300;
}

.about1_item h3.title b {
    color: #09AEEA;
    font-size: 1.4267rem;
    font-family: Momo Signature Regular;
    margin: 0 .3rem;
}

.about1_item:nth-child(odd) {
    margin-top: 2rem;
}

.about2_img {
    position: relative;
    margin-top: -9rem;
}

.about2_img>img {
    display: block;
    width: 100%;
    height: auto;
}

.about2_img .ht {
    position: absolute;
    bottom: 0;
}

.ht_left {
    left: 0;
}

.ht_right {
    left: unset;
    right: 0;
}

.ht.ht_left img {
    width: 27rem;
    height: auto;
}

.about2_img .ht.ht_right {
    bottom: 17rem;
}

.about2_img .ht.ht_right.bottom {
    bottom: 2rem;
}

.about2_img .ht.ht_right img {
    width: 34rem;
}

.about2_img .ht.ht_right.bottom img {
    width: 21rem;
}

.about3_wrap .about3_right {
    width: 50%;
}

.about3_wrap {
    justify-content: space-between;
}

.about3_item .title {
    font-size: 3rem;
    font-family: "Momo Trust Display";
    color: #09AEEA;
    display: flex;
    align-items: flex-end;
    gap: .4rem;
    margin-bottom: .2rem;
}

.about3_item .don_vi {
    font-size: 1.5rem;
}

.about3_item .number {
    line-height: 1;
}

.about3_item+.about3_item {
    margin-top: 1.5rem;
}

.about3_item .content {
    color: #034EA2;
    font-size: 0.9rem;
    display: inline-block;
    position: relative;
    padding-bottom: .8rem;
}

.about3_item .content:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background: linear-gradient(90deg, rgba(9, 174, 234, 0.30) 0%, rgba(9, 174, 234, 0.00) 100%);
}

.about3_item.large .number {
    font-size: 5.5rem;
}

.about3_item.large .don_vi {
    font-size: 5.5rem;
    line-height: 1;
}

.about3_item.large .content {
    font-size: 1.4rem;
    font-weight: 500;
}

.about3_img {
    display: inline-block;
    position: relative;
    float: right;
    max-width: 69rem;
    margin-top: -12rem;
	z-index: 2;
}

.about3_img img {
    width: auto;
    height: auto;
    display: block;
}

.about1_item>span {
    width: 0.33375rem;
    height: 0.33375rem;
    position: absolute;
    bottom: -1rem;
    background: #0ACFFF;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.about1_item>span:before {
    content: '';
    background: radial-gradient(73.02% 73.02% at 50% 50%, #0ACFFF 0%, rgba(10, 207, 255, 0.00) 100%);
    stroke-width: 0.406px;
    stroke: #0ACFFF;
    filter: blur(1.6231191158294678px);
    position: absolute;
    width: 0.70945rem;
    height: 0.70945rem;
    border-radius: 100px;
}

.about1_item>span:after {
    height: 10rem;
    width: 1px;
    content: '';
    background: linear-gradient(180deg, #0ACFFF, transparent);
    top: 0;
    position: absolute;
}

section.about3 {
    background: linear-gradient(0deg, #F5F8FC 0%, rgba(245, 248, 252, 0.11) 48.08%, rgba(245, 248, 252, 0.00) 100%);
    border-radius: 0 0 2.5rem 2.5rem;
    padding-bottom: 4rem;
    position: relative;
}

.about3_img img {
    width: 100%;
    height: auto;
    display: block;
}

.cac_diem .diem {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cac_diem .diem span {
    position: absolute;
    width: .8rem;
    height: .8rem;
    background: #0ACFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cac_diem .diem span:before {
    content: '';
    width: 150%;
    height: 150%;
    content: '';
    position: absolute;
    border-radius: 50%;
    animation: pulse-border 1000ms ease-out infinite;
    background: #09aeea52;
}

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

    50% {
        transform: translateZ(0) scale(1.5);
        opacity: 0
    }

    100% {
        transform: translateZ(0) scale(1);
        opacity: 1
    }
}

.cac_diem .diem title {
    display: block;
    position: absolute;
    left: 1rem;
    background: #09AEEA;
    color: #fff;
    width: 8rem;
    font-size: .8rem;
    padding: .5rem;
    border-radius: .5rem;
    line-height: 1.2;
    opacity: 0;
    transition: .5s all;
    pointer-events: none;
}

.cac_diem .diem:hover title {
    opacity: 1;
}

.about3_img img {
    display: block;
    width: 100%;
}

.about4_img img {
    float: right;
    max-width: calc(100% + 31rem);
    position: relative;
    right: -18rem;
}

section.about4 {
    padding-top: 4rem;
    position: relative;
    padding-bottom: 8rem;
}

section.about4:before,section.about7:before,.pd-detail_top:before {
    content: '';
    background-image: url(../images/Group_1000008223.png);
    width: 100%;
    height: 16rem;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}
.pd-detail_top {
    position: relative;
    padding-bottom: 11rem;
}

.pd-detail_top .pd-top.row.items-start {
    position: relative;
    z-index: 2;
}
.about4_num .number b {
    font-family: "Momo Trust Display";
    font-size: 9.97575rem;
    line-height: .9;
    color: #10ade8;
    margin: 0;
    background-size: 200% 200%;
    -webkit-animation: 4s infinite i;
    animation: 4s infinite i;
}

section.about4 h2.title-sec.mb-0+.content {
    font-size: 0.85rem;
}

.about4_num .number {
    position: relative;
}

.about4_num .don_vi {
    position: absolute;
    top: 0;
    right: 0;
    width: 3.9296rem;
    height: 4.2169rem;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about4_num .don_vi span {
    font-family: "Momo Trust Display";
    font-size: 2.97575rem;
    line-height: .9;
    margin: 0;
    background-size: 200% 200%;
    -webkit-animation: 4s infinite i;
    animation: 4s infinite i;
    color: #10ade8;
}

.about4_box .title {
    color: #09AEEA;
    font-size: 3.9062rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.2;
    margin-left: 1rem;
    font-family: "Momo Trust Display";
}

.about4_num.flex {
    margin-top: 3rem;
}

.about4_box .content {
    border-radius: 3rem 0 0 3rem;
    background: linear-gradient(90deg, rgba(9, 174, 234, 0.10) 0%, rgba(9, 174, 234, 0.10) 76.45%, rgba(9, 174, 234, 0.00) 100%);
    padding: .6rem 1.9rem;
    color: var(--2, #004E78);
    margin-top: .6rem;
    line-height: normal;
}

section.about3 .ht.ht_right img {
    width: 30rem;
    height: auto;
}

section.about3 .ht.ht_right {
    position: absolute;
    bottom: 5rem;
}

.about5_wrap {
    display: flex;
    justify-content: center;
    margin-top: 7rem;
    gap: 9rem;
}

.about5_item {
    width: 20rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.about5_item .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 62.5rem;
    background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.00) 0%, rgba(9, 174, 234, 0.12) 100%);
    backdrop-filter: blur(50px);
    width: 5.1rem;
    height: 5.1rem;
    position: relative;
}
.about5_item .icon:before{
    content: '';
    background-image: url(../images/line1.svg);
    width: 19rem;
    position: absolute;
    height: 4.2rem;
    background-size: contain;
    right: 0;
    background-repeat: no-repeat;
    bottom: 0;
    transform: translate(-2.6rem, 100%);
}
.about5_item:nth-child(2) .icon:before{
    content: '';
    background-image: url(../images/line2.svg);
    bottom: 50%;
    transform: translate(-5rem, 100%);
    height: 1rem;
}
.about5_item:nth-child(3) .icon:before{
    content: '';
    background-image: url(../images/line3.svg);
    bottom: unset;
    top: 0;
    transform: translate(-2.6rem, -100%);
    width: 25rem;
}
.about5_item .icon img {
    max-height: 61%;
    max-width: 61%;
}

.about5_item h3 {
    color: #034EA2;
    font-family: "Momo Trust Display";
    font-size: 1.12905rem;
    margin-bottom: .2rem;
}

.about5_item .content {
    font-size: 1.01615rem;
    color: #333;
}

.about5_items {
    display: flex;
    flex-direction: column;
    gap: 5rem;
    position: relative;
    z-index: 2;
}

.about5_img {
    1 2 3width: 35.6rem;height: 23.95rem;
    width: 35.6rem;
    display: flex;
}

.about5_img img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
}

.about5_img_ht {
    position: absolute;
    bottom: 0;
    left: -4rem;
}

.about5_img>img {
    position: relative;
    z-index: 2;
}

.about5_img_ht img {
    width: 55rem;
    height: auto;
}

section.about5 {
    padding-top: 4rem;
    padding-bottom: 7rem;
}

section.about5 .text-center {
    position: relative;
    z-index: 2;
}

section.about5 h2.title-sec.mb-0, section.about6 h2.title-sec.mb-0,section.about7 h2.title-sec {
    color: #09AEEA;
    font-size: 2rem;
}

section.about6 {
    padding-top: 4rem;
}

.about6_img img {
    width: 100%;
    height: auto;
    display: block;
    margin-top: -7rem;
}

section.about7 {
    padding-top: 4rem;
    position: relative;
    padding-bottom: 5rem;
}

.about7_content {
    max-width: 32rem;
    margin: 0px auto;
}

.about7_img img {
    display: block;
    width: 100%;
    height: auto;
}

section.about8 {
    padding-top: 4rem;
}

.about8_slider.swiper.swiper-initialized.swiper-vertical.swiper-pointer-events.swiper-backface-hidden {
}

.about8_item img {
    width: 10.6rem;
    height: 10.6rem;
}

.about8_item {
    text-align: center;
}

.about8_item h3 {
    color: #09AEEA;
    font-size: 1.4267rem;
    font-family: Momo Signature Regular;
    margin: 1.25rem 0 .5rem;
}

.about8_item b {
    color: #09AEEA;
    font-size: 3rem;
    line-height: 1;
}

.about8_item .content {
    max-width: 15rem;
    margin: auto;
}

.about8_img img {
    display: block;
    margin: -3rem auto 0;
}

section.about9 {
    padding-top: 2rem;
}

.about9_items {
    display: flex;
    margin-top: 3rem;
    justify-content: space-between;
}

.about9_item h3 {
    font-size: 2rem;
    color: #09AEEA;
    font-family: "Momo Trust Display";
    line-height: normal;
    padding-bottom: .7rem;
    margin-bottom: 1.2rem;
    position: relative;
}

.about9_item h3:before,h2.about10_title:before {
    content: '';
    background-image: url(../images/linesvg.svg);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 7.7rem;
    height: .3rem;
    background-repeat: no-repeat;
    background-size: cover;
}

.about9_item {
    width: 41%;
}

.title_section svg {
    width: 100%;
    display: revert;
    margin-bottom: -5rem;
}

h2.about10_title {
    font-size: 2rem;
    color: #09AEEA;
    font-family: "Momo Trust Display";
    line-height: normal;
    padding-bottom: .5rem;
    margin-bottom: 1rem;
    position: relative;
}

.about10_item h3 {
    color: #034EA2;
    font-family: "Momo Trust Display";
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    position: relative;
    transition: .5s all;
}

.about10_item .content {
    margin-top: .5rem;
}

.about10_item+.about10_item {
    margin-top: 2.5rem;
}

.about10_item {
    padding-left: 2rem;
}

.about10_item h3:before {
    content: '';
    position: absolute;
    left: -2rem;
    width: 0.33375rem;
    height: 0.33375rem;
    background: #0ACFFF;
    border-radius: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    box-shadow: 0 0 .2rem .3rem #0acfff63;
}

.about10_items {
    position: relative;
    padding-top: 2rem;
    max-width: 22rem;
}

.about10_items:before {
    content: '';
    position: absolute;
    left: 0;
    width: 1px;
    height: 108%;
    background: linear-gradient(180deg, transparent , #0ACFFF , transparent);
    top: 0;
}

section.about10 .large-6+.large-6 {
    padding-left: 4rem;
}

.about10_item.active h3 {
    color: #09AEEA;
}

.about11_wrap_img {
    position: relative;
    width: 44rem;
    margin: 6rem auto 0;
}

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

.about11_img {
    position: absolute;
    width: 25.9296rem;
    height: 21.5962rem;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -4rem;
    left: 50%;
    transform: translateX(-50%);
}

ul.about11_nav {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.about11_nav li span {
    position: absolute;
    width: max-content;
    color: #034EA2;
    font-family: "Momo Trust Display";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    right: 0;
    transition: .5s all;
}

.about11_nav li:nth-child(2) {
    top: 18%;
    bottom: unset;
    left: 6.8rem;
}

.about11_nav li:nth-child(n + 2) {
}

.about11_nav li:nth-child(3) {
    right: -1.5rem;
    left: unset;
}

.about11_nav li:nth-child(4) {
    left: unset;
    top: 23%;
    bottom: unset;
    right: 5rem;
}

.about11_nav li:nth-child(n + 3) span {
    right: unset;
    left: 0;
}

.about11_nav li span:before {
    content: '';
    position: absolute;
    content: '';
    position: absolute;
    right: -3rem;
    width: 0.41719rem;
    height: 0.41719rem;
    background: #0ACFFF;
    border-radius: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 .2rem .3rem #0acfff63;
}

.about11_nav li:nth-child(n + 3) span:before {
    right: unset;
    left: -3rem;
}

.about11_nav li.active span {
    color: #09AEEA;
}

.about11_for {
    max-width: 32rem;
    margin: -6rem auto 0;
}

.about11_for h3 {
    color: #09AEEA;
    text-align: center;
    font-family: "Momo Trust Display";
    font-size: 2.5rem;
    margin: 0;
}

section.about12 {

    /* Rectangle 18681 */

    background: linear-gradient(180deg, rgba(237, 243, 250, 0) 0%, #EDF3FA 50%, rgba(237, 243, 250, 0) 100%);

    padding-top: 5rem;
}

.about12_content .content {
    max-width: 33rem;
    margin: .6rem auto 0;
}

.about12_img {
    height: 25rem;
    display: flex;
    align-items: center;
    margin-bottom: .5rem;
}

.about12_img img {
    height: 100%;
    width: auto;
}

.about12_item h3 {
    color: #034EA2;
    text-align: center;
    font-size: 1.5rem;
    font-family: 'Google Sans Flex Bold';
    margin-bottom: .1rem;
}

.about12_item a {
    color: #09AEEA;
    font-size: 1rem;
    text-decoration: underline;
}

section.about13 {
    padding: 7rem 0 0;
}

.text-center a.btn.btn-style-1 {
    width: auto;
    display: inline-flex;
}

.product_box .box_img {
    position: relative;
    padding-bottom: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.3rem;
}

.product_box .box_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    1: AUTO 100PX; transition: .7s all;
    max-width: 95%;
    max-height: 95%;
}

.product_box:hover .box_img img {
    transform: translate(-50%, -50%) scale(1.05);
}

.product_box span.cat {
    font-size: .8rem;
    color: #034EA2;
}

.product_box h3 {
    margin: 0;
    color: #09AEEA;
    font-size: 1rem;
    font-family: 'Momo Trust Display';
}

.product_box {
    cursor: pointer;
}

.product_menu a {
    font-size: 1.2rem;
    color: #034EA2;
    font-family: 'Momo Trust Sans SemiBold';
    margin: 0 1.5rem;
    transition: .5s all;
}

.product_menu .current-menu-item a,.product_menu a:hover {
    color: #09AEEA;
}

.product_menu {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

section.crea {
    padding-top: 2rem;
    padding-bottom: 1.2rem;
}

section.crea nav#breadcrumbs ol {
    display: flex;
    justify-content: center;
}

h2.about10_title:before {
    width: 11rem;
    height: .5rem;
    background-size: contain;
    bottom: -0.4rem;
}

section.about10:before {
    content: '';
    background-image: url(../images/Rectangle_18652.png);
    width: 15rem;
    height: 28rem;
    position: absolute;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    top: 11rem;
}

section.about10 {
    position: relative;
    background: linear-gradient(0deg, #F5F8FC 19.87%, rgba(245, 248, 252, 0.109657) 48.08%, rgba(245, 248, 252, 0) 100%);
    border-radius: 1.5rem;
}
.wrap_control {
    display: flex;
    gap: .5rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.wrap_control .arrow_slider {
    width: 2.1rem;
    height: 2.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #103E60;
    border-radius: 50%;
    cursor: pointer;
}

.wrap_control .arrow_slider svg {
    max-width: 50%;
    max-height: 52%;
    width: auto;
    height: auto;
}
.about2_item b {
    font-size: 3rem;
    line-height: 1;
    color: #09AEEA;
    margin-bottom: .5rem;
    display: block;
}

.about2_item h3 {
    font-size: 1.2rem;
    color: #034EA2;
    font-family: 'Momo Trust Display';
    margin: 0 0 .4rem;
}

.about2_item {
    padding-right: 5rem;
    transition: 1s all;
    position: relative;
    top: 0;
}

.about2_item .box_content {
    height: 14rem;
    padding-left: 1.5rem;
    position: relative;
}

.about2_item .box_content:before {
    content: '';
    height: 92%;
    width: 1px;
    /* Line 7 */
    background: linear-gradient(180deg, #0ACFFF, transparent);
    position: absolute;
    left: 0;
    top: 1.2rem;
}

.about2_item .box_content:after {
    content: '';
    box-shadow: 0 0 .2rem .3rem #0acfff63;
    width: .5rem;
    height: .5rem;
    background: #0ACFFF;
    position: absolute;
    border-radius: 50%;
    top: .7rem;
    left: -.25rem;
}

.about2_slider .swiper-slide {
    height: 23rem;
    display: flex;
    align-items: flex-end;
    padding-left: 1.5rem;
}

.about2_slider .swiper-slide.swiper-slide-next .about2_item {
    top: -4rem;
    position: relative;
}

.about2_slider .swiper-slide.swiper-slide-next+.swiper-slide .about2_item {
    top: -9rem;
    position: relative;
}
.product_marquee {
    margin-top: 1.6rem;
}
.title-group.title-home-6 {
    width: calc(100% + 3rem);
}

.title-group.title-home-6 h2.title-sec {
    line-height: 1.1;
}
section.about5 h2.title-sec.mb-0:before, section.about6 h2.title-sec.mb-0:before,section.about7 h2.title-sec.mb-0:before {
    content: '';
    position: absolute;
    height: 11rem;
    width: 1px;
    background: linear-gradient(1809deg, rgba(9, 174, 234, 0.5) -0.28%, rgba(9, 174, 234, 0.1) 52.72%, rgba(9, 174, 234, 0.1) 100.28%);
    top: 0;
    z-index: 2;
    left: 50%;
    transform: translateY(-100%);
}

section.about5 h2.title-sec.mb-0, section.about6 h2.title-sec.mb-0 {
    padding-top: 3rem;
}
section.about7 h2.title-sec {
    padding-top: 1rem;
}

section.about7 h2.title-sec:before {
    height: 3rem !important;
}
.single-post  section.pd-related-sec {
    padding-top: 6rem;
    padding-bottom: 6rem;
    background: linear-gradient(180deg, rgba(242, 233, 229, 0) 0%, #F2E9E5 50%, rgba(242, 233, 229, 0) 100%);
}
.box-form-contact .submit-btn {
    margin-top: 1.4rem;
}
.about12-slide-wrap .arrow-absolute>.arrow-slide.next {
    right: 2rem;
}

.about12-slide-wrap .arrow-absolute>.arrow-slide.prev {
    left: 2rem;
}
.inner-home-7 {
    border-radius: 2.5rem;
    overflow: hidden;
}
.img-home-7 img {
    height: 40rem;
    width: auto;
    object-fit: contain;
    object-position: bottom;
}
section.crea{
    padding: 2rem 0 !important;
}
.logo_tax {
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo_tax img {
    max-height: 100%;
    width: auto;
}
.about-banner:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask-image: url(../images/downward-curve.png);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: bottom;
    background: #fff;
    pointer-events: none;
    z-index: 3;
}
.about-banner {
    position: relative;
}

.about-banner:after {
    background: #fff;
}
#header-2 .icon-search:before {
    filter: brightness(0) invert(0);
    opacity: .5;
}
#header-2 .header2-menu > li > a[href="#"] {
    pointer-events: none;
}

#header-2 .header2-menu > li {
    cursor: pointer;
}
.office1_img .icon svg {
    position: absolute;
}

.block-edit-link {
    display: flex !important;
    max-width: var(--container-w) !important;
    margin: auto;
}
.home .post-item .desc {
    -webkit-line-clamp: 5 !important;
}
@media only screen and (min-width: 1921px) {
    .about4_img img {
        right: unset;
        width: calc(100% + 25rem);
        right: -10rem;
    }
}
@media only screen and (max-width: 767px) {
    :root {
        --container-w: 100%;
    }

    .container, .grid-container, .row {
    }

    .col {
        padding: 0 0.7rem;
    }

    .default-page h1.title-sec {
        font-size: 1.4rem;
    }

    .default-page .post-content {
        padding-top: 1rem;
    }

    .grid-container {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .load_home_page svg {
        width: 12.5rem;
    }

    .load_home_page img.logo_load_page {
        width: 12.5rem;
    }

    #search-lightbox {
        margin-left: -20px;
        margin-right: -20px;
        max-width: calc(100% + 40px);
    }

    #search-lightbox .search-lightbox-title {
        margin-bottom: 20px;
        font-size: 20px;
    }

    #search-lightbox .search-keywords {
        margin-top: 20px;
    }

    #search-lightbox .search-keywords > a {
        font-size: 14px;
    }

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

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

    .search-tabs .search-tabs-title .search-tab-title {
        font-size: 0.75rem;
        padding: 0.5rem 1rem;
    }

    /*breadcrumbs*/
    .sec-banner .breadcrumb-absolute {
        padding-bottom: 1rem;
    }

    .breadcrumbs ol>li {
        font-size: 0.82rem;
    }

    .breadcrumbs ol>li+li {
        margin-left: 0.5rem;
    }

    .breadcrumbs ol>li+li:before {
        margin-right: 0.5rem;
    }

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

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

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

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

    /* select mobile */
    .select-mobile {
        width: 100%;
        position: relative;
        z-index: 9;
        padding: 0;
    }

    .select-mobile .select-options > li, .select-mobile > .select {
        width: 100%;
    }

    .select-mobile .select-styled {
        height: 3.2rem;
        font-size: 1.05rem;
        color: var(--body-cl);
        border-radius: 0.5rem;
    }

    .select-mobile .select-styled:after {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjI1IDcuNUwxMCAxMy43NUwzLjc1IDcuNSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
    }

    .select .select-options {
        max-height: 10.7rem;
        padding-left: 0;
        filter: drop-shadow(0px 4px 16px #E2C89333);
    }

    .select .select-options > li {
        font-size: .9rem;
        line-height: 1.7rem;
    }

    header .header-wrap.stuck, header .header-wrap {
        padding: .65rem 0.7rem;
    }

    header .header-wrap {
        gap: 0;
        /*justify-content: unset;*/
    }

    header .action-menu {
        width: 2rem;
        height: 2rem;
        flex-shrink: 0;
        padding: 0;
    }

    header .action-menu span.text {
        display: none;
    }

    header .action-menu span.icon svg {
        width: 1.4rem;
    }

    .header-logo {
        /*margin-left: 0;*/
        margin: 0 1rem;
    }

    .stuck .header-logo a>img, .header-logo a>img {
        height: 2.2rem;
    }

    .box-search {
        margin-left: -1.3rem;
    }

    .box-search .icon-search {
        display: flex;
    }

    .icon-search:before {
        width: 1.4rem;
        height: 1.4rem;
    }

    .switch-label {
        padding: 0.6rem 0.8rem;
    }

    .switch-label>span {
        font-size: 0.8rem;
    }

    .switch-icon {
        width: 2.4rem;
        height: 1.9rem;
    }

    .header-menu .inner {
        padding-top: 9rem;
        width: 85%;
        padding-left: 1.2rem;
    }

    footer {
        padding-top: 2rem;
        margin-top: 3rem;
    }

    footer:after {
        width: 100%;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
    }

    footer .fs-16 {
        font-size: 0.8rem;
    }

    .logo-footer > img {
        height: 3.5rem;
    }

    footer .cont-info {
        margin-right: 0;
    }

    footer .cont-ecommerce {
        margin-top: 1.5rem;
    }

    footer .cont-menu {
        padding: 0;
        margin-top: 1rem;
    }

    footer .links-page>ul {
        gap: 1rem;
    }

    footer .copyright {
        font-size: 0.88rem;
    }

    footer .links-page>ul {
        flex-wrap: wrap;
    }

    #wrapper > .back-to-top.right {
        right: 0.8rem;
    }

    .item-banner-hero .cont-absolute > .inner {
        max-width: 100%;
    }

    .item-banner-hero .cont-absolute h1 {
        font-size: 1rem;
        text-align: center;
    }

    .item-banner-hero .btn {
        margin: 1rem auto 0;
    }

    .item-banner-hero {
        height: 25rem;
    }

    .title-sec {
        font-size: 1.5rem;
    }

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

    .btn {
        gap: 0.5rem;
    }

    .btn span.text {
        font-size: 0.8rem;
    }

    .btn span.icon {
        width: 2rem;
        height: 2rem;
    }

    .item-banner-hero .cont-absolute {
        transform: unset;
        top: unset;
        bottom: 1rem;
    }

    .home-1 {
        padding-top: 8rem;
        padding-bottom: 3rem;
    }

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

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

    .desc-sec {
        font-size: 1.1rem;
    }



    .home-link-1 {
        margin-top: 0;
    }

    .content-home-1 .graphic-main>img {
        height: 9rem;
    }

    .content-home-1 .box-graphic {
        max-width: 80%;
    }

    .cont-home-mobile-1 {
        column-gap: .7rem;
        row-gap: 1rem;
    }

    .cont-home-mobile-1 .item {
        width: calc((100% / 2) - (.7rem / 1 * 2));
    }

    .cont-home-mobile-1 .item .label {
        font-size: .9rem;
        text-align: center;
        color: var(--main-cl);
    }

    .home-link-1 {
        margin-top: 1.5rem;
    }

    .graphic-sec.graphic-left {
        top: -10%;
    }

    .graphic-sec.graphic-left>.inner {
        width: 11.823rem;
        height: 9.896rem;
    }

    .graphic-sec.graphic-right>.inner {
        width: 8.4375rem;
        height: 7.667rem;
    }

    .graphic-sec.graphic-right {
        bottom: -5%;
    }

    .title-home-2 .title-sec {
        font-size: 2.5rem;
    }

    .title-home-2 .desc {
        font-size: 1rem;
    }

    .slide-home-3 .item .title {
        font-size: 1.5rem;
    }

    .slide-home-3 .swiper-slide-active .item .title {
        color: var(--sub-cl);
    }

    .slide-home-3 .title-group .desc-sec {
        font-size: 1rem;
    }

    .inner-home-4 {
        margin: 0 0.7rem;
        padding-top: 3rem;
        padding-bottom: 4rem;
    }

    .inner-home-4>.graphic>img {
        height: 5rem;
    }

    .title-home-4 {
        padding: 0 .5rem;
    }

    .title-home-4 .desc-sec {
        margin-top: .5rem;
    }

    .slide-home-4 {
        padding: 1rem 4rem 0;
    }

    .content-home-4 .slide-nav-mobile {
        margin: 0 -5rem;
    }

    .box-info-term .box-logo {
        margin-bottom: 0;
    }

    .box-info-term .box-logo>img {
        height: 2.5rem;
    }

    .home-5 .box-info-term .desc-sec {
        padding-right: 0;
    }

    .content-home-5 {
        padding: 1.4rem .9rem 0;
    }

    .home-link-5 {
        padding-top: 1rem;
    }

    .title-home-6 .desc-sec {
        margin-top: 0.7rem;
        margin-right: 0;
        padding-right: 1rem;
    }

    .home-link-6 {
        margin-top: 1.2rem;
    }

    .box-mapping {
        margin-top: 1.4rem;
        margin-left: 0;
        margin-right: 0;
    }

    .home-content-6 {
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 0.8rem;
        row-gap: 1.5rem;
        padding-top: 1.9rem;
    }

    .home-content-6 > .item {
        width: calc((100% / 2) - (.8rem / 1 * 2));
    }

    .number-wrap > div {
        font-size: 1.9rem;
    }

    .number-wrap + .title {
        font-size: .8rem;
        text-align: center;
        margin-top: 0.3rem;
    }

    .title-home-7 .desc-sec {
        color: var(--body-cl);
        padding-right: 0;
    }

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

    .home-link-7 {
        margin-top: 1rem;
    }

    .img-home-7 {
        padding: 0 3rem;
        margin-top: 2rem;
    }

    .inner-home-7 .title-line:first-child {
        display: none;
    }

    .inner-home-7 .title-line:last-child {
        background-position: bottom;
        height: 3.8rem;
        opacity: 1;
    }

    .home-link-8 {
        padding-top: 1.2rem;
    }

    /*BLOG*/
    .title-blog-page .title-sec {
        font-size: 1.5rem;
    }

    .title-blog-page .desc-sec {
        margin-top: .2rem;
    }

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

    .container-blog-list {
        padding-top: 1.5rem;
    }

    .container-blog-list>.inner-list {
        grid-template-columns: 1fr;
        gap: 1.6rem;
    }

    .post-item-2 .term-date-post > *:not(.dot) {
        font-size: 0.84rem;
    }

    .post-item-2 .title {
        font-size: 1.15rem;
        -webkit-line-clamp: 1;
    }

    .post-item-2 .desc {
        font-size: 1rem;
        line-height: 1.4;
    }

    .post-item .cont-wrap .title {
        line-height: 1.4;
        min-height: unset !important;
    }

    /*BLOG DETAILS*/
    .table-content-custom #ez-toc-container .ez-toc-title {
        font-size: 1.35rem;
    }

    .table-content-custom.tablet-show {
        padding: 1.2rem;
    }

    .post-heading .title-sec {
        font-size: 1.45rem;
    }

    .post-content blockquote {
        font-size: 1rem;
    }

    .post-content {
        font-size: 1rem;
    }

    .post-content :is(h1, h2) {
        font-size: 1.2rem;
    }

    .post-content :is(h3, h4, h5, h6) {
        font-size: 1.02rem;
    }

    .post-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .post-related-wrap {
        padding-top: 2rem;
    }

    .product-opt-wrap .title-sec, .post-related-wrap .title-sec {
        font-size: 1.5rem;
    }

    .product-opt-wrap .box-slide, .post-related-wrap .box-slide {
        margin-top: 1rem;
    }

    body.single-post .sec-product {
        padding: 3rem 0;
    }

    .product-opt-wrap .slide-product-general {
        margin: 0 -1rem;
    }

    .product-opt-wrap .item-product {
        margin: 0 1rem;
    }

    /*CONTACT*/
    .contact-page {
        padding-top: 2.5rem;
    }

    .title-contact-1 .title-sec {
        font-size: 1.4rem;
    }

    .content-contact-1 {
        padding-right: 0;
    }

    .content-contact-1 .item:not(:last-child) {
        margin-bottom: 1rem;
        padding-bottom: 0.9rem;
    }

    .content-contact-1 .item .title {
        font-size: 1.05rem;
    }

    .content-contact-1 > .inner {
        max-height: 29rem;
        padding-right: .5rem;
    }

    .content-contact-1 .item .content {
        font-size: 1rem;
        margin-top: .4rem;
    }

    .box-form-contact {
        padding-top: 3rem;
    }

    .box-form-contact .inner-form {
        padding-top: 1.2rem;
    }

    .title-contact-2 .title-sec {
        font-size: 1.6rem;
    }

    .form-group.flex {
        flex-direction: column;
    }

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

    .form-group.flex > .form-item {
        width: 100%;
    }



    /*SYSTEM AGENCY*/
    .page-template-system-agency footer {
        margin-top: 0;
    }

    .system-agency-page .box-img {
        padding: 0 2rem;
    }

    .system-agency-content {
        padding: 2rem 0.9rem 1.5rem;
    }

    .form-wrap label {
        margin-bottom: .55rem;
    }

    .system-agency-content textarea {
        min-height: 10rem !important;
    }

    .system-agency-content .form-wrap .form-group {
        gap: 0.8rem;
    }

    .system-agency-content .form-wrap .form-group:not(:last-child) {
        margin-bottom: 0.8rem;
    }
    .product-page .term-tag-page {
        position: relative;
        z-index: 22;
    }

    .title-product-page .title-sec {
        font-size: 1.6rem;
    }

    .title-product-page .desc-sec {
        padding: 0;
    }

    .container-product-list > .inner-list {
        grid-template-columns: 1fr;
        column-gap: 0;
        row-gap: 1.4rem;
    }

    .product-popup.fancybox-content {
        padding: 4rem 1rem 2rem;
    }

    .product-popup.fancybox-content > .inner {
        flex-direction: column;
        gap: 1.4rem;
    }

    .product-popup.fancybox-content .box-img {
        width: 100%;
        margin-right: 0;
        padding: 0 2rem;
    }

    .product-popup.fancybox-content .box-img .effect > img {
        height: 12rem;
    }

    .product-popup.fancybox-content .title {
        font-size: 1.35rem;
    }

    .product-popup.fancybox-content .content {
        padding-right: .5rem;
    }
    section.crea {
        padding-top: 6rem;
        padding-bottom: 1.2rem;
    }

    .product-page {
        padding-top: 1rem;
    }
    h1.title_page {
        font-size: 4rem;
    }

    .about2_img .ht {
        display: none;
    }

    .about1_item>span:before {
        display: none;
    }

    header .header-wrap.stuck {
        opacity: 1;
    }

    .about1_box h2.font2 {
        font-size: 1.2rem;
    }

    .about2_item {
        top: unset !important;
        padding: 0;
    }

    .about2_slider .swiper-slide {
        align-items: flex-start;
    }

    section.about2 {
        padding-top: 2rem;
    }

    section.about2 h2.title-sec.mb-0 {
        text-align: center;
    }

    section.about2 h2.title-sec.mb-0+.content {
        text-align: center;
        padding: .6rem 1rem 1.5rem;
    }

    .wrap_control {
        display: none;
    }

    .about3_item .title {
        font-size: 2rem;
    }

    .about3_item.large .number {
        font-size: 2rem;
    }

    .about3_item.large .don_vi {
        font-size: 2rem;
    }

    .about3_img {
        margin-top: 3rem;
    }

    .about3_wrap .about3_right {
        order: -1;
        width: 100%;
        margin-bottom: 2rem;
    }

    .about3_wrap {
        flex-direction: column;
    }

    .about3_wrap .about3_right h2.title-sec.mb-0 {
        margin-bottom: 1rem !important;
    }

    img.lazyloaded {}

    .about4_img img {
        max-width: calc(100% + 19rem);
    }

    .about4_img {
    }

    section.about4:before, section.about7:before, .pd-detail_top:before {
        height: 3rem;
    }

    .about4_num .number b {
        font-size: 6rem;
    }

    .about4_num .don_vi {
        width: 3rem;
        height: 2.6rem;
        top: 0;
        right: -1.1rem;
    }

    .about4_num .don_vi span {
        font-size: 2rem;
    }

    .about4_box .title {
        font-size: 2rem;
    }

    section.about4 {
        padding-bottom: 5rem;
    }

    .about5_wrap {
        flex-direction: column;
        margin-top: 2rem;
    }

    .about5_i {}

    .about5_img {
        width: 100%;
        height: auto;
        margin-bottom: 3rem;
    }

    .about5_items {
        gap: 1rem;
    }

    .about5_img_ht {
        display: none;
    }

    section.about6 {
        padding: 0;
    }

    .about6_img {
        margin-top: 7rem;
    }

    section.about5 {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    section.about5 h2.title-sec.mb-0, section.about6 h2.title-sec.mb-0, section.about7 h2.title-sec {
        font-size: 1.7rem;
        margin-bottom: .5rem !important;
    }

    section.about7 {
        padding: 3rem 0;
    }

    .about8_img {
        margin-top: 3rem;
    }

    .about9_items {
        flex-direction: column;
        gap: 2rem;
        margin-top: 1rem;
    }

    .about9_item {}

    .about9_item {
        width: 100%;
    }

    .about9_item h3 {
        font-size: 1.5rem;
    }

    .about9_img img {
        max-width: 75%;
        margin: auto;
        display: block;
        margin-top: 2rem;
    }

    .title_section svg {
        margin-bottom: 0;
    }

    section.about10 .large-6+.large-6 {
        padding-left: 15px;
    }

    section.about10 {
        padding-bottom: 4rem;
    }

    .about12_img {
        height: 16rem;
    }

    .about11_img {
        position: unset !important;
        left: unset;
        transform: unset;
        top: unset;
        width: 18.9296rem;
        height: auto;
        display: block;
        margin: auto;
    }

    .about11_wrap_img {
        width: 100%;
        margin-top: 1rem;
    }

    .about11_wrap_img svg {
        display: none;
    }

    .about11_nav li {
        position: unset !important;
        justify-content: center !important;
        width: 50%;
    }

    .about11_nav li span {
        position: unset !important;
        font-size: 1.1rem;
    }
    .about11_for {
        margin: 0;
    }

    .about11_for h3 {
        font-size: 1.8rem;
    }
    header .header-wrap.stuck {
        opacity: 1 !important;
        pointer-events: unset !important;
    }
    .pd-detail_top {
        padding-bottom: 2rem;
    }
    .page-template-office section.home-7 .inner-home-7 {
        background: linear-gradient(45deg, #00355b, #005f90);
        padding-top: 2rem;
    }

    .page-template-office section.home-7 .inner-home-7 .title-group.title-home-7 {
        text-align: center;
        filter: brightness(0) invert(1);
    }
    .single-post section.pd-related-sec {
        padding: 6rem 0 2em;
    }
    .diem-fancybox {
        padding: 2.5rem 1rem 1rem;
    }

    .diem-fancybox .fancybox-button svg {
        max-width: 1rem;
        height: auto;
    }

    .diem-fancybox .fancybox-button {
        display: flex;
        justify-content: center;
        align-items: center;
        top: 0;
        right: 0;
    }
    .title-group.title-home-6 {
        width: 100%;
        text-align: center;
    }

    .home-link-6 {
        display: flex;
        justify-content: center;
    }
    .about1_item {
        padding-bottom: 10rem;
    }

    .about1_item>span:after {
        height: 6rem;
    }

    section.about5 h2.title-sec.mb-0:before, section.about6 h2.title-sec.mb-0:before, section.about7 h2.title-sec.mb-0:before {
        display: none;
    }

    section.about5 h2.title-sec.mb-0, section.about6 h2.title-sec.mb-0, section.about7 h2.title-sec {
        padding-top: 0;
    }
    .about5_wrap {
        gap: 0;
    }

    .about5_item .icon:before {
        display: none;
    }
    .title-group.title-home-7 {
        text-align: center;
    }

    .title-group.title-home-7 .home-link-7 {
        display: flex;
        justify-content: center;
    }

    .home-link-7 {
        display: flex;
        justify-content: center;
    }
    .form-wrap .submit-btn {
        width: 100%;
    }

    .form-wrap>.form-item:last-child {
        width: 100%;
    }

    .submit-btn>input ~ .btn {
        width: 100%;
    }
    .product_menu {
        z-index: 99;
        position: relative;
    }
    .container-product-list > .inner-list {
        grid-template-columns: 1fr 1fr;
    }

    .product_box .box_img img {
        max-width: 80%;
        max-height: 84%;
    }

    .product_box .box_img {
        padding-bottom: 91%;
    }
    .about11_nav li {
        background: transparent;
        border-radius: .3rem;
        padding: .5rem .5rem;
        border: 1px solid #034EA2;
        transition: .5s all;
        width: calc(50% - 1rem);
        margin: .5rem;
    }

    .about11_nav li span {
        font-size: 1rem;
    }

    .about11_nav li.active {
        background: #09AEEA;
        border-color: #09AEEA;
    }

    .about11_nav li.active span {
        color: #fff;
    }
    .pd-related-sec .arrow-slide.next {
        right: 1rem;
        background: #fff;
        border-radius: 50%;
    }

    .pd-related-sec .arrow-slide.prev {left: 1rem;background: #fff;border-radius: 50%;}

    .pd-related-swiper {
        max-width: 75%;
    }

    .pd-related-sec .arrow-slide {
        width: 2rem;
        height: 2rem;
    }
    .pd-rel-img {
        height: 14rem !important;
    }
    .pd-variant-title {
        opacity: 1;
    }

    .pd-variants-swiper {
        background-position: bottom 3rem center;
    }


    .product_item .box_content,
    .pd-variant span.pd-variant-title{
        opacity: 1 !important;
    }
    .img-home-7 img {
        height: auto;
    }
    header .action-menu span.icon {
        scale: .7;
    }
    .title-footer {
        font-size: 1rem;
    }

    .list-ecommerce a {
        width: 2rem;
        height: 2rem;
    }

    footer .copyright {
        font-size: .7rem;
    }

    footer .links-page a, footer .copyright {
        font-size: .7rem;
    }

    footer .cont-ecommerce .desc {
        font-size: .8rem;
    }

    .logo-footer > img {
        height: 3rem;
    }

    .footer-bottom {
        margin-top: 1.5rem;
    }
    .pd-variant-img {
        width: 12rem;
        height: 10rem;
    }

    .pd-variants-swiper {
        background-size: 249% auto;
        margin: 0 -10px;
    }

    .pd-variants-nav .arrow-slide {
        display: none !important;
    }
    .header-menu .menu>li.has-child>.toggle {
        opacity: 1;
        color: #fff;
    }
    .header-menu .menu>li>a:before{
        display: none;
    }
    .header-menu .menu>li.has-child>ul>li button.toggle {
        color: #fff;
        position: absolute;
        right: 0;
        margin: 0;
        width: auto;
    }

    .header-menu .menu>li.has-child>ul {
        margin-top: 1rem !important;
    }

    .header-menu .menu>li.has-child>ul a {
        padding-left: .5rem !important;
    }

    .header-menu .menu>li.has-child>ul>li:is(:hover, .current_page_item, .current-menu-item)>a:before {
        display: none;
    }

    ul.sub-menu {
        border: none !important;
        margin: .5rem 0 !important;
    }
    .box-content.cont-home-mobile-1 {
        display: none !important;
    }

    .content-home-1 .box-content>.item {
        scale: .4;
    }

    .content-home-1 .box-content.mobile-hide {
        position: absolute !important;
        top: -4rem;
        left: 0;
        width: 92%;
        height: 100%;
        display: block !important;
    }
    .btn {
        line-height: normal;
        padding: .3rem .3rem .3rem .9rem;
    }

    .btn span.text {
        font-size: .7rem;
    }

    .btn span.icon {
        width: 1.5rem;
        height: 1.5rem;
    }

    .btn span.icon svg {
        width: .7rem;
        height: auto;
    }
    .about1_items {
        flex-direction: column;
        gap: 2rem;
    }

    .about1 .about1_item {
        margin: 0 auto;
    }
    .select .select-options {box-shadow: 0 10px 10px #3333338f;max-height: 16.7rem;}
    .slide-home-3 .item .heading {
        padding: 1rem;
        text-align: center;
    }

    .slide-home-3 .img-wrap>img {
        left: -3rem;
        position: relative;
    }
    .slide-home-3 .item .title {
        font-size: 1rem;
    }
    section.about-banner .item-banner-hero:before {
        background: linear-gradient(0deg, black, transparent);
        opacity: .7;
    }
    section.home-6 .row {
        position: relative;
    }

    section.home-6 .col.large-4.lg-col-12.medium-12.small-12:last-child {
        position: unset;
    }

    section.home-6 .home-content-6 {
        position: absolute;
        top: 21rem;
        display: flex;
        flex-direction: column;
        gap: 0;
        left: 12rem;
        scale: .6;
    }

    section.home-6 .home-content-6 .item {
        background: transparent !important;
        width: 12rem;
    }

    section.home-6 .home-content-6:nth-child(2) {
        left: -2rem;
        top: 27rem;
    }
    section.about10:before {
        display: none;
    }

    .header-menu .menu a {
        font-size: .8rem;
    }

    .header-info .item > * {
        font-size: .8rem;
    }

    .header-menu .menu .toggle {
        font-size: .6rem;
    }
    .header-menu .inner {
        padding: 7rem 1rem 2rem;
    }
    .title-home-6  h2.title-sec.lh-100p.mb-0 br {
        display: none;
    }
    .product_marquee {
        margin-top: -1.5rem;
    }
    section.about2 {
        padding-top: 1rem;
    }
    .about1_nen {
        margin-top: -1.5rem;
    }
    .about1_items {
        margin-top: 0;
    }
    section.about10 .title_section svg {
        HEIGHT: auto;
    }

    section.about10 .title_section {
        margin-bottom: 2rem;
    }
}