:root {
    --main-cl: #324C9E;
    --sub-cl: #ED2124;
    --third-cl: #F6923F;
    --text-cl: #131313;
    --container-w: 76.5625rem;

    --primary-color: #324C9E !important;
    --fs-color-primary: #324C9E !important;
    --fs-color-secondary: #ED2124 !important;

    --bg-light: #F5F7FA;
    --bg-dark: #1A2B4A;
    --border-cl: #E0E6F0;
}
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);
}

input, optgroup, select, textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
    outline: none !important;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}

.grid-container {
    max-width: var(--container-w);
    margin-left: auto;
    margin-right: auto;
}
#search-lightbox {
    width: 37.5rem;
    max-width: 100%;
}
#search-lightbox .search-lightbox-title {
    margin-bottom: 1.667rem;
    font-size: 1.979rem;
    line-height: 1.2;
    font-weight: 700;
}
#search-lightbox .search-keywords {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 2.083rem;
    gap: 0.521rem;
}
#search-lightbox .search-keywords > a {
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    font-size: 0.833rem;
    line-height: 1.042rem;
    border: 1px solid rgba(255, 255, 255, 0.6);
    padding: 0.3125rem 0.833rem;
    display: flex;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#search-lightbox .search-keywords > a:hover {
    background-color: #fff;
    color: #000
}
#search-lightbox .flex-row > div {
    display: flex;
}
#search-lightbox .flex-row {
    align-items: unset;
    display: flex;
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    overflow: hidden;
}
#search-lightbox input {
    height: 100%;
    border: none;
}
#search-lightbox .button.icon {
    line-height: normal;
    min-height: unset;
    height: 100%;
    border: none;
    min-width: unset;
    background-color: #FFF;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
#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%);
    width: 16rem;
    height: auto;
    opacity: 1;
    transition: .5s all;
}
.load_home_page.complete img.logo_load_page {
    opacity: 0;
    transition-delay: .3s;
}

div.load_home_page .mask {
    /*background-color: #00BDFFFF;*/
    transition: 1s all ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
}
div.load_home_page.complete .mask {
    background-color: transparent;
}
div.load_home_page .mask span {
    display: block;
    width: 100%;
    height: 20%;
    position: absolute;
    left: 0;
    transition: 1s all ease-in-out;
    background-color: #fff;
    /*backdrop-filter: blur(40px);*/
}
div.load_home_page .mask span:nth-child(even) {
    left: unset;
    right: 0;
}
div.load_home_page .mask span:nth-child(1) {
    top: 0;
}
div.load_home_page .mask span:nth-child(2) {
    top: 20%;
}
div.load_home_page .mask span:nth-child(3) {
    top: 40%;
}
div.load_home_page .mask span:nth-child(4) {
    top: 60%;
}
div.load_home_page .mask span:nth-child(5) {
    top: 80%;
}
.load_home_page.complete {
    visibility: hidden;
}
div.load_home_page.complete .mask span {
    width: 0;
    opacity: 0;
    transition-delay: .8s;
}
#respond input#wp-comment-cookies-consent{
    height: auto !important;
    margin: 0 10px 0 0  !important;
}
.load_home_page.complete svg{
    transition-delay: 0.8s;
    opacity: 0;
}
.load_home_page rect,
.load_home_page path{
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.path-1 {
    animation-name: Signature2;
    animation-duration: 10s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(2, .25, .43, .96);
    stroke: #FFF;
    stroke-width: 1px;
    stroke-dasharray: 2108;
    stroke-dashoffset: 2108;
    fill: transparent;
}
.path-2{
    animation-name: Signature1;
    animation-duration: 20s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(2,.25,.43,.96);
    stroke: var(--sub-cl);
    stroke-width: 1px;
    stroke-dasharray: 2108;
    stroke-dashoffset: 2108;
    fill: transparent;
}
.load_home_page.complete .path-2{
    fill: var(--sub-cl);
}
.load_home_page.complete .path-1{
    fill: #FFF
}
@keyframes Signature1 {
    to {
        stroke: var(--sub-cl);
        stroke-dashoffset: 0;
    }
}
@keyframes Signature2 {
    to {
        stroke: #FFF;
        stroke-dashoffset: 0;
    }
}
.tile-reveal {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-flow: row wrap;
    align-self: flex-start;
    align-items: center;
    align-content: center;
    justify-content: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 99;
    background: #fff;
}
.tile-reveal-square {
    flex: 1 1 auto;
    width: 75px;
    height: 75px;
    background-color: #fff;
    opacity: 1;
}
.wrap-enter-site {
    position: fixed;
    width: 100%;
    height: auto;
    bottom: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
}

/*search page*/
.search-page {
    padding: 5.208rem 0;
}
.search-page h1 {
    margin-bottom: 2.604rem;
}
.search-tabs-content {
    margin-top: 1.8rem;
}
.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 .tab-product .search-grid {
    grid-template-columns: 1fr 1fr 1fr;
}
.search-tabs .search-item h3 {
    margin: 0.521rem 0 0 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}


/*COMPONENTS*/
/*transition svg*/
[itemprop="name"],cite,circle,svg,rect,stop,path,g,img,a,input,textarea,h1,h2,h3,h4,h5,h6,.box_img,span.icon,span.text,:before,:after{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
html.js.has-off-canvas-undefined {
    margin-right: 0.55rem !important;
}
body.compensate-for-scrollbar {
    margin-right: 0 !important;
}
.clearfix:after {
    content: unset;
}

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

.desc_sec {
    font-family: 'Inter Regular';
    font-size: 0.8333rem;
    line-height: 1.146rem;
    color: var(--text-cl);
}
a {
    text-decoration: none;
}
b, strong {
    font-family: 'Play Bold';
}
.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.7813rem;
}
.fs-16 {
    font-size: 0.833rem;
}
.fs-17 {
    font-size: 0.885rem;
}
.fs-18 {
    font-size: 0.9375rem;
}
.fs-19 {
    font-size: 0.99rem;
}
.fs-20 {
    font-size: 1.042rem;
}
.fs-21 {
    font-size: 1.09375rem;
}
.fs-22 {
    font-size: 1.146rem;
}
.fs-23 {
    font-size: 1.198rem;
}
.fs-24 {
    font-size: 1.25rem;
}
.fs-25 {
    font-size: 1.302rem;
}
.fs-28 {
    font-size: 1.458rem;
}
.fs-30 {
    font-size: 1.5625rem;
}
.fs-32 {
    font-size: 1.667rem;
}
.fs-35 {
    font-size: 1.823rem;
}
.fs-36 {
    font-size: 1.875rem;
}
.fs-40 {
    font-size: 2.083rem;
}
.fs-45 {
    font-size: 2.34375rem;
}
.fs-48 {
    font-size: 2.5rem;
}
.fs-50 {
    font-size: 2.604rem;
}
.fs-60 {
    font-size: 3.125rem;
}
.fs-64 {
    font-size: 3.333rem;
}
.fs-70 {
    font-size: 3.646rem;
}
.fs-80 {
    font-size: 4.1667rem;
}
.lh-15 {
    line-height: 0.7813rem;
}
.lh-17 {
    line-height: 0.8854rem;
}
.lh-20 {
    line-height: 1.042rem;
}
.lh-21 {
    line-height: 1.09375rem;
}
.lh-22 {
    line-height: 1.146rem;
}
.lh-23 {
    line-height: 1.198rem;
}
.lh-24 {
    line-height: 1.25rem;
}
.lh-25 {
    line-height: 1.302rem;
}
.lh-26 {
    line-height: 1.354rem;
}
.lh-27 {
    line-height: 1.40625rem;
}
.lh-28 {
    line-height: 1.458rem;
}
.lh-29 {
    line-height: 1.51rem;
}
.lh-30 {
    line-height: 1.5625rem;
}
.lh-31 {
    line-height: 1.615rem;
}
.lh-32 {
    line-height: 1.667rem;
}
.lh-33 {
    line-height: 1.71875rem;
}
.lh-34 {
    line-height: 1.771rem;
}
.lh-36 {
    line-height: 1.875rem;
}
.lh-40 {
    line-height: 2.083rem
}
.lh-55 {
    line-height: 2.865rem
}
.lh-60 {
    line-height: 3.1579rem;
}
.lh-65 {
    line-height: 3.3854rem;
}
.lh-76 {
    line-height: 3.9583rem;
}
.lh-100p {
    line-height: 100%;
}
.lh-120p {
    line-height: 1.2;
}
.lh-normal {
    line-height: normal;
}

.fw400-play {
    font-family: 'Play Regular';
}
.fw700-play {
    font-family: 'Play Bold';
}
.fw400-inter {
    font-family: 'Inter Regular';
}
.fw600-inter {
    font-family: 'Inter SemiBold';
}
.fw700-inter {
    font-family: 'Inter Bold';
}

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

@keyframes fadeUp {
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.is-visible .ef-img-t {
    animation: fadeUp 1s forwards;
    animation-delay: var(--delay);
}
.ef-img-t {
    display: inline-block;
    opacity: 0;
    transform: translateY(50px);
    animation: none;
}

.h-full{
    height: 100%;
}
.w-full{
    width: 100%;
}
.obj-cover{
    object-fit: cover;
}
.text-underline{
    text-decoration: underline;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.text-uppercase{
    text-transform: uppercase;
}
.text-uppercase {
    text-transform: uppercase;
}

.text-white > *,
.text-white {
    color: white !important;
}
.text-main {
    color: var(--main-cl);
}
.text-sub {
    color: var(--sub-cl);
}
.text-third {
    color: var(--third-cl);
}

/*button*/
.btn {
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.417rem;
    padding: 0.625rem 1.25rem;
    background: transparent;
    border: 1px solid #FFFFFF;
}
.btn span.text {
    font-family: 'Play Regular';
    font-size: 0.9375rem;
    line-height: normal;
    color: #fff;
}
.btn span.icon {
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    overflow: hidden;
}
.btn span.icon path {
    stroke: #fff;
}
.btn span.icon svg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.btn span.icon svg:nth-child(2) {
    transform: translate(-100%, 100%);
}
.btn:hover span.icon svg:nth-child(1) {
    transform: translate(100%, -100%);
}
.btn:hover span.icon svg:nth-child(2) {
    transform: translate(0%, 0%);
}

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

.btn-style-1 {
    background: var(--sub-cl);
    border-color: var(--sub-cl);
}
.btn-style-1 span.text {
    color: #fff;
}
.btn-style-1 span.icon path {
    stroke: #fff;
}
.btn-style-1:hover {
    background: transparent;
    border-color: var(--sub-cl);
}
.btn-style-1:hover span.text {
    color: var(--sub-cl);
}
.btn-style-1:hover span.icon path {
    stroke: var(--sub-cl);
}

.btn-style-2 {
    background: var(--third-cl);
    border-color: var(--third-cl);
}
.btn-style-2 span.text {
    color: #fff;
}
.btn-style-2 span.icon path {
    stroke: #fff;
}
.btn-style-2:hover {
    background: transparent;
    border-color: var(--third-cl);
}
.btn-style-2:hover span.text {
    color: var(--third-cl);
}
.btn-style-2:hover span.icon path {
    stroke: var(--third-cl);
}

.btn-style-3 {
    background: #fff;
}
.btn-style-3 span.text {
    color: var(--main-cl);
}
.btn-style-3 span.icon path {
    stroke: var(--main-cl);
}
.btn-style-3:hover {
    background: transparent;
    border-color: #fff;
}
.btn-style-3:hover span.text {
    color: #fff;
}
.btn-style-3:hover span.icon path {
    stroke: #fff;
}

.btn-style-4 {
    padding: 0;
    background: transparent;
    border: none !important;
}
.btn-style-4:hover {
    background: transparent !important;
}
.btn-style-4 span.text {
    color: var(--main-cl);
}
.btn-style-4 span.icon path {
    stroke: var(--main-cl);
}
.btn-style-4:hover span.text {
    color: var(--sub-cl);
}
.btn-style-4:hover span.icon path {
    stroke: var(--sub-cl);
}

.btn-style-5 {
    background: var(--main-cl);
    border-color: var(--main-cl);
}
.btn-style-5 span.text {
    color: #fff;
}
.search-filter span.icon svg {
    transform: translate(0) !important;
}

.sub_title {
    color: #333;
    font-size: 0.9375rem;
    display: block;
    margin-bottom: 0.521rem;
}
.css_bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
a.style_center.max {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

h1.title {
    font-size: 3.6458rem;
    font-family: 'Play Regular';
    font-weight: unset;
    line-height: 5rem;
    color: #FFFFFF;
}
h2.title {
    font-size: 3.125rem;
    font-family: 'Play Bold';
    font-weight: unset;
    line-height: 1.2;
    margin: 0;
    color:var(--main-cl);
}
h3.title {
    font-family: 'Play Bold';
    font-size: 1.6667rem;
    line-height: 1;
}

.content {
    font-size: 0.833rem;
    margin-top: 0.417rem;
}
.content-18 {
    font-size: 0.9375rem;
    margin-top: 0.417rem;
}
.content-20 {
    font-size: 1.042rem;
    margin-top: 0.417rem;
}

.item_hover .zoom_img img {
    transform: scale(1);
    transition: 1s all;
}
.item_hover:hover .zoom_img img {
    transform: scale(1.1);
}
.item_hover:hover h3 {
    color: var(--third-cl) !important;
    transition: .5s all;
}
.box_img {
    overflow: hidden;
    position: relative;
}
.item_hover .hover_zoom img {
    transform: scale(1);
    transition: .6s all;
}
.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;
}
.wrap-link,
.wrap_link {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    z-index: 20;
    opacity: 0 !important;
}
.mb-0 {
    margin-bottom: 0;
}
blockquote, dl, figure, form, ol, pre, ul {
    margin-bottom: 0;
}
p {
    margin-bottom: .8rem;
}

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

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

/*effect img*/
.zoom-img img,
.item-hover .zoom-img img {
    transform: scale(1);
    transition: 1s all;
}
.zoom-img:hover img,
.item-hover:hover .zoom-img img {
    transform: scale(1.03);
}
.item-hover:hover h3 {
    color: var(--third-cl) !important;
}
.item-hover .box_logo>.img {
    max-width: 30%;
    width: 9.6rem;
    height: 100%;
    background-image: url("../images/logo.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: scale(0);
    opacity: 0;
    transition: .7s all;
}
.item-hover:hover .box_logo>.img {
    transform: scale(1);
    opacity: 1;
}
.item-hover .box_logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(0 0 0 / 70%);
    backdrop-filter: blur(0.25rem);
    opacity: 0;
    transition: .5s all;
    z-index: 3;
}
.item-hover:hover .box_logo {
    opacity: 1;
}

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

/*absolute arrow*/
.arrow-absolute>.arrow-slide {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    display: flex;
    align-items: center;
}
.arrow-absolute>.arrow-slide.prev {
    left: 0;
}
.arrow-absolute>.arrow-slide.next {
    right: 0;
}
.arrow-slide {
    cursor: pointer;
}
.arrow-slide svg {
    display: flex;
}
.arrow-slide rect {
    fill: transparent;
}
.arrow-slide:hover rect {
    fill: var(--third-cl);
}
.arrow-slide:hover path {
    fill: #fff;
}
.swiper-button-disabled {
    opacity: .5;
    cursor: not-allowed;
}

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

/*swiper pagination*/
.tl-pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.521rem;
    position: relative;
    top: unset !important;
    bottom: unset !important;
    left: unset !important;
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
}
.tl-pagination .swiper-pagination-bullet{
    width: 1.042rem;
    height: 3px;
    background: #CDCDCD;
    opacity: 1;
    margin: 0 !important;
    position: relative;
    display: flex;
    transition: all 0.35s;
    border-radius: unset !important;
}
.tl-pagination .swiper-pagination-bullet-active {
    width: 2.604rem;
    background: var(--third-cl);
}

.text-white.tl-pagination .swiper-pagination-bullet{
    background: rgb(255 255 255 / 0.6);
}
.text-white.tl-pagination .swiper-pagination-bullet-active {
    background: #fff;
}
.text-white.tl-pagination .swiper-pagination-bullet-active:before {
    border-color: #fff;
}

/* breadcrumbs */
.breadcrumbs {
    font-weight: unset;
}
.breadcrumbs ol{
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    width: 100%;
}
.breadcrumbs ol [title="Home"] svg {
    display: inline;
    width:  1.25rem;
    height: 1.25rem;
    margin-top: 2.5px;
}
.breadcrumbs ol [title="Home"]:hover svg path {
    fill: var(--third-cl);
}
.breadcrumbs ol [title="Home"] > span {
    vertical-align: middle;
}
.breadcrumbs ol > li{
    display: inline;
    font-weight: unset;
    font-size: 0.9375rem;
    line-height: 1.5;
    color: rgba(32, 32, 32, 0.5);
}
.breadcrumbs ol > li+li{
    margin-left: 0.6rem;
}
.breadcrumbs ol > li:last-of-type{
    color: rgba(32, 32, 32, 1);
}
.breadcrumbs ol > li a{
    color: inherit;
}
.breadcrumbs ol > li+li:before{
    content: '';
    position: relative;
    left: 0;
    height: 0.833rem;
    width: 2px;
    opacity: 0.5;
    background: rgba(32, 32, 32, 0.5);
    margin-right: 0.833rem;
    display: inline-block;
    top: 2px;
}

.breadcrumb-single {
    margin-top: 1.5rem;
    margin-bottom: 2rem;
}
.breadcrumb-single ol [title="Home"] svg > path {
    /*stroke: var(--main-cl);*/
    fill: var(--main-cl);
}
.breadcrumbs ol [itemprop="title"] {
    font-style: normal;
}
.text-white .breadcrumbs ol > li a {
    color: #fff !important;
    transition: .4s all;
}
.text-white .breadcrumbs ol > li a:hover {
    color: var(--third-cl) !important;
}
.text-white .breadcrumbs ol > li+li a {
    color: #fff !important;
    opacity: 1;
}
.text-white .breadcrumbs ol > li+li:before {
    background: #fff;
    opacity: 0.5;
}

/*custom select*/
.custom-sl{
    display: none;
}
.select-styled{
    position: relative;
    height: 2.604rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.521rem;
    padding: 0 1.25rem;
    border: 1px solid #00000033;
    font-size: 0.833rem;
    color: #000000;
    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;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .05);
    overflow: hidden;
}
.select .select-options > li{
    font-size: 0.833rem;
    font-weight: 500;
    line-height: 0.857rem;
    margin-bottom: 0;
    padding: 0.625rem 0.833rem;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    color: var(--black-cl);
}
.select .select-options > li.active,
.select .select-options > li:hover{
    background-color: var(--main-cl);
    color: #fff;
}
.select .select-options > li+li{
    border-top: 1px solid #E3DBD8;
}
.form-wrap label{
    font-size: 0.833rem;
    font-weight: 400;
    line-height: 1.3;
    /*margin-bottom: 0.208rem;*/
    color: var(--text-cl);
}
.form-wrap span.required {
    color: red;
}
.select-styled span{
    flex-grow: 1;
}

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

.select-options {
    max-height: 11rem;
    overflow-y: auto !important;
}
.select-options::-webkit-scrollbar-track {
    padding-top: 1rem;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.select-options::-webkit-scrollbar {
    width: 3px;
    background-color: #cedbff;
}
.select-options::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
}
.form-wrap .form-group.target{
    z-index: 10;
}

/*form style*/
form {
    margin-bottom: 0 !important;
}
.form-wrap .form-item :is(input, .select-styled) {
    height: 2.604rem;
    font-size: 0.833rem;
    color: var(--main-cl);
}
.form-group.flex,
.form-item {
    margin-bottom: 1.042rem;
}
.form-wrap .form-item :is(input, textarea) {
    color: var(--main-cl);
    background: #fff;
    border-color: rgb(50 76 158 / 0.4);
    padding: 0 .625rem 0 1.25rem;
    margin-bottom: 0;
    box-shadow: none !important;
}
.form-item textarea {
    padding-top: .8rem !important;
}
.form-wrap textarea::placeholder,
.form-wrap input::placeholder {
    color: #13131366;
}
.form-item textarea:focus,
.form-item input:focus {
    color: var(--main-cl);
    border-color: var(--main-cl) !important;
}
.form-item.flex {
    gap: 1.667rem;
}
.form-group.flex {
    gap: 1rem;
}
.form-group.flex > .form-item {
    width: calc((100% / 2) - (1rem * 1 / 2));
    margin-bottom: 0;
}
.form-group.flex > div:only-child {
    width: 100%;
}

.form-wrap .submit-form-btn {
    position: relative;
    width: fit-content;
    margin: 2.5rem 0 0;
}
.form-wrap .submit-form-btn>input {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    opacity: 0;
    z-index: 5;
    border-radius: 0;
}
.submit-form-btn>input ~ .btn {
    background: var(--main-cl);
    transition: .3s all;
}
.submit-form-btn:hover>input ~ .btn {
    background: var(--third-cl);
}
.submit-form-btn>input ~ .btn span.text {
    color: var(--main-cl);
}
.submit-form-btn>input ~ .btn path {
    stroke: #fff;
}
.submit-form-btn>input ~ .btn svg {
    width: 100%;
    height: 100%;
}

.wrap_form .wpcf7-spinner,
.form-wrap .wpcf7-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.form-wrap .wpcf7-not-valid-tip {
    position: absolute;
    font-size: 0.7rem;
    background: var(--main-cl);
    opacity: 1;
    color: white;
    z-index: 2;
}
.form-wrap .wpcf7-not-valid-tip:after {
    border-width: 0.35rem;
    border-bottom-color: var(--main-cl);
}

.wpcf7 form.sent .form-wrap + .wpcf7-response-output {
    border-radius: 0;
    border-color: var(--main-cl) !important;
    font-size: .8rem;
    color: #fff;
    background: var(--main-cl) !important;
    margin: .5rem 0 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: 'Inter Medium';
    font-size: .8rem;
    color: #e40000;
    margin: 0.5rem 0 0;
    border-radius: 0;
    border-width: .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;
}

select#quan_huyen option:not([value="all"]){
    display: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 2.604rem !important;
}
.select2-container--default .select2-selection--single {
    height: 2.604rem !important;
    border-radius: 1.302rem !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: var(--sub-cl) !important;
}
.select2-results__option {
    font-size: .7rem !important;
    margin: 0 !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {}
.select2-results {
    border-radius: 0 0 2.604rem 2.604rem !important;
}
.select2-dropdown {
    border-radius: 0 0 1.042rem 1.042rem !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 100px;
}

.section {
    padding: 0;
    display: block;
}


/* content style */
.quote-style blockquote {
    font-family: 'Inter SemiBold';
    font-style: normal;
    font-size: 1.042rem;
    color: var(--main-cl);
    border-width: 2px;
    border-color: var(--sub-cl);
    padding-left: 0.833rem;
    padding-right: 0;
    margin-bottom: 0.7443rem;
}
.style-li :is(ul, ol) {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(4, auto);
    grid-auto-flow: column;
    gap: 0.625rem 3.0208rem;
    margin: 1.25rem 0 0;
}
.style-li li {
    position: relative;
    padding-left: 1.458rem;
    margin: 0;
}
.style-li li::before {
    content: '';
    position: absolute;
    top: 1.15px;
    left: 0;
    width: 1.0417rem;
    height: 1.0417rem;
    background-image: url("../images/CheckCircle.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

/*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;
}
.text-white .custom-scrollbar::-webkit-scrollbar {
    background-color: rgba(255, 255, 255, 0.5);
}
.text-white .custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #fff;
}

/*effect loading img*/
.loading-show-more {
    position: relative;
    overflow: hidden;
}
.loading-show-more > div,
.loading-show-more .no-result {
    opacity: .5;
    transition: .5s all;
}
.no-result {
    margin-top: 3.84rem;
    font-size: 1.92rem;
    color: var(--main-cl);
    text-align: center;
}
.loading-show-more::before {
    content: '';
    position: absolute;
    z-index: 50;
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
    width: 9rem;
    height: 5rem;
    background-image: url('../images/logo.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: inline-block;
    animation: logo-pulse 1.2s ease-in-out infinite;
}
@keyframes logo-pulse {
    0%, 100% {
        opacity: 1;
        transform: translateX(-50%) scale(1);
    }
    50% {
        opacity: 0.5;
        transform: translateX(-50%) scale(0.92);
    }
}

/*btn_loading*/
.btn-loading{
    position: relative;
}
.btn-loading span.text,
.btn-loading span.icon {
    opacity: 0;
}
.btn-loading:after{
    width: 1.8rem;
    height: 1.8rem;
    position: absolute;
    content: '';
    z-index: 50;
    border: 2px solid #F5F5F5;
    border-bottom-color: var(--sub-cl);
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    left: calc(50% - 0.9rem);
    top: calc(50% - 0.9rem);
}
.btn-main.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-family: 'Inter SemiBold';
    font-size: 1rem;
    margin-top: 2rem;
    text-align: center;
    color: #333333;
}
.btn-ajax-style {
    margin-top: 3.125rem;
}
.btn-ajax-style .btn span.icon {
    display: none !important;
}

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


/*------------------HEADER------------------*/
#top-bar .flex-col.flex-left,
#top-bar .flex-col.flex-right,
li.html.html_topbar_right,
li.html.html_topbar_left {
    display: none !important;
}
#top-bar {
    min-height: 0;
    padding: 0.4rem 0;
    background-color: var(--main-cl);
}
#top-bar .flex-col.flex-center {
    width: 100%;
}
#top-bar .header-top-content {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}
#top-bar .header-top-content > span {
    margin: 0 !important;
}

