:root{
    --main-cl: #066EB6;
    --sub-cl: #179BD9;
    --third-cl: #012033;
    --container-w: 76.5625rem;
}

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

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

body::-webkit-scrollbar-thumb
{
    background-color: var(--main-cl);
}

input, optgroup, select, textarea{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
    outline: none !important;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}
.grid-container{
    max-width: var(--container-w);
    margin-left: auto;
    margin-right: auto;
}
#search-lightbox {
    width: 37.5rem;
    max-width: 100%;
}
#search-lightbox .search-lightbox-title{
    margin-bottom: 1.667rem;
    font-size: 1.979rem;
    line-height: 1.2;
    font-weight: 700;
}
#search-lightbox .search-keywords{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 2.083rem;
    gap: 0.521rem;
}
#search-lightbox .search-keywords > a{
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    font-size: 0.833rem;
    line-height: 1.042rem;
    border: 1px solid rgba(255, 255, 255, 0.6);
    padding: 0.3125rem 0.833rem;
    display: flex;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#search-lightbox .search-keywords > a:hover{
    background-color: #fff;
    color: #000
}
#search-lightbox .flex-row > div{
    display: flex;
}
#search-lightbox .flex-row{
    align-items: unset;
    display: flex;
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    overflow: hidden;
}
#search-lightbox input{
    height: 100%;
    border: none;
}
#search-lightbox .button.icon{
    line-height: normal;
    min-height: unset;
    height: 100%;
    border: none;
    min-width: unset;
    background-color: #FFF;
    display: flex;
    align-items: center;
}
#search-lightbox .button.icon i{
    font-size: 0.9375rem;
    line-height: 1.25rem;
    color: #000
}
#search-lightbox input{
    font-size: 1.042rem;
    line-height: 1.25rem;
    padding-left: 1.5625rem;
    box-shadow: unset;
    height: 2.604rem;
}
.back_to_home a.button {
    border-radius: 8px;
    background: var(--main-cl);
}

.mfp-bg.mfp-ready{
    opacity: 0.8;
}
.mfp-content #search-lightbox{
    transform: translateY(-70%);
}
.load_home_page svg {
    width: 20.833rem;
    max-width: 95%;
    height: auto;
    position: absolute;
    z-index: 99;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
.load_home_page {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999;
    transition: 1s all;
    opacity: 1;
    background: transparent;
}
.load_home_page.page_child {
    z-index: 99;
}

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: var(--main-cl);
    /*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: .6s;
}
#respond input#wp-comment-cookies-consent{
    height: auto !important;
    margin: 0 10px 0 0  !important;
}
.load_home_page.complete svg{
    transition-delay: 0.4s;
    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(--main-cl);
    stroke-width: 1px;
    stroke-dasharray: 2108;
    stroke-dashoffset: 2108;
    fill: transparent;
}
.load_home_page.complete .path-2{
    fill: var(--main-cl);
}
.load_home_page.complete .path-1{
    fill: #FFF
}
@keyframes Signature1 {
    to {
        stroke: #fff;
        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: var(--main-cl);
    opacity: 1;
}
.wrap-enter-site {
    position: fixed;
    width: 100%;
    height: auto;
    bottom: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
}
.search-page{
    padding: 5.208rem 0;
}
.search-page h1{
    margin-bottom: 2.604rem;
}

.search-tabs .search-tabs-title{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
    gap: 0.833rem;
}
.search-tabs .search-tabs-title .search-tab-title{
    padding: 0.625rem 1.25rem;
    border: 1px solid var(--main-cl);
    font-size: 0.833rem;
    line-height: 1.042rem;
    color: var(--main-cl);
    -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(--main-cl);
    color: #FFF;
}
.search-tabs .search-tab-content{
    display: none;
}
.search-tabs .search-tab-content.active{
    display: block;
}
.search-tabs .search-empty{
    color: #333;
    font-size: 1.25rem;
    line-height: 2.083rem;
    padding: 0.521rem;
}

.search-tabs .search-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1.667rem;
    margin-bottom: 1.5625rem;
}
.search-tabs .search-item h3{
    margin: 0.521rem 0 0 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}
.load-more-search {
    background: var(--main-cl);
    border-radius: 8px;
}

/*COMPONENTS*/
body.compensate-for-scrollbar {
    margin-right: 0 !important;
}
svg {
    display: flex;
}
/*transition svg*/
[itemprop="name"],cite,circle,svg,rect,path,g,img,a,input,textarea,h1,h2,h3,h4,h5,h6,.box_img,span.icon,span.text{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
body {
    font-family: 'SVN-Zona Pro Regular';
    font-size: 0.9375rem  /* 18/19.2 */;
    line-height: 1.45;
    color: var(--third-cl);
}
.container, .container-width, .full-width .ubermenu-nav, .row {
    max-width: var(--container-w);
}
/*line-camp*/
.limit-line{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.limit-line.limit-1{
    -webkit-line-clamp: 1;
}
.limit-line.limit-2{
    -webkit-line-clamp: 2;
}
.limit-line.limit-3{
    -webkit-line-clamp: 3;
}
.limit-line.limit-4{
    -webkit-line-clamp: 4;
}
.limit-line.limit-5{
    -webkit-line-clamp: 5;
}
/*clear fix*/
.row.clearfix:after {
    content: unset;
}
/*link item hover*/
.wrap-link {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    z-index: 20;
    opacity: 0 !important;
}
/*box img*/
.box_img {
    overflow: hidden;
    position: relative;
}
.box_img img {
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*video*/
video.elementor-video {
    display: block;
    object-fit: cover;
}
.w_full {
    width: 100% !important;
}
.w_lvw {
    width: 100vw !important;
}
.h_full {
    height: 100% !important;
}
.h_lvh {
    height: 100vh !important;
}
.obj_cover {
    object-fit: cover;
}
.mx_auto {
    margin-left: auto;
    margin-right: auto;
}
.flex_col {
    flex-direction: column;
}
.text_white *,
.text_white {
    color: #fff !important;
}

/*swiper pagination*/
.swiper-pagination {
    position: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: unset;
    padding-top: 2rem;
    padding-bottom: 0.35rem;
    background-color: unset !important;
}
.swiper-pagination .swiper-pagination-bullet {
    position: relative;
    width: 5px;
    height: 5px;
    display: block;
    border-radius: 50%;
    background: var(--main-cl);
    margin: 0 !important;
    transition: .5s all;
    opacity: .65;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
}
.pagination_2 .swiper-pagination .swiper-pagination-bullet {
    background: #D9D9D9A6;
    opacity: unset;
}
.pagination_2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #FFFFFF;
}

/*swiper navigation*/
.arrow {
    width: 2.1875rem;
}
.arrow svg {
    display: flex;
    width: 100%;
    height: 100%;
}
.arrow:hover {
    cursor: pointer;
}
.arrow:hover path {
    stroke: var(--sub-cl);
}
.arrow:hover.swiper-button-disabled {
    opacity: .5;
    cursor: not-allowed;
}
.nav_wrap2 .arrow:hover path {
    stroke: #fff;
    opacity: 1 !important;
    stroke-opacity: 1 !important;
}

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

/*button link*/
.btn {
    display: flex;
    align-items: center;
    gap: 0.9375rem;
    width: fit-content;
    min-width: 5rem;
    background: var(--main-cl);
    padding: 6px 6px 6px 1.042rem;
    border-radius: 5.208rem;
}
.btn:hover {
    background: var(--sub-cl);
}
.btn span.text {
    font-family: 'SVN-Zona Pro Bold';
    font-size: 0.833rem;
    line-height: 1.3;
    color: #fff;
    margin-top: 2px;
}
.btn .icon {
    background: #fff;
    border-radius: 5.208rem;
    width: 1.979rem;
    height: 1.979rem;
}
.btn .icon svg:nth-child(1) {
    transform: translate(90%, 90%);
    opacity: 1;
}
.btn .icon svg:nth-child(2) {
    transform: translate(-250%, 270%);
    opacity: 0;
}
.btn:hover .icon svg:nth-child(1) {
    transform: translate(270%, -100%);
    opacity: 0;
}
.btn:hover .icon svg:nth-child(2) {
    transform: translate(90%, -10%);
    opacity: 1;
}
.btn.style_2 {
    background: #fff;
}
.btn.style_2 span.text {
    color: var(--main-cl);
}
.btn.style_2 .icon {
    background: var(--main-cl);
}
.btn.style_2 .icon path {
    stroke: #fff;
}

.btn_padding {
    padding-top: 1.458rem  /* 28/19.2 */;
}

/*subtitle*/
.subtitle {
    width: fit-content;
    font-family: SVN-Rosellinda Alyamore;
    font-weight: 400;
    font-size: 3.958rem  /* 76/19.2 */;
    line-height: normal;
    color: var(--main-cl);
}
/*heading*/
h1, h2, h3, h4, h5, h6 {
    font-family: 'SVN-Zona Pro Bold';
    font-weight: 400;
    line-height: 1.4;
    transition: .4s all;
    color: var(--third-cl);
}
.heading_sec {
    font-family: 'SVN-Zona Pro ExtraBold';
    color: var(--main-cl);
    line-height: 1.3;
    margin-bottom: 0.677rem;
}
.heading_sec.fs_50 {
    font-size: 2.604rem  /* 50/19.2 */;
}
.heading_sec.fs_40 {
    font-size: 2.083rem  /* 40/19.2 */;
}
.heading_sec.fs_30 {
    font-size: 1.5625rem  /* 30/19.2 */;
}

/*desc section*/
.desc_sec {
    font-family: 'SVN-Zona Pro Regular';
    font-size: 0.9375rem;
    color: var(--third-cl);
    line-height: 1.6;
}

.pb_0 {
    padding-bottom: 0;
}

.btn_play {
    position: relative;
    outline: none !important;
    display: flex;
    z-index: 1;
}
.btn_play span.text {
    margin-top: 1rem;
    font-family: "SVN-Zona Pro Bold";
    font-size: 0.9375rem  /* 18/19.2 */;
    color: var(--main-cl);
}
.btn_play > svg {
    width: auto;
    height: 4.375rem;
}
.btn_play:hover > svg {
    transform: scale(0.9);
}
.btn_play span.effect {
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.btn_play span.effect path.eff_1 {
    animation: scaleEffect1 4s ease-in-out infinite;
    transform-origin: center;
}
.btn_play span.effect path.eff_2 {
    animation: opacityEffect2 4s ease-in-out infinite;
    transform-origin: center;
}
@keyframes scaleEffect1 {
    0% {
        transform: scale(0.5);
    }
    25% {
        transform: scale(1.1);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(0.5);
    }
}
@keyframes opacityEffect2 {
    0% {
        opacity: 1;
        transform: scale(0.5);
    }
    25% {
        opacity: 0;
        transform: scale(1.1);
    }
    50% {
        opacity: 1;
        transform: scale(0.9);
    }
    100% {
        opacity: 1;
        transform: scale(0.5);
    }
}
/*term time - post item*/
.term_time {
    font-size: 0.729rem  /* 14/19.2 */;
    color: var(--third-cl);
}
.term_time>span.div {
    width: 3px;
    height: 3px;
    background: var(--third-cl);
    border-radius: 5.208rem  /* 100/19.2 */;
    margin: 0 10px;
}
/*GO TO TOP*/
a#top-link {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--main-cl);
    color: #fff !important;
    border-color: var(--main-cl) !important;
    right: 1.09375rem;
    bottom: 3rem;
}
a#top-link svg {
    width: 1.25rem;
    height: 1.25rem;
}
a#top-link:hover {
    transform: translateY(-0.4rem);
}
/*scroll-down animation*/
body .scroll-container {
    position: absolute;
    top: 50%;
    right: 2rem;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    animation: fadeInUp 1.5s ease-out;
    z-index: 2;
}
body.page-template-home .scroll-container {
    display: flex;
}
.scroll-text {
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.15625rem;
    margin-bottom: 1.2rem;
    writing-mode: vertical-rl;
    /*text-orientation: mixed;*/
    transform: rotate(180deg);
    /*animation: pulse 2s infinite;*/
}
.scroll-icon {
    width: 0.78125rem  /* 15/19.2 */;
    height: 1.302rem  /* 25/19.2 */;
    border: 1px solid #fff;
    border-radius: 1.302rem  /* 25/19.2 */;
    position: relative;
    margin-bottom: 1.5625rem  /* 30/19.2 */;
    animation: bounce 2s infinite;
}
.scroll-icon::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 50%;
    transform: translateX(-50%);
    width: 3px;
    height: 3px;
    background: #fff;
    border-radius: 50%;
    animation: scrollDot 2s infinite;
}
.dotted-line {
    width: 2px;
    height: 50px;
    background: repeating-linear-gradient(
            to bottom,
            white 0px,
            white 4px,
            transparent 4px,
            transparent 8px
    );
    animation: moveDown 3s infinite;
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(1.5625rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-8px);
    }
    60% {
        transform: translateY(-2px);
    }
}
@keyframes scrollDot {
    0% {
        top: 0.2rem;
        opacity: 1;
    }
    50% {
        top: 1.3rem;
        opacity: 0.5;
    }
    100% {
        top: 0.75rem;
        opacity: 0;
    }
}
@keyframes moveDown {
    0% {
        transform: translateY(-20px);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: translateY(20px);
        opacity: 0;
    }
}

/*breadcrumbs*/
.breadcrumbs {
    max-width: var(--container-w);
    margin: 0 auto;
    padding: 1.667rem 0;
    border-bottom: 1px solid #63636333;
}
.breadcrumbs ol {
    list-style: none;
    display: flex;
    align-items: center;
    padding-left: 0;
    margin-bottom: 0;
}
.breadcrumbs ol>li {
    margin-bottom: 0;
    width: max-content;
}
.breadcrumbs ol>li:not(:last-child) a * {
    color: var(--third-cl);
    opacity: .5;
}
/*.single .breadcrumbs ol>li:not(:last-child) a * {*/
/*    color: rgba(102, 102, 102, 0.5);*/
/*}*/
.single.single-product .breadcrumbs ol>li:not(:last-child) a * {
    color: #fff;
}
.breadcrumbs ol>li:not(:last-child) a:hover *{
    color: var(--main-cl);
    opacity: 1;
}
.breadcrumbs ol>li:not(:first-child) {
    position: relative;
    padding-left: 1.325rem;
    margin-left: 6px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.breadcrumbs ol>li:not(:first-child):before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1.042rem;
    height: 1.042rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgNC41TDE2LjUgMTJMOSAxOS41IiBzdHJva2U9IiMwMTIwMzMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
    background-size: contain;
    background-repeat: no-repeat;
}
.single.single-product .breadcrumbs ol>li:not(:first-child):before {
    background: #fff;
}
.breadcrumbs a[title="Home"] cite {
    font-family: 'SVN-Zona Pro Regular';
    color: var(--third-cl);
}
.category .breadcrumbs a,
.tag .breadcrumbs a,
.single .breadcrumbs a,
.single .breadcrumbs a[title="Home"] cite {
    color: #666;
}
.breadcrumbs a {
    display: flex;
    align-items: center;
    font-size: 0.833rem  /* 16/19.2 */;
    width: max-content;
    font-weight: 700;
    color: var(--third-cl);
}
.breadcrumbs .divider, .breadcrumbs .separator {
    display: flex;
    align-items: center;
    margin: 0 4px;
    opacity: 1;
}
.breadcrumbs cite {
    font-weight: 400;
    font-size: 0.833rem  /* 16/19.2 */;
    font-style: normal;
    line-height: 1.4;
}
.breadcrumbs ol>li:last-child>cite {
    overflow: hidden;
    /*display: -webkit-box;*/
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: normal;
}
.breadcrumbs ol>li[itemprop="itemListElement"]>span {
    font-weight: 700;
    font-size: 0.833rem  /* 16/19.2 */;
    color: var(--third-cl);
}
.single .breadcrumbs ol>li[itemprop="itemListElement"]>span {
    color: #666;
}
.single.single-product .breadcrumbs ol>li[itemprop="itemListElement"]>span {
    color: #fff;
}
.breadcrumbs ol>li[itemprop="itemListElement"]>span,
.breadcrumbs ol>li[itemprop="itemListElement"] a span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    max-width: 15rem;
}

.grid_col_2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 2.8125rem;
    row-gap: 2.604rem;
}

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

.loading_show_more {
    position: relative;
}
.loading_show_more:before {
    width: 3.125rem;
    height: 3.125rem;
    position: absolute;
    top: 10%;
    left: calc(50% - 1rem);
    content: '';
    z-index: 50;
    border: 3px solid #eeeeee;
    border-bottom-color: var(--main-cl);
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 0.6s linear infinite;
}
.loading_show_more > div,
.loading_show_more .no_result {
    opacity: 0;
    transform: translateY(2.604rem);
    transition: .5s all;
}
.no_result {
    margin-top: 4rem;
    font-size: 2rem;
    color: var(--main-cl);
    text-align: center;
}