.header-bg-container.fill {
    display: none;
}
header .header.show-on-scroll,
header .stuck .header-main,
header .header-main {
    height: auto !important;
}
header .header-main {
    background: #fff;
}
header #logo {
    width: 12rem !important;
}
header #logo img,
header .stuck #logo img {
    width: fit-content;
    height: 3.646rem;
    max-height: unset !important;
}
header .nav>li {
    margin: 0;
}
header #masthead .header-nav.nav-left {
    gap: 3.125rem;
}
header #masthead .header-nav.nav-right {
    gap: 3.542rem;
}

header .nav>li>a {
    position: relative;
    font-family: 'Inter Medium';
    font-size: 0.9375rem;
    color: var(--main-cl);
    text-align: center;
    letter-spacing: 0;
    text-transform: initial !important;
    padding: 0;
    border-radius: 5.208rem;
    background: #fff;
}
header a:focus {
    outline: none !important;
}
header .nav>li>a:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: var(--third-cl);
    pointer-events: none;
    z-index: 1;
}
header .nav>li.active>a:before,
header .nav>li>a:is(:hover, [aria-current='page']):before {
    width: 100%;
}
header .nav>li>a,
header .stuck .header-main .nav > li > a {
    line-height: 4.6 !important;
}
header .nav>li.active>a,
header .nav>li>a:is(:hover, [aria-current='page']) {
    color: var(--third-cl);
}
header .nav-uppercase>li>a {
    font-weight: unset;
}
header .header-nav .lang-header {
    margin-right: -5rem !important;
}
header .header-nav .lang-header > .current-lang > span.text {
    font-size: 0.9375rem;
}

/*sub menu*/
.nav-dropdown-has-border .nav-dropdown {
    min-width: 12rem;
    border-radius: 0.5rem !important;
    padding: 0 !important;
    border: 0;
    overflow: hidden;
    margin-top: 0;
    /*box-shadow: none !important;*/
}
.nav-dropdown.nav-dropdown-default>li>a {
    font-size: 0.9375rem;
    background: #fff;
    color: var(--text-cl) !important;
    padding: .6rem .8rem !important;
    margin: 0 !important;
}
.nav-dropdown.nav-dropdown-default>li>a:hover {
    background: var(--main-cl);
    color: #fff !important;
}
.nav-dropdown-has-arrow li.has-dropdown:after,
.nav-dropdown-has-arrow li.has-dropdown:before {
    content: unset;
}

/*header search*/
header .nav>li.header-search {
    display: flex;
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
}
header .nav>li.header-search a {
    padding: 0 !important;
    background: none !important;
}
header .nav>li.header-search a:before {
    content: unset !important;
}
.icon-search:before {
    content: '';
    width: 1.25rem;
    height: 1.25rem;
    display: block;
    background-image: url(../images/icon_search_1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: .4s all;
}
.icon-search:hover:before {
    background-image: url(../images/icon_search_2.svg);
}

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


/*------------------FOOTER------------------*/
footer {
    margin-top: 3.385rem;
    padding-top: 3.5938rem;
    border-top: 1px solid #0000001A;
}
.footer-name .title {
    font-size: 2.3438rem;
}
.footer-name {
    border-left: 1.5px solid #0000001A;
    padding-left: 2.0833rem;
}
.footer_logo {
    width: fit-content;
    flex-shrink: 0;
}
.footer_logo img {
    width: fit-content;
    height: 6.25rem;
}
.footer_brand {
    gap: 2.0833rem;
}
.footer_main {
    padding: 3.6979rem 0 3.7583rem;
    overflow: hidden;
}
.footer_main_title {
    font-family: 'Play Bold';
    font-size: 1.25rem;
    color: var(--main-cl);
    line-height: normal;
    margin-bottom: 0.9rem;
}
.footer_main .footer_col_wrap {
    gap: 10rem;
}
.footer_col_wrap > * {
    position: relative;
    z-index: 10;
    overflow: hidden;
}
.footer_col_wrap::after {
    content: '';
    position: absolute;
    right: 0;
    top: 11.5927rem;
    width: 21.1776rem;
    height: 21.1776rem;
    background-image: url("../images/Union.svg");
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 0;
    transform-origin: center center;
    animation: gearRotate 20s linear infinite;
}
@keyframes gearRotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.footer_info_menu {
    justify-content: space-between;
    gap: 3rem;
}
.footer_info_menu > div {
    width: calc((100% / 3) - (3rem * 2 / 3));
    flex-direction: column;
    max-width: max-content;
}
.footer-link-profile {
    margin-top: 0.9375rem;
}

.footer_contact_item .label {
    font-size: 0.7292rem;
    line-height: 1.1458rem;
    color: rgba(19, 19, 19, 0.6);
}
.footer_contact_wrap {
    flex-direction: column;
    row-gap: 1.0417rem;
}
.footer_contact_item {
    flex-direction: column;
    row-gap: 0.2083rem;
}
.footer_contact_item p,
.footer_contact_item a,
.footer_nav a {
    color: var(--text-cl);
    font-size: 0.8333rem;
    line-height: 1.1458rem;
}
.footer_link_contact,
.footer_contact_item p {
    font-family: 'Inter Medium';
}
.footer_link_map {
    font-family: 'Play Regular';
    color: var(--sub-cl) !important;
    width: fit-content;
    text-decoration: underline;
    text-decoration-color: transparent;
}
.footer_link_map:hover {
    text-decoration-color: currentColor;
    cursor: pointer;
}
.footer_nav {
    list-style: none;
    flex-direction: column;
    row-gap: 0.7292rem;
}
.footer_nav li{
    margin: 0;
}
.footer_nav a {
    font-family: 'Inter Regular';
    transition: color .5s;
}
.footer_nav a:hover {
    color: var(--main-cl);
}

.form-footer {
    width: 20.6771rem;
    flex-shrink: 0;
}
.form-footer .desc {
    padding-bottom: 1.5625rem;
}
.form-footer .form-wrap .form-item {
    margin-bottom: 0;
}
.form-footer .form-wrap .form-item input {
    padding-left: .8rem;
    padding-right: 3.5rem;
}
.form-footer .form-wrap .submit-form-btn {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    width: 2.6042rem;
    height: 100%;
}
.form-footer .submit-form-btn>input ~ .btn {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border: 1px solid var(--main-cl);
    background: var(--main-cl);
}
.form-footer .submit-form-btn:hover>input ~ .btn {
    border-color: var(--third-cl);
    background: var(--third-cl);
}
.form-footer .form-wrap .submit-form-btn>input {
    padding: 0;
}
.form-footer .form-wrap .submit-form-btn .icon {
    width: 1.5rem;
    height: 1.5rem;
}
.form-footer .form-wrap .submit-form-btn:hover .icon path {
    stroke: #fff;
}

.footer_bottom {
    background: var(--main-cl);
    padding: 0.7292rem 0;
}
.footer_bottom_links {
    gap: 2.1354rem;
}
.footer_bottom_links a {
    color: #FFFFFF;
    transition: color .3s;
    white-space: nowrap;
}
.footer_bottom_links a:hover {
    color: var(--third-cl);
}
/*------------------END FOOTER------------------*/

/*HOME*/
.hero_slide_image {
    aspect-ratio: 1920 / 816;
}
.banner_hero_content {
    bottom: 7.292rem;
    left: 0;
    width: 100%;
    z-index: 1;
}
.banner_hero_content h2 {
    font-family: 'Play Regular' !important;
    color: #EDEEF4 !important;
}
.hero_slide_image:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 28.125rem;
    background: linear-gradient(360deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}
.hero_content {
    color: #EDEEF4;
    line-height: 1.4;
    padding-left: 8.4rem;
}
.hero_link {
    bottom: 3.333rem;
    right: 0;
    width: 100%;
    z-index: 1;
}
.hero_link_wrap {
    gap: 1.042rem;
}
.home_1 .pagination_wrap {
    position: absolute;
    bottom: 3.333rem;
    width: 100%;
}
.home_1 .pagination_wrap .tl-pagination {
    justify-content: flex-start;
    width: fit-content;
}

.home_2 {
    padding-top: 5rem;
}
.slider_home_service {
    padding-top: 3.125rem;
    margin: 0 -0.521rem;
}
.home_service_item {
    height: 26.0417rem;
    overflow: hidden;
    cursor: pointer;
    margin: 0 0.521rem;
}
.home_service_item:after,
.home_service_item:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 16.4818rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.714004) 71.77%, rgba(0, 0, 0, 0.8) 86.74%);
    transition: .5s all;
    z-index: 1;
}
.home_service_item:after {
    background: linear-gradient(180deg, rgba(50, 76, 158, 0) 0%, #324C9E 74.48%);
    opacity: 0;
}
.home_service_item:hover:before {
    opacity: 0;
}
.home_service_item:hover:after {
    opacity: 1;
}
.home_service_content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.25rem;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 1.458rem 1.979rem;
    transition: .5s all;
    z-index: 21;
    transform: translateY(4rem);
}
.home_service_content .title-item {
    margin-bottom: 0.417rem;
}
.home_service_content .desc {
    line-height: 1.4;
}
.home_service_item:hover .home_service_content {
    transform: translateY(0);
}
.home_service_item .btn_more {
    opacity: 0;
    transition: .4s all;
}
.home_service_item:hover .btn_more {
    opacity: 1;
}

.home_3 {
    padding-top: 5.625rem;
}
.wrap_left_home_3 {
    flex-direction: column;
    gap: 1rem;
    height: 100%;
}
.certification_home_3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 1.5rem 1.302rem;
    padding: 1rem 0 2.917rem;
}
.certification_home_3 .box-logo {
    display: flex;
    justify-content: center;
    align-items: center;
}
.certification_home_3 .box-logo>img {
    width: fit-content;
    height: 4.167rem;
    object-fit: contain;
}

.home-content-3 {
    padding-left: 11rem;
}
.home-content-3 .item-counter {
    gap: 1rem;
    margin-top: 1.5625rem;
    padding-top: 1.5625rem;
    border-top: 1px solid #00000026;
}
.home-content-3 .item-counter:first-child {
    margin-top: 0;
}
.home-content-3 .title home_2{
    width: 40%;
    flex-shrink: 0;
    margin-top: 0.521rem;
}
.home-content-3 .number-wrap {
    width: fit-content;
}
.home-content-3 .number-wrap > div {
    display: inline-flex;
}