/*CUSTOM SCROLL*/
.custom_scroll {
    overflow-y: auto;
    padding-right: 1rem;
}
.custom_scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.custom_scroll::-webkit-scrollbar {
    width: 3px;
    background-color: #cedbff;
}
.custom_scroll::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
}
.custom_scroll2 {
    overflow-y: auto;
}
.custom_scroll2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F0F0F080;
}
.custom_scroll2::-webkit-scrollbar {
    width: 3px;
    background-color: #F0F0F080;
}
.custom_scroll2::-webkit-scrollbar-thumb {
    background-color: #FFFFFF;
}

/*link_page_scroll*/
.link_page_scroll {
    position: fixed;
    background: #FFFFFF;
    filter: drop-shadow(0px 8px 24px #0000000D);
    padding: 0.833rem 0;
    z-index: 21;
    list-style: none;
    top: 50%;
}
.link_page_scroll li {
    margin-bottom: 0;
}
.link_page_scroll li:not(:first-child) {
    margin-top: 8px;
}
.link_page_scroll a {
    font-family: 'SVN-Zona Pro Regular';
    font-size: 0.9375rem;
    color: var(--third-cl);
    padding: 0 0.833rem;
    border-left: 2px solid transparent;
}
.link_page_scroll a:hover {
    color: var(--main-cl);
    border-color: var(--main-cl);
}
.link_page_scroll a.active {
    font-family: 'SVN-Zona Pro Bold';
    color: var(--main-cl);
    border-color: var(--main-cl);
}
.icon.page_scroll{
    display: none;
}

/*custom select*/
.custom-sl{
    display: none;
}
.select-styled{
    position: relative;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.4rem;
    border-radius: 8px;
    padding: 0.78125rem 0.9375rem;
    /*border: 1px solid var(--four-cl);*/
    font-size: 0.9375rem;
    transition: all .5s ease-in-out;
    margin: 0;
    cursor: pointer;
}
.select{
    position: relative;
    /*z-index: 9;*/
    min-width: 6rem;
}
.select-styled:after{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjc3NTQgNi41TDguNzc1MzkgMTEuNUwzLjc3NTM5IDYuNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-size: cover;
    width: 0.9rem;
    height: 0.9rem;
    position: relative;
    content: '';
    display: block;
}
.select .select-options{
    display: none;
    position: absolute;
    z-index: 20;
    left: 0;
    top: 100%;
    width: 100%;
    background-color: #fff;
    -webkit-border-radius: 0 0 0.521rem 0.521rem;
    -moz-border-radius: 0 0 0.521rem 0.521rem;
    border-radius: 0 0 0.521rem 0.521rem;
    border: 1px solid #E3DBD8;
    list-style: none;
    overflow: hidden;
}
.select .select-options > li{
    font-size: 0.729rem;
    font-weight: 600;
    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(--third-cl);
}
.select .select-options > li.active,
.select .select-options > li:hover{
    background-color: rgba(6, 110, 182, 0.5);
    color: var(--main-cl);
}
.select .select-options > li+li{
    border-top: 1px solid #E3DBD8;
}
.form_wrap label{
    font-size: 0.833rem;
    font-weight: 400;
    line-height: 1.3;
    color: var(--third-cl);
}
.form_wrap span.required {
    color: red;
}
.select-styled span{
    flex-grow: 1;
}

/*ITEM PRODUCT 2*/
.item_product2 {
    padding: 0.833rem;
    border: 1px solid #F0F0F0;
}
.item_product2 .best_seller {
    top: 1px;
    left: 1px;
    font-family: 'SVN-Zona Pro Regular';
    font-size: 12px;
    color: #fff;
    background: var(--main-cl);
    padding: 2px 10px;
    pointer-events: none;
    z-index: 2;
}
.item_product2 .box_img {
    aspect-ratio: 266/266;
}
.item_product2 h3 {
    font-family: 'SVN-Zona Pro Bold';
    font-size: 0.9375rem;
    color: var(--third-cl);
    margin-bottom: 0.6rem;
    -webkit-line-clamp: 3 !important;
}
.item_product2 .box_content span.title {
    font-family: 'SVN-Zona Pro Regular';
    font-size: 0.625rem;
    color: var(--third-cl);
    margin-right: 8px;
}
.item_product2 .color {
    margin-top: 0.625rem;
}
.item_product2 .list_color {
    gap: 4px;
}
.item_product2 .list_color .item_color {
    width: 1.042rem;
    height: 1.042rem;
    border-radius: 5.208rem;
    background: var(--red);
    border: 1px solid transparent;
    transition: .5s all;
}
.item_product2 .list_color .item_color.active {
    border-color: var(--third-cl);
}
/*--bg-color sample--*/
.item_product2 .list_color .item_color:nth-child(1) {
    background: var(--red);
}
.item_product2 .list_color .item_color:nth-child(2) {
    background: var(--blue);
}
.item_product2 .list_color .item_color:nth-child(3) {
    background: var(--gray);
}
.item_product2 .list_color .item_color:nth-child(4) {
    background: var(--green);
}
.item_product2 .list_color .item_color:nth-child(5) {
    background: var(--yellow);
}
/*-- --*/
.item_product2 .list_needle {
    gap: 4px;
}
.item_product2 .list_needle .item_needle {
    min-width: 2.1875rem;
    font-family: 'SVN-Zona Pro Regular';
    font-size: 0.625rem;
    color: var(--third-cl);
    text-transform: uppercase;
    text-align: center;
    padding: 2px 0;
    border: 1px solid #F0F0F0;
    border-radius: 5.208rem;
}
.item_product2 .list_needle .item_needle.active {
    color: #fff;
    background: #636363CC;
}

/* fixed contact social */
ul.fixed_button {
    position: fixed;
    bottom: 2%;
    right: 1.09375rem;
    transform: translateY(-50%);
    list-style: none;
    margin: 0;
    z-index: 99;
}
ul.fixed_button>li {
    position: relative;
}
ul.fixed_button>li:not(:last-child) {
    margin-bottom: 0.8rem;
}
ul.fixed_button>li>a {
    position: relative;
    width: 3.25rem;
    height: 3.25rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: var(--color);
    backdrop-filter: blur(20px);
    border: 1px solid var(--color);
    border-radius: 50%;
    z-index: 1;
}
ul.fixed_button>li>a svg,
ul.fixed_button>li>a img {
    max-width: 50%;
    max-height: 50%;
    width: 100%;
    height: 100%;
    z-index: 1;
}
@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}
ul.fixed_button>li:hover>a:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--color);
    opacity: 20%;
    border-radius: 50%;
    animation: pulse-border 1000ms ease-out infinite;
    z-index: 0;
}
ul.fixed_button .inner {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-100%,-50%);
    padding-right: 1rem;
    pointer-events: none;
    opacity: 0;
    transition: .5s all;
}
ul.fixed_button li:hover .inner {
    opacity: 1;
    pointer-events: unset;
}
ul.fixed_button ul.menu_sub {
    display: flex;
    background-color: var(--color);
    border-radius: 5rem;
    margin: 0;
    overflow: hidden;
}
ul.fixed_button ul.menu_sub li {
    min-width: max-content;
    margin: 0;
}
ul.fixed_button ul.menu_sub a {
    display: inline-block;
    /*font-family: 'SVN-Gotham', sans-serif;*/
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.3;
    color: #fff;
    text-align: center;
    background: transparent;
    padding: 0.4rem 1rem;
    transition: .5s all;
}
ul.fixed_button ul.menu_sub li+li {
    border-left: 1px solid rgb(255 255 255 / 10%);
}

/*default-page*/
section.default-page {
    padding-top: 4rem;
}
section.default-page .content-wrap {
    width: 100%;
}
section.default-page h1 {
    margin-bottom: 2.5rem;
}
section.default-page ul,
section.default-page ol {
    padding-left: 3rem;
}
section.default-page a {
    color: var(--main-cl);
}
section.default-page a:hover {
    color: var(--sub-cl);
}

/*CSS*/
/*BANNER*/
.banner_page .banner_img:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, rgba(6, 110, 182, 0) 0%, rgba(3, 91, 167, 0.74092) 36.41%, #035BA7 80.65%);
    pointer-events: none;
}
.banner_page .banner_img {
    height: 26.042rem;
}
.banner_page .heading_absolute {
    width: 100%;
    position: absolute;
    bottom: 1.5625rem;
    left: 0;
}
.heading_banner {
    width: fit-content;
    font-weight: 600;
    font-size: 3.646rem  /* 70/19.2 */;
    text-transform: uppercase;
}

/*HEADER*/
header#header .container {
    max-width: 91.979rem !important;
}
header#header .header-bg-color {
    background-color: var(--main-cl) !important;
}
body .header.show-on-scroll, body .header-main, body .stuck .header-main {
    height: auto !important;
}
#logo img {
    filter: brightness(0) invert(1);
}
header#header .header-inner .nav-left {
    justify-content: center !important;
}
header#header .nav>li {
    margin: 0 1.25rem;
}
header#header .nav>li>a {
    font-family: 'SVN-Zona Pro Bold';
    font-size: 0.833rem  /* 16/19.2 */;
    font-weight: 700 !important;
    line-height: 3.7rem;
    vertical-align: middle;
    color: #fff;
}
.stuck .header-main .nav>li>a,
.header-main .nav>li>a{
    line-height: 3.7rem !important;
    padding: 0 !important;
}
header#header .nav>li.current-menu-item>a,
header#header .nav>li.current_page_item>a,
header#header .nav>li>a:hover {
    color: #fff !important;
}
.header-nav>li>a:before {
    content: '';
    left: 50%;
    background: #fff !important;
    position: absolute;
    top: 20%;
    z-index: 9;
    width: 5px;
    height: 5px;
    transition: .5s all;
    transform: translateX(-50%);
    border-radius: 5.208rem;
    opacity: 0;
}
.header-nav>li>a.active:before,
.header-nav>li.current-menu-item>a:before,
.header-nav>li.current_page_item>a:before,
.header-nav>li>a:hover:before {
    opacity: 1;
}
.header-nav>li.header-search>a:before,
.header-nav>li.header-language-dropdown>a:before {
    content: unset;
}

.nav-dropdown-has-border .nav-dropdown {
    min-width: 12rem;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0.521rem  /* 10/19.2 */ !important;
}
.nav-dropdown.nav-dropdown-default>li>a {
    color: var(--third-cl) !important;
}
.nav-dropdown.nav-dropdown-default>li>a[aria-current="page"],
.nav-dropdown.nav-dropdown-default>li>a:hover {
    color: var(--main-cl) !important;
}
.nav-dropdown-has-arrow li.has-dropdown:after, .nav-dropdown-has-arrow li.has-dropdown:before {
    content: unset;
}

header#header .header-language-mobile {
    display: none;
}
.header-language-dropdown .flag-icon,
.header-language-dropdown a {
    display: flex;
    gap: 8px;
    align-items: center;
}
.header-language-dropdown a img,
.header-language-dropdown .icon-image img {
    width: 1.146rem  /* 22/19.2 */;
    height: 0.78125rem  /* 15/19.2 */;
    object-fit: cover;
    border-radius: 2px;
    flex: 0 0 auto;
}
.header-language-dropdown .nav-dropdown-default a {
    display: flex;
    align-items: center;
}
.header-language-dropdown .nav-dropdown {
    min-width: 5rem;
    border-radius: 0 !important;
    padding: 0 !important;
}
.header-language-dropdown .nav-dropdown li:not(:last-child) {
    border-bottom: 1px solid rgba(117, 117, 117, 0.15);
}
.language-item-flag {
    gap: 4px;
    justify-content: space-between;
}
.language-item-flag > * {
    width: 50%;
}

/*FOOTER*/
.page-template-sustainable #footer,
.page-template-service #footer,
.page-template-contact #footer,
.page-template-home #footer {
    margin-top: 0;
}
#footer {
    margin-top: 5.208rem;
    padding-top: 3.125rem;
    background: #F4F6F8;
}
#footer .logo_footer:hover img,
#footer a:hover img {
    transform: scale(0.9);
}
#footer a:hover {
    color: var(--sub-cl);
}
#footer img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
#footer span.title {
    font-family: 'SVN-Zona Pro Bold';
    font-size: 0.9375rem  /* 18/19.2 */;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 0.833rem;
    border-bottom: 1px solid #01203333;
    color: var(--main-cl);
}
#footer span.title:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30%;
    height: 2px;
    background: var(--main-cl);
    z-index: 2;
}
.logo_footer {
    width: 14.271rem;
    margin-bottom: 2.917rem;
}
.footer_top .register {
    margin-bottom: 2.3rem;
}
.footer_top .box_contact {
    padding-right: 5.208rem;
}
.footer_top .box_contact .icon {
    display: inline-flex;
    flex: 0 0 auto;
    width: 1rem;
    height: 1rem;
    margin-right: 10px;
}
.footer_top .box_contact li {
    font-family: 'SVN-Zona Pro Regular';
    font-size: 0.729rem  /* 14/19.2 */;
    color: #012033CC;
}
.footer_top .box_contact li:not(:last-child) {
    margin-bottom: 10px;
}
.footer_top .box_contact li:last-child {
    margin-top: 0.8rem;
}
.box_socials {
    padding-top: 1.667rem;
}
.box_socials>ul {
    gap: 8px;
}
.box_socials a {
    display: block;
    width: 1.979rem;
    aspect-ratio: 1/1;
}
.footer_top .register {
    gap: 2.5rem;
}
.footer_top .title_form {
    max-width: 17.396rem;
    font-family: 'SVN-Zona Pro 600';
    font-size: 0.9375rem  /* 18/19.2 */;
    color: #333333;
}
.footer_top .box_menu {
    gap: 4.6875rem;
}
.footer_top .box_menu>.inner {
    width: calc((100% / 3) - 1rem);
}
.menu_footer li>a {
    font-family: 'SVN-Zona Pro 600';
    font-size: 0.729rem  /* 14/19.2 */;
    color: #012033CC;
}
.menu_footer li:not(:last-child) {
    margin-bottom: 4px;
}
.footer_bottom {
    background: var(--main-cl);
    padding: 0.75rem 0 0.625rem;
}
.footer_bottom .copyright {
    font-family: 'SVN-Zona Pro Regular';
    font-size: 0.8rem;
}
.footer_bottom .link_page {
    gap: 2.5rem;
}
.footer_bottom .link_page a {
    font-family: 'SVN-Zona Pro 600';
    font-size: 0.8rem;
    border-bottom: 1px solid transparent;
}
.footer_bottom .link_page a:hover {
    border-color: #fff;
}
.form_item textarea,
.form_item input {
    height: 3.125rem;
    box-shadow: none !important;
    border-color: transparent;
    border-radius: 5.208rem;
    background: #E4EEF9 !important;
    padding: 0 1.5rem;
    margin-bottom: 0 !important;
}
.form_item input::placeholder {
    font-family: 'SVN-Zona Pro Regular';
    font-size: 0.833rem  /* 16/19.2 */;
}
.form_item input:focus {
    border-color: var(--main-cl);
}
.submit_btn {
    position: absolute;
    top: 50%;
    right: 1.25rem;
    transform: translateY(-50%);
    width: fit-content;
    height: fit-content;
}
.submit_btn .inner {
    display: flex;
    align-items: center;
}
.submit_btn input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0 !important;
}
.submit_btn .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
}
.wpcf7-spinner {
    display: none;
}
.wpcf7 .wpcf7-not-valid-tip {
    position: absolute;
    top: 100%;
    left: 0;
}
.loading-spin.centered, .processing:before {
    border-left-color: var(--main-cl) !important;
}
form {
    margin-bottom: 0;
}

/*SEARCH*/
.news_search {
    padding: 5rem 0;
}
.news_search .heading_sec {
    font-size: 2rem;
}
.news_search .news_container {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 2rem;
}
.search-page .item_news,
.news_search .news_container .item_news {
    padding: 0;
}
.news_search .news_container h3 {
    font-size: 0.9rem;
}
.news_search .item_news {
    padding: 0 1rem;
}

/*HOME*/
.banner_hero .item {
    height: 100vh;
    width: 100%;
}
.banner_hero .item:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, rgba(6, 110, 182, 0) 0%, rgba(3, 91, 167, 0.74092) 36.41%, #035BA7 80.65%);
    pointer-events: none;
    overflow: hidden;
}
.banner_hero .box_content {
    width: 100%;
    max-width: 50%;
    position: absolute;
    bottom: 4.792rem;
    left: 50%;
    transform: translateX(-50%) translateY(200%);
    opacity: 0;
    transition: 2s all;
    transition-delay: .3s;
}
.banner_hero .swiper-slide.swiper-slide-active .box_content {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}
.banner_hero .box_content .col {
    padding-bottom: 0;
}
.banner_hero .box_content .box_img {
    width: 20.104rem;
    margin: 0 auto;
}
.banner_hero h1 {
    font-family: 'SVN-Zona Pro Bold';
    text-align: center;
    color: #fff;
}
.banner_hero .swiper-pagination {
    position: absolute;
    bottom: 2.8125rem  /* 54/19.2 */;
}

.logo_sec>.inner {
    width: 100%;
    height: 100%;
    background-image: url("../images/graphics/logo.svg");
    background-repeat: no-repeat;
    background-size: contain;
}
.home_1 {
    padding-top: 5.208rem;
}
.home_1 .logo_sec {
    margin-right: -10rem;
    padding-top: 1.458rem;
}
.home_1 .logo_sec>.inner {
    width: 58.4375rem;
    height: 8.542rem;
    background-position: bottom right;
}