.number-wrap > div {
    display: flex;
    font-family: 'Play Bold';
    font-size: 4.167rem;
    line-height: 5.417rem;
    color: var(--main-cl);
}
.number-wrap .number{
    position: absolute;
    width: max-content;
    top: 0;
    right: 0;
}
.number-wrap .number-hide {
    opacity: 0;
}
.number-wrap sup {
    font-size: 2.5rem;
    line-height: 1.4;
}

.home_service_image,
.home_introduce_image {
    height: 100%;
}

.home_4 {
    margin-top: 7.396rem;
    background: #EDEEF4;
}
.home-content-4.col-left {
    padding: 5.1328rem 0;
}
.home-content-4.col-left .title {
    padding-bottom: 1.1979rem;
}
.home-content-4.col-left .custom-scrollbar {
    max-height: 26rem;
}
.home-link-4 {
    margin-top: 1.2349rem;
}

.home-content-4.col-right {
    padding-left: 1.8rem;
    margin-right: calc(-1 * ((100vw - var(--container-w)) / 2) - 0.78125rem);
    justify-content: flex-end;
    gap: 1px;
}
.home-content-4.col-right .item {
    width: calc((100% / 3) - (1px * 2 / 3));
    overflow: hidden;
}
.home-content-4.col-right .item:after,
.home-content-4.col-right .item:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 31.4135rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.714004) 71.77%, rgba(0, 0, 0, 0.8) 86.74%);
    opacity: 1;
    z-index: 1;
}
.home-content-4.col-right .item:after {
    background: linear-gradient(180deg, rgba(33, 63, 154, 0) 0%, #213F9A 86.77%);
    opacity: 0;
}
.home-content-4.col-right .item:hover:before {
    opacity: 0;
}
.home-content-4.col-right .item:hover:after {
    opacity: 1;
}
.home-content-4.col-right .item .img-wrap {
    aspect-ratio: 380 / 850;
}
.home-content-4.col-right .content-wrap {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 2.083rem 2.292rem;
    transition: .5s all;
    z-index: 2;
    overflow: hidden;
}
.home-content-4.col-right .content {
    margin-top: 1rem;
}
.home-content-4.col-right .item .icon {
    width: fit-content;
    margin-bottom: 1.0417rem;
}
.home-content-4.col-right .item .icon>img {
    width: 3.125rem;
    height: auto;
    object-fit: contain;
}
.home-content-4.col-right .title {
    font-size: 1.458rem;
}
.home-content-4.col-right :is(ul, ol) {
    padding-left: 1.3594rem;
}

.home_5 {
    padding-top: 6.458rem;
}
.title_home_5 {
    width: 50%;
    margin: 0 auto;
    padding-bottom: 4.0411rem;
}
.map_default {
    width: 100%;
}
.map_effect {
    transition: .5s all;
}
.map_channel_wrap .map_effect {
    opacity: 1;
}
.list_branch_home {
    padding: 5.2083rem 0 0 4.2188rem;
}
.item_branch_home {
    border-bottom: 1px solid #0000001A;
    padding: 0.7813rem 0;
    gap: 0.625rem;
}
.item_branch_home:first-child {
    padding-top: 0;
}
.icon_branch_home {
    width: fit-content;
    flex-shrink: 0;
}
.icon_branch_home > img {
    width: 1.6667rem;
    height: 1.6667rem;
}
.name_branch_home {
    font-family: 'Inter Medium';
    line-height: 1;
}

.home_6 {
    padding-top: 7.1429rem;
}
.title_home_6 {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 1rem;
}
.group_list_partner {
    gap: 1rem 5rem;
}
.group_list_partner .item_partner {
    width: calc((100% / 5) - (5rem * 4 / 5));
}
.item_partner {
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
}
.item_partner img {
    width: 10rem;
    height: auto;
    object-fit: contain;
}

.home_7 {
    padding: 6.3542rem 0 0;
}
.title_home_7 {
    width: 50%;
    margin: 0 auto;
}
.home-link-7 {
    padding-top: 3.3333rem;
}

/* ABOUT */
.banner_page .banner_img {
    z-index: 1;
    /*aspect-ratio: 1920 / 816;*/
}
.banner_page .breadcrumb_absolute {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    padding-top: 2.083rem;
}
.banner_page .heading_absolute {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 2;
}
.banner_page .banner_img:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 75%;
    height: 100%;
    background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
    overflow: hidden;
}
.heading_absolute .title {
    position: relative;
    padding-bottom: 0.8rem;
    margin-bottom: 1.042rem;
    line-height: 1.25;
}
.heading_absolute .title:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 5.833rem;
    height: 1px;
    background: var(--third-cl);
    pointer-events: none;
}

.about-2 {
    padding-top: 7.5rem;
}
.title-about-2 {
    flex-direction: column;
    row-gap: 1rem;
    padding-right: 1.7857rem;
}
.title-about-2 .content {
    line-height: 1.35;
}
.about-img-2 {
    margin-left: 3.6905rem;
}
.about-img-2 .img-wrap {
    aspect-ratio: 730/500;
}
.about-img-2 .img-wrap:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
    width: 40%;
    height: 100%;
}
.about-img-2 .img-wrap:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(360deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    width: 100%;
    height: 50%;
}
.about-img-2 .number_wrap {
    bottom: 2.7976em;
    left: 4.2571rem;
    flex-direction: column;
    row-gap: 0.5952rem;
}
.about-img-2 .number_wrap .number {
    font-family: 'Play Bold';
    font-size: 4.1667rem;
    line-height: 1;
    color: #FFFFFF;
}

.about-3 {
    padding-top: 10rem;
    margin-top: 10.208rem;
}
.about-content-3 ul.dots-effect {}
.about-content-3 ul.dots-effect > li {
    position: absolute;
    top: var(--top);
    left: var(--left);
}
.about-content-3 ul.dots-effect > li > span {
    position: relative;
    display: block;
    width: 0.521rem;
    height: 0.521rem;
    background: var(--third-cl);
    border-radius: 50%;
}
.about-content-3 ul.dots-effect > li > span:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.042rem;
    height: 1.042rem;
    border-radius: 50%;
    border: 1px solid var(--third-cl);
    animation: pulse-border2 1000ms ease-out infinite;
}
@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;
    }
}
.about-content-3 .item-num {
    position: absolute;
    transform: translateX(0);
}
.about-content-3 .item-num .dot {
    width: 0.8333rem;
    height: 0.8333rem;
    border-radius: 50%;
    background: var(--main-cl);
    margin: 0.5rem auto 0;
}
.about-content-3 .item-num.item_2::after,
.about-content-3 .item-num.item_3::after  {
    height: 6.1979rem;
}
.about-content-3 .item-num::after {
    content: '';
    display: block;
    width: 1px;
    height: 9.5313rem;
    background: linear-gradient(180deg, #324C9E 0%, rgba(50, 76, 158, 0) 100%);
    margin: 0 auto;
}
.about-content-3 .item-num.item_1 { left: 3%; top: -8%; }
.about-content-3 .item-num.item_2 { left: 26%; top: -35%; }
.about-content-3 .item-num.item_3 { right: 26%; top: -35%; }
.about-content-3 .item-num.item_4 { right: 3%; top: -14%; }

.about-4 {
    padding-top: 5rem;
}
.about-content-4 {
    padding-top: 3.125rem;
    margin: 0 calc(-1 * ((100vw - var(--container-w)) / 2) - 0.78125rem);
}
.timeline-swiper {
    margin-right: -3.698rem;
    padding-left: 9rem;
}
.timeline-swiper .item-wrap {
    display: flex;
    align-items: center;
    margin: 0 3.698rem;
    opacity: .3;
    transition: .35s all;
}
.timeline-swiper .swiper-slide.swiper-slide-active .item-wrap {
    opacity: 1;
}
.timeline-swiper .item-wrap>.img-wrap {
    width: 35.625rem;
    height: 20.833rem;
    flex-shrink: 0;
}
.timeline-swiper .item-wrap .cont-wrap {
    padding-left: 3.542rem;
}
.timeline-swiper .item-wrap .content {
    margin-top: 2.292rem;
}
.timeline-swiper .item-wrap .title-item {
    line-height: 1.25;
}
.timeline-swiper .item-wrap .desc {
    margin-top: 0.5rem;
}
.timeline-swiper .list-item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.042rem 2.083rem;
    margin-top: 1.042rem;
}
.timeline-swiper .list-item .item {
    width: fit-content;
    flex-shrink: 0;
    gap: 0.521rem;
}
.timeline-swiper .list-item .icon>img {
    width: 1.667rem;
    height: 1.667rem;
}
.timeline-swiper .list-item span.title {
    color: #808080;
}
.timeline-swiper .list-item span.desc {
    margin-top: 0;
}
.timeline-swiper .list-item span.desc sup {
    font-size: .8rem;
    line-height: 1;
}

.timeline-nav {
    position: relative;
    margin: 0 calc((100vw - var(--container-w)) / 2);
    padding-top: 3.125rem;
}
.timeline-nav:after,
.timeline-nav:before {
    content: '';
    position: absolute;
    left: calc(-1 * (100vw - var(--container-w)) / 2);
    top: 55.9%;
    width: calc((100vw - var(--container-w)) / 2);
    height: 1.2px;
    background: #00000014;
}
.timeline-nav:after {
    left: unset;
    right: calc(-1 * (100vw - var(--container-w)) / 2);
}
.timeline-swiper-thumb {
    padding-right: calc(100% / 6);
}
.timeline-swiper-thumb .item {
    cursor: pointer;
}
.timeline-swiper-thumb .item .wrap-dot:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    background: #00000026;
    z-index: 1;
}
.timeline-swiper-thumb .item .wrap-dot:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 1.5px;
    background: var(--main-cl);
    z-index: 2;
}
.timeline-swiper-thumb .swiper-slide.activate .wrap-dot:after {
    width: 100%;
}
.timeline-swiper-thumb .item .dot {
    position: relative;
    z-index: 4;
    width: 1.5625rem;
    height: 1.5625rem;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #CDCDCC;
    margin: 0 auto;
    transition: .35s all;
}
.timeline-swiper-thumb .item:hover .dot,
.timeline-swiper-thumb .swiper-slide.activate .item .dot {
    border-color: var(--main-cl);
}
.timeline-swiper-thumb .swiper-slide .dot:before{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 0.9375rem;
    height: 0.9375rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: var(--main-cl);
    opacity: 0;
}
.timeline-swiper-thumb .item:hover .dot:before,
.timeline-swiper-thumb .swiper-slide.activate .item .dot:before{
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
.timeline-swiper-thumb .item .label {
    margin-top: 0.6rem;
}
.timeline-swiper-thumb .item:hover .label,
.timeline-swiper-thumb .swiper-slide.activate .item .label {
    color: var(--main-cl);
}

.about-5 {
    margin-top: 6.771rem;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 6.5rem 0 6rem;
}
.about-5:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 94.82%);
    pointer-events: none;
}
.title-about-5 {
    padding-bottom: 3.8802rem;
}
.title-about-5 h2.title {
    padding-bottom: 0.5208rem;
}
.about-content-5 {
    padding-right: 3.5rem;
}
.about-content-5 .item-wrap {
    position: relative;
    gap: 5rem;
    overflow: hidden;
    width: 100%;
}
.about-content-5 .item-wrap:first-child {
    padding-bottom: 1.5625rem;
}
.about-content-5 .item-wrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 100%;
    background: #FFFFFF1A;
    pointer-events: none;
    z-index: 1;
}
.about-content-5 .item-wrap:last-child {
    margin-top: 0.521rem;
    padding-bottom: 1.667rem;
}
.about-content-5 .item-wrap:last-child:before {
    top: unset;
    bottom: 0;
    height: calc(100% - 0.521rem);
}
.about-content-5 .item-wrap:last-child .item-value {
    position: relative;
    padding-top: 2.083rem;
}
.about-content-5 .item-wrap:last-child .item-value:last-child:before,
.about-content-5 .item-wrap:last-child .item-value:first-child:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 1.8rem);
    height: 1px;
    background: #FFFFFF1A;
    pointer-events: none;
}
.about-content-5 .item-wrap:last-child .item-value:last-child:before {
    left: unset;
    right: 0;
}
.about-content-5 .item-wrap .item-value {
    width: calc((100% / 2) - (5rem * 1 / 2));
}
.about-content-5 .item-value .title-item {
    padding-bottom: 0.4167rem;
}
.about-content-5 .item-value .desc {
    font-family: 'Inter Medium';
    font-size: 0.9375rem;
    line-height: 1.5;
}
.about-content-5 .item-value .icon {
    width: fit-content;
    background: rgba(255, 255, 255, 0.2);
    padding: 0.65rem;
    border-radius: 50%;
    margin-bottom: 0.8333rem;
    flex-shrink: 0;
}
.about-content-5 .item-value .icon>img {
    width: 1.875rem;
    height: 1.875rem;
    object-fit: contain;
}

.about-6 {
    padding-top: 6.7708rem;
}
.title-about-6 {
    padding-bottom: 2.3177rem;
}
.about-content-6 {
    gap: 1.0417rem;
}
.about-content-6 .item {
    width: calc((100% / 2) - (1.042rem * 1 / 2));
}
.about-content-6 .item .img-wrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 12.83%, rgba(0, 0, 0, 0.0911463) 54.43%, rgba(0, 0, 0, 0) 64.14%);
    pointer-events: none;
    z-index: 1;
}
.about-content-6 .item .contents {
    position: absolute;
    top: 0;
    left: 0;
    padding: 1.875rem 3.229rem;
    z-index: 2;
}
.about-content-6 .item .contents>.title {
    padding-bottom: 0.625rem;
    font-size: 2.0833rem;
}

.about-7 {
    padding: 5.8594rem 0 24rem;
    overflow: hidden;
}
.title-about-7 {
    padding-bottom: 1.9792rem;
}
.about-7 .content-20 {
    width: 55%;
    margin: 0 auto;
    padding-bottom: 1.9792rem;
}
.content-about-7 {
    z-index: 10;
}
.wrap-policy-qhse {
    gap: 4.6875rem;
    padding-bottom: 2.7604rem;
}
.wrap-policy-qhse .item {
    flex-direction: column;
    row-gap: 1.0417rem;
}
.wrap-policy-qhse .item .icon {
    width: fit-content;
    height: fit-content;
    padding: 1.5625rem;
    background: rgba(237, 238, 244, 1);
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.wrap-policy-qhse .item .icon>img {
    width: 4.375rem;
    height: 4.375rem;
    object-fit: contain;
}
.wrap-policy-qhse .item .title {
    color: var(--main-cl);
}
.bg-about-7 {
    position: absolute;
    bottom: -24rem;
    left: 0;
    right: 0;
    z-index: 0;
}

.about-8 {
    padding-top: 7.396rem;
}
.title-about-8 {
    padding-bottom: 2.6042rem;
}
.title-about-8 .content-20 {
    line-height: 1.4;
}
.slider-about-8 {
    margin: 0 -0.521rem;
}
.slider-about-8 .item {
    margin: 0 0.521rem;
}
.slider-about-8 .item .img-wrap {
    height: 26.042rem;
}
.slider-about-8 .item .img-wrap:after,
.slider-about-8 .item .img-wrap:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.714004) 71.77%, rgba(0, 0, 0, 0.8) 86.74%);
    z-index: 1;
    transition: .35s all;
    pointer-events: none;
}
.slider-about-8 .item .img-wrap:after {
    height: 100%;
    background: linear-gradient(180deg, rgba(50, 76, 158, 0) 0%, #324C9E 85.78%);
    backdrop-filter: blur(12px);
    opacity: 0;
}
.slider-about-8 .item:hover .img-wrap:before {
    opacity: 0;
}
.slider-about-8 .item:hover .img-wrap:after {
    opacity: 1;
}
.slider-about-8 .wrap-cont {
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 1.5625rem 2.5rem;
    z-index: 3;
    overflow: hidden;
}
.slider-about-8 .wrap-cont .content {
    margin-top: 0.4167rem;
}

.about-9 {
    padding-top: 3.6979rem;
}
.title-about-9 {
    flex-direction: column;
    row-gap: 2.0833rem;
    bottom: 0;
    padding: 2rem 0 3.8542rem 4.6875rem;
}
.title-about-9 .title {
    font-size: 2.6042rem;
    color: #fff;
}
#form-contact-popup.fancybox-content {
    max-width: 42.5%;
    padding: 3.125rem 3.5rem 3.5rem;
}
#form-contact-popup.fancybox-content .title-group .desc {
    margin-top: 0.521rem;
}
#form-contact-popup.fancybox-content .box-form {
    margin-top: 1.5625rem;
}
#form-contact-popup.fancybox-content .box-form .wrap-file {
    display: flex;
    flex-direction: column;
    gap: 0.729rem;
}
#form-contact-popup.fancybox-content .box-form .action {
    width: fit-content;
}
#form-contact-popup.fancybox-content .form-wrap .submit-form-btn {
    margin: 2.083rem auto 0;
}
.submit-form-btn>input ~ .btn {
    background: var(--sub-cl);
}
.submit-form-btn>input ~ .btn span.text {
    color: #fff;
}
.submit-form-btn:hover>input ~ .btn {
    border-color: var(--sub-cl);
    background: transparent;
}
.submit-form-btn:hover>input ~ .btn span.text {
    color: var(--sub-cl);
}
.submit-form-btn:hover>input ~ .btn span.icon path {
    stroke: var(--sub-cl);
}
[data-name="file-upload"].wpcf7-form-control-wrap {
    font-family: 'Inter Medium';
    font-size: 0.833rem;
    color: #58595B;
    cursor: pointer;
}
[data-name="file-upload"] input {
    height: 100%;
    padding: 0 !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
}
[data-name="file-upload"] input.wpcf7-file[type="file"]::file-selector-button {
    font-family: 'Inter Medium';
    font-size: 0.729rem;
    color: #58595B;
    border: none;
    padding: 0.3125rem 1.042rem;
    background: #D9D9D9;
}
.fancybox-content [data-fancybox-close] {
    padding: 6px;
    opacity: 1;
}
.fancybox-content [data-fancybox-close]:hover {
    color: var(--main-cl);
}