.box_news_wrap {
    margin: 0 -5px;
}
.item_product:after,
.item_product:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    backdrop-filter: blur(1px);
    transition: .5s all;
    pointer-events: none;
    z-index: 1;
}
.item_product:after,
.item_product:hover:before {
    opacity: 0;
}
.item_product:hover:after {
    background: linear-gradient(180deg, rgba(6, 110, 182, 0) 0%, #066EB6 100%);
    opacity: 1;
}
.item_product .box_content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 3.542rem 2.083rem 2.34375rem;
    z-index: 2;
}
.item_product .subtitle {
    font-family: 'SVN-Zona Pro Regular';
    font-size: 1.302rem  /* 25/19.2 */;
    margin-bottom: 4px;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 2px;
    text-decoration-thickness: 1px;
    text-decoration-color: transparent;
    transition: 1s all;
}
.item_product h3 {
    font-family: 'SVN-Zona Pro ExtraBold';
    font-size: 1.302rem  /* 25/19.2 */;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 6px;
    text-decoration-thickness: 2px;
    text-decoration-color: transparent;
    transition: 1s all;
}
.item_product .desc {
    max-height: 0;
    overflow: hidden;
    margin-top: 0.625rem;
    transition: max-height 1s;
}
.item_product:hover .desc {
    max-height: 12rem;
}

.home_2 {
    padding-top: 6.771rem;
}
.home_2.bg_image {
    background-position: top left;
    background-size: contain;
}
.video_popup {
    z-index: 1;
}

.number .inner.relative,
.number {
    position: relative;
    display: flex;
    font-family: 'SVN-Zona Pro ExtraBold';
    font-size: 4.167rem  /* 80/19.2 */;
    color: var(--main-cl);
    line-height: 1.2;
}
.number span.counter {
    position: absolute;
    top: 0;
    left: 0;
}
.number span.counter_opacity {
    opacity: 0;
}
.number .unit>span {
    display: flex;
    font-weight: 400;
    font-size: 1.458rem  /* 28/19.2 */;
}
.box_counter h3.title {
    font-family: 'SVN-Zona Pro Regular';
    font-size: 0.9375rem  /* 18/19.2 */;
    color: var(--third-cl);
}
.box_counter {
    gap: 4rem;
    padding-top: 15rem;
}
.box_counter .item {
    position: relative;
    padding-bottom: 1.042rem;
    border-bottom: 1px solid #63636333;
}
.box_counter .item:nth-child(1) {
    margin-right: 5rem;
}
.box_counter .item:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 1px;
    background: var(--main-cl);
    z-index: 1;
    pointer-events: none;
}

.home_3 {
    padding-top: 5.208rem  /* 100/19.2 */;
}

.bg_member_container {
    height: 48.75rem  /* 936/19.2 */;
}
.bg_member_container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 26.98%, rgba(0, 0, 0, 0.5) 100%);
    z-index: 3;
}
.box_member_wrapper .bg_member {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.5s ease, z-index 0s 0.5s;
    z-index: 1;
    opacity: 0;
}
.box_member_wrapper .bg_member>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.box_member_wrapper .bg_member.active {
    z-index: 2;
    opacity: 1;
    transition: opacity 0.5s ease, z-index 0s;
}
.box_member_wrapper .item_member_container {
    display: flex;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.box_member_wrapper .box_item_wrap {
    width: fit-content;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.box_member_wrapper .item_member {
    width: 12.5rem  /* 240/19.2 */;
    aspect-ratio: 1/1;
    border: 1px solid #FFFFFF80;
    background: #0000000D;
    backdrop-filter: blur(10px);
    transition: .5s all;
    padding: 2.1875rem 1.302rem 1.5625rem;
}
.box_member_wrapper .item_member.active,
.box_member_wrapper .item_member:hover {
    background: var(--main-cl);
    border-color: var(--main-cl);
}
.box_member_wrapper .item_member>.inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.box_member_wrapper .item_member h3 {
    font-family: 'SVN-Zona Pro ExtraBold';
    font-size: 1.042rem;
}
.box_member_wrapper .item_member.item_opacity {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.box_member_wrapper .group_heading {
    max-width: 28.646rem;
}
.box_member_wrapper .btn_link,
.box_member_wrapper .group_heading {
    opacity: 0;
    position: absolute;
    bottom: -7.5rem;
    left: 0;
    transition: .5s all;
}
.box_member_wrapper .btn_link {
    left: auto;
}
.box_member_wrapper .btn_link.active,
.box_member_wrapper .group_heading.active {
    opacity: 1;
}

.home_4 {
    padding-top: 6.25rem  /* 120/19.2 */;
    padding-bottom: 4rem;
    background: #F4F6F8;
    z-index: 1;
}
.home_4 .logo_sec {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.home_4 .logo_sec>.inner {
    width: 61.771rem  /* 1186/19.2 */;
    height: 8.854rem  /* 170/19.2 */;
    background-position: bottom left;
}
.btn_home4 {
    margin-top: 1.042rem  /* 20/19.2 */;
}

.home_5 {
    padding-top: 4.167rem  /* 80/19.2 */;
}
.home_5 .box_img img{
    width: 100%;
    /*aspect-ratio: 925/500;*/
}
.menu_style1 {
    gap: 1.042rem  /* 20/19.2 */;
    flex-wrap: wrap;
}
.menu_style1 li>a {
    display: block;
    min-width: 3rem;
    padding: 0.729rem 1.5625rem 0.625rem;
    border: 1px solid #0120334D;
    border-radius: 5.208rem  /* 100/19.2 */;
    font-family: 'SVN-Zona Pro 600';
    font-size: 0.833rem  /* 16/19.2 */;
    color: #012033CC;
}
.menu_style1 li>a.active,
.menu_style1 li>a:hover {
    border-color: var(--main-cl);
    color: var(--main-cl);
}
.box_news_wrap .box_large {
    display: flex;
    gap: 1.667rem  /* 32/19.2 */;
}
.box_news_wrap .box_large .box_img {
    width: 68%;
    flex: 0 0 auto;
}
.box_news_wrap .box_large h3 {
    font-size: 1.5625rem  /* 30/19.2 */;
    margin-bottom: 0.625rem  /* 12/19.2 */;
    color: var(--third-cl);
}
.box_news_wrap .box_large:hover h3 {
    color: var(--main-cl);
}
.box_news_wrap .box_large .desc {
    font-family: 'SVN-Zona Pro Regular';
    font-size: 0.833rem  /* 16/19.2 */;
    margin-top: 1.458rem  /* 28/19.2 */;
}

.box_news_wrap .box_small {
    padding-top: 2.5rem  /* 48/19.2 */;
    margin: 0 -1.198rem;
}
.box_news_wrap .box_large .link {
    gap: 0.625rem;
    margin-top: 1.458rem  /* 28/19.2 */;
}
.item_news .link {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    margin-top: 0.833rem  /* 16/19.2 */;
}
.box_news_wrap .box_large .link>span.text,
.item_news .link>span.text {
    font-family: 'SVN-Zona Pro Bold';
    font-size: 0.833rem  /* 16/19.2 */;
    color: var(--main-cl);

    text-decoration: underline;
    text-decoration-style: solid;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}
.item_news {
    padding: 0 1.198rem;
}
.item_news .box_content {
    padding-top: 1.458rem  /* 28/19.2 */;
}
.item_news h3 {
    font-family: 'SVN-Zona Pro Bold';
    font-size: 1.198rem  /* 23/19.2 */;
    color: var(--third-cl);
    margin-top: 10px;
}

.home_6 {
    margin-top: 2rem;
    padding-top: 5.2rem;
    padding-bottom: 2rem;
    z-index: 1;
}
.home_6:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(50% 50% at 50% 50%, #179BD9 0%, #035AA7 100%);
    z-index: -1;
    mix-blend-mode: overlay;
}
.home_6.bg_image {
    background-size: contain;
    background-position: bottom center;
}
.box_partners {
    padding-top: 1rem;
    margin: 0 -4rem;
}
.slide_partners .item {
    padding: 0 6rem;
}
.slide_partners .item img {
    filter: brightness(0) invert(1);
}
.slide_partners .item:hover img {
    transform: scale(0.9);
}

.maps_pin_wrapper {
    padding-top: 4rem;
}
.item_dot>span:before,.item_dot>span:after {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--sub-cl);
    content: '';
    border-radius: 50%;
}
.item_dot>span:after {
    background: transparent;
    border: 1px solid var(--sub-cl);
    width: 20px;
    height: 20px;
    animation: pulse-border2 1000ms ease-out infinite;
}
.item_dot>span span {
    filter: blur(2.7140865325927734px);
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--sub-cl);
    border-radius: 50%;
    opacity: .8;
}
.item_dot>span:before {
    z-index: 9;
}
.item_dot {
    position: absolute;
}
.item_dot:nth-child(1) .box_content {
    opacity: 1;
    color: #FF5901;
    top: unset;
    bottom: -100%;
    left: 50%;
    transform: translateX(-50%) scale(1);
    background: unset;
}
.item_dot:nth-child(1):hover .box_content {
    transform: unset;
}
.item_dot:nth-child(1)>span:before,
.item_dot:nth-child(1)>span:after {
    background: #FF5901;
}
.item_dot>span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.item_dot .box_content {
    position: absolute;
    top: 50%;
    left: -1rem;
    transform: translate(-100%, -50%) scale(0);
    width: max-content;
    height: 27px;
    background: #fff;
    font-size: 12px;
    color: #fff;
    background: var(--sub-cl);
    display: flex;
    align-items: center;
    border-radius: 100px;
    padding: 0 15px;
    opacity: 0;
    transition: .5s all;
}
.item_dot:hover .box_content {
    opacity: 1;
    transform: translate(-100%, -50%) scale(1);
}
@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 PAGE*/
.about_1 {
    padding-top: 3.646rem;
}
.about_1 .heading_sec {
    margin-bottom: 2.5rem;
}
.about_1 .desc_sec {
    padding: 0 9rem;
}
.about_1 .box_counter {
    flex-wrap: wrap;
    gap: unset;
    padding-top: 2.5rem;
}
.about_1 .box_counter .item {
    padding-bottom: 0;
    border-bottom: 0;
}
.about_1 .box_counter .item:not(:last-child) {
    border-right: 1px solid #63636333;
    margin-right: 3.646rem;
    padding-right: 3.646rem;
}
.about_1 .box_counter .item:before {
    content: unset;
}
.about_1 .number .inner.relative,
.about_1 .number {
    font-size: 2.604rem;
}

.img_about1 {
    margin-top: 7.03125rem;
}
.img_about1 .box_img {
    transition: .6s all;
}
.img_about1:hover .list_item+.box_img {
    transform: translateY(1.5625rem);
}
.img_about1:hover .list_item>.box_img:nth-child(1) {
    transform: translateY(-15px);
}
.img_about1:hover .list_item>.box_img:nth-child(2) {
    transform: translateX(-15px);
}
.img_about1:hover .list_item>.box_img:nth-child(3) {
    transform: translateX(15px);
}
.img_about1:hover .list_item>.box_img:nth-child(4) {
    transform: translateY(15px);
}

.img_about1 .list_item>.box_img {
    position: absolute;
}
.img_about1 .list_item>.box_img:nth-child(1) {
    top: -40%;
    left: calc((100% - var(--container-w)));
    width: 9.271rem;
    height: 13.49rem;
}
.img_about1 .list_item>.box_img:nth-child(2) {
    bottom: -10%;
    left: calc((100% - var(--container-w)));
    width: 15.26rem;
    height: 21.667rem;
}
.img_about1 .list_item>.box_img:nth-child(3) {
    top: -50%;
    right: calc((100% - var(--container-w)));
    width: 15.26rem;
    height: 21.667rem;
}
.img_about1 .list_item>.box_img:nth-child(4) {
    bottom: 0;
    right: calc((100% - var(--container-w)));
    width: 9.271rem;
    height: 13.49rem;
}

.about_other1 {
    flex-wrap: wrap;
    row-gap: 1.667rem;
    padding-top: 7.03125rem;
}
.about_other1 > * {
    width: 50%;
}
.about_other1 .item:nth-child(odd) {
    padding-right: 6.25rem;
}
.about_other1 .item:nth-child(even) {
    padding-left: 6.25rem;
}
.about_other1 .heading_sec {
    position: relative;
    border-bottom: 1px solid #63636333;
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem;
}
.about_other1 .heading_sec:after,
.about_other1 .heading_sec:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 2px;
    background: var(--main-cl);
    pointer-events: none;
    z-index: 2;
}
.about_other1 .item:nth-child(odd) .heading_sec:after {
    left: 100%;
    width: 100%;
    height: 1px;
    background: #63636333;
}
.about_other1 .desc_sec {
    padding: 0 !important;
}
.about_other1 .desc_sec strong {
    font-family: 'SVN-Zona Pro Bold';
    color: var(--main-cl);
}

.about_2 {
    margin: 6.25rem 4.167rem 0;
    padding-top: 5.208rem;
    padding-bottom: 3.646rem;
    background: radial-gradient(50% 50% at 50% 50%, #179BD9 0%, #035AA7 100%);
}
.about_img2>.item {
    display: none;
    transition: .5s all;
}
.about_img2>.item.active {
    display: block;
    transition: .5s all;
    animation: opacity;
    animation-duration: 1s;
}
.about_2 .accordion_wrapper {
    height: 16rem;
    margin-top: 1.875rem;
    padding-left: 2.5rem;
    padding-right: 5.208rem;
}
.about_2 .accordion_item>.accordion_title {
    font-size: 2.083rem;
}
.about_2 .accordion_item>.accordion_content {
    padding-top: 8px;
}
.about_2 .accordion_item>.accordion_content h3 {
    font-size: 1.25rem;
    margin-bottom: 8px;
}
@keyframes opacity {
    from{
        opacity:0;
    }
    to{
        opacity:1;
    }
}

.about_3 {
    margin-top: 7.8125rem;
}
.box_about3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 2.448rem;
    row-gap: 3rem;
    padding-top: 2.708rem;
    margin: 0 -2.2rem;
}
.box_about3 .box_img {
    width: 3.333rem;
    height: 3.333rem;
    margin: 0 auto;
}
.box_about3 h3 {
    font-family: 'SVN-Zona Pro Regular';
    font-size: 0.833rem;
    color: var(--third-cl);
    line-height: 1.5;
    margin-top: 1.25rem;
}
.box_about3 .item:hover .box_img {
    transform: rotateY(180deg);
}

.about_4 {
    margin: 6.25rem 4.167rem 0;
    padding-top: 6.25rem;
    /*background: radial-gradient(51.34% 547.35% at 77.22% 50%, #179BD9 0%, #035AA7 100%);*/
    overflow: hidden;
}
.about_4:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80%;
    background: radial-gradient(51.34% 547.35% at 77.22% 50%, #179BD9 0%, #035AA7 100%);
    pointer-events: none;
}
.about_4 .group_heading {
    margin-left: -3.90625rem;
    padding-right: 5.208rem;
}
.slide_about4_wrap {
    display: flex;
    gap: 2.5rem;
    margin-right: -10rem;
}
.slide_about4_wrap > .slide_about4_main {
    width: 60%;
    flex: 0 0 auto;
}
.slide_about4_wrap > .slide_about4_thumb {
    height: 100%;
}
.slide_about4_wrap .nav_wrap2 {
    margin-top: 1.25rem;
}

/*SERVICE PAGE*/
.service_1.content_counter_wrap .desc_sec {
    padding-right: 5.6rem;
}

.service_2 .group_heading_wrap {
    width: 100%;
    top: 0;
    left: 0;
    padding-top: 7.8125rem;
    z-index: 2;
}
.service_2 .slide_main .box_img:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    /*backdrop-filter: blur(10px);*/
    pointer-events: none;
}
.service_2 .slide_main .box_img:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 25.29%, rgba(0, 0, 0, 0.5) 85.96%);
    pointer-events: none;
}
.service_2 .slide_main .content {
    width: 36.09375rem;
    bottom: 14.0625rem;
    left: calc(calc(100vw - var(--container-w)) / 2);
}
.service_2 .slide_main .swiper-pagination {
    display: none;
}
.service_2 .slide_thumb .swiper-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 120%;
    height: 1px;
    background: #F0F0F080;
    pointer-events: none;
}
.service_2 .slide_thumb {
    position: absolute;
    bottom: 5.208rem;
    left: calc(calc(100vw - var(--container-w)) / 2);
    right: calc(calc(100vw - var(--container-w)) / 2);
    z-index: 4;
}
.service_2 .slide_thumb .swiper-slide {
    overflow: hidden;
    cursor: pointer;
}
.service_2 .slide_thumb .idx {
    width: fit-content;
    position: relative;
    font-family: 'SVN-Zona Pro ExtraBold';
    font-size: 2.083rem;
    color: transparent;
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.5);
    transition: .5s all;
}
.service_2 .slide_thumb .idx:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #FFFFFF;
    pointer-events: none;
    z-index: 2;
    opacity: 0;
    transition: .5s all;
}
.service_2 .slide_thumb .swiper-slide.swiper-slide-thumb-active .idx:before {
    opacity: 1;
}
.service_2 .slide_thumb .swiper-slide.swiper-slide-thumb-active .idx {
    -webkit-text-stroke: 1px rgba(255, 255, 255, 1);
}

/*SERVICE DETAILS*/
.service_details.details_1 {
    padding-top: 3.646rem;
}
.service_details.details_1 blockquote {
    font-family: 'SVN-Zona Pro 600';
    border-color: var(--main-cl);
    color: var(--third-cl);
    font-size: 0.9375rem;
    font-style: unset;
    text-align: justify;
    margin: 0;
    padding: 0 1.25em 0 1.875em;
    position: relative;
}
.service_details.details_1 .box_img {
    padding-left: 5.208rem;
}

.service_details.details_2 {
    margin-top: 3.646rem;
    padding: 5.208rem 0 3.646rem;
    background: linear-gradient(180deg, #F4F6F8 0%, rgba(244, 246, 248, 0) 100%);
}

.service_details.details_3 {
    margin-top: 5.208rem;
    padding: 9.53125rem 0;
}
.service_details.details_3:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(198.9deg, #035BA7 63.35%, rgba(3, 91, 167, 0.8) 83.27%, rgba(6, 110, 182, 0) 113.5%);
    pointer-events: none;
}
.service_details.details_3 .group_heading {
    padding-right: 6.25rem  /* 120/19.2 */;
    z-index: 1;
}
.service_details.details_3 .group_heading:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 30%;
    width: 120%;
    height: 95%;
    transform: translate(-50%, -50%);
    background: rgba(23, 155, 217, 1);
    filter: blur(120px);
    border-radius: 100%;
    pointer-events: none;
    z-index: -1;
}
.service_details.details_3 .accordion_wrapper {
    height: 29rem;
    padding-left: 2.5rem;
}
.service_details.details_3 .accordion_item > * > * {
    color: #F0F0F080;
}
.service_details.details_3 .accordion_item > *:hover > *,
.service_details.details_3 .accordion_item > *.active > * {
    color: #fff;
}

.service_details.details_4 {
    padding-top: 7.8125rem;
}
.service_details.details_4 .box_content {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    row-gap: 2.5rem;
    column-gap: 1.25rem;
}
.service_details.details_4 .box_content>.item>* {
    padding-left: 1.667rem;
}
.service_details.details_4 .box_content h2 {
    font-family: 'SVN-Zona Pro ExtraBold';
    font-size: 1.667rem  /* 32/19.2 */;
    color: var(--main-cl);
}
.service_details.details_4 .box_content .desc_sec {
    margin-top: 3.333rem;
}
.service_details.details_4 .box_content .item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: #63636333;
    pointer-events: none;
    z-index: 1;
}
.service_details.details_4 .box_content h2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: var(--main-cl);
    pointer-events: none;
    z-index: 2;
}

.service_details.details_5 {
    padding-top: 6.25rem;
}
.service_details .slide_details4 {
    padding: 2rem 0 0;
    margin: 0 -2.292rem;
}
.service_details .slide_details4 .box_img {
    padding: 0 2.292rem;
}
.service_details .slide_details4 .swiper-slide.swiper-slide-active .box_img {
    transform: scale(1.15);
}
.service_details .slide_details4 .swiper-pagination {
    padding-top: 3.5rem;
}

.service_details.details_6 {
    padding-top: 3.646rem;
}
.service_details .box_img.video:after,
.service_details .box_img.video:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    pointer-events: none;
    z-index: 1;
}
.service_details .box_img.video:after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAwVjhMOCA0TDAgMFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.5rem;
    z-index: 2;
}
.service_details.details_6 .btn_wrap>.btn {
    padding: .7rem 2rem;
    text-align: center;
    margin-top: 30px;
    font-size: 1.4rem;
}

#form.form_register {
    max-width: calc(100vw - 8.333rem);
    margin: 3.646rem auto 0;
    padding: 5.208rem 0;
}
#form.form_register .inner {
    margin-left: -3.90625rem;
}
#form.form_register .box_form.style_2 {
    padding-top: 1.667rem;
}
#form.form_register .box_form.style_2 .form_item textarea:focus,
#form.form_register .box_form.style_2 .form_item input:focus {
    background: #FAFAFA !important;
    border-color: var(--third-cl);
}
#form.form_register .select-styled {
    gap: 5px;
    font-family: 'SVN-Zona Pro Regular';
    font-size: 0.8rem;
    color: #636363;
    background: #FAFAFA !important;
    border-radius: 5.208rem;
    padding: 0 1.5rem;
}
#form.form_register .select-styled:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjYyNSA2Ljc1TDkgMTIuMzc1TDMuMzc1IDYuNzUiIHN0cm9rZT0iIzYzNjM2MyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}
#form.form_register .select .select-options {
    overflow-y: auto;
    max-height: 11rem;
}
#form.form_register .select-options::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
#form.form_register .select-options::-webkit-scrollbar {
    width: 4px;
    background-color: #cedbff;
}
#form.form_register .select-options::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
}
#form.form_register .btn {
    background: #fff;
    border: 1px solid transparent;
}
#form.form_register .btn span.text {
    color: var(--main-cl);
}
#form.form_register .btn .icon {
    background: var(--main-cl);
    border: 1px solid transparent;
}
#form.form_register .btn .icon path {
    stroke: #fff;
}

.box_form.style_2 .submit_btn:hover .btn .icon,
.box_form.style_2 .submit_btn:hover .btn {
    background: transparent !important;
    border-color: #fff !important;
}
.box_form.style_2 .submit_btn:hover .btn span.text {
    color: #fff !important;
}

#form.form_register .wpcf7 form .wpcf7-response-output {
    /*border-color: #fff;*/
    color: #fff;
}

/*PRODUCT PAGE*/
.product_page {
    padding-top: 3.646rem;
}
.product_page .product_wrap {
    padding-top: 1.4rem;
}
.product_page .list_product {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 1.615rem;
    row-gap: 1.667rem;
}

.box_terms_product {
    position: sticky;
    top: 7rem;
}

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

.product_page .result_alpha .result {
    font-family: 'SVN-Zona Pro Regular';
    font-size: 0.833rem;
    color: #63636380;
}
.product_page .result_alpha span.title {
    font-family: 'SVN-Zona Pro Regular';
    font-size: 0.833rem;
    color: var(--third-cl);
    margin-right: 1.25rem;
}
.product_page .result_alpha .select-styled {
    width: 12rem;
    font-family: 'SVN-Zona Pro Bold';
    font-size: 0.833rem;
    color: var(--main-cl);
    border-bottom: 1px solid #63636333;
}
.product_page .result_alpha .select-styled:after {
    display: block;
    content: '';
    position: relative;
    width: 0.9rem;
    height: 0.9rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgMTZMMTEuMjkyOSA5LjcwNzExQzExLjY4MzQgOS4zMTY1OCAxMi4zMTY2IDkuMzE2NTggMTIuNzA3MSA5LjcwNzExTDE5IDE2IiBzdHJva2U9IiMwNjZFQjYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-size: cover;
    transition: .5s all;
}
.product_page .result_alpha .select-styled.active:after {
    transform: rotate(180deg);
}
.product_page .result_alpha .select-options {
    background: #fff;
    border: 0;
    filter: drop-shadow(0px 8px 24px #0000000D);
}
.product_page .result_alpha .select-options>li {
    color: var(--third-cl);
}
.product_page .result_alpha .select-options > li.active,
.product_page .result_alpha .select-options > li:hover {
    color: #fff;
}

.product_page .filter-inner {
    background: #FAFAFA;
    margin-right: 4rem;
    padding: 1.25rem;
}
.product_page .filter-inner .icon svg {
    display: flex;
}
.product_page .filter-inner>.heading {
    gap: 10px;
}
.product_page .filter-inner>.heading>span.text {
    margin-bottom: 0.833rem;
}
.product_page .filter-inner i.search-icon {
    top: 50%;
    right: 0.625rem;
    transform: translateY(-50%);
}
.product_page .filter-inner input#search {
    height: 2.5rem;
    min-height: 2.5rem;
    border-color: #63636333;
    border-radius: 5px;
    box-shadow: none !important;
    padding-right: 2.5rem;
    margin-bottom: 0 !important;
}
.product_page .filter-inner input#search::placeholder {
    color: #63636380;
}
.product_page .filter-inner input#search:focus {
    border-color: var(--main-cl);
}
.product_page .filter-inner>.list_option {
    padding-top: 1.2rem;
}
.product_page .filter-inner>.list_option>.item:not(:last-child) {
    border-bottom: 1px solid #63636333;
    padding-bottom: 0.833rem  /* 16/19.2 */;
    margin-bottom: 0.833rem  /* 16/19.2 */;
}
.product_page .filter-inner>.list_option h2.title {
    gap: 0.5rem;
    margin-bottom: 0;
    cursor: pointer;
}
.product_page .filter-inner>.list_option h2.title > label{
    display: flex !important;
    align-items: center;
    margin: 0;
}
.product_page .filter-inner>.list_option h2.title > label span.label,
.product_page .filter-inner>.list_option h2.title>.title {
    display: block;
    font-family: 'SVN-Zona Pro Bold';
    font-size: 0.9375rem;
    /*line-height: 1.4;*/
    color: var(--main-cl);
}
.product_page .filter-inner>.list_option svg {
    width: 0.833rem;
    height: 0.833rem;
    flex: 0 0 auto;
}
.product_page .filter-inner>.list_option h2.title.active svg {
    transform: rotate(-180deg);
}
.product_page .filter-inner .options_container {
    margin-top: 0.625rem;
}

.product_page .filter-inner>.list_option label:not(:last-child) {
    margin-bottom: 8px;
}
.product_page .filter-inner>.list_option span.label {
    font-weight: 400;
    font-size: 0.9375rem;
    color: var(--third-cl);
    margin-left: 10px;
    cursor: pointer;
    transition: .5s all;
}
.product_page .filter-inner>.list_option label:hover span.label {
    color: var(--main-cl) !important;
}
.product_page .list_option input[type='checkbox'] {
    position: relative;
    appearance: none;
    flex: 0 0 auto;
    width: 16px;
    min-width: 16px;
    height: 16px;
    margin: 0;
    border-radius: 4px;
    border: 1px solid var(--third-cl);
    background: #fff;
    overflow: hidden;
    cursor: pointer;
    display: block;
}
.product_page .list_option input[type='checkbox']:checked {
    border-color: var(--main-cl);
}
.product_page .list_option input[type='checkbox']::before,
.product_page .list_option input[type='checkbox']::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    border-radius: 2px;
    transition: .5s all;
    pointer-events: none;
    z-index: 1;
}
.product_page .list_option input[type='checkbox']::before {
    width: 0.729rem;
    height: 0.729rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjgxMjUgNC42ODIyNUw1LjY4NzUgMTAuODA3TDIuNjI1IDcuNzQ0NzUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 2;
}
.product_page .list_option input[type='checkbox']::after {
    width: 100%;
    height: 100%;
    background: var(--main-cl);
}
.product_page .list_option input[type='checkbox']:checked::before,
.product_page .list_option input[type='checkbox']:checked::after {
    opacity: 1;
}
.product_page .filter-inner .btn_wrap {
    gap: 8px;
    padding-top: 0.833rem;
}
.product_page .filter-inner .btn_wrap>* {
    width: 50%;
}
.product_page .filter-inner .btn_wrap>a {
    font-family: 'SVN-Zona Pro Regular';
    font-size: 0.9375rem;
    text-align: center;
    border: 1px solid var(--main-cl);
    border-radius: 5.208rem;
    padding: 4px 1rem;
}
.product_page .filter-inner .action_filter {
    background: var(--main-cl);
    color: #fff;
}
.product_page .filter-inner .action_filter:hover {
    background: #fff;
    color: var(--main-cl);
}
.product_page .filter-inner .clear_filter {
    background: #fff;
    color: var(--main-cl);
}
.product_page .filter-inner .clear_filter:hover {
    background: var(--main-cl);
    color: #fff;
}

#form_popup_prod.fancybox-content {
    max-width: 45%;
}
#form_popup_prod .heading_sec {
    margin-bottom: 1.6rem;
}
#form_popup_prod .submit_btn {
    margin: 0 auto;
}
#form_popup_prod .box_form.style_2 .submit_btn:hover .btn .icon {
    background: #fff !important;
}
#form_popup_prod .box_form.style_2 .submit_btn:hover .btn {
    background: var(--sub-cl) !important;
}


/*TECH PAGE*/
.content_counter_wrap {
    padding-top: 6.25rem;
    padding-bottom: 5.208rem;
    background: linear-gradient(0deg, #F4F6F8 0%, rgba(244, 246, 248, 0) 100%);
}
.content_counter_wrap .desc_sec {
    margin-top: 1.667rem;
}
.content_counter_wrap .desc_sec {
    margin-top: 1.667rem;
} .btn_container {
      width: fit-content;
      margin-top: 1.667rem;
  }
.content_counter_wrap .box_counter {
    flex-direction: column;
    gap: 1.667rem;
    padding-top: 0;
    padding-left: 10.417rem;
}
.content_counter_wrap .box_counter .item {
    width: fit-content;
}
.content_counter_wrap .box_counter .item:nth-child(1) {
    margin-right: 0;
}
.tech_1 .group_heading {
    padding-right: 5.208rem;
}

.tech_2 {
    padding-top: 5.208rem;
}
.list_tech .item_tech:not(:last-child) {
    margin-bottom: 2.604rem;
}
.list_tech .item_tech:nth-child(even) .box_img {
    order: 2;
}
.list_tech .item_tech:nth-child(even) .box_content {
    margin-right: 5.208rem;
    flex: unset;
}
.list_tech .item_tech:nth-child(odd) .box_content {
    padding-left: 5.208rem;
}
.list_tech .item_tech .content_wrap>* {
    width: 50%;
    flex: 0 0 auto;
}
.list_tech .item_tech .box_content {
    height: 16.5rem;
}
.list_tech .item_tech .box_content ul,
.list_tech .item_tech .box_content ol {
    padding-left: 1.7rem;
}
.list_tech .item_tech .box_content strong {
    font-family: 'SVN-Zona Pro Bold';
    font-size: 1.25rem;
}
.list_tech .item_tech .box_img {
    height: 100%;
}

.item_tech .group_heading {
    border-bottom: 1px solid #63636333;
    margin-bottom: 1.25rem;
    padding-bottom: 0.833rem;
    gap: 1rem;
}
.item_tech .heading_sec {
    width: fit-content;
}
.item_tech .group_heading>.idx {
    font-family: 'SVN-Zona Pro ExtraBold';
    font-size: 3.646rem;
    line-height: 0.8;
    color: transparent;
    -webkit-text-stroke: 1px var(--main-cl);
}

/*NEWS PAGE*/
.news_page {
    padding-top: 3.646rem;
}
.news_page .load_news_cat {
    padding-top: 2.5rem;
}
.news_page .menu_style1 li>a {
    border-color: var(--main-cl);
    color: var(--main-cl);
}

.news_page .menu_style1 li>a.active,
.news_page .menu_style1 li>a:hover {
    background: var(--main-cl);
    color: #fff;
}
.news_page .item_news {
    padding: 0;
}
.news_page .load_more_posts.btn {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    background: unset;
    padding: 0;
    margin-top: 2.5rem;
}
.news_page .load_more_posts.btn span.text {
    font-family: "SVN-Zona Pro Bold";
    font-size: 0.833rem  /* 16/19.2 */;
    color: var(--main-cl);
}
.news_page .load_more_posts.btn span.icon {
    width: unset;
    height: unset;
}
.news_page .load_more_posts.btn span.icon svg {
    opacity: 1 !important;
    transform: unset;
}
.news_page .load_more_posts.btn:hover span.text {
    color: var(--third-cl);
}
.news_page .load_more_posts.btn:hover span.icon path {
    stroke: var(--third-cl);
}


/*NEWS DETAILS*/
.post_details {
    padding-top: 3.646rem;
}
.post_details .group_heading,
.post_details .group_heading>.heading_sec {
    margin-bottom: 2.5rem;
}
.post_details .group_heading>.heading_sec {
    letter-spacing: -0.5px;
}
.post_details .post_content {
    font-family: 'SVN-Zona Pro Regular';
    line-height: 1.5;
}
.post_details .post_content strong {
    font-family: 'SVN-Zona Pro Bold';
}
.post_details .post_content h1,
.post_details .post_content h2,
.post_details .post_content h3,
.post_details .post_content h4,
.post_details .post_content h5,
.post_details .post_content h6 {
    color: var(--main-cl);
    margin-bottom: 1.25rem;
}
.post_details .post_content h2 {
    font-family: 'SVN-Zona Pro ExtraBold';
}
.post_details .post_content img {
    /*margin: 2.5rem 0;*/
}
.post_details .post_content ul,
.post_details .post_content ol {
    padding-left: 2rem;
}
.post_details .post_content a {
    color: var(--main-cl);
}
.post_details .post_content a:hover {
    color: var(--third-cl);
}
.post_details .tag_share {
    margin-top: 2.5rem;
    padding-top: 2.5rem;
    border-top: 1px solid #63636333;
    gap: 1rem;
}
.tag_wrap ul {
    gap: 1.042rem;
}
.tag_wrap li>a {
    min-width: 5.208rem;
    font-family: 'SVN-Zona Pro 600';
    font-size: 0.833rem;
    text-align: center;
    border-radius: 5.208rem;
    padding: 0.625rem 1.25rem;
    border: 1px solid #0120334D;
    color: var(--third-cl);
}
.tag_wrap li>a:hover {
    border-color: var(--main-cl);
    color: var(--main-cl);
}
.share_wrap ul {
    gap: 8px;
}
.share_wrap li>a svg {
    width: 2.083rem;
    aspect-ratio: 1/1;
}
.share_wrap li>a:hover svg {
    transform: scale(0.95);
}

/*table content*/
.post_content div#ez-toc-container {
    background: #066EB61A;
    border: 0 !important;
    padding: 1.667rem  /* 32/19.2 */;
    margin-bottom: 2rem !important;
}
.post_content .ez-toc-title-container {
    border-bottom: 1px solid #63636333;
    padding-bottom: 0.833rem;
}
.post_content div#ez-toc-container .ez-toc-title {
    font-family: 'SVN-Zona Pro Bold';
    font-size: 1.1rem;
    font-weight: unset !important;
}
.post_details #ez-toc-container ul {
    margin-top: 0.833rem;
}
.post_details #ez-toc-container ul>li:not(:last-child) {
    margin-bottom: 8px;
}
.post_details #ez-toc-container ul a {
    font-family: 'SVN-Zona Pro Regular';
    font-size: 0.9375rem  /* 18/19.2 */;
}