.about-10 {
    margin-top: 10rem;
}
.about-title-10 {
    position: relative;
    z-index: 10;
    margin-top: 4rem;
}
.about-content-10 {
    height: 40rem;
    overflow: hidden;
}
.about-content-10 .wrap-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.about-content-10 .wrap-content .box-img,
.about-content-10 .wrap-content .img-wrap {
    height: 100%;
}
.about-content-10 .wrap-content .box-img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 27.85%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
    z-index: 1;
}
.about-content-10 .wrap-content .img-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .6s all;
}
.about-content-10 .wrap-content .img-wrap.active {
    opacity: 1;
}
.about-content-10 .wrap-content .box-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
}
.about-content-10 .box-content>.item {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 3;
    display: flex;
    flex: 1 1 0;
    transition: flex-grow .8s ease;
}
.about-content-10 .box-content>.item.active {
    flex-grow: 2;
}
.about-content-10 .box-content>.item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200%;
    /*background: #0000004D;*/
    backdrop-filter: blur(4px);
    opacity: 0;
    pointer-events: none;
    z-index: -1;
}
.about-content-10 .box-content>.item.active:after {
    opacity: 1;
}
.about-content-10 .box-content>.item:not(:last-child):before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 200%;
    background: #FFFFFF1A;
    z-index: 1;
    pointer-events: none;
}
.about-content-10 .box-content>.item>.inner {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.833rem;
    margin-top: auto;
    margin-bottom: 4.479rem;
    padding: 0 2.604rem 0;
    overflow: hidden;
}
.about-content-10 .box-content>.item .icon {
    margin: 0 auto;
}
.about-content-10 .box-content>.item .icon>img {
    width: 1.667rem;
    height: 1.667rem;
    object-fit: contain;
}
.about-content-10 .box-content>.item .toggle-inner {
    max-width: 22.708rem;
    max-height: 0;
    transition: 1s all;
}
.about-content-10 .box-content>.item.active .toggle-inner {
    max-height: var(--height-toggle);
}
.about-content-10 .box-content>.item .action {
    width: fit-content;
    margin: 1.5625rem auto 0;
}

.about-11 {
    padding: 7.292rem 0 7.8125rem;
    background: #EDEEF4;
}
.about-arrow-11 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.78125rem;
    margin-bottom: 0.625rem;
}
.about-content-11 {
    padding-top: 4.167rem;
    margin-right: calc(-1 * (calc(100vw - var(--container-w)) / 2));
}
.about-slide-11 {
    margin: 0 -3.125rem;
}
.about-slide-11 .item {
    display: flex;
    align-items: center;
    gap: 2.083rem;
    margin: 0 3.125rem;
    opacity: .4;
    transition: .35s all;
}
.about-slide-11 .swiper-slide:is(.swiper-slide-active, .swiper-slide-next) .item {
    opacity: 1;
}
.about-slide-11 .item .box-logo {
    width: fit-content;
    flex-shrink: 0;
}
.about-slide-11 .item .box-logo>img {
    width: 10.417rem;
    height: 10.417rem;
    object-fit: contain;
}
.about-slide-11 .item .desc {
    margin-top: 0.625rem;
    line-height: 1.4;
}
.about-slide-11 .item .action-popup {
    width: fit-content;
    margin-top: 1.5625rem;
}

.about-12 {
    margin-top: 2.708rem;
    padding: 4.583rem 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

/* PRODUCT */
.product_page {
    padding: 6.771rem 0 0;
}
.filter-product {
    position: relative;
    z-index: 10;
}
.filter-product .select {
    min-width: 18.229rem;
    flex-shrink: 0;
}
.filter-product .action-filter {
    width: fit-content;
    flex-shrink: 0;
    margin-left: 0.521rem;
}
#wrap-product-list {
    padding-top: 2rem;
}
.wrap_product {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.521rem;
}
.wrap_product .item_product {
    width: calc(calc(100% / 3) - 1.042rem);
    margin: 0 0.521rem 2.083rem;
}
.item_product {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background: rgb(50 76 158 / 0.3);
    box-shadow: 0px 0px 0.521rem 0px rgba(0, 0, 0, 0.10);
    transition: .5s all;
}
.item_product .box_img {
    position: relative;
    padding-bottom: 100%;
    overflow: hidden;
    z-index: 2;
}
.item_product .box_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .7s all;
    transform: scale(1);
}
.item_product  .arrow {
    position: absolute;
    top: 0;
    right: 2.604rem;
    width: 2.708rem;
    height: 2.708rem;
    border-radius: 100px;
    background: #FFF;
    box-shadow: 0px 0.208rem 0.521rem 0px rgba(0, 0, 0, 0.08);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    z-index: 9;
}
.item_product .arrow svg {
    max-width: 60%;
    height: auto;
}
.item_product .box_content {
    position: relative;
    height: 5.208rem;
    display: flex;
    align-items: center;
    padding: 0 1.25rem;
}
.item_product .box_content h3 {
    color: var(--main-cl);
    font-size: 1.042rem;
    font-family: 'Inter Medium';
    margin: 0;
    transition: .5s all;
}
.item_product:hover {
    background: var(--main-cl);
}
.item_product:hover .box_img img {
    transform: scale(1.2);
}
.item_product:hover .box_content h3 {
    color: #fff;
}

/*PRODUCT DETAILS*/
ul.scroll_to_section {
    list-style: none;
    margin: 0;
    display: flex;
    justify-content: center;
    position: sticky;
    top: var(--header-height);
    background: #F5F5F5;
    z-index: 30;
}
ul.scroll_to_section li {
    margin: 0;
}
ul.scroll_to_section a {
    padding: 0.729rem 1.25rem;
    display: inline-block;
    color: #333;
}
ul.scroll_to_section a.active,
ul.scroll_to_section a:hover {
    color: var(--third-cl);
}

.single-product .section h2.title {
    margin-bottom: 1.042rem;
}

.product_sec_1 {
    padding-bottom: 8.854rem;
}
.product_sec_1 .box_content {
    padding-top: 6.25rem;
}
.product_sec_1 .box_content .content strong {
    font-family: 'Montserrat';
}
.product_sec_1 .box_content {
    padding-right: 4.167rem;
}
.product_sec_1 .box_content .heading_title {
}
.product_sec_1 ul.list_link {
    display: flex;
    margin-top: 1.823rem;
}
.product_sec_1 ul.list_link a+a {
    margin-left: 1.5625rem;
}
.product_sec_1 .slide-product-overview {
    padding-top: 3rem;
}
.product_sec_1 .slide-product-overview .img-wrap {
    height: 30rem;
    border-radius: 1rem;
}
.product_sec_1 .btn:nth-child(2) span.icon svg {
    transform: unset !important;
}
.product_sec_1 .btn:nth-child(2) span.icon path {
    stroke: unset !important;
    fill: #fff;
}
.product_sec_1 .btn:hover:nth-child(2) span.icon path {
    fill: var(--main-cl);
}

.product_sec_2 {
    background: #F7F7F7;
    padding: 6.25rem 0 4.167rem;
}
.product_sec_2 .content {
    max-width: 54rem;
    margin: 0 auto 3.646rem;
}
.product_sec_2 .wrap_item {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 59.896rem;
    margin: 0 auto;
}
.product_sec_2 .wrap_item .item {
    width: calc(25% - 4.167rem);
    padding-bottom: calc(25% - 4.167rem);
    position: relative;
    margin: 0 2.083rem;
}
.product_sec_2 .wrap_item .item img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.product_sec_3 {
    padding: 7.292rem 0;
}
.product_sec_3 .content :is(td, th) {
    font-size: 0.833rem;
}

.product_sec_4 {
    background: #F7F7F7;
    padding: 6.771rem 0;
}
.product_sec_4 .content {
    max-width: 45.3125rem;
    margin: 0 auto 2.604rem;
}
.product_sec_4 .wrap_items {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.042rem;
    row-gap: 2.083rem;
}
.product_sec_4 .wrap_items .item:only-child {
    width: 100%;
}
.product_sec_4 .wrap_items .item:only-child .box_img {
    padding-bottom: unset !important;
}
.product_sec_4 .wrap_items .item:only-child .box_img img {
    position: unset !important;
}
.product_sec_4 .wrap_items .item:only-child h3 {
    text-align: center;
}
.product_sec_4 .wrap_items .item {
    width: calc((100% / 4) - (1.042rem * 3 / 4));
}
.product_sec_4 .wrap_items .item .box_img {
    padding-bottom: 100%;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.product_sec_4 .wrap_items .item .box_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product_sec_4 .wrap_items .item h3 {
    font-family: 'Inter SemiBold';
    font-size: 1.042rem;
    color: #333;
    margin: 0.78125rem 0 0 0;
}

.product_sec_5 {
    padding: 7.292rem 0;
}
.product-btn-5 {
    margin-top: 1.5625rem;
}
.product-btn-5 .btn span.icon {
    display: none;
}
.lis_q_a {
    max-width: 60.9375rem;
    margin: auto;
}
.lis_q_a h3 {
    font-size: 0.9375rem;
    font-family: 'Inter SemiBold';
    color: #333;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.lis_q_a .item {
    padding: 1.042rem 0;
}
.lis_q_a .item .content {
    margin-top: 1.302rem;
    /*display: none;*/
}
.lis_q_a .item {
    border-top: 1px solid #DDD;
}
.lis_q_a .item:last-child {
    border-bottom: 1px solid #DDD;
}
.lis_q_a h3 span {
    width: 1.354rem;
    height: 1.354rem;
    margin-left: 1.5625rem;
    flex: 0 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lis_q_a h3 span:before,
.lis_q_a h3 span:after {
    width: 1.354rem;
    height: 1px;
    background: #828282;
    content: '';
    position: absolute;
}
.lis_q_a h3 span:after {
    transform: rotate(90deg);
    opacity: 1;
}
.lis_q_a .active h3 span:after {
    /*transform: rotate(0deg);*/
    opacity: 0;
}
.lis_q_a .item.hide {
    display: none;
}

.product_sec_6 {
    background: var(--sub-cl);
    padding: 3.90625rem 0;
}
.product_sec_6 h2.title {
    font-size: 2.5rem;
    margin: 0;
}
.product_sec_6 ul.list_link {
    list-style: none;
    margin: 0;
    display: flex;
    justify-content: flex-end;
}
.product_sec_6 ul.list_link li {
    margin: 0 !important;
}
.product_sec_6 .grid-container {
    display: flex;
    align-items: center;
}
.product_sec_6 ul.list_link li+li {
    margin-left: 1.5625rem !important;
}
.product_sec_6 ul.list_link li:nth-child(2) .btn span.icon svg {
    transform: unset !important;
}
.product_sec_6 ul.list_link li:nth-child(2) .btn span.icon svg:nth-child(1) {
    display: none;
}
#view_catalogue .df-popup-thumb {
    width: 40vw;
}

.product_sec_7 {
    padding: 6.771rem 0;
}
.product_sec_7 .wrap {
    max-width: 48.698rem;
    margin: auto;
    border-radius: 10px;
    background: #F9F9F9;
    box-shadow: 0px 0.208rem 1.042rem 0px rgba(0, 0, 0, 0.10);
    padding: 3.125rem 6.167rem;
}
.product_sec_7 .form-wrap {
    margin-top: 1.5rem;
}
.product_sec_7 .form-wrap .form-item:last-child {
    margin-bottom: 0;
}
.product_sec_7 .form-wrap .submit-form-btn {
    margin: 1.5rem auto 0;
}

.project_sec_2.home_sec_4 {
    background: linear-gradient(180deg, #F7F7F7 0%, #FFF 100%);
    padding: 6.25rem 0 0;
}
.project_sec_2.home_sec_4 .wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}
.project_sec_2.home_sec_4 .product-arrow {
    display: flex;
    gap: .8rem;
}
.product-arrow .arrow-slide.prev {
    left: -4rem;
}
.product-arrow .arrow-slide.next {
    right: -4rem;
}

.slider_products .item_product {
    margin: 0 0.521rem;
}
.slider_products {
    padding: 1.5625rem 0;
    margin: 0 -0.521rem;
}


/*PROJECT*/
.project_page {
    padding: 6.25rem 0 0;
}
.filter_project {
    position: relative;
    z-index: 22;
    display: flex;
    justify-content: center;
    margin: 2.083rem 0 3.75rem;
}
.filter_project .inner {
    gap: 0.521rem;
}
.filter_project .inner > .select {
    min-width: 18.229rem;
    flex-shrink: 0;
}
.filter_project .action-filter {
    width: fit-content;
    flex-shrink: 0;
    margin-left: 0.521rem;
}

#container-project-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3.125rem 1.25rem;
}
#container-project-list .no-result-data {
    grid-column: 3 span;
}

.project_page_term h2.title {
    margin-bottom: 1.5rem;
}

/*PROJECT DETAILS*/
.project_sec_1 {
    padding: 6.25rem 0 4rem;
}
.project_sec_1 h2.title {
    margin-bottom: 1rem;
}
.project_sec_1 .wrap_gallery {

}
.project_sec_1 .arrow-slide.prev {
    left: -4rem;
}
.project_sec_1 .arrow-slide.next {
    right: -4rem;
}
.project_sec_1 .grid-50.tablet-grid-50>ul {
    list-style: none;
    margin: 0;
    color: var(--3, #333);
}
.project_sec_1 .grid-50.tablet-grid-50>ul b {
    font-family: 'Inter SemiBold';
    font-size: 1.042rem;
    margin-right: 0.78125rem;
    display: inline-block;
}
.project_sec_1 .grid-50.tablet-grid-50>ul li {
    padding: 1.2625rem 0;
    border-top: 1px solid #DCDCDC;
}
.project_sec_1 .grid-50.tablet-grid-50:first-child {
    padding-right: 6.25rem;
}
/*.project_sec_1 .grid-50.tablet-grid-50>ul .content {*/
/*    margin-top: 0.521rem;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    -webkit-line-clamp: 8;*/
/*    display: -webkit-box;*/
/*    -webkit-box-orient: vertical;*/
/*}*/
/*.project_sec_1 .grid-50.tablet-grid-50>ul .content.active {*/
/*    text-overflow: ellipsis;*/
/*    -webkit-line-clamp: 500;*/
/*}*/

.project-overview-wrap .swiper_for .item {
    padding-bottom: 85%;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.project-overview-wrap .swiper_for .item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.project-overview-wrap .swiper_nav {
    margin: 1.042rem  -0.3125rem 0;
}
.project-overview-wrap .swiper_nav .item {
    padding-bottom: 77%;
    position: relative;
    border: 1.5px solid transparent;
    margin: 0 0.3125rem;
    border-radius: 10px;
    transition: .35s all;
}
.project-overview-wrap .swiper_nav .item:hover,
.project-overview-wrap .swiper_nav .swiper_nav-active .item {
    border-color: var(--sub-cl);
}
.project-overview-wrap .swiper_nav .item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    cursor: pointer;
}
a.view_more_project {
    display: inline-flex;
    margin-top: 0.78125rem;
    color: var(--3, #333);
    font-size: 0.833rem;
    border-bottom: 1px solid #333;
    align-items: center;
}
a.view_more_project svg {
    margin-left: 0.365rem;
}

.project_sec_2 {
    /*padding-bottom: 6.25rem;*/
}
.project-related {
    /*padding-bottom: 6.25rem;*/
}
.slide-project-related {
    padding: 2.604rem 0 0.521rem;
    margin: 0 -0.625rem;
}
.slide-project-related .item-project {
    margin: 0 0.625rem;
}
.project-related-wrap .arrow-slide.prev {
    left: -6%;
}
.project-related-wrap .arrow-slide.next {
    right: -6%;
}

.item-project .img-wrap {
    aspect-ratio: 464/259;
}
.item-project .box-content {
    margin-top: 1.5625rem;
}
.item-project .box-content .title-item {
    margin-top: 0.625rem;
    margin-bottom: 0.833rem;
}
.item-project .term-field {
    display: flex;
    align-items: center;
    gap: 2px;
    line-height: 1.4;
}
.item-project .term-field span {
    color: #666666;
}
.item-project .term-field span.line:last-of-type {
    display: none;
}
.item-project .term-industry {
    display: flex;
    align-items: center;
    gap: 0.521rem;
}
.item-project .term-industry span.item {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Inter Regular';
    font-size: 0.78125rem;
    color: var(--color);
    border: 1px solid var(--color);
    border-radius: 5.208rem;
    padding: 0 0.417rem;
}

/* CONTACT */
.page-template-contact footer {
    margin-top: 0;
}
.contact_sec_1 {
    padding: 8.59375rem 0 7.292rem;
}
.contact_sec_1:before {
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.82) 50%, rgba(255, 255, 255, 0.00) 100%);
    height: 31.667rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    content: '';
    pointer-events: none;
}
.contact_sec_1 .wrap_items {
    display: flex;
    gap: 1rem;
    margin: 1.823rem auto 0;
    max-width: 61.979rem;
}
.contact_sec_1 .wrap_items .item {
    width: calc((100% / 3) - (1rem * 2 / 3));
    background: #fff;
    padding: 4.167rem 3.177rem;
    cursor: pointer;
}
.contact_sec_1 .wrap_items .item .icon {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 1.042rem;
}
.contact_sec_1 .wrap_items .item .icon>img {
    height: 2.865rem;
    width: fit-content;
}
.contact_sec_1 .wrap_items .item h3 {
    font-size: 0.9375rem;
    padding-bottom: 0.833rem;
    margin-bottom: 1.5625rem;
    color: var(--3, #333);
    position: relative;
}
.contact_sec_1 .wrap_items .item h3:before {
    width: 3.385rem;
    height: 0.104rem;
    background: var(--main-cl);
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.contact_sec_1 .wrap_items .item .content {
    font-size: 0.78125rem;
}
.contact_sec_1 .wrap_items .item .content b {
    font-family: "Montserrat", sans-serif;
}
.contact_sec_2 {
    padding: 6.25rem 0 8.333rem;
    background: #F5F5F5;
}
.contact_sec_2 .box {
    padding: 1.9375rem 3.3rem 3.125rem 3.125rem;
    max-width: 61.042rem;
    box-shadow: 0px 0.208rem 1.042rem 0px rgba(0, 0, 0, 0.05);
    margin: auto;
    display: flex;
    margin-top: 2rem;
}
.contact_sec_2 .box_img {
    width: 23.802rem;
    border-radius: 10px;
    overflow: hidden;
    flex: 0 0 auto;
    margin-top: 0;
}
.contact_sec_2 .box_img img {
    display: block;
    width: 100%;
    height: auto;
}
.contact_sec_2 .recaptcha{
    margin-bottom: 20px;
}
.form-wrap .flex-box span.recaptcha{
    margin-right: auto;
}

.box-form-contact .form-wrap {
    margin-left: 3.646rem;
}
.box-form-contact .form-wrap .form-item:last-child {
    margin-bottom: 0;
}
.box-form-contact .form-wrap .submit-form-btn {
    margin-top: 1rem;
}


/* BUSINESSES */
/* =============================================
   SECTION: HERO BANNER
============================================= */
.industry-hero {
    position: relative;
    min-height: 17rem;
    background: var(--bg-dark);
    overflow: hidden;
    display: flex;
    align-items: stretch;
}
.industry-hero__bg {
    position: absolute;
    inset: 0;
}
.industry-hero__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.45;
}
.industry-hero__bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(26,43,74,0.95) 0%, rgba(26,43,74,0.6) 55%, rgba(26,43,74,0.15) 100%);
}
.industry-hero__inner {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: var(--container-w);
    margin: 0 auto;
    padding: 1.5rem 1rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 1.2rem;
}
.industry-hero__title {
    margin-bottom: 0.75rem;
}
.industry-hero__title h1 {
    font-family: "Play Bold";
    color: #fff;
    font-size: 2.5rem;
    line-height: 1.15;
}
.industry-hero__title h1 .sub-title {
    display: block;
    color: var(--main-cl);
    font-size: 2.75rem;
}
.industry-hero__desc {
    color: rgba(255,255,255,0.82);
    font-size: 0.9375rem;
    max-width: 28rem;
    margin-bottom: 3.5rem;
    line-height: 1.65;
}
.industry-hero__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}
.hero-tag {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    color: #fff;
}
.hero-tag__icon {
    width: 2.25rem;
    height: 2.25rem;
    background: rgba(255,255,255,0.12);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,0.25);
    flex-shrink: 0;
}
.hero-tag__icon svg { width: 1rem; height: 1rem; }
.hero-tag__label { font-size: 0.8125rem; font-weight: 600; line-height: 1.3; }