.post_related {
    position: sticky;
    top: 8rem;
    padding-left: 4rem;
}
.post_related>.heading_sec {
    margin-bottom: 1.667rem;
}
.post_related .item_news {
    display: flex;
    align-items: center;
    gap: 0.833rem;
    padding: 0;
}
.post_related .item_news:not(:last-child) {
    margin-bottom: 1.25rem;
}
.post_related .item_news .box_img {
    width: 40%;
    flex: 0 0 auto;
}
.post_related .item_news .box_content {
    padding-top: 0;
}
.post_related .item_news .term_time {
    display: none;
}
.post_related .item_news h3 {
    font-size: 0.9375rem  /* 18/19.2 */;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 0;
}
.post_related .item_news .link {
    margin-top: 0.5rem;
}
.post_related .swiper-pagination {
    justify-content: flex-start;
}

/*CONTACT*/
.contact_page {
    padding-top: 3.646rem;
}
.contact_page .group_heading {
    margin-bottom: 2.292rem;
}
.contact_page .box_left {
    padding-right: 5.208rem;
}
.contact_page .box_content p:not(:last-child) {
    margin-bottom: 0.6rem;
}
.contact_page .box_content strong {
    font-weight: 700;
}
.contact_page .box_content a {
    color: var(--third-cl);
}
.contact_page .box_content a:hover {
    color: var(--main-cl);
}
.contact_page .box_socials {
    padding-top: 1.042rem;
    margin-top: 1.667rem;
    border-top: 1px solid #63636333;
    gap: 1rem;
}
.contact_page .box_socials a:hover img {
    transform: scale(0.9);
}
.iframe_maps {
    overflow: hidden;
    height: 26.042rem;
    margin-top: 3.646rem;
}
.iframe_maps iframe {
    width: 100%;
    height: 100%;
}

.box_form.style_2 .form_item:not(:last-child) {
    margin-bottom: 1.25rem;
}

.box_form.style_2 .form_item textarea,
.box_form.style_2 .form_item input {
    background: #FAFAFA !important;
    height: 2.5rem;
    color: var(--main-cl) !important;
}
.box_form.style_2 .form_item textarea {
    border-radius: 0.833rem;
    padding-top: 1rem;
    padding-bottom: 0.8rem;
}
.box_form.style_2 .form_group.flex {
    gap: 1.25rem;
}
.box_form.style_2 .form_group.flex > * {
    width: 50%;
}
.box_form.style_2 .form_item textarea::placeholder,
.box_form.style_2 .form_item input::placeholder {
    color: #63636380 !important;
}
.box_form.style_2 .form_item textarea:focus,
.box_form.style_2 .form_item input:focus {
    background: #066EB60D !important;
    border-color: transparent;
}
.box_form.style_2 .submit_btn {
    position: relative;
    top: unset;
    right: unset;
    transform: unset;
}
.box_form.style_2 .submit_btn .icon {
    display: block;
    width: 1.979rem;
}
.box_form.style_2 .submit_btn:hover .btn {
    transition: .5s all;
}
.box_form.style_2 .submit_btn:hover .btn {
    background: var(--sub-cl);
}
.box_form.style_2 .wpcf7 .wpcf7-not-valid-tip {
    position: relative;
    font-size: 0.8rem;
    display: inline-block;
}

/*SUSTAINABLE*/
.accordion_item>.content,
.accordion_item>.accordion_title span {
    transition: .5s all;
}

.sustainable_1 {
    padding-top: 3.646rem;
}
.list_item_wrap {
    padding-top: 1.354rem;
}
.list_item_wrap .item:not(:last-child) {
    border-bottom: 1px solid #DDDDDD;
}
.list_item_wrap .item {
    gap: 1.25rem;
    padding: 10px 6.25rem;
}
.list_item_wrap .item h3 {
    width: 15.25%;
    white-space: normal;
    overflow-wrap: break-word;
}
.list_item_wrap .item .desc_sec {
    width: 44.07%;
    flex-grow: 1;
    padding-left: 1.25rem;
    white-space: normal;
    overflow-wrap: break-word;
}
.list_item_wrap .item .box_img {
    width: 15.25%;
    padding-left: 1.771rem;
}

.list_item_wrap.style_2 .item h3 {
    width: 23.73%;
    opacity: .5;
}
.list_item_wrap.style_2 .item .desc_sec {
    width: 40.68%;
    opacity: .5;
    transition: .5s all;
}
.list_item_wrap.style_2 .item .box_img {
    opacity: 0;
}
.list_item_wrap.style_2 .item.active > * {
    opacity: 1 !important;
}

.sustainable_2 {
    margin-top: 3.646rem;
    padding-top: 10.417rem;
    padding-bottom: 8.854rem;
}
.sustainable_2.bg_image {
    /*background-size: contain;*/
}
.sustainable_2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000099;
    pointer-events: none;
}
.sustainable_2 .group_heading {
    padding-right: 5.208rem;
}
.sustainable_2 .accordion_wrapper {
    height: 17rem;
    margin-left: 5.208rem;
    padding-left: 2.5rem;
}
.sustainable_2 .accordion_item * {
    color: #F0F0F080;
}
.sustainable_2 .accordion_item:hover>.accordion_title *,
.sustainable_2 .accordion_item>.accordion_title.active + .accordion_content *,
.sustainable_2 .accordion_item>.accordion_title.active * {
    color: #fff;
}

.accordion_wrapper.custom_scroll2 {
    direction: rtl;
}
.accordion_wrapper.custom_scroll2 > *{
    direction: ltr;
}
.accordion_item:not(:last-child) {
    margin-bottom: 1.25rem;
}
.accordion_item>.accordion_title {
    font-family: 'SVN-Zona Pro ExtraBold';
    font-size: 1.25rem;
    cursor: pointer;
    transition: .5s all;
}
.accordion_item>.accordion_content {
    padding-top: 4px;
}
.accordion_item .content {
    transition: .5s all;
}

.sustainable_3 {
    padding-top: 7.8125rem;
}
.list_about_wrap .item:not(:last-child) {
    margin-bottom: 5.208rem;
}
.list_about_wrap .item > * {
    width: 50%;
    flex: 0 0 auto;
}
.list_about_wrap .item:nth-child(odd) .group_heading {
    padding-right: 6.25rem;
}
.list_about_wrap .item:nth-child(even) .group_heading {
    padding-left: 6.25rem;
    order: 2;
}
.list_about_wrap .item:nth-child(odd) .box_img {
    margin-left: -1.25rem;
}
.list_about_wrap .item:nth-child(even) .box_img {
    margin-right: -1.25rem;
}

.sustainable_4 {
    padding-top: 6.25rem;
}
.sustainable_4 .masonry_album {
    padding-top: 0.9375rem;
}
.masonry_album>div,
.masonry_album {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
}
.masonry_album .box_img {
    height: 18.28125rem;
    width: auto;
}
.masonry_album .box_img:hover img {
    transform: scale(1.05);
}
.fullwidth_sec {
    width: 100vw;
    margin-left: calc(-1 * ((100vw - var(--container-w)) / 2 + 15px));
    margin-right: calc(-1 * ((100vw - var(--container-w)) / 2 + 15px));
}

/* Hàng 1: 3 item */
.masonry_album .box_img:nth-child(7n + 1),
.masonry_album .box_img:nth-child(7n + 2),
.masonry_album .box_img:nth-child(7n + 3) {
    flex: 0 0 calc((100% - 2 * 1.25rem) / 3);
}
/* Hàng 2: 4 item (theo tỉ lệ bạn cho) */
.masonry_album .box_img:nth-child(7n + 4) {
    flex: 0 0 calc((300 / (300 + 624 + 351 + 537)) * (100% - 3 * 1.25rem));
}
.masonry_album .box_img:nth-child(7n + 5) {
    flex: 0 0 calc((624 / (300 + 624 + 351 + 537)) * (100% - 3 * 1.25rem));
}
.masonry_album .box_img:nth-child(7n + 6) {
    flex: 0 0 calc((351 / (300 + 624 + 351 + 537)) * (100% - 3 * 1.25rem));
}
.masonry_album .box_img:nth-child(7n + 7) {
    flex: 0 0 calc((537 / (300 + 624 + 351 + 537)) * (100% - 3 * 1.25rem));
}

.single_variation_wrap {
    display: none !important;
}

.single-product nav#breadcrumbs * {color: #333;}

.single-product nav#breadcrumbs li:first-child {
    margin: 0;
}

.single-product .breadcrumbs ol>li:not(:first-child):before {
    color: #333 !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgNC41TDE2LjUgMTJMOSAxOS41IiBzdHJva2U9IiMwMTIwMzMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) !important;
    background-size: contain !important;
}

.image-tools.bottom.left {
    display: none;
}

.custom-product-page .row .col .row {
    margin: 0 !important;
}

h1.product-title {
    font-size: 1.5rem;
    color: var(--1_066EB6, #066EB6);
    text-transform: uppercase;
    font-weight: 800;
}

.product-title+.is-divider {
    display: none;
}

.box_meta .content {
    display: flex;
    flex-wrap: wrap;
    color: #636363;
    font-size: .9rem;
    gap: 0.2rem;
}

.box_meta .content b {
    color: var(--2_012033, #012033);
    margin-left: 4px;
}

.box_meta .rating {
    display: flex;
    align-items: center;
}

.box_meta .rating svg {
    height: .8rem;
    width: auto;
    display: block;
    margin-right: .3rem;
}

.product-short-description {
    margin-bottom: 1.2rem;
    color: var(--2_012033, #012033);
    line-height: 1.7;
    position: relative;
    margin-top: 1.6rem;
}

.product-short-description span {
    color: #636363;
    float: left;
    margin-right: 0.3rem;
}

a.reset_variations {
    display: none;
}

.product-short-description p:last-child {
    margin: 0;
}

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

ul.action_button li {
    margin: 0;
}

ul.action_button  a {
    color: #fff;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    border: 1px solid #066EB6;
    background: #066EB6;
    padding: 0 .25rem 0 1rem;
    border: 1px solid var(--1_066EB6, #066EB6);
}

ul.action_button a .icon {
    width: 1.9rem;
    height: 1.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    background: #fff;
    margin-left: .5rem;
}

ul.action_button a .icon svg {
    max-width: 45%;
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.action_button a.download {
    color: #066EB6;
    background: #ffff;
}

ul.action_button a.download .icon {
    background: #066EB6;
}

.nav_bottom_product .wrap {
    display: flex;
    justify-content: space-between;
}

.nav_bottom_product ul {
    list-style: none;
    margin: 0 0 0 .8rem;
    display: flex;
}

.nav_bottom_product  .left a {
    display: flex;
    align-items: center;
    color: var(--2_012033, #012033);
}

.nav_bottom_product .left a svg {
    width: 1rem;
    height: auto;
    display: block;
}

.nav_bottom_product .left .icon {
    margin-right: .3rem;
}

.nav_bottom_product {
    border-top: 1px solid rgba(99, 99, 99, 0.20);
    Colors
    Color format
    Hex
    Border colors

    #636363 · 20%;
    margin-top: 1.6rem;
    padding-top: 1.6rem;
}

.nav_bottom_product .left li {
    margin: 0;
}

.nav_bottom_product .left li + li {
    margin-left: 1rem;
}

.box_share ul a {
    width: 1.2rem;
    height: 1.2rem;
    background: var(--1_066EB6, #066EB6);
    Colors
    Color format
    Hex
    Background colors

    1_066EB6

    Selection colors

    3_FFFFFF


    Assets
    Icons


    grommet-icons:facebook-option
    16 x 16 (px)

Export






Toolbelt Mode

Draw

Design mode

Dev Mode;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}

.box_share ul li {
    margin: 0;
    display: block;
}

.box_share ul li + li {
    margin-left: .4rem !important;
}

.box_share {
    color: #636363;
    display: flex;
    align-items: center;
}

li {}

ul.nav_tabs_product {
    list-style: none;
    margin: 0 0 .8rem;
    display: flex;
    border-bottom: 1px solid #63636333;
}

ul.nav_tabs_product li {
    margin: 0;
}

ul.nav_tabs_product li a {
    padding: .8rem 1.6rem;
    color: var(--2_012033, #012033);
    font-family: 'SVN-Zona Pro Bold';
    line-height: 1;
    position: relative;
    display: inline-flex;
}

ul.nav_tabs_product li a:before {
    width: 0;
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #066EB6;
    Colors
    Color format
    Hex
    Border colors

    1_066EB6


    Export






    Toolbelt Mode

    Draw

    Design mode

    Dev Mode;
    height: 2px;
    transition: .5s all;
}

ul.nav_tabs_product li a.active:before,ul.nav_tabs_product li a:hover:before {
    width: 100%;
}

.for_tabs_product .content {
    font-size: .9rem;
}

.for_tabs_product table td,.for_tabs_product table tr {
    padding: .8rem 1.6rem;
    border: none;
}

.for_tabs_product table td:first-child, .for_tabs_product table tr:first-child {
    color: var(--2_012033, #012033);
    font-family: 'SVN-Zona Pro 600';
}

.for_tabs_product  tr:nth-child(even) {
    background: #F5F5F5;
    Colors
    Color format
    Hex
    Background colors

    #F5F5F5;
}

ul.action_button a:hover {}

.box_chinh_sach ul {
    list-style: none;
    margin: 0;
    font-size: 0.7rem;
}

.box_chinh_sach ul li {
    margin: 0;
    line-height: 1.7;
    padding-left: 1.8rem;
    position: relative;
}

.box_chinh_sach ul li + li {
    margin-top: .8rem;
}

.box_chinh_sach ul li strong {
    font-size: 0.9rem;
    line-height: unset;
}

h2.section-title span {
    font-size: 1.5rem;
    color: var(--1_066EB6, #066EB6);
    padding: 0;
    border: none;
    margin: 0;
}

h2.section-title {
    border: none;
    margin-bottom: 2.5rem;
}

.section-title-container {
    margin: 0;
}

.custom-product-page .row .col .row.slider.ban_chay_slider {
    margin: 0 -1.5rem !important;
    max-width: unset !important;
}

.custom-product-page .row .col .row.slider .product-small.col {
    padding: 0 1.5rem !important;
}

div#reviews.woocommerce-Reviews {
    padding: 0 !important;
}

.theme-flatsome .devvn-star:before {
    color: #636363;
}
#reviews .star_box .star_box_right > a {
    border-radius: 100px !important;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'SVN-Zona Pro Bold';
    line-height: 1;
    padding: 0 1rem;
}
#reviews .star_box {
    background: #F5F5F5;
    border: 0 !important;
}
#reviews .star_box .star_box_right {
    border: 0 !important;
}
#reviews .star_box .star_box_left .reviews_bar .devvn_num_reviews b {
    font-weight: unset;
    font-family: 'SVN-Zona Pro Bold';
}
#reviews .star_box .star_box_left .reviews_bar .devvn_stars_value {
    color: #636363;
}
.devvn_cmt_input textarea {
    padding: 1rem;
    box-shadow: none !important;
}
.devvn_cmt_input textarea:focus {
    border-color: var(--main-cl);
}
.devvn_cmt_form_bottom.no-infor {
    border: 0 !important;
}
.devvn_prod_cmt {
    max-width: 100%;
}
button#devvn_cmt_submit, button#devvn_cmt_replysubmit {
    border-radius: 100px;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'SVN-Zona Pro Bold';
    line-height: 1;
    padding: 0 3rem;
    background: #066EB6;
    color: #fff;
}
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
    border: 1px solid var(--4_F0F0F0, #F0F0F0);
}
.product-thumbnails img {
    opacity: 1;
}
.product-thumbnails a {
    border: 1px solid #F0F0F0;
}
.product-thumbnails .is-nav-selected a, .product-thumbnails a:hover {
    border-color: #066EB6;
}
.single-product  footer#footer {
    margin-top: 1rem;
}
.box_meta .line {
    margin: 0 .6rem;
    color: #636363;
}
.box_tabs {
    border: 1px solid #F0F0F0;
}
ul.nav_tabs_product li a.active {
    color: var(--1_066EB6, #066EB6);
}
table.variations label {
    margin: 0;
    color: #636363;
    font-family: 'SVN-Zona Pro 300';
}
.ux-swatch__color--single-color {
    border-radius: 100px !important;
}
.variations_form .ux-swatch.selected {
    border-radius: 100px !important;
    box-shadow: 0 0 0 1px #066EB6 !important;
}
.ux-swatch--label {
    border-radius: 100px;
    font-size: 0.7rem !important;
    padding: 0 .8rem !important;
}
.ux-swatches--rounded * {
    border-radius: 100px !important;
}
.variations_form .ux-swatches-attribute-ux_label .ux-swatch.selected {
    background: rgba(99, 99, 99, 0.80);
    color: #fff;
    box-shadow: 0 0 0 1px rgba(99, 99, 99, 0.80);
}
.box_chinh_sach {
    background: #FAFAFA;

    padding: 1.2rem;
}
.box_chinh_sach li:before{
    content: '';
    background-image: url(../images/icon_check.svg);
    width: 1.33335rem;
    height: 1.33335rem;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: .6rem;
}
.content.box {
    padding: 1.5rem;
}

ul.nav_tabs_product {
    margin-bottom: 0;
}
div#pagination_product .col {
    padding: 0;
}
.shop-page-title {
    display: none;
}
a.prev.page-numbers {
    display: none;
}
a.next.page-numbers {
    display: none;
}

.pagination_product {
    margin-top: 2rem;
}
.pagination_product>* {
    width: 2.2rem;
    height: 2.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0 !important;
    border-radius: 50%;
    margin: 0 .3rem;
    color: #63636380;
}
.pagination_product > span {
    background: var(--main-cl);
    color: #fff;
}
.pagination_product .arrow_pagination:hover path {
    stroke: var(--main-cl);
    stroke-opacity: 1;
}
.woocommerce-product-gallery {
    min-height: 30rem;
}
.producGallery.loading:after {
    animation: spin .5s
    linear infinite;
    border: 3px solid var(--main-cl) !important;
    border-radius: 100%;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    content: "";
    display: block;
    height: 2.6rem;
    left: 50%;
    margin-left: -1.8rem;
    margin-top: -1.8rem;
    position: absolute;
    top: 50%;
    width: 2.6rem;
}


.producGallery.loading>* {opacity: .4;}


.woocommerce #review_form #respond input {
    font-size: .7rem;
}
.text-center{
    text-align: center;
}
.mx-auto{
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 1200px) {
    html {
        font-size: 1vw;
    }
}

@media (max-width: 1600px) and (min-width: 1300px) {
    .btn .icon svg:nth-child(1) {
        transform: translate(64%, 56%);
    }
    .btn:hover .icon svg:nth-child(2) {
        transform: translate(60%, -30%);
    }

    .about_other1 .item:nth-child(odd) {
        padding-right: 6rem;
    }
    .about_1 .desc_sec {
        font-size: 1.1rem;
    }
    .link_page_scroll a {
        font-size: 1.1rem;
        padding: 0 1.4rem;
    }
    .link_page_scroll li:not(:last-child) {
        margin-bottom: 0.6rem;
    }

    .content_counter_wrap {
        padding-top: 2rem;
    }
    .heading_sec.fs_50 {
        font-size: 2.5rem
    }

    .service_details.details_3 .group_heading {
        padding-right: 4rem;
    }

    .service_1.content_counter_wrap .desc_sec {
        padding-right: 5rem;
    }
}
@media (max-width: 1400px) and (min-width: 1199px) {
    html {
        font-size: 1.15vw;
    }

    #form.form_register {
        max-width: calc(100vw - 5rem);
    }
    #form.form_register .inner {
        margin-left: 0;
    }

    .about_4 .group_heading {
        margin-left: 0;
        padding-right: 0;
    }
}
div#form_quick {
    border-radius: 20px;
}
button.fancybox-button.fancybox-close-small:hover svg {
    transform: rotate(360deg);
    transition: .5s all;
}
.form_quick h2.heading_sec {
    text-align: center;
    padding-bottom: 30px;
}

.form_quick button {
    margin: 0 auto;
}
.form_quick button.btn span{
    text-transform: none;
}
.wpcf7 .wpcf7-not-valid-tip {
    background: var(--main-cl);
    color: white;
    opacity: 1;
}
.hidden-submit input[type="submit"] {
    display: none !important;
}
.wpcf7 .wpcf7-not-valid-tip:after {
    border-bottom-color: var(--main-cl);
}
.form_quick .wpcf7-response-output {
    display: none;
}
.form_quick button {
    margin: 0 auto;
}
span.wpcf7-not-valid-tip {
    position: absolute !important;
    left: 3% !important;
    top: 110% !important;
}
.post_details .post_content {
    text-align: justify;
}
.item_product2 {
    min-height: 100%;
}
.header-language-dropdown  ul.nav-dropdown {
    transform: translateX(-.9rem);
}
a.style_center.max {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}


@media only screen and (max-width: 1199px) {
    html {
        font-size: 87.5% !important;
    }
    :root{
        --container-w: 950px
    }
    .load_home_page svg {
        width: 320px;
    }

    html {
        font-size: 1.6vw;
    }
    /*html {*/
    /*    font-size: 62.5%; !* 1rem = 10px (desktop) *!*/
    /*}*/
    /*COMPONENTS*/
    .btn .icon svg:nth-child(1) {
        transform: translate(57%, 53%) !important;
    }
    .btn:hover .icon svg:nth-child(2) {
        transform: translate(52%, -71%);
    }
    .grid_col_2 {
        column-gap: 1.8rem;
        row-gap: 2rem;
    }
    .heading_banner {
        font-size: 2.95rem;
    }
    .heading_sec.fs_50 {
        font-size: 2.5rem;
    }
    .heading_sec.fs_40 {
        font-size: 1.75rem;
    }
    .desc_sec br {
        display: none;
    }
    .news_search .news_container {
        column-gap: 1.2rem;
        row-gap: 2.5rem;
    }

    /* HEADER */
    header#header #logo {
        width: 6rem;
    }
    header#header .nav>li {
        margin: 0 0.6rem;
    }

    /* FOOTER */
    .page-template-service_details #footer {
        margin-top: 0;
    }
    .footer_top .box_menu {
        gap: 2rem;
    }
    .footer_top .register {
        gap: 1.9rem;
    }

    /* CSS */
    /*HOME*/
    .banner_hero .box_content {
        bottom: 7rem;
    }
    .home_1 .logo_sec>.inner {
        width: 38rem;
        height: 5.542rem;
    }
    .home_2 .box_counter {
        flex-wrap: wrap;
        padding-top: 4rem;
    }
    .home_4 .logo_sec>.inner {
        width: 52rem;
        height: 7rem;
    }
    .box_news_wrap .box_large .box_img {
        width: 58%;
    }

    /* ABOUT */
    .about_1 {
        padding-top: 1rem;
    }
    .about_1 .heading_sec br {
        display: none;
    }
    .about_1 .heading_sec {
        margin-bottom: 1.2rem;
    }
    .about_1 .desc_sec {
        padding: 0 3rem;
    }
    .img_about1 .list_item {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 1rem;
        padding-bottom: 1rem;
    }
    .img_about1 .list_item>.box_img {
        position: unset;
        width: 100% !important;
        height: 13.49rem !important;
    }
    .img_about1:hover .list_item+.box_img,
    .img_about1:hover .list_item>.box_img {
        transform: unset !important;
    }
    .about_1 .box_counter .item:not(:last-child) {
        margin-right: 3rem;
        padding-right: 3rem;
    }
    .about_other1 {
        padding-top: 3rem;
        margin: 0 -2rem;
    }
    .about_other1 .item:nth-child(odd) {
        padding-right: 3rem;
    }
    .about_other1 .item:nth-child(even) {
        padding-left: 3rem;
    }
    .about_2 {
        margin: 2rem 0 0;
        padding-top: 4rem;
        padding-bottom: 2rem;
    }
    .about_2 .heading_sec.fs_50 {
        font-size: 1.8rem;
    }
    .about_2 .accordion_wrapper {
        padding-left: 1.8rem;
        padding-right: 3rem;
    }
    .about_2 .accordion_item>.accordion_title {
        font-size: 1.5rem;
    }
    .about_2 .accordion_item>.accordion_content h3 {
        font-size: 1.2rem;
    }
    .about_3 {
        margin-top: 4rem;
    }
    .box_about3 .box_img {
        width: 2.4rem;
        height: 2.4rem;
    }
    .box_about3 h3 {
        font-size: 0.9rem;
        margin-top: 1rem;
    }
    .about_4 {
        margin: 2rem 0 0;
        background: radial-gradient(51.34% 547.35% at 77.22% 50%, #179BD9 0%, #035AA7 100%);
    }
    .about_4:before {
        content: unset;
    }
    .about_4 .group_heading {
        margin-left: 0;
        padding-right: 0;
    }
    .about_4 .heading_sec.fs_50 {
        font-size: 2rem;
    }
    .slide_about4_wrap {
        margin-right: 0;
    }
    .slide_about4_wrap > .slide_about4_main {
        display: none;
    }
    .slide_about4_wrap .nav_wrap2 {
        display: none;
    }

    /*SERVICE PAGE*/
    .service_1.content_counter_wrap .desc_sec {
        padding-right: 0;
    }
    .content_counter_wrap {
        padding-top: 2rem;
        padding-bottom: 3rem;
    }
    .content_counter_wrap .box_counter {
        padding-left: 3rem;
    }
    .service_1 .heading_sec.fs_50 {
        font-size: 1.9rem;
    }
    .number .inner.relative, .number {
        font-size: 3.5rem
    }
    .service_2 .group_heading_wrap {
        position: unset !important;
        padding-top: 3.5rem;
    }
    .service_2 .group_heading_wrap .row {
        justify-content: center;
    }
    .service_2 .group_heading_wrap .group_heading {
        text-align: center;
    }
    .service_2 .group_heading_wrap h2 {
        font-size: 2rem;
        color: var(--main-cl) !important;
        margin-bottom: 0;
    }
    .service_2 .slide_main .content {
        width: 25rem;
    }
    .service_2 .slide_thumb {
        bottom: 2rem;
    }
    .service_2 .slide_main .content {
        bottom: 10rem;
    }

    /*SERVICE DETAILS*/
    .page-template-service_details .heading_banner {
        font-size: 2.5rem;
    }
    .service_details.details_1 {
        padding-top: 1rem;
    }
    .service_details .heading_sec.fs_50 {
        font-size: 1.8rem;
    }
    .service_details.details_1 .box_img {
        padding-left: 0;
    }
    .service_details.details_1 blockquote {
        padding-left: 1rem;
    }
    .service_details.details_2 {
        margin-top: 2rem;
        padding-top: 3rem;
    }
    .list_item_wrap {
        padding-top: 0;
    }
    .list_item_wrap .item {
        padding: 10px 4rem;
    }
    .list_item_wrap .heading_sec.fs_30 {
        font-size: 1.3rem;
    }
    .service_details.details_3 {
        margin-top: 0;
        padding: 4rem 0;
    }
    .service_details.details_3 .group_heading {
        padding-right: 3rem;
    }
    .service_details.details_4 {
        padding-top: 4rem;
    }
    .service_details.details_4 .box_content h2 {
        font-size: 1.3rem;
    }
    .service_details.details_4 .box_content .desc_sec {
        margin-top: 2rem;
    }
    .service_details.details_5 {
        padding-top: 4rem;
    }
    .service_details.details_5 .heading_sec.fs_50 {
        margin-bottom: 0;
    }
    #form.form_register {
        max-width: 100%;
    }
    #form.form_register .inner {
        margin-left: 0;
    }
    #form.form_register .box_form.style_2 {
        margin-right: -6rem;
    }

    /*PRODUCT PAGE*/
    .product_page {
        padding-top: 1rem;
    }
    .product_page .filter-inner {
        margin-right: 0;
    }
    .product_page .filter-inner>.heading>span.text {
        font-size: 1.2rem;
    }
    .product_page .list_product {
        column-gap: 1.2rem;
    }

    /*PRODUCT DETAILS*/
    .prod_overview > .col-inner {
        padding: 0px 0px 0px 1rem !important;
    }
    .prod_tabs > .col-inner {
        padding: 0px 3rem 0px 0px !important;
    }
    #form_popup_prod.fancybox-content {
        max-width: 70%;
    }

    /*TECH PAGE*/
    .tech_1 .heading_sec.fs_50 {
        font-size: 1.8rem;
    }
    .tech_1 .group_heading {
        padding-right: 3rem;
    }
    .tech_2 {
        padding-top: 4rem;
    }
    .tech_2 .heading_sec.fs_50 {
        font-size: 2.2rem;
    }
    .list_tech .item_tech:nth-child(odd) .box_content {
        padding-left: 3rem;
    }
    .list_tech .item_tech:nth-child(even) .box_content {
        margin-right: 3rem;
    }
    .list_tech .item_tech .box_content strong {
        font-size: 1.1rem;
    }

    /*NEWS PAGE*/
    .news_page {
        padding-top: 1rem;
    }
    .news_page .load_more_posts.btn span.text {
        font-size: 1rem;
    }
    .item_news h3 {
        font-size: 1.05rem;
    }
    .item_news .link svg {
        width: 12px;
        height: auto;
    }

    /* POST DETAILS */
    .post_details {
        padding-top: 1rem;
    }
    .post_related {
        padding-left: 1rem;
    }
    .post_details .group_heading,
    .post_details .group_heading>.heading_sec {
        margin-bottom: 1.2rem;
    }
    .post_details .post_content h1,
    .post_details .post_content h2,
    .post_details .post_content h3,
    .post_details .post_content h4,
    .post_details .post_content h5,
    .post_details .post_content h6 {
        color: var(--main-cl);
        margin-bottom: 0.8rem;
    }
    .post_details .post_content {
        line-height: 1.65;
    }
    .post_related .item_news .link svg {
        width: 12px;
        height: auto;
    }

    /* CONTACT */
    .contact_page .box_left {
        padding-right: 4rem;
    }
    .iframe_maps {
        margin-top: 2.5rem;
    }

    /*SUSTAINABLE*/
    .sustainable_2 .group_heading {
        padding-right: 0;
    }
    .sustainable_2 .group_heading .heading_sec.fs_50 {
        font-size: 1.4rem;
    }
    .sustainable_2 .accordion_wrapper {
        margin-left: 2rem;
        padding-left: 2rem;
    }
    .sustainable_3 {
        padding-top: 4rem;
    }
    .sustainable_4 {
        padding-top: 4rem;
    }
    .sustainable_4 .heading_sec.fs_50 {
        font-size: 2rem;
    }
    .list_about_wrap .item:nth-child(odd) .group_heading {
        padding-right: 4rem;
    }
    .list_about_wrap .item:nth-child(even) .group_heading {
        padding-left: 4rem;
    }
    .list_about_wrap .item:not(:last-child) {
        margin-bottom: 3rem;
    }
    .heading_banner {
        font-size: 2rem;
    }

    section#about_1 .col.large-9.medium-12.small-12 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .about_1 .box_counter .item {
        width: calc(100% / 3);
        padding: 0 3rem;
    }

    .about_other1 {
        margin: 0;
    }

    .page-template-about #footer {
        margin-top: 0;
    }
    .service_2 .slide_main .content {
        left: 4rem;
    }
    .btn .icon svg {
        max-width: 50%;
    }

    .box_member_wrapper  .icon svg {
        max-width: 1rem;
    }

    .box_news_wrap .box_large .link svg {
        max-width: 1rem;
        display: block;
    }

    .submit_btn .icon {
        max-width: 1rem;
    }
    .btn .icon svg {
        max-width: 50%;
    }
}