/* =============================================
   SECTION: OVERVIEW
============================================= */
.industry-overview {
    padding: 3.5rem 0;
    background: #fff;
}
.section-label {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--main-cl);
    margin-bottom: 1.25rem;
}
.section-label .sep {
    color: #bbb;
    font-weight: 400;
}
.section-label .vi { color: #888; font-weight: 600; letter-spacing: 0.03em; }
.overview-text p {
    font-size: 0.9375rem;
    color: #444;
    line-height: 1.75;
    margin-bottom: 0.875rem;
}
.overview-text p:last-child { margin-bottom: 0; }
.overview-images {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
}
.overview-images .img-wrap {
    aspect-ratio: 4/3;
    border-radius: 0.375rem;
}

/* =============================================
   SECTION: REQUIREMENTS
============================================= */
.industry-requirements {
    padding: 3rem 0;
    background: var(--bg-light);
}
.requirements-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem;
    margin-top: 2rem;
}
.req-card {
    background: #fff;
    border: 1px solid var(--border-cl);
    border-radius: 0.5rem;
    padding: 1.75rem 1.25rem 1.5rem;
    text-align: center;
    transition: all 0.5s ease-in-out;
}
.req-card:hover {
    border-color: var(--main-cl);
    box-shadow: 0 0.5rem 1.5rem rgba(50,76,158,0.12);
    transform: translateY(-0.25rem);
}
.req-card__icon {
    width: 3.5rem;
    height: 3.5rem;
    background: rgba(50,76,158,0.08);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
}
.req-card__icon svg { width: 1.5rem; height: 1.5rem; color: var(--main-cl); }
.req-card__title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 0.9375rem;
    color: var(--main-cl);
    margin-bottom: 0.5rem;
    line-height: 1.35;
}
.req-card__sub {
    font-size: 0.8125rem;
    color: #666;
    line-height: 1.5;
}

/* =============================================
   SECTION: CAPABILITIES
============================================= */
.industry-capabilities {
    background: var(--bg-dark);
    overflow: hidden;
    position: relative;
}
.capabilities-content {
    position: relative;
    z-index: 2;
    /*padding: 3rem 0;*/
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    max-width: var(--container-w);
    margin: 0 auto;
    gap: 0;
}
.capabilities-left {
    padding: 0 2rem 0 1rem;
    margin-left: -3rem;
}
.capabilities-left h2.title {
    font-size: 2.5rem;
    margin-bottom: 1rem;
}
.capabilities-label {
    font-family: 'Play', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #fff;
    margin-bottom: 2rem;
}
.capabilities-label .sep { color: rgba(255,255,255,0.4); margin: 0 0.5rem; }
.capabilities-label .vi { color: rgba(255,255,255,0.6); font-weight: 400; }
.cap-list {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

.cap-item {
    display: flex;
    gap: 0.875rem;
    align-items: flex-start;
}
.cap-item__icon {
    width: 2.5rem;
    height: 2.5rem;
    background: rgba(50,76,158,0.5);
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.1rem;
}
.cap-item__icon svg { width: 1.1rem; height: 1.1rem; color: #fff; }
.cap-item__body {}
.cap-item__en {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 0.875rem;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 0.2rem;
}
.cap-item__vi {
    font-size: 0.8125rem;
    color: rgba(255,255,255,0.55);
    line-height: 1.4;
}

.capabilities-right {
    position: relative;
    height: 100%;
    min-height: 32rem;
    margin-right: calc(-1 * calc(100vw - var(--container-w)) / 2);
}
.capabilities-right .img-wrap {
    position: absolute;
    inset: 0;
    border-radius: 0;
}
.capabilities-right .img-wrap::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(90deg, var(--bg-dark) 0%, transparent 30%);
}


/* =============================================
   SECTION: RELATED PROJECTS
============================================= */
.industry-projects {
    padding: 3.5rem 0;
    background: #fff;
}
.section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
    width: 100%;
}
.industry-btn-4 {
    padding-top: 1.5rem;
}

.projects-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
    width: 100%;
}
.project-card {
    border: 1px solid var(--border-cl);
    border-radius: 0.5rem;
    overflow: hidden;
    background: #fff;
    transition: all 0.5s ease-in-out;
}
.project-card:hover {
    box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,0.1);
    transform: translateY(-0.25rem);
}

.project-card .img-wrap {
    aspect-ratio: 16/10;
    position: relative;
}
.project-card .img-wrap::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 100%);
    transition: all 0.5s ease-in-out;
}
.project-card:hover .img-wrap::after {
    background: linear-gradient(180deg, rgba(50,76,158,0) 0%, #324C9E 100%);
}

.project-card__body {
    padding: 1rem;
}
.project-card__title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 0.9375rem;
    color: var(--text-cl);
    margin-bottom: 0.375rem;
    line-height: 1.4;
}
.project-card__meta {
    font-size: 0.75rem;
    color: #888;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.875rem;
    align-items: center;
}
.project-card__meta-item {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}
.project-card__meta-item svg { width: 0.75rem; height: 0.75rem; opacity: 0.6; }
.meta-sep { color: #ccc; }

.project-card__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tag-label {
    display: inline-block;
    padding: 0.25rem 0.625rem;
    background: rgba(50,76,158,0.08);
    color: var(--main-cl);
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 0.25rem;
}
.view-link {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--main-cl);
    text-decoration: none;
}
.view-link:hover { color: var(--sub-cl); }
.view-link svg { width: 0.75rem; height: 0.75rem; }

/* =============================================
   SECTION: CTA FOOTER
============================================= */
.industry-cta {
    background: var(--bg-light);
    padding: 2.5rem 0;
    border-top: 1px solid var(--border-cl);
}
.cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    flex-wrap: wrap;
    width: 100%;
}
.cta-text p {
    font-size: 0.8125rem;
    color: #666;
    margin-top: 0.25rem;
}
.cta-text strong {
    font-size: 1.0625rem;
    font-weight: 700;
    color: var(--text-cl);
    display: block;
}
.cta-actions {
    display: flex;
    gap: 0.875rem;
    flex-wrap: wrap;
}
.industry-cta .btn-style-5 span.icon line,
.industry-cta .btn-style-5 span.icon polyline {
    transition: .35s all;
}
.industry-cta .btn-style-5 span.icon svg {
    transform: unset !important;
}
.industry-cta .btn-style-5 span.icon svg:nth-child(2) {
    display: none;
}
.industry-cta .btn-style-5:hover span.icon line,
.industry-cta .btn-style-5:hover span.icon polyline,
.industry-cta .btn-style-5:hover span.icon path {
    stroke: var(--main-cl);
}

/* =============================================
   RESPONSIVE
============================================= */
@media (max-width: 1199px) {
    .requirements-grid {
        grid-template-columns: repeat(3, 1fr);
        margin-top: 1.3rem;
    }
    .projects-grid { grid-template-columns: repeat(2, 1fr); }
    .cap-list {
        grid-template-columns: 1fr;
        gap: 1.25rem;
        max-height: 20rem;
    }
    .capabilities-left {
        margin-left: 0;
    }
    .capabilities-left h2.title {
        font-size: 2rem;
    }
    .cta-inner {
        gap: 1rem;
    }
    .industry-cta .cta-text {
        max-width: 40%;
    }
}
@media (max-width: 849px) {
    .industry-hero__title h1 { font-size: 2rem; }
    .industry-hero__title h1 .sub-title { font-size: 2.25rem; }
    .overview-images { grid-template-columns: repeat(3, 1fr); }
    .requirements-grid { grid-template-columns: repeat(2, 1fr); }
    .capabilities-content { grid-template-columns: 1fr; }
    .capabilities-left { padding: 2rem 1rem; }
    .section-header { flex-direction: column; align-items: flex-start; gap: 1rem; }
    .industry-overview {
        padding: 3.5rem 0 2.4rem;
    }
    .overview-images {
        margin-top: 1rem;
    }
    .cap-list {
        max-height: 12rem;
    }
    .capabilities-right {
        margin-right: 0;
    }
    .capabilities-right .img-wrap {
        position: unset;
    }
    .industry-cta .cta-text {
        max-width: 42%;
    }
}
@media (max-width: 767px) {
    .industry-hero__inner {
        gap: .5rem;
    }
    .industry-hero__title {
        margin-top: 2rem;
    }
    .industry-hero__title h1 { font-size: 1.625rem !important; }
    .industry-hero__title h1 .sub-title { font-size: 1.875rem; }
    .industry-hero__desc {
        margin-bottom: 1.5rem;
    }
    .industry-hero__tags { gap: 1rem; }
    .overview-images { grid-template-columns: 1fr 1fr; }
    .requirements-grid { grid-template-columns: 1fr 1fr; gap: 0.5rem; }
    .projects-grid { grid-template-columns: 1fr; }
    .large-6, .large-8, .large-4 { width: 100%; }
    .cta-inner { flex-direction: column; align-items: flex-start; }
    .cta-actions {
        width: 100%;
        gap: 0.4rem;
    }
    .cta-actions .btn {
        flex: 1;
        justify-content: center;
        padding: 0.7rem 0.5rem;
    }
    .cap-list { grid-template-columns: 1fr; }
    .industry-overview {
        padding: 2rem 0 2.4rem;
    }
    .industry-overview .content {
        font-size: 0.9rem;
    }
    .capabilities-left h2.title {
        font-size: 1.5rem;
    }
    .cap-list {
        max-height: 15.5rem;
    }
    .capabilities-right {
        min-height: unset;
    }
    .capabilities-right .img-wrap::before {
        content: unset;
    }
    .industry-cta .cta-text {
        max-width: 100%;
    }
}


/*------*/
.col {
    padding: 0 0.78125rem;
}
.container, .grid-container, .row {
    max-width: var(--container-w) !important;
}
body{
    font-family: 'Inter Regular';
    color: var(--text-cl);
    margin: 0 !important;
    background-color: #fff;
    /*overflow-x: hidden;*/
}

.default-page{
    padding: 0;
}
.default-page h1{
    line-height: normal;
    color: var(--main-cl) !important;
}

@media (min-width: 1200px) {
    body, html {
        font-size: 1vw;
    }
}
@media only screen and (max-width: 1699px) {
    body, html {
        font-size: 1.08vw;
    }
    :root {
        --container-w: 80rem;
    }

    h1.title {
        font-size: 3rem;
    }
    h2.title {
        font-size: 2.5rem;
    }
    h3.title {
        font-size: 1.2rem;
    }
    .content {
        font-size: 1.05rem;
    }
    /*.content-18 {*/
    /*    font-size: 0.9375rem;*/
    /*    margin-top: 0.417rem;*/
    /*}*/
    /*.content-20 {*/
    /*    font-size: 1rem;*/
    /*    margin-top: 0.417rem;*/
    /*}*/

    .lh-24 {
        line-height: 1.55rem;
    }
    .fs-45 {
        font-size: 1.8rem;
    }
    .fs-13 {
        font-size: 0.8rem;
    }
    .fs-14 {
        font-size: 0.9rem;
    }
    .fs-16 {
        font-size: 1rem;
    }
    .fs-18 {
        font-size: 1.175rem;
    }
    .fs-64 {
        font-size: 3rem;
    }
    .subtitle-sec {
        font-size: 1.175rem;
    }
    .desc_sec,
    .desc-sec {
        font-size: 1rem;
    }
    .action-filter .btn span.text {
        font-size: 0.9rem;
    }
    .action-filter .btn span.icon {
        width: 1.05rem;
        height: 1.05rem;
    }

    .number-wrap > div {
        font-size: 3.8rem;
    }
    .quote-style blockquote {
        font-size: 1.08rem;
        line-height: 1.35;
    }
    .style-li :is(ul, ol) {
        gap: 0.625rem 1rem;
    }

    #form-contact-popup.fancybox-content {
        max-width: 50%;
    }

    /*HEADER*/
    header #masthead .header-nav.nav-left,
    header #masthead .header-nav.nav-right {
        gap: 2.5rem;
    }
    header .header-nav .lang-header {
        margin-right: 0 !important;
    }

    /*FOOTER*/
    .footer_logo img {
        height: 5.5rem;
    }
    .footer_brand {
        gap: 1.5rem;
    }
    .footer-name {
        padding-left: 1.5rem;
    }
    .footer_contact_item p, .footer_contact_item a, .footer_nav a {
        font-size: 1rem;
    }
    .form-footer .desc {
        line-height: 1.4;
    }

    /*HOME*/
    .banner_hero_content h2 {
        padding-right: 5rem;
    }
    .home-content-4.col-left {
        padding: 3rem 0;
    }
    .certification_home_3 .box-logo>img {
        height: 4.6rem;
    }
    .home-content-4.col-left .content {
        line-height: 1.4;
        margin-top: 0;
    }
    .home-content-4.col-left .custom-scrollbar {
        max-height: 20rem;
    }
    .home-content-4.col-right .content-wrap {
        padding: 0 1.5rem 1.8rem;
    }
    .slide-project-related .arrow-slide {
        top: 40%;
    }
    .home_6 {
        padding-top: 6rem;
    }
    .group_list_partner {
        gap: 1rem 3rem;
    }
    .group_list_partner .item_partner {
        width: calc((100% / 5) - (3rem * 4 / 5));
    }
    .list_branch_home {
        padding: 5rem 0 0 2rem;
    }
    .name_branch_home {
        font-size: 1.08rem;
    }
    .home_7 {
        padding: 5rem 0 0;
    }

    /* ABOUT */
    .about-2 {
        padding-top: 5.5rem;
    }
    .timeline-swiper {
        margin-right: -2rem;
        padding-left: 5rem;
    }
    .timeline-swiper .item-wrap {
        margin: 0 2rem;
    }
    .timeline-swiper .item-wrap .cont-wrap {
        padding-left: 2rem;
    }
    .about-5 {
        margin-top: 5rem;
        padding: 4rem 0;
    }
    .title-about-5 {
        padding-bottom: 3rem;
    }
    .about-content-5 {
        padding-right: 4rem;
    }
    .about-6 {
        padding-top: 5.5rem;
    }
    .title-about-6 {
        padding-bottom: 2rem;
    }
    .about-content-6 .item .contents {
        padding: 1.875rem 1.6rem;
    }
    .about-content-6 .item .desc_sec {
        line-height: 1.5;
    }
    .wrap-policy-qhse .item .icon>img {
        width: 3rem;
        height: 3rem;
    }
    .title-about-8 {
        padding-bottom: 2rem;
    }
    .about-10 {
        margin-top: 7rem;
    }
    .about-11 {
        padding: 5rem 0 3.5rem;
    }
    .about-slide-11 .item .box-logo>img {
        width: 8rem;
        height: 8rem;
    }

    /* PRODUCT */
    .product_page {
        padding-top: 5rem;
    }
    .product_sec_3 .content :is(td, th) {
        font-size: 0.9rem;
    }

    /* PROJECT */
    .project_page {
        padding: 4rem 0 0;
    }

    /* PROJECT DETAILS */
    .project_sec_1 .grid-50.tablet-grid-50>ul .content {
        font-size: .95rem;
    }

}
@media only screen and (max-width: 1499px) {

    .fs-15 {
        font-size: 0.9rem;
    }
    .btn span.text {
        font-size: 1.05rem;
    }

    /* HEADER */
    #top-bar .header-top-content > span {
        font-size: 0.85rem;
    }
    .list_branch_home {
        padding: 3rem 0 0 2rem;
    }

    /* FOOTER */
    .footer_contact_item .label {
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }

    /* HOME */
    .home-link-7 {
        padding-top: 3rem;
    }
    .item-project .term-industry span.item {
        font-size: 0.9rem;
        padding: 0.3rem 0.9rem;
    }
    .item-project .box-content .title-item {
        font-size: 1.2rem;
    }

    /* ABOUT */
    .slider-about-8 .wrap-cont .content {
        line-height: 1.4;
    }
    .title-about-9 .title {
        font-size: 2.25rem;
    }
    .about-content-10 .box-content>.item.active {
        flex-grow: 2;
    }
    .about-content-10 .box-content h3.title {
        font-size: 1.4rem;
    }

    /* PROJECT DETAILS */
    .project_sec_1 {
        padding: 5rem 0 4rem;
    }
    .project_sec_1 .grid-50.tablet-grid-50>ul li {
        padding: 1.3rem 0 0.3rem;
    }
    .project_sec_1 h2.title {
        font-size: 2rem;
    }
    .slide-project-related .arrow-slide {
        top: 50%;
    }
    .slide-project-related .arrow-slide.prev {
        left: -5%;
    }
    .slide-project-related .arrow-slide.next {
        right: -5%;
    }
}
@media only screen and (max-width: 1399px) {
    .btn span.text {
        font-size: 0.9rem;
    }
    .number-wrap > div {
        font-size: 2.5rem;
        line-height: normal;
    }
    .number-wrap sup {
        font-size: 1.5rem;
        line-height: 100%;
    }
    .home_2 {
        padding-top: 3.5rem;
    }
    .group_content_home_3 .desc-sec {
        font-size: 1rem;
    }
    .home-content-3 .title {
        font-size: 1.08rem;
    }
    .certification_home_3 {
        padding: 1rem 0 2rem;
    }

    ul.scroll_to_section a {
        padding: 0.9rem 1.25rem;
    }
    .slide-project-related {
        padding: 1.8rem 0 0.5rem;
    }
    .hero_content {
        padding-left: 10rem;
    }

    .product_sec_3 .content :is(td, th) {
        font-size: 1rem;
    }
}

@media only screen and (max-width: 1199px) {
    :root{
        --container-w: 59.375rem;
    }
    body, html {
        font-size: 1.6vw;
    }
    html.js.has-off-canvas-undefined {
        margin-right: 0 !important;
    }

    .load_home_page img.logo_load_page {
        width: 10rem;
    }
    .load_home_page svg {
        width: 320px;
    }
    .search-tabs .search-grid{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .breadcrumb-single {
        margin-bottom: .5rem;
    }

    .default-page h1.title {
        font-size: 2rem;
    }

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

    .lg-col-6 {
        flex-basis: 50%;
        max-width: 50%;
    }
    .lg-col-12 {
        flex-basis: 100%;
        max-width: 100%;
    }

    h1.title {
        font-size: 2.5rem;
    }
    h2.title {
        font-size: 2.2rem;
    }
    h3.title {
        font-size: 1.6rem;
    }
    .style-li :is(ul, ol) {
        grid-template-columns: 1fr;
        grid-template-rows: unset;
        grid-auto-flow: unset;
    }
    .quote-style blockquote {
        font-size: 1rem;
    }

    ul.scroll_to_section {
        justify-content: flex-start;
        width: 100%;
        overflow-x: auto;
    }
    ul.scroll_to_section li {
        white-space: nowrap;
    }
    ul.scroll_to_section a {
        padding: 0.9rem 1.05rem;
    }

    #form-contact-popup.fancybox-content {
        max-width: 70%;
    }

    /* HEADER */
    header #logo {
        width: 5rem !important;
    }
    header #masthead .header-nav.nav-left,
    header #masthead .header-nav.nav-right {
        gap: 1rem;
    }
    header #masthead .header-nav.nav-right {
        transform: unset;
    }
    header .nav>li>a {
        font-size: 0.85rem;
    }
    header .nav>li>a,
    header .stuck .header-main .nav > li > a {
        line-height: 5.2 !important;
    }

    header .stuck .header-main .nav .lang-header.minimal > a,
    header .lang-header.minimal > a {
        line-height: 4 !important;
    }

    /*FOOTER*/
    .footer_logo img {
        height: 4.5rem;
    }
    .footer-name.fs-45 {
        font-size: 1.4rem;
    }
    .footer_info_menu {
        justify-content: flex-start;
        gap: 2rem;
    }
    .footer_info_menu > div {
        width: calc((100% / 3) - (2rem * 2 / 3));
    }
    .footer_main .footer_col_wrap {
        gap: 2rem;
    }
    .copyright {
        text-align: center;
    }
    .footer_bottom_links {
        justify-content: center;
        margin-top: 0.5rem;
    }
    .footer_contact_item p, .footer_contact_item a, .footer_nav a {
        font-size: 0.95rem;
    }

    /* HOME */
    .banner_hero_content h2 {
        padding-right: 4rem;
        font-size: 1.8rem;
    }
    .hero_content {
        padding-left: 2rem;
    }
    .slider_home_service {
        padding-top: 1.2rem;
    }
    .home_3 {
        padding-top: 4rem;
    }
    .home-content-3 {
        padding-left: 8rem;
    }
    .home_4 {
        margin-top: 3.5rem;
    }
    .home-content-4.col-left .title {
        font-size: 1.8rem;
    }
    .home-content-4.col-left .content {
        font-size: 1rem;
    }
    .home-content-4.col-left .custom-scrollbar {
        max-height: 13rem;
    }
    .home-content-4.col-right {
        padding-left: 0;
    }
    .home-content-4.col-right .content-wrap {
        padding: 0 .8rem 1.5rem;
    }
    .home-content-4.col-right .title {
        font-size: 1.15rem;
    }
    .home-content-4.col-right .content {
        font-size: .9rem;
    }
    .home_5>.row>.large-9 {
        order: 2;
    }
    .title_home_5 {
        padding-bottom: 1.5rem;
    }
    .map_channel_wrap .map_effect {
        opacity: 1;
    }
    .list_branch_home {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 1.5rem;
        padding: 0 0 2.5rem;
    }
    .item_branch_home {
        width: calc((100% / 3) - (1.5rem * 2 / 3));
        justify-content: center;
    }
    .home_6 {
        padding-top: 4rem;
    }
    .home_7 {
        padding: 4rem 0 0;
    }
    .home-link-7 {
        padding-top: 2rem;
    }
    .slide-project-related {
        padding: 1.5rem 0 0.25rem;
        margin: 0 -0.4rem;
    }
    .slide-project-related .item-project {
        margin: 0 0.4rem;
    }
    .item-project .box-content .title-item {
        font-size: 1rem;
    }
    .item-project .term-field {
        font-size: .82rem;
    }
    .item-project .term-industry span.item {
        font-size: .82rem;
        padding: 0.2rem 0.9rem;
    }
    .home-content-4.col-right .item:after, .home-content-4.col-right .item:before {
        height: 100%;
    }
    .name_branch_home {
        font-size: 1rem;
    }

    /* ABOUT */
    .about-2 {
        padding-top: 4rem;
    }
    .title-about-2 {
        padding-right: 0;
    }
    .title-about-2 .content {
        margin-top: 0;
    }
    .about-img-2 {
        margin-left: 1.5rem;
    }
    .about-img-2 .number_wrap {
        bottom: 1.5rem;
        left: 1.5rem;
    }
    .about-3 {
        padding-top: 8rem;
        margin-top: 3rem;
    }
    .about-content-3 .item-num::after {
        height: 8rem;
    }
    .about-content-3 .item-num.item_2::after,
    .about-content-3 .item-num.item_3::after  {
        height: 5rem;
    }
    .about-content-3 .item-num::after {
        height: 7.5rem;
    }
    .about-4 {
        padding-top: 4rem;
    }
    .about-content-4 {
        padding-top: 2rem;
    }
    .timeline-swiper {
        margin-right: 0;
        padding-left: 0;
    }
    .timeline-swiper .item-wrap>.img-wrap {
        width: 32rem;
        height: 19rem;
    }
    .timeline-nav {
        margin: 0;
    }
    .timeline-swiper-thumb {
        padding-right: calc(100% / 4);
    }
    .timeline-swiper .item-wrap .desc br {
        display: none;
    }
    .timeline-swiper .item-wrap .content {
        margin-top: 1.2rem;
    }
    .about-5 {
        margin-top: 0;
        padding-bottom: 0;
        background-image: none !important;
    }
    .about-5:before {
        content: unset;
    }
    .title-about-5 {
        text-align: center;
    }
    .about-content-5 {
        padding-right: 0;
    }
    .about-content-5 .item-wrap {
        width: 100%;
    }
    .about-content-5 .item-value .title-item,
    .title-about-5.text-white>.title {
        color: var(--main-cl) !important;
    }
    .title-about-5.text-white>.desc {
        color: var(--text-cl) !important;
    }
    .about-content-5 .item-value .icon {
        background: var(--main-cl);
    }
    .about-content-5 .item-value .desc {
        color: #333 !important;
    }
    .about-content-5 .item-wrap:last-child .item-value:last-child:before,
    .about-content-5 .item-wrap:last-child .item-value:first-child:before,
    .about-content-5 .item-wrap:before {
        background: #85858542;
    }
    .about-content-6 {
        gap: 3rem;
    }
    .about-content-6 .item {
        display: flex;
        gap: 2rem;
        width: 100%;
    }
    .about-content-6 .item .img-wrap {
        width: 50%;
        flex-shrink: 0;
    }
    .about-content-6 .item:nth-child(even) .img-wrap {
        order: 2;
    }
    .about-content-6 .item .contents {
        position: unset;
        padding: 0;
        margin-top: 1rem;
    }
    .about-content-6 .item .contents>.title {
        font-size: 1.6rem;
        line-height: 1.4;
        color: var(--main-cl) !important;
    }
    .about-content-6 .item .desc_sec>*,
    .about-content-6 .item .desc_sec {
        color: #333 !important;
    }
    .about-content-6 .item .desc_sec br {
        display: none;
    }
    .about-7 {
        padding: 4rem 0 24rem;
    }
    .about-7 .content-20 {
        width: 65%;
        line-height: 1.4;
    }
    .wrap-policy-qhse .item .title {
        font-size: 1.2rem;
    }
    .about-8 {
        padding-top: 3.5rem;
    }
    .slider-about-8 .wrap-cont {
        padding: 0 1.5rem 1.5rem;
    }
    .title-about-9 {
        row-gap: 1.5rem;
        padding: 2rem 0 3rem 3rem;
    }
    .title-about-9 .title {
        font-size: 1.5rem;
        line-height: 1.3;
    }
    .about-10 {
        margin-top: 4rem;
    }
    .about-content-10 {
        height: auto;
    }
    .about-title-10 {
        margin-top: 0;
    }
    .slide-about-10 {
        padding-top: 2rem;
        margin: 0 -.4rem;
    }
    .slide-about-10 .item {
        margin: 0 .4rem;
    }
    .slide-about-10 .item .img-wrap {
        aspect-ratio: 16/8;
    }
    .slide-about-10 .item .wrap-cont {
        display: flex;
        flex-direction: column;
        gap: 0.7rem;
        margin-top: .8rem;
    }
    .slide-about-10 .item .title-item br {
        display: none;
    }
    .slide-about-10 .item .wrap-cont>.icon {
        width: 2.6rem;
        height: 2.6rem;
        border-radius: 5.208rem;
        background: var(--main-cl);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0.3rem;
    }
    .slide-about-10 .item .wrap-cont>.icon>img {
        width: 1.667rem;
        height: 1.667rem;
        object-fit: contain;
    }
    .slide-about-10 .item .inner-cont {
        padding-right: 4rem;
    }
    .slide-about-10 .item .desc.fs-16 {
        font-size: .95rem;
    }
    .about-11 {
        padding: 3rem 0 1.5rem;
        margin-top: 3rem;
    }
    .title-about-11 {
        margin-right: -5rem;
    }
    .about-content-11 {
        padding-top: 3rem;
    }
    .about-slide-11 {
        margin: 0 -1.2rem;
    }
    .about-slide-11 .item {
        margin: 0 1.2rem;
    }
    .about-slide-11 .item .box-logo>img {
        width: 6rem;
        height: 6rem;
    }
    .about-slide-11 .item h3.title {
        font-size: 1.2rem;
    }
    .about-12 {
        padding: 2rem 0;
    }

    /* ABOUT */
    .product_page {
        padding-top: 4rem;
    }
    .item_product .arrow {
        right: 1rem;
    }

    /* PRODUCT */
    #container-project-list {
        gap: 2.8rem 1rem;
    }
    .filter_project {
        margin-bottom: 2rem;
    }
    .filter_project .inner > .select {
        min-width: 16.5rem;
    }

    /* PRODUCT DETAILS */
    .sub_title {
        font-size: .82rem;
    }
    .single-product .section h2.title {
        margin-bottom: 0.5rem;
    }
    .single-product .section .content {
        font-size: 0.95rem;
    }
    .product_sec_1 {
        padding-bottom: 4rem;
    }
    .product_sec_1 .box_content {
        padding-top: 3rem;
        padding-right: 3rem;

    }
    .product_sec_1 .slide-product-overview {
        padding-top: 1.5rem;
    }
    .product_sec_1 .slide-product-overview .img-wrap {
        height: 24rem;
    }
    .product_sec_2 {
        padding: 3rem 0 3rem;
    }
    .product_sec_2 .wrap_item {
        gap: 1rem;
    }
    .product_sec_2 .wrap_item .item {
        width: calc(25% - 2rem);
        padding-bottom: calc(25% - 7rem);
    }
    .product_sec_3 {
        padding: 4rem 0;
    }
    .product_sec_3 .content :is(td, th) {
        font-size: 0.95rem;
    }
    .product_sec_4 {
        padding: 3rem 0 2.5rem;
    }
    .product_sec_4 .wrap_items .item {
        width: calc((100% / 3) - (1.042rem * 2 / 3));
    }
    .product_sec_5 {
        padding: 4rem 0;
    }
    .product_sec_5 .lis_q_a {
        margin-top: 1rem;
    }
    .product_sec_6 {
        padding: 3.5rem 0;
    }
    .product_sec_6 h2.title {
        font-size: 1.8rem;
    }
    .product_sec_7 {
        padding: 4rem 0;
    }
    .project_sec_2.home_sec_4 {
        padding: 3rem 0 0;
    }

    /* PROJECT DETAILS */
    .project_sec_1 .grid-50.tablet-grid-50>ul li {
        font-size: .9rem;
    }
    .project_sec_1 {
        padding: 4rem 0 4rem;
    }
    .project_sec_1 h2.title {
        font-size: 1.7rem;
    }
    .project_sec_1 .grid-50.tablet-grid-50:first-child {
        padding-right: 3rem;
    }


    /*  CONTACT  */
    .contact_sec_1 {
        padding: 4rem 0;
    }
    .contact_sec_1 .wrap_items {
        flex-wrap: wrap;
    }
    .contact_sec_1 .wrap_items .item {
        padding: 3rem 1rem;
        margin-bottom: 0;
    }
    .contact_sec_1 .wrap_items .item h3 {
        font-size: 1rem;
    }
    .contact_sec_1 .wrap_items .item .content {
        font-size: .9rem;
    }
    .contact_sec_1 .wrap_items .item .icon>img {
        height: 1.7rem;
    }
    .box-form-contact .form-wrap {
        margin-left: 3rem;
    }
    .contact_sec_2 .box {
        padding: 1.5rem 3rem;
        margin-top: 2rem;
    }
    .contact_sec_2 .box_img {
        margin: 0;
    }
    .contact_sec_2 {
        padding-bottom: 4rem;
    }
    .contact_sec_2 {
        padding-bottom: 6rem;
    }

}
@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-10 {

    }
}
@media only screen and (max-width: 991px) {
    :root{
        --container-w: 58rem;
    }
    .load_home_page svg {
        width: 320px;
    }
    .search-tabs .search-grid{
        grid-template-columns: 1fr 1fr;
    }

    /* HOME */
    .home_2 {
        padding-top: 3rem;
    }
    .home_2>.row>.col:nth-child(2) {
        order: 3;
    }
    .title-home-2 {
        text-align: center;
    }
    .home-link-2 {
        justify-content: center;
        margin-top: 2rem;
    }
    .home_3 {
        padding-top: 5rem;
    }
    .home_5 {
        padding-top: 4rem;
    }

    /* PRODUCT DETAILS */
    .product_sec_2 .content {
        max-width: 48rem;
    }
    .product_sec_3 {
        padding: 2rem 0 3.5rem;
    }
    .product_sec_4 .wrap_items .item h3 {
        font-size: .9rem;
    }
    .product_sec_6 h2.title {
        font-size: 1.6rem;
    }
}
@media only screen and (max-width: 849px) {
    :root{
        --container-w: 45rem;
    }
    body, html {
        font-size: 2.2vw;
    }

    #form-contact-popup.fancybox-content {
        max-width: 95%;
    }

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

    /*slide nav/pagination tablet/mobile*/
    .slide-nav-mobile .swiper-pagination {
        padding: 0;
        display: flex;
    }
    .slide-nav-mobile {
        align-items: center;
        padding-top: 1.1rem;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
    }
    .slide-nav-mobile .arrow-slide.next {
        order: 3;
    }
    .slide-nav-mobile .arrow-slide {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 2.2rem;
        height: 2.2rem;
        flex: 0 0 auto;
        background: var(--third-cl);
        border-radius: 5.208rem;
        transition: .35s all;
    }
    .slide-nav-mobile .arrow-slide:hover {
        background: var(--main-cl);
    }
    .slide-nav-mobile .arrow-slide svg {
        width: 1.15rem;
        height: 1.15rem;
    }
    .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;
    }

    .admin-bar header {
        margin-top: 0;
    }

    #top-bar {
        padding: 0.4rem 0;
    }
    #top-bar .header-top-content > span {
        font-size: 0.75rem;
    }

    header .header-wrapper {
        box-shadow: 0 4px 16px 0 #E2C8931A;
    }
    header .header-wrapper:before {
        content: unset;
    }
    header .header-wrapper .header-inner {
        background: #fff !important;
        padding: .4rem 0.8rem;
    }
    header #masthead #logo {
        width: 12rem;
    }
    header #logo img, header .stuck #logo img {
        height: 3.5rem;
    }
    header .nav>li>a,
    header .stuck .header-main .nav > li > a {
        line-height: normal !important;
    }
    header .mobile-nav.nav-right {
        transform: unset;
        gap: 1rem;
    }
    header .nav>li.header-search a {
        width: fit-content;
    }
    .icon-search:before {
        width: 1.45rem;
        height: 1.45rem;
        background-image: url(../images/icon_search_1.svg);
    }

    /*LANG CSS*/
    .lang-header.minimal img {
        width: 1.4rem;
    }
    header .nav>li.lang-header a>img {
        width: fit-content;
        height: 1.4rem;
    }

    .off-canvas:not(.off-canvas-center) .nav-vertical li.header-info>ul {
        width: fit-content;
        gap: .8rem;
        margin-top: 1rem !important;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li.header-info a {
        padding: 0 !important;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li.header-info a>img {
        width: fit-content;
        height: 2.4rem;
    }

    .off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
        --drawer-width: 80% !important;
    }
    [data-open="#main-menu"] {
        display: flex !important;
        width: 3rem;
        height: fit-content !important;
        /*background-image: url(../images/icon-menu.svg) !important;*/
        /*background-size: cover !important;*/
        /*background-repeat: no-repeat !important;*/
        /*background-position: left center !important;*/
        /*background-color: unset !important;*/
        padding: 0 !important;
    }
    [data-open="#main-menu"].current-lightbox-clicked svg path:nth-child(1) {
        transform: rotate(38deg);
    }
    [data-open="#main-menu"].current-lightbox-clicked svg path:nth-child(2) {
        transform: translateX(-0.3rem) translateY(0.8rem) rotate(-45deg);
    }
    [data-open="#main-menu"].current-lightbox-clicked svg path:nth-child(3) {
        opacity: 0;
    }
    [data-open="#main-menu"]:before {
        content: unset !important;
    }
    [data-open="#main-menu"] i {
        display: none;
    }
    [data-open="#search-lightbox"] {
        width: 2rem;
        height: 2rem !important;
        color: var(--main-cl) !important;
        justify-content: flex-end;
    }

    .off-canvas-left.mfp-ready .mfp-content, .off-canvas-right.mfp-ready .mfp-content {
        top: var(--header-height);
        padding-top: 0;
    }
    .off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
        box-shadow: none !important;
        background-color: #fff !important;
    }
    .off-canvas-left.mfp-ready .mfp-content .sidebar-menu {
        padding-top: 0 !important;
    }
    .mfp-bg.off-canvas.off-canvas-left {
        top: var(--header-height);
        position: fixed !important;
    }
    .has-off-canvas-left .mfp-ready .mfp-close {
        display: none;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li > a {
        padding-left: 2rem !important;
        color: var(--body-cl);
        font-size: 1.08rem !important;
        text-transform: initial;
        font-weight: unset;
        font-family: 'Inter SemiBold';
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li > a:has(svg) {
        font-size: 0 !important;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li > a svg {
        width: 1.6rem;
        height: auto;
        margin-left: 4px;
    }
    .nav-sidebar.nav-vertical > li + li {
        border-color: #e0e0e08f;
    }
    .toggle {
        color: #202020;
    }
    /* Active menu item (không có submenu) */
    .nav-sidebar.nav-vertical > li.menu-item.current-menu-item {
        background-color: var(--main-cl) !important;
    }
    .nav-sidebar.nav-vertical > li.menu-item.active a,
    .nav-sidebar.nav-vertical > li.menu-item.current-menu-item a,
    .nav-sidebar.nav-vertical > li.menu-item.current-menu-item .toggle {
        color: #fff !important;
    }
    /* Hover - KHÔNG ÁP DỤNG cho expanded và current items */
    .nav-sidebar.nav-vertical > li.menu-item:hover:not([aria-expanded="true"]):not(.current-menu-item) {
        background-color: #f5f5f5;
    }
    /* Expanded menu items - QUAN TRỌNG */
    .nav-sidebar.nav-vertical > li.menu-item[aria-expanded="true"] {
        background-color: var(--main-cl) !important;
    }
    .nav-sidebar.nav-vertical > li.menu-item[aria-expanded="true"] > a,
    .nav-sidebar.nav-vertical > li.menu-item[aria-expanded="true"] .toggle {
        color: #fff !important;
    }
    .nav-sidebar.nav-vertical > li.menu-item[aria-expanded="true"] > a path {
        stroke: #fff !important;
        fill: #fff !important;
    }
    /* Active page link */
    .off-canvas:not(.off-canvas-center) .nav-vertical li > a[aria-current='page'] {
        color: #fff !important;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li > a[aria-current="page"] path {
        stroke: #fff !important;
        fill: #fff !important;
    }
    /* Border giữa các items */
    .nav-sidebar.nav-vertical > li + li {
        border-color: #e0e0e08f;
    }
    /* Reset submenu items */
    .nav-sidebar.nav-vertical li.menu-item ul li {
        background-color: transparent !important;
    }
    .nav-sidebar.nav-vertical li.menu-item ul li a {
        color: var(--main-cl) !important;
        font-size: 1rem !important;
    }

    /*FOOTER*/
    footer {
        margin-top: 4rem;
        padding-top: 2rem;
    }
    .footer-link-profile,
    .footer_brand {
        justify-content: center;
    }
    .footer_main .footer_col_wrap {
        flex-wrap: wrap;
    }
    .footer_col_wrap::after {
        top: unset;
        bottom: -40%;
        width: 16rem;
        height: 16rem;
    }
    .form-footer {
        width: 60%;
    }
    .form-footer .box-form {
        display: block;
    }
    .footer_info_menu {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1rem;
    }
    .footer_info_menu > div {
        width: 100%;
        max-width: unset;
    }
    .footer_info_menu > div:nth-child(2) {
        padding-left: 2.5rem;
    }
    .footer_nav {
        row-gap: 0.4rem;
    }
    .footer_contact_item .label {
        margin-bottom: 0.25rem;
    }

    h2.title {
        font-size: 1.8rem;
    }
    .content-20 {
        font-size: 0.95rem;
    }

    .banner_page .heading_absolute {
        top: 55%;
    }
    .heading_absolute .title {
        font-size: 1.8rem;
    }
    .heading_absolute .desc {
        font-size: 0.9rem;
    }
    .banner_page .breadcrumb_absolute {
        padding-top: 1rem;
    }
    .breadcrumbs ol [title="Home"] svg {
        width: 1.15rem;
        height: 1.15rem;
    }
    .breadcrumbs ol > li {
        font-size: 0.82rem;
    }

    /* HOME */
    .hero_slide_image:before {
        height: 100%;
    }
    .banner_hero_content h2 {
        padding-right: 0;
    }
    .banner_hero_content {
        bottom: 5rem;
    }
    .hero_content {
        padding-left: 0;
    }
    .home_1 .pagination_wrap,
    .hero_link {
        bottom: 1.5rem;
    }
    .home_1 .pagination_wrap .tl-pagination {
        padding-bottom: 0;
    }

    .home_service_content {
        padding: 0 1rem 1.5rem;
    }
    .home_3 {
        padding-top: 4rem;
    }
    .wrap_left_home_3 {
        gap: .4rem;
    }
    .wrap_left_home_3 .title,
    .wrap_left_home_3 .desc-sec {
        text-align: center;
    }
    .home-content-3 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem;
        padding-top: 2rem;
        padding-left: 0;
    }
    .home-content-3 .item-counter {
        width: calc((100% / 4)  - (1rem * 3 / 4));
        flex-direction: column-reverse;
        gap: .4rem;
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }
    .home-content-3 .title {
        text-align: center;
    }
    .home-content-3 .title {
        font-size: 0.9rem;
    }
    .home-content-3 .number-wrap {
        margin: 0 auto;
    }
    .number-wrap > div {
        font-size: 2rem;
    }
    .number-wrap sup {
        font-size: 1.2rem;
    }
    .home-content-3 {
        padding-top: 3rem;
    }
    .home-link-3 {
        margin-top: 2rem;
    }
    .certification_home_3 {
        padding: 2rem 0 0;
    }
    .quote-style blockquote {
        font-size: 1.1rem;
    }
    .style-li :is(ul, ol) {
        grid-template-columns: 1fr 1fr;
    }
    .home_4 {
        padding: 3rem 0;
    }
    .home-content-4.col-left {
        padding: 0;
    }
    .home-content-4.col-right {
        margin-top: 2rem;
        margin-right: 0;
    }
    .home-content-4.col-right .title {
        font-size: 1.05rem;
    }
    .home-content-4.col-right .item .img-wrap {
        aspect-ratio: 380 / 750;
    }
    .home-content-4.col-right .item .icon>img {
        width: 2.2rem;
    }
    .home-content-4.col-right :is(ul, ol) {
        padding-left: 1.2rem;
    }
    .home-content-4.col-right .content {
        font-size: 0.82rem;
    }
    .home_6 {
        padding-top: 3rem;
    }

    /* ABOUT */
    .about-2 {
        padding-top: 3rem;
    }
    .about-img-2 {
        margin-top: 1rem;
        margin-left: 0;
    }
    .title-about-2 {
        row-gap: 0.7rem;
    }
    .title-about-2 .content {
        font-size: 1rem;
    }
    .about-content-3 .item-num::after {
        height: 4.8rem;
    }
    .about-content-3 .item-num.item_2 {
        top: -46%;
    }
    .about-content-3 .item-num .desc {
        font-size: 1rem;
        margin-top: .25rem;
    }
    .timeline-swiper .item-wrap {
        margin: 0 1rem;
    }
    .timeline-swiper .item-wrap .cont-wrap {
        padding-left: 1.2rem;
    }
    .timeline-swiper .item-wrap>.img-wrap {
        width: 22.5rem;
        height: 14rem;
    }
    .timeline-swiper .item-wrap .cont-wrap > .number {
        font-size: 1.5rem;
    }
    .timeline-swiper .item-wrap .title-item {
        font-size: 1.15rem;
    }
    .timeline-swiper-thumb {
        padding-right: calc(100% / 3);
    }
    .timeline-nav {
        padding-top: 2rem;
    }
    .timeline-swiper-thumb .item .dot {
        width: 1.3rem;
        height: 1.3rem;
    }
    .timeline-swiper-thumb .swiper-slide .dot:before {
        width: 0.65rem;
        height: 0.65rem;
    }
    .about-content-5 .item-value .title-item {
        font-size: 1.4rem;
    }
    .about-content-6 .item {
        gap: 1.4rem;
    }
    .about-7 {
        padding-bottom: 0;
    }
    .wrap-policy-qhse {
        padding-bottom: 2rem;
    }
    .about-7 .content-20 {
        width: 100%;
        padding-bottom: 1rem;
    }
    .bg-about-7 {
        position: unset;
    }
    .title-about-9 {
        position: unset !important;
        padding: 0;
        align-items: center;
        gap: 1rem;
    }
    .title-about-9 .title {
        color: var(--main-cl);
        text-align: center;
    }
    .about-img-9 {
        margin-top: 1rem;
    }
    .slide-about-10 .item .inner-cont {
        padding-right: 2rem;
    }
    .title-about-11 {
        margin-right: 0;
    }
    .about-slide-11 {
        margin: 0;
    }
    .about-slide-11 .swiper-slide.swiper-slide-next .item {
        opacity: .4;
    }
    .about-slide-11 .swiper-slide.swiper-slide-active .item {
        opacity: 1;
    }

    /* ABOUT */
    .product_page {
        padding-top: 3rem;
    }
    .item_product .box_content {
        height: 4rem;
    }
    .item_product .box_content h3 {
        font-size: .9rem;
    }
    .item_product .arrow {
        width: 2.2rem;
        height: 2.2rem;
    }

    /* PRODUCT DETAILS */
    .sub_title {
        font-size: 0.72rem;
    }
    .product_sec_1 .box_content {
        padding-top: 2rem;
        padding-right: 1rem;
    }
    .single-product .section .content {
        font-size: 1.05rem;
    }
    .product_sec_1 ul.list_link a+a {
        margin-left: 0.6rem;
    }
    .product_sec_1 ul.list_link a.btn {
        padding: 0.625rem 1rem;
    }
    .product_sec_2 .content {
        max-width: 100%;
    }
    .product_sec_3 h2.title {
        text-align: center;
    }
    .product_sec_4 .wrap_items .item h3 {
        font-size: 0.7rem;
    }
    .product_sec_5 {
        padding: 2.5rem 0 3rem;
    }
    .product_sec_6 {
        padding: 2rem 0;
    }
    .product_sec_6 h2.title {
        font-size: 1.3rem;
    }
    .product_sec_6 ul.list_link {
        gap: .6rem;
        flex-wrap: wrap;
    }
    .product_sec_7 .wrap {
        max-width: 80%;
        padding: 3rem 2rem;
    }

    /* PROJECT */
    .project_page {
        padding: 3rem 0 0;
    }
    #container-project-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.6rem 1rem;
    }

    /* PROJECT DETAILS */
    .project_sec_1 {
        padding: 3rem 0 3rem;
    }
    .project_sec_1 .grid-50.tablet-grid-50:first-child {
        padding-right: 0;
    }
    .project_sec_1 .grid-50.tablet-grid-50 {
        width: 100%;
    }
    .project-overview-wrap .swiper_for .item {
        padding-bottom: 65%;
    }
    .project_sec_1 .grid-50.tablet-grid-50>ul li {
        padding: 0.9rem 0 0.3rem;
    }

    /* CONTACT */
    .contact_sec_1 .wrap_items {
        max-width: 100%;
        gap: .7rem;
    }
    .contact_sec_1 .wrap_items .item {
        width: calc((100% / 3) - (.7rem * 2 / 3));
    }
    .contact_sec_1 .wrap_items .item .content {
        word-wrap: break-word;
        font-size: 0.8rem;
    }
    .contact_sec_2 {
        padding: 4rem 0;
    }
    .contact_sec_2 .box_img {
        display: none;
    }
    .box-form-contact .form-wrap {
        margin-left: 0;
    }

}
@media only screen and (max-width: 767px) {
    :root{
        --container-w: 100%;
    }
    body, html {
        font-size: 4.5vw;
    }
    section.section {
        overflow: hidden;
    }
    .col {
        padding: 0 0.7rem;
    }
    .grid-conatainer,
    .grid-container{
        padding-left: 0.7rem;
        padding-right: 0.7rem;
    }
    .grid-10, .grid-100, .grid-15, .grid-20, .grid-25, .grid-30, .grid-33, .grid-35, .grid-40, .grid-45, .grid-5, .grid-50, .grid-55, .grid-60, .grid-65, .grid-66, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, [class*=mobile-grid-], [class*=tablet-grid-] {
        padding: 0 !important;
    }

    .load_home_page img.logo_load_page {
        width: 8rem;
    }
    .load_home_page svg {
        width: 240px;
    }
    #search-lightbox{
        margin-left: -20px;
        margin-right: -20px;
        max-width: calc(100%  + 40px);
    }
    #search-lightbox .search-lightbox-title{
        margin-bottom: 20px;
        font-size: 20px;
    }
    #search-lightbox .search-keywords{
        margin-top: 20px;
    }
    #search-lightbox .search-keywords > a{
        font-size: 14px;
        padding: 0.5rem 0.833rem;
    }
    .search-tabs .search-grid{
        grid-template-columns: 1fr;
        grid-gap: 1.5rem 1rem
    }
    .search-tabs .tab-product .search-grid{
        grid-template-columns: 1fr 1fr;
    }
    .search-page{
        padding: 3rem 0 0;
    }
    .search-page h1{
        margin-bottom: 2rem;
    }
    .search-tabs .search-tabs-title .search-tab-title{
        font-size: 0.9rem;
        padding: 0.5rem 1rem;
    }

    .default-page h1.title {
        font-size: 1.5rem;
        margin-top: 1rem;
        margin-bottom: 1.2rem;
    }

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

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

    .loading-show-more::before {
        top: 4%;
    }
    .loading-show-more::after {
        top: 2%;
    }

    .fs-18 {
        font-size: 1rem;
        line-height: 1.4;
    }
    .btn span.text {
        font-size: 0.9rem;
    }
    .subtitle-sec {
        font-size: 0.95rem;
    }
    .title-sec {
        font-size: 1.4rem;
    }
    .desc-sec {
        font-size: 1rem;
        line-height: 1.4;
    }

    .form-wrap .form-group:not(:last-child) {
        flex-wrap: wrap;
    }
    .form-group.flex > .form-item {
        width: 100%;
    }
    .form-wrap .submit-form-btn {
        margin: 1rem 0 0;
    }

    .select-mobile {
        width: 100%;
        position: relative;
        z-index: 9;
    }
    .select-mobile .select-styled {
        height: 3rem;
        font-size: 1.05rem;
        border-radius: 5rem;
        color: var(--main-cl);
    }
    .select-mobile .select-options > li,
    .select-mobile > .select {
        width: 100%;
    }
    .select-mobile .select-styled:after {

    }
    .select .select-options {
        max-height: 10.7rem;
    }
    .select .select-options > li {
        font-size: 0.9rem;
        line-height: 1.2rem;
    }

    #form-contact-popup.fancybox-content {
        max-width: 100%;
        padding: 2rem 1rem;
    }
    #form-contact-popup.fancybox-content .title-group .title {
        font-size: 1.4rem;
    }
    #form-contact-popup.fancybox-content .title-group .desc {
        font-size: .9rem;
    }
    #form-contact-popup.fancybox-content .title-group br {
        display: none;
    }
    #form-contact-popup.fancybox-content .box-form {
        margin-top: 1.2rem;
    }
    .form-group.flex {
        gap: 0.5rem;
    }
    .form-group.flex, .form-item {
        margin-bottom: 0.5rem;
    }
    #form-contact-popup.fancybox-content .box-form .wrap-file :is(.noted, .desc){
        line-height: 1.3;
        font-size: 0.85rem;
    }

    /*HEADER*/
    #top-bar .header-top-content {
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.2rem;
    }

    header .header-wrapper .header-inner {
        /*padding: 0.65rem 0.7rem;*/
    }
    header #logo img, header .stuck #logo img {
        height: 2.8rem;
    }
    header #masthead #logo {
        width: 8rem;
    }

    [data-open="#main-menu"] {
        width: 2.3rem;
        height: 32px !important;
    }
    header #logo img,
    header .nav>li.header-search a:before {
        content: unset;
    }
    .icon-search:before {
        width: 1.2rem;
        height: 1.2rem;
    }
    .lang_header.mobile-show-flex {
        gap: .3rem;
    }
    .lang_header.minimal img {
        width: 1.4rem;
    }
    .off-canvas-left.mfp-ready .mfp-content, .mfp-bg.off-canvas.off-canvas-left {
        top: var(--header-height);
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li > a {
        padding-left: .9rem !important;
        font-size: .92rem !important;
    }
    .off-canvas .nav-vertical>li>a {
        padding-bottom: 0.7rem;
        padding-top: 0.7rem;
    }
    header .mobile-nav.nav-right {
        gap: 0.7rem;
    }
    header .nav>li.lang-header a>img {
        width: fit-content;
        height: 1.45rem;
    }

    /*LANG CSS*/
    .lang-header.mobile-show-flex {
        gap: .5rem;
    }

    /* FOOTER */
    footer {
        margin-top: 3rem;
        padding-top: 1rem;
    }
    .footer_logo img {
        height: 3.2rem;
    }
    .footer-name.fs-45 {
        font-size: 1rem;
    }
    .footer_brand {
        gap: 0.8rem;
    }
    .footer-name {
        padding-left: 0.8rem;
    }
    .footer-link-profile {
        margin-top: 1rem;
    }
    .footer_main {
        padding: 2rem 0 1rem;
    }
    .footer_info_menu {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 1.8rem;
    }
    .footer_info_menu > div:nth-child(2) {
        padding-left: 0;
    }
    .footer_main_title {
        font-size: 1.15rem;
        margin-bottom: 0.5rem;
    }
    .footer_contact_item .label {
        font-size: 0.9rem;
        margin-bottom: 0.2rem;
    }
    .footer_nav {
        row-gap: 0.3rem;
    }
    .form-footer {
        width: 100%;
    }
    .form-footer .desc {
        font-size: 0.85rem;
        padding-bottom: 0.9rem;
    }
    .copyright,
    .footer_bottom_links a {
        font-size: 0.7rem;
    }

    .fs-18 {
        font-size: .92rem;
    }
    h2.title {
        font-size: 1.35rem;
    }
    .content-20 {
        font-size: 0.9rem;
        line-height: normal;
    }
    .btn {
        padding: 0.65rem 1.05rem;
    }
    .btn span.text {
        font-size: 0.85rem;
    }
    .btn span.icon {
        width: 1.05rem;
        height: 1.05rem;
    }
    .banner_page .banner_img {
        height: 12rem;
    }
    .banner_page .banner_img>img {
        height: 100%;
    }
    .banner_page .breadcrumb_absolute {
        padding-top: 0.4rem;
    }
    .banner_page .heading_absolute {
        top: unset;
        bottom: 0;
        transform: unset;
        padding-bottom: 1rem;
    }
    .heading_absolute .title {
        font-size: 1.2rem;
    }
    .heading_absolute .title {
        padding-bottom: 0.5rem;
        margin-bottom: 0.7rem;
    }
    .heading_absolute .title:before {
        width: 4rem;
    }
    .heading_absolute .desc {
        font-size: 0.82rem;
        line-height: 1.45;
    }

    /*HOME*/
    .hero_slide_image {
        aspect-ratio: 16 / 12;
    }
    .hero_slide_image:before {
        background: linear-gradient(360deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    }
    .banner_hero_content {
        bottom: 5.5rem;
    }
    .banner_hero_content h2 {
        font-size: 1.05rem;
    }
    .banner_hero_content .content-20 {
        font-size: 0.85rem;
    }
    .hero_link_wrap {
        gap: 0.6rem;
        justify-content: flex-start;
    }
    .home_1 .pagination_wrap, .hero_link {
        bottom: 2rem;
    }
    .home_1 .pagination_wrap {
        bottom: 0;
    }
    .home_1 .pagination_wrap .tl-pagination {
        padding-bottom: 1rem;
    }

    .slider_home_service {
        margin: 0 -.3rem;
    }
    .home_service_item {
        height: 26rem;
        margin: 0 .3rem;
    }
    .home_service_item:after,
    .home_service_item:before {
        height: 70%;
    }
    .swiper-slide.swiper-slide-active .home_service_item:before {
        opacity: 0;
    }
    .swiper-slide.swiper-slide-active .home_service_item:after {
        opacity: 1;
    }
    .swiper-slide.swiper-slide-active .home_service_item .home_service_content {
        transform: translateY(0);
    }
    .swiper-slide.swiper-slide-active .home_service_item .btn_more {
        opacity: 1;
    }
    .home_service_content .title-item {
        font-size: 1.5rem;
    }
    .home_service_content .desc {
        font-size: .8rem;
    }
    .home-link-2 {
        margin-top: 1rem;
    }
    .certification_home_3 .box-logo>img {
        height: 3.5rem;
    }
    .home-content-3 {
        gap: 0.8rem;
    }
    .home-content-3 .item-counter {
        width: calc((100% / 2) - (0.8rem * 1 / 2));
        gap: 0.25rem;
    }
    .number-wrap > div {
        font-size: 1.7rem;
    }
    .home-link-3 {
        margin-top: 1.5rem;
    }
    .home_4 {
        margin-top: 2.5rem;
        padding: 2rem 0;
    }
    .home-content-4.col-left .title {
        font-size: 1.4rem;
    }
    .home-content-4.col-left .content {
        font-size: 0.9rem;
    }
    .home-content-4.col-left .custom-scrollbar {
        max-height: 14rem;
    }
    .quote-style blockquote {
        font-size: 1rem;
    }
    .style-li :is(ul, ol) {
        grid-template-columns: 1fr;
    }
    .home-content-4.col-right {
        margin-top: 1.5rem;
    }
    .home-content-4.col-right .item {
        width: unset;
        margin: 0 0.3rem;
    }
    .home-content-4.col-right .item .img-wrap {
        aspect-ratio: 1 / 1;
    }
    .slide-home-4 {
        margin: 0 -.3rem;
    }
    .home-content-4.col-right .content-wrap {
        padding: 0 1.2rem 1.2rem;
    }
    .home_5 {
        padding-top: 3rem;
    }
    .title_home_5 {
        width: 100%;
    }
    .list_branch_home {
        gap: 1rem;
    }
    .item_branch_home {
        width: calc((100% / 2) - (1rem * 1 / 2));
        gap: .3rem;
    }
    .name_branch_home {
        font-size: 0.75rem;
    }
    .icon_branch_home > img {
        width: 1.6rem;
        height: 1.6rem;
    }
    .home_6 {
        padding-top: 2.5rem;
    }
    .group_list_partner {
        gap: 1rem;
    }
    .group_list_partner .item_partner {
        width: calc((100% / 3) - (1rem * 2 / 3));
    }
    .title_home_7 {
        width: 100%;
    }
    .home-link-7 {
        padding-top: 1.5rem;
    }

    /* ABOUT */
    .title-about-2 .content {
        font-size: 0.9rem;
    }
    .about-2 {
        padding-top: 2.5rem;
    }
    .title-about-2 .content {
        line-height: 1.4;
    }
    .about-img-2 .number_wrap {
        bottom: 1rem;
        left: 1rem;
    }
    .about-img-2 .number_wrap {
        row-gap: 0.5rem;
    }
    .about-img-2 .number_wrap .number {
        font-size: 2.8rem;
    }
    .about-3 {
        padding-top: 3rem;
        margin-top: 0;
    }
    .about-content-3 {
        display: flex;
        flex-direction: column-reverse;
        gap: 1.8rem;
    }
    .about-content-3 .wrap-number {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
    .about-content-3 .item-num {
        position: unset;
        transform: unset;
    }
    .about-content-3 .item-num .dot {
        display: none;
    }
    .about-content-3 .item-num::after {
        content: unset;
    }
    .about-content-3 .number-wrap {
        display: flex;
        justify-content: center;
        width: fit-content;
        margin: 0 auto;
    }
    .about-content-3 .number-wrap .number {
        left: 0;
        right: unset;
    }
    .timeline-swiper .item-wrap {
        flex-direction: column;
        margin: 0 0.3rem;
        gap: .8rem;
    }
    .timeline-swiper .item-wrap>.img-wrap {
        width: 100%;
        height: 100%;
    }
    .timeline-swiper .item-wrap .cont-wrap {
        padding-left: 0;
    }
    .about-content-4 {
        padding-top: 2rem;
        margin: 0;
    }
    .timeline-swiper {
        margin: 0 -0.3rem;
    }
    .timeline-swiper .item-wrap .content {
        margin-top: 0.6rem;
    }
    .timeline-swiper-thumb {
        padding-right: calc(100% / 4);
    }
    .timeline-nav:after, .timeline-nav:before {
        content: unset;
    }
    .about-content-5 .item-wrap {
        gap: 1rem;
        flex-wrap: wrap;
    }
    .about-content-5 .item-value .icon>img {
        width: 1.5rem;
        height: 1.5rem;
    }
    .about-content-5 .item-wrap .item-value {
        width: calc((100% / 2) - (1rem * 1 / 2));
        width: 100%;
    }
    .about-content-5 .item-value .title-item {
        font-size: 1.2rem;
    }
    .about-content-5 .item-value .desc br {
        display: none;
    }
    .about-content-5 .item-wrap:last-child .item-value:last-child:before, .about-content-5 .item-wrap:last-child .item-value:first-child:before, .about-content-5 .item-wrap:before {
        content: unset;
    }
    .about-content-5 .item-wrap:first-child {
        padding-bottom: 0;
    }
    .about-content-5 .item-wrap:last-child .item-value:not(:last-child) {
        padding-top: 1rem;
    }
    .about-content-5 .item-wrap:last-child .item-value:last-child {
        padding-top: 0;
    }
    .about-content-5 .item-value .icon {
        margin-bottom: 0.4rem;
    }
    .about-6 {
        padding-top: 3rem;
    }
    .title-about-6 {
        padding-bottom: 0;
    }
    .about-content-6 {
        gap: 1rem;
        margin-top: 1.2rem;
    }
    .about-content-6 .item {
        flex-direction: column-reverse;
    }
    .about-content-6 .item .img-wrap {
        width: 100%;
    }
    .about-content-6 .item:nth-child(even) .img-wrap {
        order: unset;
    }
    .about-content-6 .item .contents {
        margin-top: 0;
    }
    .about-content-6 .item .contents>.title {
        font-size: 1.2rem;
        padding-bottom: .3rem;
    }
    .about-7 {
        padding: 3rem 0 0;
    }
    .wrap-policy-qhse {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.8rem;
    }
    .wrap-policy-qhse .item {
        row-gap: 0.7rem;
    }
    .wrap-policy-qhse .item .icon {
        padding: 0.8rem;
    }
    .wrap-policy-qhse .item .icon>img {
        width: 2rem;
        height: 2rem;
    }
    .wrap-policy-qhse .item .title {
        font-size: 0.82rem;
    }
    .bg-about-7 {
        margin-top: 1rem;
    }
    .title-about-8 {
        padding-bottom: 1rem;
    }
    .title-about-9 .title {
        font-size: 1.2rem;
    }
    .about-10 {
        margin-top: 3rem;
    }
    .about-title-10 .desc br {
        display: none;
    }
    .slide-about-10 {
        padding-top: 1.2rem;
    }
    .slide-about-10 .item .wrap-cont {
        gap: 0.6rem;
    }
    .slide-about-10 .item .inner-cont {
        padding-right: 0;
    }
    .slide-about-10 .item .title-item {
        font-size: 1.05rem;
    }
    .about-slide-11 {
        margin: 0 -0.3rem;
    }
    .about-slide-11 .item {
        flex-direction: column;
        gap: 1rem;
        margin: 0 0.3rem;
    }
    .about-slide-11 .item .box-logo {
        margin-right: auto;
    }
    .about-content-11 {
        padding-top: 2rem;
        margin-right: 0;
    }
    .about-slide-11 .item .action-popup {
        margin-top: 1rem;
    }
    .about-content-11 .action-popup .btn {
        padding: 0;
    }
    .about-12 {
        padding: 0;
    }

    /* PRODUCT */
    .product_page {
        padding-top: 2.5rem;
    }
    .filter-product {
        /*gap: .5rem;*/
    }
    .filter-product .select {
        min-width: 0;
        flex-shrink: unset;
        flex-grow: 1;
    }
    .action-filter .btn span.text {
        display: none;
    }
    #wrap-product-list {
        padding-top: 1.4rem;
    }
    .wrap_product {
        margin: 0 -0.3rem;
    }
    .wrap_product .item_product {
        width: calc(calc(100% / 2) - 0.6rem);
        margin: 0 0.3rem 2rem;
    }
    .item_product .box_content {
        padding: 0 0.8rem;
    }

    /* PRODUCT DETAILS */
    ul.scroll_to_section a {
        padding: 0.7rem 0.8rem;
        font-size: 0.82rem;
    }
    .product_sec_1 {
        padding-top: 2.5rem;
        padding-bottom: 2rem;
    }
    .product_sec_1 .box_content {
        padding: 0;
    }
    .product_sec_1 .box_img {
        margin-top: 1.5rem;
    }
    .product_sec_1 ul.list_link {
        margin-top: 1rem;
    }
    .product_sec_1 .slide-product-overview .img-wrap {
        height: 100%;
        aspect-ratio: 1 / 1;
    }
    .product_sec_2 {
        padding: 2rem 0 2rem;
    }
    .product_sec_2 .wrap_item .item {
        width: calc(25% - 0rem);
        padding-bottom: calc(25% - 1rem);
    }
    .product_sec_3 {
        padding: 2rem 0 2.5rem;
    }
    .product_sec_3 .content :is(td, th) {
        font-size: 0.85rem;
    }
    .product_sec_4 {
        padding: 2rem 0 1.8rem;
    }
    .product_sec_4 .content {
        max-width: 100%;
        margin-bottom: 1.5rem;
    }
    .product_sec_4 .wrap_items {
        column-gap: 0.6rem;
    }
    .product_sec_4 .wrap_items .item {
        width: calc((100% / 2) - (0.6rem * 1 / 2));
    }
    .lis_q_a h3 {
        font-size: 0.9rem;
    }
    .product-btn-5 {
        margin-top: 0.5rem;
    }
    .product_sec_6 ul.list_link {
        margin-top: 1.4rem;
        justify-content: center;
        width: 100%;
    }
    .product_sec_6 ul.list_link li+li {
        margin-left: 0 !important;
    }
    .product_sec_6 .grid-container {
        flex-wrap: wrap;
        display: block;
    }
    .product_sec_7 {
        padding: 2rem 0;
    }
    .product_sec_7 .wrap {
        max-width: 100%;
        padding: 1rem 1rem;
    }
    .project_sec_2.home_sec_4 {
        padding: 2rem 0 0;
    }
    .project_sec_2.home_sec_4 h2.title {
        text-align: center;
    }
    .single-product .section .content {
        font-size: .9rem;
    }

    /* PROJECT */
    .project_page {
        padding: 2rem 0 0;
    }
    .filter_project {
        margin: 1rem 0;
    }
    .filter_project,
    .filter_project .inner {
        flex-direction: column;
    }
    .filter_project .inner > .select {
        min-width: 0;
        width: 100%;
    }
    .filter_project .action-filter {
        margin-left: 0;
        margin-top: .5rem;
        width: 100%;
    }
    .filter_project .action-filter .btn {
        width: 100%;
    }
    .filter_project .action-filter .btn span.text {
        display: flex;
    }
    #container-project-list {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .item-project .box-content {
        margin-top: 1rem;
    }
    .item-project .box-content .title-item {
        margin-top: 0.3rem;
        margin-bottom: 0.5rem;
    }

    /* PROJECT DETAILS */
    .project_sec_1 {
        padding: 2rem 0 3rem;
    }
    .project_sec_1 h2.title {
        font-size: 1.25rem;
        margin-bottom: .6rem;
    }
    .project_sec_1 .grid-50.tablet-grid-50>ul li {
        font-size: 0.8rem;
    }
    .project_sec_1 .grid-50.tablet-grid-50>ul b {
        font-size: 1rem;
    }
    .project_sec_1 .grid-50.tablet-grid-50>ul .content {
        font-size: 0.85rem;
    }
    .product_sec_1 .slide-product-overview {
        padding-top: 0;
    }
    .product_sec_6 h2.title {
        text-align: center;
    }

    /* CONTACT */
    .contact_sec_1 {
        padding: 2rem 0 2.5rem;
    }
    .contact_sec_1 .wrap_items {
        margin-top: 1.5rem;
    }
    .contact_sec_1 .wrap_items .item {
        width: 100%;
    }
    .contact_sec_2 .box {
        max-width: 100%;
        padding: 0;
    }
    .box-form-contact {
        padding: 2rem 1rem;
    }

}