@media screen and (min-width: 850px) and (max-width: 1199px) {

    .container, .container-width, .full-width .ubermenu-nav, .row{
        max-width: 60rem;
    }
    /*header#header .container{*/
    /*    max-width: 60rem;*/
    /*}*/
    .heading_sec.fs_50 {
        font-size: 2rem;
    }

    .box_counter .item {
        width: 50%;
        margin: 0 !important;
        padding: 1.042rem 0;
    }

    .box_counter {
        gap: 0;
    }
    .banner_hero .item {
        height: 34rem;
    }
    .home_1 .logo_sec {
        margin-right: 0;
    }

}
@media screen and (min-width: 850px) and (max-width: 950px) {
    header#header .nav>li {
        margin: 0 .3rem;
    }
}
@media only screen and (max-width: 849px) {
    :root{
        --container-w: 720px
    }
    .load_home_page svg {
        width: 320px;
    }
    .search-tabs .search-grid{
        grid-template-columns: 1fr 1fr 1fr;
    }

    html {
        font-size: 2.2vw;
    }

    /*COMPONENTS*/
    body .scroll-container {
        top: 30%;
    }
    .banner_page .banner_img {
        height: 16rem;
    }
    .heading_banner {
        font-size: 1.9rem;
    }
    .heading_sec.fs_50 {
        font-size: 2rem;
    }
    .heading_sec.fs_40 {
        font-size: 1.5rem;
    }
    .heading_sec.fs_30 {
        font-size: 1.3rem;
    }
    .box_form.style_2 .form_group.flex {
        flex-direction: column;
        gap: 0;
    }
    .box_form.style_2 .form_group.flex > * {
        width: 100%;
        margin-bottom: 1.25rem;
    }
    .btn span.text {
        margin-top: 0;
    }
    .menu_style1 li>a {
        padding: 0.6rem 1.4rem 0.525rem;
    }
    .grid_col_2 {
        column-gap: 1.2rem;
        row-gap: 1.8rem;
    }
    .number .inner.relative, .number {
        justify-content: center;
    }
    .box_counter h3.title {
        margin-top: 0.6rem;
    }
    .img_about1 {
        margin-top: 3rem;
    }

    .masonry_album .box_img {
        flex: 0 0 calc(50% - 0.625rem) !important;
        height: 10rem !important;
    }

    .news_search .news_container {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    /**/
    ul.fixed_button>li>a {
        width: 2.8rem;
        height: 2.8rem;
    }
    ul.fixed_button>li:not(:last-child) {
        margin-bottom: 0.8rem;
    }

    /*link_page_scroll*/
    .link_page_scroll {
        transform: translateX(calc((-100%) + 4px));
        transition: .6s all;
    }
    .link_page_scroll.active_control {
        transform: translateX(0);
    }
    .link_page_scroll .icon.page_scroll{
        position: absolute;
        top: 50%;
        right: -22%;
        transform: translateY(-50%);
        background: var(--third-cl);
        width: 2rem;
        height: 2rem;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100%;
        transition: .6s all;
    }
    .link_page_scroll div.icon.active svg {
        transform: rotate(180deg);
    }

    /*HEADER*/
    header#header .header-inner .nav-left {
        justify-content: unset !important;
    }
    header#header #logo {
        padding: 0.55rem 0;
        margin: 0;
    }
    .off-canvas .sidebar-menu {
        padding: 0 !important;
    }
    .off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
        --drawer-width: 80% !important;
    }
    [data-open="#main-menu"] {
        display: block;
        width: 3.2rem;
        height: 4rem !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"] i {
        display: none;
    }
    [data-open="#search-lightbox"] {
        width: 2rem;
        height: 2rem !important;
    }

    .off-canvas-left.mfp-ready .mfp-content, .off-canvas-right.mfp-ready .mfp-content {
        top: 67.58px;
        padding-top: 0;
    }
    .off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
        box-shadow: none !important;
        background-color: #fff !important;
    }
    .toggle {
        color: var(--main-cl);
    }
    .active>.toggle {
        color: #fff;
    }
    .mfp-bg.off-canvas.off-canvas-left {
        top: 67.58px;
        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(--main-cl) !important;
        font-size: 1.1rem !important;
        text-transform: initial;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li > a svg {
        width: 2.3rem;
        height: auto;
        margin-left: 4px;
    }
    .nav-sidebar.nav-vertical>li.current-menu-item,
    .nav-sidebar.nav-vertical>li.menu-item:hover {
        background-color: var(--main-cl);
    }
    .nav-sidebar.nav-vertical>li.menu-item a[aria-current="page"],
    .nav-sidebar.nav-vertical>li.menu-item:hover a {
        color: #fff !important;
    }
    .nav-sidebar.nav-vertical>li.menu-item a[aria-current="page"] path,
    .nav-sidebar.nav-vertical>li.menu-item:hover a path {
        stroke: #fff;
        fill: #fff;
    }
    .nav-sidebar.nav-vertical > li + li {
        border-color: var(--main-cl);
    }

    /*FOOTER*/
    #footer {
        margin-top: 2rem;
    }
    #footer span.title {
        font-size: 1.05rem;
    }
    .footer_top .box_contact li {
        font-size: 0.8rem;
    }
    .box_socials a {
        width: 2.2rem;
    }
    .footer_bottom .copyright {
        font-size: 0.75rem;
        text-align: center;
        margin-bottom: 0.5rem;
    }
    .footer_bottom .link_page {
        justify-content: center;
    }

    /*HOME*/
    .banner_hero .item {
        height: 50vh;
    }
    .banner_hero .box_content {
        bottom: 4rem;
    }
    .banner_hero .box_content .box_img {
        width: 14rem;
    }
    .banner_hero .box_content {
        max-width: 80%;
    }
    .banner_hero .swiper-pagination {
        bottom: 1.5rem;
    }
    .home_1 {
        padding-top: 3.5rem;
    }
    .home_1 .row:nth-child(1) {
        justify-content: center;
    }
    .home_1 .group_heading {
        text-align: center;
    }
    .btn_home1 {
        width: fit-content;
        margin: 0 auto;
    }
    .home_1 .logo_sec {
        margin-right: 0;
        justify-content: center;
        padding-top: 0;
    }
    .home_1 .logo_sec>.inner {
        width: 38rem;
        height: 4rem;
        background-position: center;
    }
    .item_product .box_content {
        padding: 0 1.5rem 1rem;
    }
    .item_product .subtitle {
        font-size: 0.9rem;
    }
    .item_product h3 {
        font-size: 1rem;
    }
    .item_product:hover .desc {
        font-size: 0.9rem;
    }
    .item_product:after, .item_product:before {
        height: 60%;
    }
    .home_2 {
        padding-top: 3rem;
    }
    .home_2 .group_heading {
        margin-left: -1rem;
    }
    .number .inner.relative, .number {
        font-size: 2.5rem;
    }
    .home_2 .box_counter {
        padding-top: 0;
    }
    .box_counter {
        gap: 2.5rem;
    }
    .box_member_wrapper .item_member {
        width: 9rem;
        padding: 1.5rem 0.7rem 1rem;
    }
    .box_member_wrapper .item_member svg {
        width: 1rem;
        height: auto;
    }
    .box_member_wrapper .item_member h3 {
        font-size: 1rem;
    }
    .home_4 .logo_sec>.inner {
        width: 35rem;
        height: 5rem;
    }
    .menu_home5,
    .home_5 .row {
        justify-content: center;
    }
    .home_5 .group_heading {
        text-align: center;
    }

    /*ABOUT*/
    .about_other1 {
        margin: 0;
    }
    .about_other1 .item:nth-child(odd) {
        padding-right: 2rem;
    }
    .about_other1 .item:nth-child(even) {
        padding-left: 2rem;
    }
    .about_1 .heading_sec {
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }
    /*ABOUT*/
    .about_1 .desc_sec {
        padding: 0;
    }
    .about_2 {
        padding-top: 3rem;
    }
    .about_2 .group_heading {
        text-align: center;
    }
    .about_2 .accordion_wrapper {
        height: 17rem;
    }
    .about_3 .heading_sec.fs_50 {
        font-size: 1.8rem;
    }
    .box_about3 {
        padding-top: 2rem;
    }
    .box_about3 h3 br {
        display: none;
    }
    .about_4 {
        padding-top: 3rem;
        padding-bottom: 1rem;
    }
    .about_4 .group_heading {
        text-align: center;
    }

    /*SERVICE PAGE*/
    .service_1 .row {
        justify-content: center;
    }
    .service_1 .group_heading {
        text-align: center;
    }
    .service_1 .btn_container {
        margin-right: auto;
        margin-left: auto;
    }
    .content_counter_wrap {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .content_counter_wrap .box_counter {
        padding-top: 2rem;
        padding-left: 0;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        column-gap: 3rem;
        row-gap: 1.5rem;
    }
    .service_2 .slide_main .content {
        width: 26rem;
        bottom: 7rem;
    }

    /*SERVICE DETAILS*/
    .page-template-service_details .heading_banner {
        font-size: 2rem;
    }
    .service_details .heading_sec.fs_50 {
        font-size: 1.5rem;
    }
    .list_item_wrap .item {
        padding: 10px 0;
    }
    .list_item_wrap .heading_sec.fs_30 {
        font-size: 1.2rem;
    }
    .list_item_wrap .item .box_img,
    .list_item_wrap .item .desc_sec {
        padding-left: 0;
    }
    .service_details.details_3 .accordion_wrapper {
        height: 21rem;
        padding-left: 2rem;
    }
    .accordion_item>.accordion_title {
        font-size: 1rem;
    }
    .service_details.details_4 .box_content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .service_details .slide_details4 {
        margin: 0 -1.3rem;
    }
    .service_details .slide_details4 .swiper-slide.swiper-slide-active .box_img {
        transform: scale(1.25);
    }
    .service_details .slide_details4 .box_img {
        padding: 0 1.3rem;
    }
    .service_details.details_6 {
        padding-top: 2rem;
    }
    #form.form_register {
        padding: 3rem 0;
    }
    #form.form_register .row {
        justify-content: center;
    }
    #form.form_register .group_heading {
        text-align: center;
    }
    #form.form_register .box_form.style_2 {
        margin-right: 0;
    }
    .box_form.style_2 .submit_btn {
        margin: 0 auto;
    }

    /*NEWS PAGE*/
    .news_page .menu_style1 li {
        width: calc((100% / 2) - 0.55rem);
    }
    .news_page .menu_style1 li>a {
        text-align: center;
    }

    /*TECH PAGE*/
    .tech_1 .group_heading {
        padding-right: 0;
    }
    .tech_1 .heading_sec.fs_50 {
        font-size: 1.6rem;
    }
    .list_tech .item_tech .box_content {
        height: 14rem;
    }

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

    .product_page .filter-inner>.list_option>.item {
        filter: unset;
    }
    .product_page .filter-inner>.list_option>.item:not(:last-child) {
        border-bottom: 1px solid rgba(51, 51, 51, 0.1);
    }
    /*---------*/

    .product_page .filter-inner {
        padding: 0;
    }
    .product_page .filter-inner {
        background: #fff;
    }

    /*PRODUCT DETAILS*/
    .prod_overview > .col-inner {
        padding: 0 !important;
    }
    .woocommerce-product-gallery {
        min-height: unset;
    }
    .nav_bottom_product {
        margin-top: 1.3rem;
        padding-top: 1rem;
    }
    .nav_bottom_product ul {
        margin-left: 0 !important;
    }
    .nav_bottom_product .wrap {
        flex-wrap: wrap;
        gap: 1rem;
    }
    .box_share ul {
        margin-left: 0.5rem !important;
    }
    .box_share ul a {
        width: 1.5rem;
        height: 1.5rem;
    }
    .prod_tabs {
        margin-top: 1.5rem;
    }
    .prod_tabs > .col-inner {
        padding: 0 !important;
    }
    .custom-product-page .row .col .row.slider .product-small.col {
        padding: 0 0.7rem !important;
    }
    .box_meta .line {
        display: none;
    }
    #form_popup_prod.fancybox-content {
        max-width: 100%;
    }

    /*POST DETAILS*/
    .post_related .item_news {
        flex-direction: column;
    }
    .post_related .item_news > * {
        width: 100% !important;
    }
    .post_details .group_heading>.heading_sec {
        font-size: 1.3rem;
    }
    .post_details .post_content img {
        /*margin: 0.7rem 0;*/
    }
    .post_details .tag_share {
        margin-top: 1.5rem;
        padding-top: 1.5rem;
    }

    /*CONTACT*/
    .contact_page {
        padding-top: 1rem;
    }
    .contact_page .box_left {
        padding-right: 0;
    }

    /*SUSTAINABLE*/
    .sustainable_1 {
        padding-top: 1rem;
    }
    .sustainable_2 {
        margin-top: 0;
        padding-top: 3rem;
        padding-bottom: 2rem;
    }
    .sustainable_2 .desc_sec {
        font-size: 0.9rem;
    }
    .sustainable_2 .accordion_wrapper {
        margin-left: 1rem;
        padding-left: 1rem;
    }
    .sustainable_2 .accordion_item .content {
        font-size: 0.8rem;
    }
    .list_about_wrap .group_heading .heading_sec.fs_50 {
        font-size: 1.7rem;
    }
    .list_about_wrap .group_heading .desc_sec {
        font-size: 0.9rem;
    }
    .sustainable_4 {
        padding-top: 2.5rem;
    }
    .sustainable_4 .row>.col:nth-child(1) {
        padding-bottom: 10px;
    }
    .sustainable_4 .group_heading {
        text-align: center;
    }
    .sustainable_4 .group_heading4 {
        justify-content: center;
    }
}
@media screen and (min-width: 768px) and (max-width: 849px) {
    :root {
        --container-w: 50rem;
    }

    .container, .container-width, .full-width .ubermenu-nav, .row {
        max-width: 46rem;
    }

    html.js {
        font-size: 2vw;
    }

    .heading_sec.fs_50 {
        font-size: 1.8rem;
    }

    .box_counter .item {
        width: 50%;
        margin: 0 !important;
        padding: 1.042rem 0;
    }

    .box_counter {
        gap: 0;
    }

    .footer_top .col.large-5.medium-8.small-12 {
        flex-basis: 100%;
        max-width: 100%;
    }
    .number .inner.relative, .number {
        justify-content: flex-start;
    }
}
@media only screen and (max-width: 767px) {
    .grid-container{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .load_home_page svg {
        width: 240px;
    }
    #search-lightbox{
        margin-left: -20px;
        margin-right: -20px;
        max-width: calc(100%  + 40px);
    }
    #search-lightbox .search-lightbox-title{
        margin-bottom: 20px;
        font-size: 17px;
    }
    ul.fixed_button > li > a.quick_form_cta {
        border: unset !important;
        background: unset !important;
    }
    div#form_quick {
        padding: 1.5625rem;
    }
    #search-lightbox .search-keywords{
        margin-top: 20px;
    }
    #search-lightbox .search-keywords > a{
        font-size: 14px;
    }
    .search-tabs .search-grid{
        grid-template-columns: 1fr 1fr;
        grid-gap: 1.5rem 1rem
    }
    .search-page{
        padding: 3rem 0;
    }
    .search-page h1{
        margin-bottom: 2rem;
    }
    .search-tabs .search-tabs-title .search-tab-title{
        font-size: 0.75rem;
        padding: 0.5rem 1rem;
    }

    html {
        font-size: 4.2vw;
    }

    /*ITEM PRODUCT 2*/
    .item_product2 .box_content span.title {
        flex: 0 0 auto;
    }
    .item_product2 .box_content .color,
    .item_product2 .box_content .needle {
        flex-wrap: nowrap;
        align-items: flex-start;
    }
    .item_product2 .list_color,
    .item_product2 .list_needle {
        flex-wrap: wrap;
    }

    .number .inner.relative, .number {
        font-size: 1.6rem;
    }

    /*HEADER*/
    header#header #logo {
        width: 100px;
    }
    header#header .nav>li.header-search {
        margin-right: 0 !important;
    }
    header#header .nav>li.header-search>a {
        justify-content: flex-end;
    }
    header#header .nav>li>a {
        /*line-height: unset !important;*/
    }
    [data-open="#main-menu"] {
        width: 2.6rem;
        height: 2rem !important;
    }
    .off-canvas-left.mfp-ready .mfp-content,
    .off-canvas-right.mfp-ready .mfp-content,
    .mfp-bg.off-canvas.off-canvas-left {
        top: 3.7rem;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li > a {
        font-size: 0.9rem !important;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li > a svg {
        width: 1.3rem;
        height: auto;
        margin-left: 0;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li > a {
        padding-left: 1rem !important;
    }


    .header-language-dropdown .flag-icon, .header-language-dropdown a {
        font-size: 0;
    }
    .header-language-dropdown a {
        padding: 0.5rem 1rem !important;
    }
    .header-language-dropdown a img, .header-language-dropdown .icon-image img {
        width: auto;
        height: 2rem;
    }
    .language-item-flag {
        justify-content: center;
        gap: 0;
    }


    /*FOOTER*/
    .page-template-service #footer {
        margin-top: 3rem;
    }
    .footer_top .box_contact {
        padding-right: 0;
    }
    .logo_footer {
        width: 10rem;
        margin-bottom: 1.5rem;
        margin-left: auto;
        margin-right: auto;
    }
    .footer_top .box_contact li {
        font-size: 0.9rem;
    }
    .footer_top .register {
        flex-direction: column;
        gap: 1rem;
        align-items: center;
    }
    .footer_top .box_menu {
        gap: 2rem;
        flex-wrap: wrap;
    }
    .footer_top .box_menu>.inner {
        width: calc((100% / 2) - 1rem);
    }
    .menu_footer li>a {
        font-size: 0.9rem;
    }
    .footer_bottom .copyright {
        font-size: 10px;
    }
    .footer_bottom {
        padding-bottom: 5rem;
    }

    /*COMPONENT*/
    .breadcrumbs {
        padding: 1.3rem 0;
    }
    body {
        font-size: 0.98rem;
    }
    body.page-template-home .scroll-container {
        display: none;
    }
    .heading_sec br {
        display: none;
    }
    .heading_sec.fs_50 {
        font-size: 1.3rem;
    }
    .heading_sec.fs_30 {
        font-size: 1.5rem;
    }
    .desc_sec {
        font-size: 0.98rem;
    }
    .box_form.style_2 .form_item textarea, .box_form.style_2 .form_item input {
        height: 3.2rem;
    }
    .box_form.style_2 .submit_btn {
        margin-left: auto;
        margin-right: auto;
    }
    .btn .icon svg {
    }
    .banner_page .banner_img:before {
        height: 70%;
    }
    .banner_page .banner_img {
        height: 12rem;
    }
    .banner_page .heading_absolute {
        display: none;
        bottom: 0;
    }
    .heading_banner {
        font-size: 1.7rem;
        margin: 0 auto;
    }
    .news_search {
        padding-bottom: 0;
    }
    .news_search .heading_sec {
        font-size: 1.4rem;
    }
    .news_search .news_container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    /* fixed contact */
    ul.fixed_button {
        width: 100%;
        top: unset;
        left: 0;
        right: unset;
        bottom: 0;
        transform: unset;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--main-cl);
        padding: 0 0.833rem;
    }
    ul.fixed_button > li {
        width: calc(100% / 3);
        display: flex;
        justify-content: center;
        margin: 0 !important;
    }
    ul.fixed_button > li:not(:last-child) {
        padding-right: 1.5rem;
        margin-right: 1.5rem !important;
        border-right: 1px solid #ffffff4d;
    }
    ul.fixed_button > li > a {
        border-radius: 0;
        border: unset;
        background: none;
        filter: unset;
    }
    ul.fixed_button > li > a img {
        max-width: 100%;
        max-height: 70%;
        filter: brightness(0) invert(1);
    }
    ul.fixed_button li .inner {
        display: none;
        opacity: 0;
    }

    /*link_page_scroll*/
    .link_page_scroll {
        display: none !important;
    }
    .link_page_scroll .icon.page_scroll{
        width: 2.3rem;
        height: 2.3rem;
        right: -24%;
    }

    /*HOME*/
    .banner_hero .box_content {
        max-width: 100%;
    }
    .banner_hero .heading_sec.fs_40 {
        font-size: 1rem;
    }
    .banner_hero .box_content .box_img {
        width: 12rem;
        margin-bottom: 0.8rem;
    }
    .home_2 .group_heading {
        margin-left: 0;
    }
    .box_counter .item:nth-child(1) {
        margin-right: 0;
    }
    .box_member_wrapper .item_member.item_opacity {
        display: none;
    }
    .box_member_wrapper .box_item_wrap {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin: 0 auto;
    }
    .home_4 {
        padding-top: 4rem;
    }
    .home_4 .group_heading {
        text-align: center;
    }
    .btn_home4 {
        width: fit-content;
        margin: 1.5rem auto 0;
    }
    .home_4 .logo_sec>.inner {
        width: 22rem;
        height: 4rem;
    }
    .box_news_wrap .box_large {
        flex-direction: column;
        gap: 1rem;
    }
    .box_news_wrap .box_large > *:not(a) {
        width: 100% !important;
    }
    .box_news_wrap .box_large h3 {
        font-size: 1.02rem;
    }
    .box_news_wrap .box_large .desc {
        margin-top: 1rem;
    }
    .box_news_wrap .box_small {
        margin: 0 -0.6rem;
    }
    .box_news_wrap .box_small h3 {
        font-size: 0.9rem;
    }
    .item_news {
        padding: 0 0.6rem;
    }
    .term_time {
        font-size: 0.75rem;
    }
    .item_news h3 {
        font-size: 1.1rem;
    }
    .box_partners {
        padding-top: 0;
        margin: 0;
    }
    .slide_partners .item {
        padding: 0 1rem;
    }

    /*ABOUT*/
    .about_1 .heading_sec.pb_0 {
        padding-bottom: 0;
    }
    .about_1 .box_counter {
        gap: 2rem;
    }
    .about_1 .box_counter .item:not(:last-child) {
        padding-right: 0;
        margin-right: 0;
        border-right: 0;
    }
    .about_1 .number .inner.relative, .about_1 .number {
        font-size: 1.6rem;
    }
    .box_counter h3.title {
        margin-top: 0.3rem;
        text-align: center;
    }
    .img_about1 .list_item {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .img_about1 .list_item>.box_img {
        height: 8rem !important;
    }
    .about_other1 > * {
        width: 100%;
    }
    .about_other1 .item {
        padding: 0 !important;
    }
    /*.about_other1 .heading_sec.fs_50 {*/
    /*    font-size: 1.5rem;*/
    /*}*/
    .about_2 {
        padding-bottom: 0;
    }
    .about_2 .heading_sec.fs_50 {
        font-size: 1.35rem;
    }
    .about_2 .accordion_item>.accordion_title {
        font-size: 1.2rem;
    }
    .about_2 .accordion_item>.accordion_content h3 {
        font-size: 1rem;
    }
    .about_2 .accordion_item>.accordion_content {
        font-size: 0.85rem;
    }
    .about_3 {
        margin-top: 3rem;
    }
    .about_3 .heading_sec.fs_50 {
        font-size: 1.2rem;
    }
    .box_about3 {
        margin: 0;
    }
    .box_about3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 1rem;
    }
    .about_4 .heading_sec.fs_50 {
        font-size: 1.4rem;
    }
    .box_about3 h3 {
        font-size: 1rem;
    }

    /*SERVICE PAGE*/
    .service_1 .heading_sec.fs_50 {
        font-size: 1.3rem;
        margin-bottom: 0.625rem !important;
    }
    .content_counter_wrap .desc_sec {
        margin: 0 -4px;
    }
    .content_counter_wrap .box_counter {
        padding-top: 1rem;
    }
    .service_2 .group_heading_wrap h2 {
        font-size: 1.4rem;
    }
    .service_2 .slide_thumb {
        display: none;
    }
    .service_2 .slide_main {
        margin-left: 15px;
        margin-right: 15px;
        overflow: hidden;
    }
    .service_2 .slide_main .content {
        position: unset !important;
        width: 100%;
        padding-top: 1.3rem;
        background: #fff;
    }
    .service_2 .slide_main .content > * {
        color: var(--third-cl) !important;
    }
    .service_2 .slide_main .content h3 {
        font-size: 1rem;
        color: var(--main-cl) !important;
    }
    .service_2 .slide_main .desc_sec {
        font-size: 0.85rem;
    }
    .service_2 .slide_main .swiper-pagination {
        display: flex;
    }

    /*SERVICE DETAILS*/
    .page-template-service_details .heading_banner {
        font-size: 1.6rem;
    }
    .service_details .heading_sec.fs_50 {
        font-size: 1.4rem;
        line-height: 1.5;
    }
    .service_details.details_2 {
        padding-bottom: 0;
    }
    .list_item_wrap .item:not(:last-child) {
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }
    .list_item_wrap .item {
        flex-direction: column;
        gap: 0.625rem;
        padding-top: 0 !important;
    }
    .list_item_wrap .item>* {
        width: 100% !important;
        text-align: center;
        opacity: 1 !important;
    }
    .list_item_wrap.style_2 .item .box_img {
        opacity: 1;
    }
    .service_details.details_3 .group_heading {
        padding-right: 0;
    }
    .service_details.details_3 .accordion_wrapper {
        height: 20rem;
        padding-left: 1rem;
    }
    .service_details.details_4 .heading_sec.fs_50 {
        font-size: 1.6rem;
    }
    .service_details.details_4 .box_content h2 {
        font-size: 1.2rem;
    }
    .service_details.details_4 .box_content>.item>* {
        padding-left: 1.2rem;
    }
    .service_details.details_5 {
        padding-top: 2rem;
    }
    .service_details .slide_details4 {
        padding: 0;
    }
    .service_details .slide_details4 .swiper-slide.swiper-slide-active .box_img {
        transform: unset !important;
    }
    .service_details .slide_details4 .swiper-pagination {
        padding-top: 2rem;
    }
    .service_details.details_6 .group_heading {
        text-align: center;
    }
    .service_details.details_6 .btn_wrap {
        justify-content: center;
    }
    .fullwidth_sec {
        margin: 0;
        width: 100%;
    }
    .masonry_album .box_img {
        width: 100%;
        height: 100%;
    }

    /*PRODUCT PAGE*/
    .product_page {
        padding-top: 0;
    }
    .product_page .result_alpha {
        flex-direction: column;
        gap: 1.1rem;
    }
    .product_page .result_alpha .result {
        font-size: 0.95rem;
    }
    .product_page .list_product {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 1rem;
    }

    /*PRODUCT DETAILS*/
    .product-short-description {
        margin-top: 1.2rem;
        margin-bottom: 0.8rem;
    }
    .for_tabs_product table td:first-child {
        white-space: nowrap;
    }
    .for_tabs_product table td {
        padding: .9rem 1rem;
    }
    .devvn_cmt_radio {
        margin-bottom: 14px;
    }
    .devvn_cmt_form_bottom .devvn_cmt_input {
        width: 100%;
    }
    #review_form .comment-form-rating {
        flex-direction: column;
    }
    #review_form .comment-form-rating label, .woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating label {
        width: 100%;
    }
    #form_popup_prod.fancybox-content {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    /*filter mobile*/
    .fixed-show-filter-btn {
        bottom: 4rem;
        font-size: 1rem;
    }
    .filter-outer {
        padding-left: 2rem;
    }
    .box_terms_product {
        top: 3.44rem;
        width: 100% !important;
    }
    .product_page .filter-inner>.list_option h2.title>.title {
        font-size: 1.2rem;
    }
    .product_page .filter-inner>.list_option span.label {
        font-size: 1rem;
    }

    /*TECH PAGE*/
    .tech_1 .heading_sec.fs_50 {
        font-size: 1.35rem;
        margin-bottom: 1rem !important;
    }
    .tech_1 .group_heading {
        text-align: center;
    }
    .tech_1 .desc_sec {
        text-align: justify;
    }
    .content_counter_wrap .desc_sec {
        margin: 0 0;
    }
    .content_counter_wrap .btn_container {
        margin-left: auto;
        margin-right: auto;
    }
    .tech_2 .heading_sec.fs_50 {
        font-size: 1.35rem;
    }
    .list_tech .item_tech .content_wrap {
        flex-direction: column;
        gap: 1rem;
    }
    .list_tech .item_tech .content_wrap > * {
        width: 100% !important;
    }
    .list_tech .item_tech:nth-child(odd) .box_content {
        padding-left: 0;
    }
    .list_tech .item_tech:nth-child(even) .box_content {
        margin-right: 0;
    }
    .item_tech .group_heading>.idx {
        font-size: 1.8rem;
    }
    .list_tech .item_tech:not(:last-child) {
        margin-bottom: 1.8rem;
    }
    .item_tech .heading_sec.fs_30 {
        font-size: 1rem;
    }

    /*NEWS PAGE*/
    .menu_style1 {
        justify-content: center;
    }
    .news_page .load_news_cat {
        padding-top: 2rem;
    }
    .news_page .item_news h3 {
        font-size: 0.9rem;
    }

    /*POST DETAILS*/
    .post_details {
        padding-top: 0;
    }
    .post_details .group_heading>.heading_sec {
        font-size: 1.25rem;
    }
    .post_details .post_content h2 {
        font-size: 1.55rem;
    }
    .post_related {
        padding-top: 1.5rem;
        padding-left: 0;
    }
    .post_related .heading_sec {
        text-align: center;
    }
    .post_related .item_news h3 {
        font-size: 1.05rem;
    }
    .post_related .swiper-pagination {
        justify-content: center;
    }
    .share_wrap li>a svg {
        width: 2.5rem;
    }
    .post_details .post_content {
        font-size: 0.89rem;
    }
    .post_details .post_content h2 {
        font-size: 1.05rem;
    }

    /*CONTACT*/
    .contact_page .group_heading {
        margin-bottom: 1rem;
    }
    .contact_page .box_socials {
        gap: 1.5rem;
    }
    .box_socials a {
        width: 2.4rem;
    }
    .iframe_maps {
        margin-top: 1rem;
    }

    /*SUSTAINABLE*/
    .sustainable_3 {
        padding-top: 3rem;
    }
    .list_about_wrap .item {
        flex-direction: column;
        gap: 1rem;
    }
    .list_about_wrap .item > * {
        width: 100%;
    }
    .list_about_wrap .item .group_heading {
        padding: 0 !important;
        order: unset !important;
    }
    .list_about_wrap .item .box_img {
        margin: 0 !important;
        padding: 0 !important;
    }
    .list_about_wrap .group_heading .heading_sec.fs_50,
    .sustainable_4 .heading_sec.fs_50 {
        font-size: 1.3rem;
    }
    .masonry_album>div, .masonry_album {
        gap: 0.55rem;
    }


    ul.action_button {
        flex-direction: column;
        justify-content: flex-start;
        text-align: left;
        align-items: flex-start;
    }
    .custom-product-page .row .col .row {
        margin: 0 -10px !important;
    }

    .box_meta .line {
        display: none;
    }

    .box_meta .content {
        display: block;
    }

    .box_meta .rating {
        margin-top: 0.9rem;
    }

    .nav_bottom_product .wrap {
        display: block;
    }

    .nav_bottom_product ul {
        margin: 0;
    }

    .box_share ul {
        margin-left: .5rem;
    }

    .box_share {
        margin-top: 1.5rem;
    }

    .box_share ul a {width: 1.5rem;height: 1.5rem;}

    ul.nav_tabs_product li a {
        padding: .5rem;
        text-align: center;
        line-height: 1.5;
        font-size: .75rem;
    }

    .custom-product-page .row .col .row.slider .product-small.col {
        padding: 0 .5rem !important;
    }

    .custom-product-page .row .col .row.slider.ban_chay_slider {
        margin: 0 !important;
    }
    .breadcrumbs ol>li[itemprop="itemListElement"]>span, .breadcrumbs ol>li[itemprop="itemListElement"] a span {
        max-width: unset !important;
    }

    .breadcrumbs a {
        width: auto !important;
    }

    .breadcrumbs ol>li:not(:last-child) {
        flex: 0 0 auto;
    }
    .producGallery {
        min-height: 29rem;
    }

    .heading_sec {
        line-height: 1.4;
    }
    .home_1 .logo_sec>.inner {
        height: 2.2rem;
        background-position: right;
    }

    .home_4 .logo_sec>.inner {
        height: 2.2rem;
        background-position: center;
    }

    .bg_member_container:before {
        background: #000;
        opacity: .5;
    }
    .home_2.bg_image {
        background-position: top -1rem  left 0rem;
        background-size: 150%;
    }
    .toggle:hover,
    .nav-sidebar.nav-vertical > li:hover .toggle{
        color: #fff;
    }
    .home_4 {
        padding-bottom: 2.2rem;
    }
    .home_5 {
        padding-top: 3rem;
    }

    .home_3 {
        padding-top: 1.208rem /* 100/19.2 */;
    }
    .about_2 {
        margin-top: .6rem;
    }
    .list_tech .item_tech .box_img {
        order: -1 !important;
    }
    #form.form_register .select-styled {
        height: 3.2rem;
    }
    /*.btn .icon svg:nth-child(1) {*/
    /*    transform: translate(50%, 59%);*/
    /*}*/
    #form.form_register {
        margin-top: 1.2rem;
    }
    .breadcrumbs ol {overflow: auto;}


    .breadcrumbs ol>li {
        flex: 0 0 auto;
    }
    .box_terms_product .wrap_top {
        display: flex;
        justify-content: space-between;
        margin-bottom: 2rem;
    }

    .box_terms_product .wrap_top>* {
        margin: 0;
    }

    .config_button {
        background: #066eb6;
        color: #fff !important;
    }
    .home_4 .logo_sec>.inner {width: 100vw;}
    .banner_hero .item {
        height: 14rem;
    }

    .banner_hero .swiper-pagination {
        bottom: .5rem;
    }

    .banner_hero .box_content {
        bottom: 2rem;
    }
    .home_6 {
        padding-top: 3rem;
        margin-top: 1rem;
    }

    .banner_hero .box_content .box_img {
        max-width: 9rem;
    }

    .banner_hero .heading_sec.fs_40 {
        font-size: .8rem;
    }
    .item_product h3 {
        -webkit-line-clamp: unset !important;
    }
    .pagination_product {
        justify-content: center;
    }

    .item_product2 .list_color .item_color {
        width: .8rem;
        height: .8rem;
    }

    .item_product2 .list_color {
        gap: 3px;
    }
    ul.nav_tabs_product li a {
        font-size: .8rem;
        padding: .4rem .45rem;
    }

    .for_tabs_product .content {
        font-size: .75rem;
        line-height: 1.5;
    }
    .about_1 .box_counter .item {
        padding: 0;
        width: 100%;
    }
}