:root{
    --fs-color-primary: #0D9948 !important;
    --fs-color-secondary: #236E92 !important;
    --main-cl: #0D9948;
    --sub-cl: #236E92;
    --body-cl: #333333;
    --white-cl: #ffffff;
    --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.woocommerce-js::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 0.6rem;
    background-color: #cedbff;
}
body::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
}

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

.grid-container{
    max-width: var(--container-w);
    margin-left: auto;
    margin-right: auto;
}
#search-lightbox {
    width: 37.5rem;
    max-width: 100%;
}
#search-lightbox .search-lightbox-title{
    margin-bottom: 1.667rem;
    font-size: 1.979rem;
    line-height: 1.2;
    font-weight: 700;
}
#search-lightbox .search-keywords{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 2.083rem;
    gap: 0.521rem;
}
#search-lightbox .search-keywords > a{
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    font-size: 0.833rem;
    line-height: 1.042rem;
    border: 1px solid rgba(255, 255, 255, 0.6);
    padding: 0.3125rem 0.833rem;
    display: flex;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#search-lightbox .search-keywords > a:hover{
    background-color: #fff;
    color: #000
}
#search-lightbox .flex-row > div{
    display: flex;
}
#search-lightbox .flex-row{
    align-items: unset;
    display: flex;
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    overflow: hidden;
}
#search-lightbox input{
    height: 100%;
    border: none;
}
#search-lightbox .button.icon{
    line-height: normal;
    min-height: unset;
    height: 100%;
    border: none;
    min-width: unset;
    background-color: #FFF;
    display: flex;
    align-items: center;
}
#search-lightbox .button.icon i{
    font-size: 0.9375rem;
    line-height: 1.25rem;
    color: #000
}
#search-lightbox input{
    font-size: 1.042rem;
    line-height: 1.25rem;
    padding-left: 1.5625rem;
    box-shadow: unset;
    height: 2.604rem;
}
.mfp-bg.mfp-ready{
    opacity: 0.8;
}
.mfp-content #search-lightbox{
    transform: translateY(-70%);
}
.load_home_page svg {
    width: 20.833rem;
    max-width: 95%;
    height: auto;
    position: absolute;
    z-index: 99;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
.load_home_page {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999;
    transition: 1s all;
    opacity: 1;
    background: transparent;
}

div.load_home_page .mask {
    /*background-color: #00BDFFFF;*/
    transition: 1s all ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
}
div.load_home_page.complete .mask {
    background-color: transparent;
}
div.load_home_page .mask span {
    display: block;
    width: 100%;
    height: 20%;
    position: absolute;
    left: 0;
    transition: 1s all ease-in-out;
    background-color: #fff;
    /*backdrop-filter: blur(40px);*/
}
div.load_home_page .mask span:nth-child(even) {
    left: unset;
    right: 0;
}
div.load_home_page .mask span:nth-child(1) {
    top: 0;
}
div.load_home_page .mask span:nth-child(2) {
    top: 20%;
}
div.load_home_page .mask span:nth-child(3) {
    top: 40%;
}
div.load_home_page .mask span:nth-child(4) {
    top: 60%;
}
div.load_home_page .mask span:nth-child(5) {
    top: 80%;
}
.load_home_page.complete {
    visibility: hidden;
}

div.load_home_page.complete .mask span {
    width: 0;
    opacity: 0;
    transition-delay: .8s;
}
#respond input#wp-comment-cookies-consent{
    height: auto !important;
    margin: 0 10px 0 0  !important;
}
.load_home_page.complete svg{
    transition-delay: 0.8s;
    opacity: 0;
}
.load_home_page rect,
.load_home_page path{
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.path-1 {
    animation-name: Signature2;
    animation-duration: 8s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(2, .25, .43, .96);
    stroke: var(--main-cl);
    stroke-width: .5px;
    stroke-dasharray: 2108;
    stroke-dashoffset: 2108;
    fill: transparent;
}
.path-2{
    animation-name: Signature1;
    animation-duration: 20s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(2,.25,.43,.96);
    stroke: var(--sub-cl);
    stroke-width: .5px;
    stroke-dasharray: 2108;
    stroke-dashoffset: 2108;
    fill: transparent;
}
.load_home_page.complete .path-2{
    fill: var(--sub-cl);
}
.load_home_page.complete .path-1{
    fill: #FFF
}
@keyframes Signature1 {
    to {
        stroke: var(--sub-cl);
        stroke-dashoffset: 0;
    }
}
@keyframes Signature2 {
    to {
        stroke: var(--main-cl);
        stroke-dashoffset: 0;
    }
}
.tile-reveal {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-flow: row wrap;
    align-self: flex-start;
    align-items: center;
    align-content: center;
    justify-content: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 99;
    background: #fff;
}
.tile-reveal-square {
    flex: 1 1 auto;
    width: 75px;
    height: 75px;
    background-color: #fff;
    opacity: 1;
}
.wrap-enter-site {
    position: fixed;
    width: 100%;
    height: auto;
    bottom: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
}
.search-page{
    padding: 5.208rem 0 0;
}
.search-page h1{
    margin-bottom: 2.604rem;
}
.search-tabs .search-tabs-title{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
    gap: 0.833rem;
}
.search-tabs .search-tabs-title .search-tab-title{
    padding: 0.625rem 1.25rem;
    border: 1px solid var(--fs-color-primary);
    font-size: 0.833rem;
    line-height: 1.042rem;
    color: var(--fs-color-primary);
    -webkit-border-radius: 0.521rem;
    -moz-border-radius: 0.521rem;
    border-radius: 0.521rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.4s;
}
.search-tabs .search-tab-title:hover,
.search-tabs .search-tab-title.active{
    background-color: var(--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;
}
.empty-search-box a.button {
    min-width: 10rem;
    background: var(--main-cl);
    border-radius: 5.208rem;
    padding: 0.3rem 1.2rem;
}

/*COMPONENTS*/

/*transition svg*/
[itemprop="name"],cite,circle,svg,rect,stop,path,g,img,a,input,textarea,h1,h2,h3,h4,h5,h6,.box_img,span.icon,span.text,:before,:after{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

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

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

a{
    text-decoration: none;
}
.ts-03{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.ts-04{
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.ts-05{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.fs-11{
    font-size: 0.573rem;
}
.fs-12{
    font-size: 0.625rem;
}
.fs-13{
    font-size: 0.677rem;
}
.fs-14{
    font-size: 0.729rem;
}
.fs-15{
    font-size: 0.78125rem;
}
.fs-16{
    font-size: 0.833rem;
}
.fs-17{
    font-size: 0.885rem;
}
.fs-18{
    font-size: 0.9375rem;
}
.fs-19{
    font-size: 0.99rem;
}
.fs-20{
    font-size: 1.042rem;
}
.fs-21{
    font-size: 1.09375rem;
}
.fs-22{
    font-size: 1.146rem;
}
.fs-23{
    font-size: 1.198rem;
}
.fs-24{
    font-size: 1.25rem;
}
.fs-25{
    font-size: 1.302rem;
}
.fs-30{
    font-size: 1.5625rem;
}
.fs-32{
    font-size: 1.667rem;
}
.fs-35{
    font-size: 1.823rem;
}
.fs-40{
    font-size: 2.083rem;
}
.fs-50{
    font-size: 2.604rem;
}
.fs-60{
    font-size: 3.125rem;
}
.fs-70{
    font-size: 3.646rem;
}

.lh-20{
    line-height: 1.042rem;
}
.lh-21{
    line-height: 1.09375rem;
}
.lh-22{
    line-height: 1.146rem;
}
.lh-23{
    line-height: 1.198rem;
}
.lh-24{
    line-height: 1.25rem;
}
.lh-25{
    line-height: 1.302rem;
}
.lh-26{
    line-height: 1.354rem;
}
.lh-27{
    line-height: 1.40625rem;
}
.lh-28{
    line-height: 1.458rem;
}
.lh-29{
    line-height: 1.51rem;
}
.lh-30{
    line-height: 1.5625rem;
}
.lh-31{
    line-height: 1.615rem;
}
.lh-32{
    line-height: 1.667rem;
}
.lh-33{
    line-height: 1.71875rem;
}
.lh-34{
    line-height: 1.771rem;
}
.lh-40{
    line-height: 2.083rem
}
.lh-100p {
    line-height: 100%;
}
.lh-normal {
    line-height: normal;
}

.fw200{
    font-family: 'Bricolage Grotesque ExtraLight';
}
.fw300{
    font-family: 'Bricolage Grotesque Light';
}
.fw400{
    font-family: 'Bricolage Grotesque Regular';
}
.fw500{
    font-family: 'Bricolage Grotesque Medium';
}
.fw600{
    font-family: 'Bricolage Grotesque SemiBold';
}
.fw700{
    font-family: 'Bricolage Grotesque Bold';
}
.fw800{
    font-family: 'Bricolage Grotesque ExtraBold';
}

.wrap-link{
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    z-index: 20;
    opacity: 0 !important;
}
.m-auto{
    margin: auto;
}
.col {
    padding: 0 0.78125rem 0;
}

.h-full{
    height: 100%;
}
.w-full{
    width: 100%;
}
.obj-cover{
    object-fit: cover;
}
.text-white{
    color: #FFF;
}
.text-underline{
    text-decoration: underline;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.text-uppercase{
    text-transform: uppercase;
}
.text-main {
    color: var(--main-cl);
}
.text-sub {
    color: var(--sub-cl);
}
.text-body {
    color: var(--body-cl);
}

/*breadcrumbs*/
.breadcrumbs ol{
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    width: 100%;
}
.breadcrumbs ol > li{
    display: inline;
    font-family: 'Bricolage Grotesque Regular';
    font-size: 0.9375rem;
    line-height: 1.5;
    color: rgba(32, 32, 32, 0.5);
    margin: 0;
}
.breadcrumbs ol > li:first-child,
.breadcrumbs ol > li:first-child a {
    display: inline-flex;
}
.breadcrumbs ol > li:first-child span {
    height: fit-content;
    display: flex;
    align-items: center;
}
.breadcrumbs ol > li svg {
    width: 1.042rem;
    height: 1.042rem;
}
.breadcrumbs ol > li:hover svg>path {
    stroke: var(--main-cl);
}

.breadcrumbs ol > li:last-of-type{
    color: rgba(32, 32, 32, 1);
}
.breadcrumbs ol > li a{
    font-family: 'Bricolage Grotesque Regular';
    font-weight: normal;
    color: inherit;
}
.breadcrumbs ol > li a:hover {
    color: var(--main-cl);
}
.breadcrumbs ol > li+li{
    margin-left: 0.833rem;
}
.breadcrumbs ol > li+li:before{
    left: 0;
    position: relative;
    content: '';
    height: 0.833rem;
    width: 2px;
    opacity: 0.5;
    background: rgba(32, 32, 32, 0.5);
    margin-right: 0.833rem;
    display: inline-block;
    top: 2px;
}

.breadcrumb-single {
    margin-top: 1.5625rem;
    margin-bottom: 3.125rem;
}
.breadcrumbs ol [itemprop="title"] {
    font-style: normal;
}
.text-white .breadcrumbs ol > li a {
    color: #fff !important;
    opacity: .5;
    transition: .4s all;
}
.text-white .breadcrumbs ol > li a:hover {
    opacity: 1;
}
.text-white .breadcrumbs ol > li+li a {
    color: #fff !important;
    opacity: 1;
}
.text-white .breadcrumbs ol > li+li:before {
    background: #fff;
    opacity: 0.5;
}

/*effect title*/
.ef-img-t {
    display: inline-block;
    opacity: 0;
    transform: translateY(2.5rem);
    animation: none;
    font-family: inherit;
}
.is-visible .ef-img-t {
    animation: fadeUp 1s forwards;
    animation-delay: var(--delay);
}
.effect_title_slide .swiper-slide.swiper-slide-active .ef-img-t {
    animation: fadeUp 1s forwards;
    animation-delay: var(--delay);
}
@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/*BANNER*/
.banner-page {
    z-index: 10;
}
.banner-page .banner-img {
    height: 31.25rem;
}
.banner-page .banner-img:after,
.banner-page .banner-img:before {
    /*content: '';*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000033;
    pointer-events: none;
}
.banner-page .banner-img:after {
    top: unset;
    bottom: 0;
    width: 100%;
    height: 60%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}

.banner-page .heading-absolute {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 2;
}
.banner-page .heading-absolute .sec-title {
    font-size: 2.5rem;
    font-family: 'Bricolage Grotesque SemiBold';
    margin-bottom: 1.042rem;
}
.banner-page .breadcrumbs {
    width: fit-content;
    margin: 0 auto;
    padding: 0;
}
.banner-page .breadcrumbs svg path {
    stroke: #fff;
}
.banner-page .breadcrumbs a:hover svg path {
    stroke: #fff;
}

/*bg image url*/
.bg-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

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

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

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

/*swiper pagination*/
.tl-pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.521rem;
    position: relative;
    top: unset !important;
    bottom: unset !important;
    left: unset !important;
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
}
.tl-pagination .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background: rgb(13 153 72 / 0.2);
    opacity: 1;
    margin: 0 !important;
    position: relative;
    display: flex;
    transition: all 0.4s;
}
.tl-pagination .swiper-pagination-bullet:before{
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.4s;
    border: 1px solid var(--main-cl);
    border-radius: 50%;
}
.tl-pagination .swiper-pagination-bullet-active{
    background: var(--main-cl);
}
.tl-pagination .swiper-pagination-bullet-active:before{
    width: 200%;
    height: 200%;
    opacity: 1;
}

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

/*heading style sec*/
.subtitle-sec {
    font-family: Bricolage Grotesque SemiBold;
    font-size: 1.042rem;
    line-height: normal;
    color: var(--sub-cl);
}
.title-sec {
    font-family: Bricolage Grotesque ExtraBold;
    font-size: 2.604rem;
    color: var(--main-cl);
    margin-top: 0.521rem;
}

/*terms menu*/
.terms-menu ul{
    gap: 1.042rem;
    margin: 0;
}
.terms-menu ul > li{
    margin: 0;
}
.terms-menu ul > li > a{
    position: relative;
    display: flex;
    justify-content: center;
    gap: 0.417rem;
    font-family: 'Bricolage Grotesque Regular';
    font-size: 0.833rem;
    line-height: 1.4;
    color: var(--body-cl);
    min-width: 7.8125rem;
    padding: 0.5rem 0.833rem;
    border-radius: 5rem;
    border: 1px solid #0120334D;
    overflow: hidden;
    transition: all 0.4s;
}
.terms-menu ul > li > a:is(:hover, .active) {
    border-color: var(--main-cl);
}
.terms-menu ul > li > a > span{
    position: relative;
    z-index: 3;
    display: flex;
}
.terms-menu ul > li > a path{
    stroke: currentColor;
}
.terms-menu ul > li > a:before{
    width: 103%;
    height: 103%;
    background: var(--main-cl);
    position: absolute;
    content: '';
    right: 100%;
    top: 0;
    z-index: 2;
    transition: all 0.4s;
}
.terms-menu ul > li > a:is(:hover, .active){
    color: #FFF;
}
.terms-menu ul > li > a:is(:hover, .active):before{
    right: 0;
}

/*wrap img*/
.img-center{
    margin-left: auto;
    margin-right: auto;
}
.img-wrap{
    overflow: hidden;
}
.img-wrap img{
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*btn link*/
.btn {
    display: flex;
    align-items: center;
    gap: 0.729rem;
    padding: 5px 0.26rem;
    border-radius: 5rem;
}
.btn span.text {
    font-family: 'Bricolage Grotesque Regular';
    font-size: 0.833rem;
    line-height: 1.146rem;
    margin-left: 1.042rem;
}
.btn span.icon {
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.875rem;
    height: 1.875rem;
    padding: 0.521rem;
    border-radius: 5.208rem;
}
.btn svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    right: 0;
    display: flex;
}
.btn svg:nth-child(2) {
    transform: translateY(-50%) translateX(-200%);
}
.btn:hover svg:nth-child(2) {
    transform: translateY(-50%) translateX(-50%);
}
.btn:hover svg:nth-child(1) {
    transform: translateY(-50%) translateX(100%);
}

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

.btn-style-2 {
    background: linear-gradient(120deg, #0D9948, #2AD974, #0D9948);
    background-size: 200%;
    background-position: 0%;
    transition: background-position 0.4s ease;
}
.btn-style-2:hover {
    background-position: 100%;
}
.btn-style-2 span.text {
    color: #fff;
}
.btn-style-2 span.icon {
    background: #fff;
}
.btn-style-2 span.icon path {
    stroke: var(--main-cl);
}

/*number counter*/
.number-wrap > div {
    font-family: 'Bricolage Grotesque Bold';
    font-size: 4.167rem;
    line-height: 1;
    color: var(--main-cl);
}
.number-wrap .number{
    position: absolute;
}
.number-wrap .number-hide {
    opacity: 0;
}

/*custom scrollbar*/
.custom-scrollbar {
    overflow-y: auto;
    padding-right: .8rem;
}
.custom-scrollbar::-webkit-scrollbar {
    width: 0.15rem;
    background-color: #13653430;
    border-radius: 2px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
    border-radius: 2px;
}
.text_white .custom-scrollbar::-webkit-scrollbar {
    background-color: rgba(255, 255, 255, 0.5);
}
.text_white .custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #fff;
}

/*limit line camp*/
.limit-line{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.limit-line.limit-1{
    -webkit-line-clamp: 1;
}
.limit-line.limit-2{
    -webkit-line-clamp: 2;
}
.limit-line.limit-3{
    -webkit-line-clamp: 3;
}
.limit-line.limit-4{
    -webkit-line-clamp: 4;
}
.limit-line.limit-5{
    -webkit-line-clamp: 5;
}
.limit-line.limit-8{
    -webkit-line-clamp: 8;
}

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

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

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

/*form style*/
form {
    margin-bottom: 0 !important;
}
.form-item textarea,
.form-item input {
    box-shadow: none !important;
    border-radius: 5.208rem;
    border-color: #00000033;
    background: #fff;
    color: var(--main-cl);
    padding: 0 1.25rem;
    font-size: 0.9375rem;
    margin-bottom: 0;
}
.form-item input {
    height: 2.8125rem;
}
.form-item textarea {
    border-radius: 1.042rem;
    padding-top: 0.6rem;
}
.form-item textarea:focus,
.form-item input:focus {
    border-color: var(--main-cl) !important;
    background: transparent;
    color: var(--main-cl);
}
.form-wrap textarea::placeholder,
.form-wrap input::placeholder {
    color: #00000080;
    opacity: 1;
}
.form-item.flex {
    gap: 1.667rem;
}
.form-group.flex {
    gap: 1rem;
}
.form-group.flex > .form-item {
    width: calc((100% / 2) - (1rem * 1 / 2));
}
.form-group.flex > div:only-child {
    width: 100%;
}

.form-wrap .submit_btn {
    position: relative;
    width: fit-content;
}
.form-wrap .wpcf7-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.form-wrap .submit_btn>input {
    position: absolute;
    height: 100%;
    width: 100%;
    margin: 0;
    opacity: 0;
    z-index: 5;
}
.form-wrap .submit_btn:hover .btn_style_1:before {
    width: 100%;
}

.wpcf7 form.sent .form-wrap + .wpcf7-response-output {
    border-color: var(--sub-cl) !important;
    color: #fff;
    background: var(--sub-cl) !important;
    margin-bottom: 0 !important;
}
.wpcf7 form.invalid .form-wrap + .wpcf7-response-output,
.wpcf7 form.unaccepted .form-wrap + .wpcf7-response-output,
.wpcf7 form.payment-required .form-wrap + .wpcf7-response-output {
    font-family: 'Bricolage Grotesque Regular';
    font-size: 0.9375rem;
    color: #e40000;
    margin-left: 0;
    margin-right: 0;
    border-width: 0.5px !important;
    border-color: #e40000 !important;
}
.text_white .wpcf7 form.sent .wpcf7-response-output,
.text_white .wpcf7 form.invalid .form-wrap + .wpcf7-response-output,
.text_white .wpcf7 form.unaccepted .form-wrap + .wpcf7-response-output,
.text_white .wpcf7 form.payment-required .form-wrap + .wpcf7-response-output {
    color: #fff;
    border-color: #e40000 !important;
}
.wpcf7 form.sent .wpcf7-response-output {
    margin-left: 0;
    margin-right: 0;
}

span.required{
    color: #FF1B1B;
}
.site-content{
    display: block;
}
.wpcf7 form.sent .wpcf7-response-output {
    background: #46b450 !important;
    border-color: #46b450 !important;
    color: #FFF !important;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output{
    background: red !important;
    border-color: red !important;
    color: #FFF !important;
}
.wpcf7 form.wpcf7-form .wpcf7-response-output{
    margin-top: 1rem !important;
    text-align: center !important;
    -webkit-border-radius: 0.521rem;
    -moz-border-radius: 0.521rem;
    border-radius: 0.521rem;
    font-size: 0.833rem;
    position: absolute !important;
    width: 100%;
}
.form-wrap .wpcf7-not-valid-tip{
    font-size: 0.677rem;
    position: absolute;
    width: 100%;
}
.wpcf7-spinner{
    display: none !important;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(100%, -50%);
}
.processing:before {
    border-color: #fff;
}

/*custom select*/
.custom-sl{
    display: none;
}
.select-styled{
    position: relative;
    height: 2.8125rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.521rem;
    padding: 0 1.25rem;
    border-radius: 5.208rem;
    border: 1px solid #00000033;
    font-size: 0.9375rem;
    color: #00000080;
    transition: all .5s ease-in-out;
    margin: 0;
    cursor: pointer;
}
.select{
    position: relative;
    /*z-index: 9;*/
}
.select-styled:after{
    content: '';
    position: relative;
    display: block;
    width: 0.9rem;
    height: 0.9rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjI1IDcuNUwxMCAxMy43NUwzLjc1IDcuNSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-size: cover;
}
.select .select-options{
    display: none;
    position: absolute;
    z-index: 22;
    left: 0;
    top: 100%;
    width: 100%;
    background-color: #fff;
    list-style: none;
    overflow: hidden;
}
.select .select-options > li{
    font-size: 0.833rem;
    font-weight: 500;
    line-height: 0.857rem;
    margin-bottom: 0;
    padding: 0.625rem 0.833rem;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    color: var(--main-cl);
}
.select .select-options > li.active,
.select .select-options > li:hover{
    background-color: var(--main-cl);
    color: #fff;
}
.select .select-options > li+li{
    border-top: 1px solid #E3DBD8;
}
.form-wrap label{
    font-size: 0.833rem;
    font-weight: 400;
    line-height: 1.3;
    /*margin-bottom: 0.208rem;*/
    color: var(--third-cl);
}
.form-wrap span.required {
    color: red;
}
.select-styled span{
    flex-grow: 1;
}

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

.select-options {
    max-height: 11rem;
    overflow-y: auto !important;
}
.select-options::-webkit-scrollbar-track {
    padding-top: 1rem;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.select-options::-webkit-scrollbar {
    width: 3px;
    background-color: #cedbff;
}
.select-options::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
}
.form-wrap .form-group.target{
    z-index: 10;
}
.form-wrap input.btn-primary{
    width: 100%;
    text-transform: unset;
    height: 3.125rem;
    margin: 0.625rem 0 0 0 !important;
}
.form-wrap .input-wrap input{
    padding-right: 2.604rem;
}
.form-wrap .input-wrap > svg{
    width: 0.9375rem;
    height: 0.9375rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.042rem;
}
.form-wrap .form-group:not(:last-child){
    margin-bottom: 1.042rem;
}
.form_group.flex {
    gap: 1.042rem;
    margin-bottom: 0.833rem;
}
.form_group.flex > * {
    width: calc((100% / 2) - 0.4rem);
}
.form_group.flex > div:only-child {
    width: 100%;
}

/*effect loading img*/
.loading_show_more {
    position: relative;
    overflow: hidden;
}
.loading_show_more > div,
.loading_show_more .no_result {
    opacity: 0.3;
    transition: .5s all;
}
.no_result {
    margin-top: 3.84rem;
    font-size: 1.92rem;
    color: var(--main-cl);
    text-align: center;
}
.loading_show_more::before {
    content: '';
    position: absolute;
    z-index: 50;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    width: 9.6rem;
    height: 4.5rem;
    /* Logo làm background layer 1, shine làm layer 2 */
    background-image:
            linear-gradient(
                    120deg,
                    transparent 0%,
                    rgba(255, 255, 255, 0.8) 50%,
                    transparent 100%
            ),
            url('../images/logo.svg');
    background-repeat: no-repeat, no-repeat;
    background-position: -150% center, center;
    background-size: 60% 100%, contain;

    display: inline-block;
    box-sizing: border-box;
    animation: shine .7s ease-in-out infinite alternate;
}
.loading_show_more::after {
    content: '';
    position: absolute;
    z-index: 49;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    width: 12rem;
    height: 4.8rem;
    background-color: white;
    border-radius: 0.5rem;
}
@keyframes shine {
    0%   { background-position: -150% center, center; }
    100% { background-position: 250% center, center; }
}

.default-page{
    padding: 1.5625rem 0 0;
}
.default-page h1{
    margin-top: 4.167rem;
}

/*---------*/
/*HEADER*/
#top-bar.header-top {
    background-color: transparent;
    border-top: 0.417rem solid var(--main-cl);
    padding-top: 0 !important;
    min-height: 0;
}
#top-bar .top-bar-nav {
    margin-top:  0.677rem;
}
#header .header-wrapper {
    background-color: #FFFDFA;
}
li.html.custom.html_topbar_left,
.header-bg-container.fill {display: none !important;}

.post-type-archive-product #header .header-wrapper,
.product-template-default #header .header-wrapper {
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .15);
}

#header li.header-info {
    display: flex !important;
    gap: 0.573rem;
    margin-right: 0.9375rem !important;
    padding-right: 0.9375rem;
    position: relative;
}
#header .cart-item:before,
#header li.header-info:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 1.042rem;
    background: #00000033;
    pointer-events: none;
}
#header .cart-item:before {
    left: 0;
    right: unset;
    opacity: 1;
    margin-left: 0 !important;
}
#header li.header-info > span.title {
    font-family: 'Bricolage Grotesque Light';
    font-weight: 300;
    font-size: 0.677rem;
    color: rgb(51 51 51 / 0.5);
}
#header li.header-info>ul {
    gap: 0.365rem;
}
#header li.header-info a {
    display: flex;
    width: fit-content;
}
#header li.header-info a>img {
    width: fit-content;
    height: 1.302rem;
}
#header li.header-info a:hover>img {
    transform: scale(.95);
}
#header .header-search-form {
    margin: 0 !important;
}
#header .header-search-form input {
    height: 1.823rem;
    border-radius: 5.208rem;
    border-color: #4BAD4C33;
    padding-left: 0.885rem;
    padding-right: 2rem;
    box-shadow: none !important;
    background-color: transparent !important;
}
#header .header-search-form input:focus {
    border-color: var(--main-cl);
}
#header .searchform .button.icon {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-color: transparent !important;
    border: 0;
    color: #333;
    box-shadow: none;
}
#header .searchform .button.icon:hover {
    background-color: transparent !important;
    color: var(--main-cl);
}
#header .autocomplete-suggestion {
    background-color: #fff !important;
}

.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before {
    border: 0 !important;
}
#header .cart-item {
    position: relative;
    margin-left: 0.9375rem !important;
    padding-left: 0.9375rem;
}
#header .cart-item > a{
    flex-direction: row-reverse;
}
#header .cart-item * {
    color: var(--main-cl);
}
#header .cart-item .button.primary.wc-backward {
    color: #fff !important;
}
#header .nav-small .cart-icon {
    width: auto !important;
    height: auto !important;
    font-family: 'Bricolage Grotesque Medium';
    font-size: 0.866rem;
    margin: 0;
    position: relative;
}
#header .nav-small .cart-icon:before {
    content: '(';
    position: absolute;
    top: 0;
    left: 0;
    font-family: inherit;
    font-size: inherit;
    color: var(--main-cl);
}
#header .nav-small .cart-icon:after {
    content: ')';
    position: absolute;
    top: 0;
    right: 0;
    font-family: inherit;
    font-size: inherit;
    color: var(--main-cl);
}

#header .nav-dark .cart-icon strong {
    border: none !important;
    margin: 0;
    position: unset;
    width: auto;
    height: auto;
    font-size: inherit;
    font-family: inherit;
    font-weight: unset;
    line-height: 1;
    padding: 0 5px;
}
#header .nav-dark .cart-icon strong:after {
    content: unset !important;
}
#header .woocommerce-Price-amount.amount *,
#header .woocommerce-Price-amount.amount {
    color: var(--body-cl) !important;
    /*display: none;*/
}
#header .header-cart-title {
    font-family: 'Bricolage Grotesque Medium';
    font-size: 0.833rem;
    color: var(--body-cl);
    text-transform: uppercase;
    margin-left: 4px;
}

header#header,
#header .header-main {
    height: auto !important;
}
#header #logo {
    width: 6.3rem;
    margin-top: -2.5rem;
    margin-right: 0;
    transition: .3s all;
}
#header .stuck #logo {
    width: 4rem;
    margin-top: 0;
}
#header .stuck #logo img,
#header #logo img {
    max-height: unset !important;
}
#header .header-nav-main {
    margin-top: 0.6rem;
}
#header .stuck .header-nav-main {
    margin-top: 0;
}
#header .nav > li.header-divider {
    margin: 0 1rem;
}
#header .nav > li {
    margin: 0 1.042rem;
}
#header .nav > li > a {
    font-family: 'Bricolage Grotesque Medium';
    font-size: 0.9375rem;
    font-weight: unset !important;
    color: var(--body-cl);
    letter-spacing: 0%;
    text-transform: initial !important;
    padding: 0;
}
.nav > li > a {
    transition: unset;
}
#header .header-nav-main > li > a {
    line-height: 2.6rem !important;
}
#header .stuck .header-nav-main > li > a {
    line-height: 4.5rem !important;
}

#header .nav>li.current_page_item>a,
#header .nav>li>a:hover {
    color: var(--main-cl) !important;
}
.header-nav>li>a:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 3px;
    transform: translateX(-50%);
    background: var(--main-cl) !important;
    border-top-left-radius: 0.521rem;
    border-top-right-radius: 0.521rem;
    z-index: 9;
    transition: .5s all;
}
.header-nav>li>a.active:before,
.header-nav>li.current_page_item>a:before,
.header-nav>li>a:hover:before {
    width: 100%;
}

.header .search-form .autocomplete-suggestions {
    min-width: 15.5rem;
}
.autocomplete-suggestion img+.search-name {
    font-family: 'Bricolage Grotesque Regular';
}
.autocomplete-suggestion .search-price {
    font-family: 'Bricolage Grotesque Medium';
}
#header .autocomplete-suggestion:hover {
    background-color: rgb(13 153 72 / 0.4) !important;
}

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

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

.lang_header img[alt="icon_global"] {
    filter: brightness(0) invert(1);
}
.header_style_2 .lang_header img[alt="icon_global"],
.stuck .lang_header img[alt="icon_global"] {
    filter: brightness(1) invert(0);
}

.cart-icon:hover strong, .current-dropdown .cart-icon strong {
    background-color: #fff;
    /*color: #fff*/
}

/*FOOTER*/
.page-template-contact #footer {
    margin-top: 0;
}
#footer {
    margin-top: 7.8125rem;
}
#footer .footer-top {
    padding-top: 4.792rem;
    padding-bottom: 3.646rem;
    background: radial-gradient(95.34% 100% at 50% 0%, #0B7B3A 0%, #0D9948 100%);
}
#footer .footer-top .col-left {
    padding-right: 5rem;
}
.logo-footer {
    width: fit-content;
}
.logo-footer:hover img {
    transform: scale(.95);
}
.logo-footer img {
    width: fit-content;
    height: 9.896rem;
    transition: .7s all;
    object-fit: contain;
}
#footer .footer-top .cont-wrap {
    width: fit-content;
    margin-top: 4.792rem;
}
#footer .title-company {
    margin-bottom: 0.521rem;
    padding-bottom: 0.521rem;
}
#footer .title-company:after,
#footer .title-company:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 6.25rem;
    height: 1px;
    background: #FFFFFF33;
    pointer-events: none;
}
#footer .title-company:after {
    width: 3.333rem;
    height: 2px;
    background: #fff;
}
#footer .info-company .content {
    line-height: 1.8;
}

#footer .footer-top .col-right {
    margin-left: -2rem;
}
#footer .footer-top .slogan {
    line-height: normal;
}
.footer-top .box-form {
    margin-top: 2.5rem;
}
.footer-top .footer-menu {
    margin-top: 3.3rem;
}
.footer-top form {
    margin-bottom: 0;
}
.footer-top .form-item {
    margin-bottom: 0;
}
.footer-top .form-item input {
    font-size: 0.9rem;
    height: 2.75rem;
    border-radius: 0;
    color: #fff;
    border-color: transparent !important;
    border-bottom-color: #FFFFFF33 !important;
    background: transparent;
    padding-left: 0;
    padding-right: 3rem;
}
.footer-top .form-item input:focus {
    border-bottom-color: #fff !important;
}
.footer-top .wpcf7 form.wpcf7-form .wpcf7-response-output {
    font-size: .8rem;
    margin-top: 0.5rem;
}
.footer-top .loading-spin.centered,
.footer-top .processing:before {
    border-left-color: var(--sub-cl) !important;
    opacity: 1;
}
.footer-top input::placeholder {
    font-family: 'Bricolage Grotesque SemiBold';
    font-size: 1.042rem;
    color: #fff;
}
.footer-top .submit-btn {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-top .submit-btn .inner {
    display: flex;
    align-items: center;
}
.footer-top .submit-btn input {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: fit-content;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0 !important;
}
.footer-top .submit-btn .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
}
.footer-top .wpcf7-response-output {
    color: #ffb900;
}
.footer-top .wpcf7-spinner {
    display: none;
}
.footer-top .wpcf7 .wpcf7-not-valid-tip {
    position: absolute;
}
.loading-spin.centered, .processing:before {
    border-left-color: var(--main-cl) !important;
}

.footer-top .footer-menu {
    gap: 1rem;
}
.footer-menu .title-menu {
    position: relative;
    padding-bottom: 0.521rem;
    margin-bottom: 0.677rem;
}
.footer-menu .title-menu:after,
.footer-menu .title-menu:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 6.25rem;
    height: 1px;
    background: #FFFFFF33;
    pointer-events: none;
}
.footer-menu .title-menu:after {
    width: 3.125rem;
    height: 2px;
    background: #fff;
}
ul.menu-footer a {
    font-family: 'Bricolage Grotesque Regular';
    font-size: 0.729rem;
    color: #fff;
    border-bottom: 1px solid transparent;
}
ul.menu-footer a:hover {
    border-color: #fff;
}

.footer-menu .item {
    width: calc((100% / 4) - (1rem * 3 / 4));
}
.footer-menu .item.socials ul {
    position: relative;
    z-index: 12;
    gap: 0.625rem;
}
.footer-menu .item.socials a {
    display: flex;
}
.footer-menu .item.socials a:hover img {
    transform:  scale(.92);
}
.footer-menu .item.socials img {
    width: 1.979rem;
    height: 1.979rem;
}

#footer .footer-bottom {
    background: #1B7641;
    padding: 0.625rem 0 0.5rem;
}
.footer-bottom ul {
    gap: 1.979rem;
}
.footer-bottom ul a {
    border-bottom: 1px solid transparent;
}
.footer-bottom ul a:hover {
    border-color: #fff;
    color: #fff;
}

.desc-sec strong {
    font-weight: unset;
    font-family: 'Bricolage Grotesque Medium';
}

/*fixed contact*/
ul.fixed-button {
    margin: 0;
}
ul.fixed-button.desktop-display {
    position: fixed;
    bottom: 3rem;
    right: 0;
    list-style: none;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
ul.fixed-button.desktop-display li {
    width: 0;
}
ul.fixed-button>li:not(:last-child) {
    margin-bottom: 0.768rem;
}
ul.fixed-button>li>div.flex {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    align-items: center;
}
ul.fixed-button>li>div.flex img {
    max-width: 50%;
    max-height: 50%;
    width: auto;
    height: auto;
    z-index: 1;
}
ul.button-cta.mobile-display{
    display:none;
}
ul.fixed-button li span.text {
    width: max-content;
    white-space: nowrap;
    padding: .9rem 1.771rem;
    border-radius: 5.208rem;
    background: #fff;
    filter: drop-shadow(4px 4px 10px #00491F0D);
    font-family: 'Bricolage Grotesque SemiBold';
    font-size: 0.9375rem;
    color: #333333;
    margin-right: 0.521rem;
    opacity: 0;
    transition: .4s all;
    pointer-events: none;
}
ul.fixed-button li span.icon:hover + span.text {
    opacity: 1;
    pointer-events: auto;
}
ul.fixed-button li span.icon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 4.167rem;
    padding: 0 0.521rem;
    flex-shrink: 0;
    transition: .4s all;
}
ul.fixed-button li span.icon>.inner {
    width: 3.125rem;
    height: 3.125rem;
    background: radial-gradient(100% 383.67% at 0% 50%, #2AD974 0%, #007632 100%);
    border-radius: 5.208rem;
}
ul.fixed-button li span.icon:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50% 0 0 50%;
    background: radial-gradient(100% 100% at 100% 50%, #043318 0%, #0D9948 100%);
    z-index: -1;
}
ul.fixed-button li span.icon:hover {
    padding-right: 1rem;
}

li.button-cta-footer-open {
    filter: drop-shadow(4px 4px 10px rgb(207 207 207 / 0.3));
}
li.button-cta-footer-open:before {
    display: block;
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    animation: pulse-border 1000ms ease-out infinite;
    background: radial-gradient(100% 383.67% at 0% 50%, #2AD974 0%, #007632 100%);
    border-radius: 100%;
    transform: translate(-50%, -50%);
    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;
    }
}

/*HOME*/
.item-banner-hero {
    height: 48.75rem;
}
.item-banner-hero:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    pointer-events: none;
    z-index: 1;
}
.item-banner-hero .cont-absolute {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 2rem 4.896rem;
    z-index: 3;
}
.item-banner-hero .hero-title>.replay-brackets {
    font-family: "Bricolage Grotesque SemiBold";
    font-size: 1.5625rem;
    margin-top: -3rem;
}

.home-1 {
    margin-top: 6.25rem;
}
.home-1:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 190%;
    background-image: var(--bg-home-1);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    pointer-events: none;
    /*z-index: -1;*/
}
.wrap-product-home {
    margin-top: 1.875rem;
}
.wrap-product-home .arrow-slide {
    top: 70%;
}
.wrap-product-home .arrow-slide.prev {
    left: -5%;
}
.wrap-product-home .arrow-slide.next {
    right: -5%;
}
.slide-product-home {
    margin: 1.875rem -0.599rem 0;
    padding-bottom: 3rem;
}
.slide-product-home .product-item {
    margin: 0 0.599rem;
}
.slide-product-home .product-item:after {
    content: '';
    position: absolute;
    top: 96%;
    left: 50%;
    transform: translateX(-50%);
    width: 120%;
    height: 5rem;
    background-image: url('../images/shadow-product.png');
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
}

.product-item {
    position: relative;
    width: fit-content;
    padding-bottom: 2.083rem;
    z-index: 1;
}
.product-item:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12.5rem;
    background: #00421C4D;
    backdrop-filter: blur(10px);
    border-radius: 1.5625rem;
    pointer-events: none;
    z-index: -1;
}
.product-item:hover:before {
    background: var(--sub-cl);
}
.product-item .img-wrap {
    aspect-ratio: 344/325;
}
.product-item .cont-wrap {
    text-align: center;
    margin-top: 1.302rem;
    padding: 0 1rem;
}
.product-item .name-product {
    font-family: 'Bricolage Grotesque Bold';
    font-size: 1.5625rem;
    color: #fff;
    line-height: normal;
}
.product-item .sku {
    font-family: 'Bricolage Grotesque Regular';
    font-size: 0.729rem;
    color: #fff;
    margin-top: 3px;
}

.home-2 {
    padding-top: 4rem;
}
.home-form-wrap {
    background: #00401BB2;
    backdrop-filter: blur(4px);
    border-radius: 2.083rem;
}
.home-form-wrap .box-form {
    padding: 2.76rem 5.3125rem 5rem;
}
.home-form-wrap .form-wrap {
    gap: 0.78125rem;
    margin-top: 1.09375rem;
}
.home-form-wrap .form-wrap label {
    font-family: 'Bricolage Grotesque Regular';
    font-weight: unset;
    font-size: 1.12rem;
    color: #fff;
}
.home-form-wrap .form-item input {
    background: transparent;
    border-color: #FFFFFF40;
    color: #fff;
}
.select.is-error .select-styled,
.home-form-wrap .form-item input.is-error {
    border-color: #FF3F3FFF;
}
.select.is-error .select-styled,
.home-form-wrap .form-item input.is-error::placeholder {
    color: #ff3f3f;
}
.home-form-wrap .form-item input::placeholder {
    color: rgb(255 255 255 / 0.5);
}
.home-form-wrap .form-item input:focus {
    border-color: #FFF !important;
}
.home-form-wrap .form-item input:focus::placeholder {
    color: rgb(255 255 255 / 1);
}
.home-form-wrap .form-wrap .form-item {
    position: relative;
    z-index: 10;
    width: calc((100% / 4) - (0.78125rem * 3 / 4));
}
.home-form-wrap .form-wrap .select.active .select-styled {
    color: #fff;
    border-color: #fff;
}
.home-form-wrap .btn.btn-form {
    background: #fff;
    margin-top: 1.51rem;
    padding: 0.78125rem 1rem 0.833rem;
}
.home-form-wrap .btn.btn-form span.text {
    width: fit-content;
    font-family: 'Bricolage Grotesque SemiBold';
    font-size: 0.833rem;
    color: var(--main-cl);
    margin-left: 0;
}
.home-form-wrap .btn:hover span.text {
    color: var(--sub-cl);
}
.home-form-wrap .box-content {
    background: var(--main-cl);
    padding: 5.4rem 0 5.6rem 5.3125rem;
}
.home-form-wrap .bg-home-2 {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 3;
    pointer-events: none;
}
.home-form-wrap .bg-home-2>img {
    width: fit-content;
    height: 24.479rem;
}
.home-form-wrap .title-sec {
    margin-top: 0;
    padding-right: 34rem;
    color: #fff;
    line-height: normal;
}
.home-link-2 {
    margin-top: 1.458rem;
}

#form-estimate {
    width: 100%;
    max-width: 80rem;
    border-radius: 1.5625rem;
    overflow: hidden;
    padding: 0;
}
#form-estimate>.inner {
    width: 100%;
    max-height: 88vh;
    padding: 3.229rem 5rem;
}
#form-estimate>.inner .gird-fields {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 2.083rem;
    row-gap: 1.042rem;
}
#form-estimate>.inner.loading_show_more {
    overflow-y: auto;
    overflow-x: hidden;
}
#form-estimate>.inner.loading_show_more:after,
#form-estimate>.inner.loading_show_more:before {
    top: 50%;
}
#form-estimate>.inner.custom-scrollbar::-webkit-scrollbar {
    width: 0.55rem;
}
#form-estimate>.inner .select-styled {
    /*border-color: var(--main-cl);*/
    color: var(--main-cl);
}

#form-estimate .form-item span.unit {
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    font-family: 'Bricolage Grotesque Regular';
    font-size: 1.042rem;
}
#form-estimate .form-item input[readonly="readonly"] {
    border-color: #00000033 !important;
    background: #F9F9F9 !important;
}
#form-estimate .box-form {
    margin-top: 1.458rem;
}
#form-estimate .result-wrap {
    display: flex;
    margin-top: 2.604rem;
}
#form-estimate .result-wrap > * {
    width: 50%;
    flex: 0 0 auto;
}
#form-estimate .result-wrap .img-graphic>img {
    width: fit-content;
    height: 16.667rem;
    object-fit: contain;
}
#form-estimate .result-inner {
    padding-left: 4.2rem;
}
#form-estimate .result-item span {
    display: block;
    font-family: 'Bricolage Grotesque Regular';
    font-size: 1.042rem;
}
#form-estimate .result-item:not(:last-child) {
    padding-bottom: 0.833rem;
    margin-bottom: 0.833rem;
    border-bottom: 1px solid #DADADA;
}
#form-estimate .result-item strong {
    font-family: 'Bricolage Grotesque SemiBold';
    font-size: 1.823rem;
    color: var(--main-cl);
    line-height: 1;
}

#form-submit-energy {
    max-width: 45%;
    height: 70%;
    border-radius: 1.2rem;
    overflow-y: auto;
    overflow-x: hidden;
}

.submit-form-popup {
    position: relative;
    width: fit-content;
    margin: 0 auto;
    margin-top: 2rem;
}
.submit-form-popup>input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 0 !important;
}
.submit-form-popup:hover .btn-style-2 {
    background-position: 100%;
}

.fancybox-slide--html .fancybox-close-small{
    top: .5rem;
    right: 1rem;
    padding: 0;
    transition: .5s all;
}
.fancybox-close-small:hover {
    transform: rotate(180deg);
    color: var(--main-cl);
}

.home-3 {
    padding-top: 6.09375rem;
}
.home-3>.inner-home-3 {
    padding: 6.615rem 0;
    margin: 0 5.521rem;
    border-radius: 1.5625rem;
}
.home-title-3 > * {
    color: #fff;
}
.home-counter-3 {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.458rem;
}
.home-counter-3 .item {
    width: max-content;
    max-width: 12.1875rem;
    min-width: 12.1875rem;
}
.home-counter-3 .item-counter .text,
.home-counter-3 .item-counter .number {
    color: #fff;
}

.home-4 {
    padding-top: 6.042rem;
}
.wrap-project-home {
    margin-top: 1.875rem;
}
.wrap-project-home .arrow-slide.prev {
    left: -4.5%;
}
.wrap-project-home .arrow-slide.next {
    right: -4.5%;
}
.slide-home-4 .swiper-slide {
    max-width: 85%;
    opacity: .5;
    transition: .4s all;
}
.slide-home-4 .swiper-slide.swiper-slide-active {
    opacity: 1;
}
.slide-home-4 .swiper-slide:has(~ .swiper-slide-prev),
.slide-home-4 .swiper-slide.swiper-slide-next ~ * {
    opacity: 0;
}
.slide-home-4 .item {
    border-radius: 1.5625rem;
}
.slide-home-4 .item:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 45%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 34.3%, rgba(0, 0, 0, 0.7) 84%);
    pointer-events: none;
    z-index: 1;
    opacity: 0;
}
.slide-home-4 .swiper-slide.swiper-slide-active .cont-wrap,
.slide-home-4 .swiper-slide.swiper-slide-active .item:before {
    opacity: 1;
}
.slide-home-4 .cont-wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    padding: 0 3.802rem 2.865rem 3.802rem;
    opacity: 0;
    transition: .4s all;
}
.slide-home-4 .inner {
    border-left: 2px solid #FFFFFF;
    padding-left: 1.71875rem;
}
.slide-home-4 .inner h3 {
    line-height: normal;
    margin-top: 0.417rem;
    color: #fff !important;
}
.slide-home-4 .inner .address {
    margin-top: 0.625rem;
}
.home-link-4 {
    margin-top: 2.604rem;
}

.home-5 {
    padding-top: 7.292rem;
}
.home-content-5 {
    margin-top: 1.354rem;
}
.home-content-5 .box-content {
    height: 28.542rem;
    background: #fff;
    border-radius: 1.042rem;
    filter: drop-shadow(0px 4px 20px #0000000D);
    overflow: hidden;
}
.home-content-5 .box-content>.img-wrap {
    width: 56%;
    height: 100%;
    flex-grow: 1;
}
.home-content-5 .box-content .inner-img {
    clip-path: inset(0 100% 0 0);
    transition: clip-path 0.4s ease-in-out;
}
.home-content-5 .box-content .inner-img.show {
    clip-path: inset(0 0 0 0);
}
.home-content-5 .box-content>.cont-wrap {
    width: 44%;
    flex-shrink: 0;
    padding: 1rem 2.083rem 2.604rem 4.0625rem;
}
.home-content-5 .box-content .inner-content {
    max-height: 17rem;
    opacity: 0;
    transition: .5s all;
}
.home-content-5 .box-content .inner-content.show {
    opacity: 1;
    transition: .5s all;
}
.home-content-5 .box-content>.cont-wrap blockquote {
    padding: 0 !important;
    border: 0 !important;
    font-style: normal !important;
}
.home-content-5 .box-content>.cont-wrap blockquote p {
    font-size: 0.729rem;
}
.home-content-5 .box-content>.cont-wrap blockquote :is(strong, b) {
    font-family: 'Bricolage Grotesque SemiBold';
    font-size: 0.833rem;
    color: var(--main-cl) !important;
}
.home-content-5 .box-content .tabs-content {
    margin-top: 2.8rem;
}
.home-content-5 .box-content .tabs-content .img-wrap {
    width: 3.28125rem;
    height: 3.28125rem;
    border-radius: 5.208rem;
    cursor: pointer;
    opacity: .4;
    transform: scale(.86);
    transition: .3s all;
}
.home-content-5 .box-content .tabs-content .img-wrap:is(:hover, .active) {
    opacity: 1;
    transform: scale(1);
}

.home-6 {
    margin-top: 8.75rem;
    padding-top: 8.229rem;
}
.home-6:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 230%;
    background-image: var(--bg-home-6);
    background-repeat: no-repeat;
    background-size: 100%, cover;
    background-position: top;
    border-radius: 2.604rem 2.604rem 0 0;
    pointer-events: none;
}
.home-title-6 {
    padding-right: 5rem;
}
.home-title-6 .desc-sec {
    margin-top:  1rem;
    line-height: 1.35;
}
.home-title-6 .desc-sec strong {
    font-weight: unset;
    font-family: 'Bricolage Grotesque Medium';
}
.home-img-6 {
    border-radius: 1.042rem;
}
.home-link-6 {
    margin-top: 1.458rem;
}

.home-7 {
    padding-top: 8.75rem;
}
.home-content-7 {
    margin: -3rem auto 0;
    width: fit-content;
    max-width: 41.5625rem;
}
.home-content-7 .img-graphic {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    width:  32.917rem;
    height: auto;
}

.home-content-7 .item-tab .img-wrap {
    width: 3.698rem;
    aspect-ratio: 1;
    z-index: 1;
    flex: 0 0 auto;
}
.home-content-7 .item-tab>.inner {
    gap: 1.40625rem;
}
.home-content-7 .nav-tabs-icon .item-tab {
    position: absolute;
    top: 50%;
    left: -50%;
    margin: 0;
    cursor: pointer;
}
.home-content-7 .nav-tabs-icon .item-tab .title {
    width: fit-content;
}
.home-content-7 .nav-tabs-icon .item-tab:nth-child(3) .title,
.home-content-7 .nav-tabs-icon .item-tab:nth-child(2) .title,
.home-content-7 .nav-tabs-icon .item-tab:nth-child(1) .title {
    text-align: right;
}
.home-content-7 .nav-tabs-icon .item-tab:nth-child(1) {
    top: 26%;
    left: -25%;
}
.home-content-7 .nav-tabs-icon .item-tab:nth-child(2) {
    top: 46%;
    left: -26%;
}
.home-content-7 .nav-tabs-icon .item-tab:nth-child(3) {
    top: 66%;
    left: -24%;
}
.home-content-7 .nav-tabs-icon .item-tab:nth-child(4) {
    top: 25%;
    left: 91%;
    width: max-content;
}
.home-content-7 .nav-tabs-icon .item-tab:nth-child(5) {
    top: 45%;
    left: 96%;
    width: max-content;
}
.home-content-7 .nav-tabs-icon .item-tab:nth-child(6) {
    top: 66%;
    left: 92%;
    width: max-content;
}
.home-content-7 .nav-tabs-icon .item-tab:nth-child(6)>.inner,
.home-content-7 .nav-tabs-icon .item-tab:nth-child(5)>.inner,
.home-content-7 .nav-tabs-icon .item-tab:nth-child(4)>.inner {
    flex-direction: row-reverse;
}

.home-8 {
    padding-top: 6rem;
}
.wrap-home-8 {
    margin-top: 2.083rem;
}
.wrap-home-8 .arrow-slide.prev {
    left: -6.5%;
}
.wrap-home-8 .arrow-slide.next {
    right: -6.5%;
}
.home-slide-8 {
    margin: 0 -0.521rem;
}
.home-link-8.tablet-hide {
    margin-bottom: 1rem;
}
.post-item{
    display: flex;
    flex-direction: column;
    gap: 1.146rem;
    margin: 0 0.521rem;
}
.post-item .img-wrap {
    aspect-ratio: 345/445;
    border-radius: 0.521rem;
}
.post-item .cont-wrap{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 0.521rem;
}
.post-item .cont-wrap .term-date{
    font-family: 'Bricolage Grotesque Regular';
    font-size: 0.729rem;
    line-height: 1.5;
    color: var(--body-cl);
    gap: 0.417rem;
}

/*ABOUT*/
.breadcrumbs-page {
    margin-top: 1.5625rem;
}

.about-1 {
    padding-top: 4.583rem;
}
.about-img-1 {
    margin: 3.021rem calc(-1 * (100vw - var(--container-w)) / 2 - 0.78125rem) 0;
}
.about-desc-1 {
    line-height: 1.3;
}
.about-title-1.desc-sec {
    padding-left: 5rem;
}

.about-2 {
    padding-top: 7.604rem;
}
.about-content-2 .item:first-child {
    padding-top: 5.052rem;
}
.about-content-2 .item:first-child:before {
    height: 40%;
}
.about-content-2 .item:first-child .cont-wrap {
    margin-top: 3rem;
}
.about-content-2 .item:nth-child(2) {
    padding-top: 2.083rem;
}
.about-content-2 .item:nth-child(3) {
    padding-top: 5.729rem;
}
.about-content-2 .item:nth-child(3):before {
    height: 90%;
}
.about-content-2 .item:nth-child(2) .cont-wrap {
    margin-top: 5rem;
}
.about-content-2 .item:nth-child(3) .cont-wrap {
    margin-top: 4rem;
}
.about-content-2 .item:nth-child(4n) {
    align-items: center;
    padding-top: 2rem;
}
.about-content-2 .item>* {
    width: 50%;
    flex: 0 0 auto;
}
.about-content-2 .item:before {
    content: '';
    position: absolute;
    bottom: calc(50% + 1rem);
    left: 50.069%;
    transform: translateX(-50%);
    width: 2px;
    height: 100%;
    background-image: linear-gradient(180deg, rgba(13, 153, 72, 0) 0%, #0D9948 100%);
    pointer-events: none;
}
.about-content-2 .item:after {
    content: '';
    position: absolute;
    bottom: 50%;
    left: 50%;
    transform: translateX(-51.6%);
    width: 1.615rem;
    height: 1.615rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzEiIHZpZXdCb3g9IjAgMCAzMSAzMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTUuNSIgY3k9IjE1LjUiIHI9IjE1IiBzdHJva2U9IiMwRDk5NDgiLz4KPHJlY3QgeD0iMTEiIHk9IjEwIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHJ4PSI1IiBmaWxsPSIjMEM5ODQ3Ii8+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    pointer-events: none;
}
.about-content-2 .item:hover:before {
    background-image: linear-gradient(180deg, rgba(35, 110, 146, 0) 0%, #236e92 100%);
}
.about-content-2 .item:hover:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzEiIHZpZXdCb3g9IjAgMCAzMSAzMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTUuNSIgY3k9IjE1LjUiIHI9IjE1IiBzdHJva2U9IiMyMzZFOTIiLz4KPHJlY3QgeD0iMTEiIHk9IjEwIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHJ4PSI1IiBmaWxsPSIjMjM2RTkyIi8+Cjwvc3ZnPgo=");
}
.about-content-2 .item .img-wrap>img {
    border-radius: 1.042rem;
}
.about-content-2 .item .img-wrap {
    padding-right: 5rem;
}
.about-content-2 .item:nth-child(even) .img-wrap {
    padding-left: 5rem;
    padding-right: 0;
}
.about-content-2 .item .cont-wrap {
    padding-left: 5rem;
}
.about-content-2 .item:nth-child(even) .cont-wrap {
    order: -1;
    padding-right: 5rem;
    padding-left: 0;
}
.about-content-2 .cont-wrap .content {
    margin-top: 0.521rem;
    line-height: 1.4;
}

.about-3 {
    margin-top: 8.698rem;
    padding-bottom: 32rem;
    background-size: auto;
    position: relative;
    background-position: bottom;
}
.about-title-3 {
    padding: 0 11rem;
}
.about-title-3 .desc-sec {
    margin-top: .5rem;
    line-height: 1.4;
}
.about-counter-3 {
    gap: 1rem;
    margin-top: 2.917rem;
}
.about-counter-3 .item-counter {
    width: calc((100% / 4) - (1rem * 3 / 4));
}
.about-counter-3 .item-counter .number-wrap {
    display: flex;
    justify-content: center;
}

.about-4 {
    padding-top: 7.292rem;
}
.about-content-4 {
    margin-top: 3.073rem;
}
.about-content-4 .item:first-child {
    padding-top: 1.615rem;
    border-top: 1px solid #66666633;
}
.about-content-4 .item {
    padding-bottom: 1.615rem;
    margin-bottom: 1.615rem;
    border-bottom: 1px solid #66666633;
}
.about-content-4 .item .img-wrap {
    width: 17.396rem;
    aspect-ratio: 334/172;
    border-radius: 1.042rem;
    flex-shrink: 0;
}
.about-content-4 .item .cont-wrap {
    width: 35.208rem;
    margin-left: 6.354rem;
    flex-shrink: 0;
}
.about-content-4 .item .desc {
    margin-top: 0.5rem;
    color: #2A2A2A;
}
.about-content-4 .item .number {
    font-family: 'Bricolage Grotesque Bold';
    font-size: 5.208rem;
    background: linear-gradient(180deg, rgba(14, 124, 63, 0.2) 0%, rgba(14, 124, 63, 0.1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-left: auto;
}

.about-5 {
    margin-top: 6rem;
    padding-top: 6rem;
}
.about-5:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150%;
    background: linear-gradient(180deg, #EBF9FF 0%, rgba(235, 249, 255, 0) 100%);
    border-radius: 2.604rem 2.604rem 0 0;
    pointer-events: none;
}
.about-title-5 {
    margin-bottom: 2.448rem;
}
.about-img-5 {
    border-radius: 1.042rem;
    margin-right: 5.208rem;
}
.about-content-5 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 4.01rem;
    row-gap: 3.90625rem;
}
.about-content-5 .icon {
    position: relative;
    width: 4.6875rem;
    height: 4.6875rem;
    padding: 0.521rem;
    border-radius: 5.208rem;
    overflow: hidden;
}
.about-content-5 .icon:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0);
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTAiIGhlaWdodD0iOTAiIHZpZXdCb3g9IjAgMCA5MCA5MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNDUiIGN5PSI0NSIgcj0iNDQiIHN0cm9rZT0idXJsKCNwYWludDBfbGluZWFyXzE1NTM1XzQ5MikiIHN0cm9rZS13aWR0aD0iMiIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzE1NTM1XzQ5MiIgeDE9IjkwIiB5MT0iNDUiIHgyPSIwIiB5Mj0iNDUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzA2NkMzMSIvPgo8c3RvcCBvZmZzZXQ9IjAuNSIgc3RvcC1jb2xvcj0iIzA2NkMzMSIgc3RvcC1vcGFjaXR5PSIwIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzA2NkMzMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    pointer-events: none;
    opacity: .2;
}
.about-content-5 .icon>.inner {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: var(--main-cl);
    border-radius: 5.208rem;
}
.about-content-5 .icon img {
    width: 2.083rem;
    height: 2.083rem;
}
.about-content-5 .cont-wrap {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    margin-top: 0.833rem;
}

.about-6 {
    padding-top: 9.0625rem;
}
.about-content-6 {
    margin: 0 8.3rem;
}
.about-content-6 .arrow-absolute>.arrow-slide.prev {
    left: -5%;
}
.about-content-6 .arrow-absolute>.arrow-slide.next {
    right: -5%;
}
.about-content-6 .arrow-slide:hover rect {
    fill: #B79372;
}
.about-slide-6 {
    margin: 3.021rem 0 0;
}
.about-slide-6 .img-wrap {
    border-radius: 0.521rem;
}
.about-slide-6 .swiper-slide {
    transform: scale(.85);
    transition: .4s all;
}
.about-slide-6 .swiper-slide.swiper-slide-active {
    transform: scale(1);
}

/*PROJECT*/
.project-content {
    padding-top: 5.208rem;
}

.wrap-menu-side {

}
.wrap-menu-side ul {
    display: flex;
    justify-content: center;
    overflow-x: auto;
    background: var(--sub-cl);
}
.terms-menu-side a {
    display: block;
    font-family: 'Bricolage Grotesque Medium';
    font-size: 0.9375rem;
    color: #fff;
    white-space: nowrap;
    padding: .5rem .8rem;
}
.terms-menu-side a[aria-current="page"],
.terms-menu-side a:hover {
    background: var(--main-cl);
}

.project-list {
    margin-top: 3.646rem;
}
.project-list>.inner {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5625rem;
}
.project-list .project-item {
    border-radius: 0.417rem;
    overflow: hidden;
}
.project-list .project-item .img-wrap {
    aspect-ratio: 380/380;
}
.project-item .cont-absolute {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateY(100%);
    align-items: flex-end;
    z-index: 5;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff 80%);
    padding: 1.042rem 1.042rem 2.604rem;
    width: 100%;
    height: 100%;
    color: #333;
    opacity: 0;
    transition: .5s all;
    pointer-events: none;
}
.project-item:hover .cont-absolute {
    opacity: 1;
    transform: translateY(0);
}

.project-item .img-wrap:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5) 80%);
    opacity: 1;
    z-index: 1;
}
.project-item:hover .img-wrap:before {
    opacity: 0;
}
.project-item > .title {
    position: absolute;
    bottom: 0;
    z-index: 6;
    padding-right: 6.25rem;
    width: 100%;
    margin-bottom: 1rem !important;
    padding-left: 1.042rem;
}
.project-item:hover > .title {
    opacity: 0;
}
.project-item .contents {
    margin-top: 0.4rem;
}
.project-item .contents .item {
    gap: 0.4rem;
}
.project-item .contents .item:not(:last-child) {
    margin-bottom: 0.2rem;
}
.project-item .contents .item>span {
    font-family: 'Bricolage Grotesque Regular';
    font-size: 0.729rem;
}
.project-item .contents .item>span.content {
    font-family: 'Bricolage Grotesque SemiBold';
}

.project-item .btn-skew {
    display: flex;
    position: absolute;
    right: -1px;
    bottom: -1px;
    align-items: center;
    justify-content: center;
    width: 6.25rem;
    height: 2.34375rem;
    z-index: 5;
}
.project-item .btn-skew:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: -1px;
    background: var(--main-cl);
    width: 100%;
    height: 100%;
    clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 100%);
}
.project-item .btn-skew svg {
    z-index: 3;
    margin-left: 1.4rem;
}
.project-item .btn-skew:hover:before {
    background: #0c7c39;
}

.pagination-post > ul {
    display: flex;
    justify-content: center;
    gap: .5rem;
    list-style: none;
    margin: 1.5625rem 0 0;
}
.pagination-post > ul > li {
    margin: 0;
}
.pagination-post > ul > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.667rem;
    height: 1.667rem;
    font-family: 'Bricolage Grotesque Regular';
    font-size: .9rem;
    color: #fff;
    line-height: normal;
    background: var(--sub-cl);
}
.pagination-post > ul > li.active a,
.pagination-post > ul > li > a:hover {
    background: var(--main-cl);
}

.woocommerce-pagination {
    margin-top: 2rem;
}
.woocommerce-pagination .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
}
.woocommerce-pagination li > a,
.woocommerce-pagination li > span {
    min-width: 0;
    min-height: 0;
    width: 1.667rem;
    height: 1.667rem;
    font-family: 'Bricolage Grotesque Regular';
    font-weight: normal;
    color: var(--white-cl) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: normal;
    border-radius: 0;
    border: none;
    background-color: var(--sub-cl) !important;
    border-color: var(--sub-cl) !important;
}
.nav-pagination>li>.current,
.nav-pagination>li>a:hover,
.nav-pagination>li>span:hover {
    background-color: var(--main-cl) !important;
    border-color: var(--main-cl) !important;
}

/*PROJECT DETAILS*/
.project-details {
    padding-top: 3.646rem;
}
.project-details .col-right {
    padding-left: 3rem;
}

.post-details-slide .img-wrap {
    height: 26rem;
}
.arrow-details-style>.arrow-slide {
    filter: drop-shadow(0 0 16px rgba(0, 0, 0, .11));
    transition: .3s all;
}
.arrow-details-style>.arrow-slide:hover {
    filter: drop-shadow(0 0 16px rgb(13 153 72 / .3));
}
.arrow-details-style>.arrow-slide rect {
    /*fill: rgb(183, 147, 114);*/
    fill: #fff;
    stroke: #fff;
}
.arrow-details-style>.arrow-slide path {
    stroke: var(--main-cl);
}
.arrow-details-style>.arrow-slide.prev {
    left: -2.2%;
}
.arrow-details-style>.arrow-slide.next {
    right: -2.2%;
}

.project-info-wrap {
    margin-top: 0.521rem;
    background: #ebebeb;
    padding: 2.083rem 1.5625rem;
    gap: 1rem;
}
.project-info-wrap .item:not(:last-child) {
    padding-right: 1rem;
    border-right: 1px solid #ccc;
}
.project-info-wrap .item {
    width: calc((100% / 3) - (2rem * 2 / 3));
    gap: 0.521rem;
}
.project-info-wrap .item .icon {
    width: fit-content;
    padding-top: 5px;
    flex-shrink: 0;
}
.project-info-wrap .item .icon>img {
    width: fit-content;
    height: 2.083rem;
}

.post-content {
    margin-top: 2.083rem;
}
.post-content :is(ul, ol) {
    padding-left: 2rem;
}
.a-style a {
    color: var(--main-cl);
    border-bottom: 1px solid transparent;
}
.a-style a:hover {
    border-color: var(--main-cl);
}

.project-related-wrap {
    border-top: 1px solid #e1e1e1;
    padding-top: 3rem;
    margin-top: 3rem;
}
.project-slide-related {
    margin-top: 1.4rem;
}
.project-slide-related .project-item {
    margin: 0 .5rem;
    overflow: hidden;
    border-radius: 0.5rem;
}
.project-slide-related .project-item .img-wrap {
    aspect-ratio: 238 / 238;
}
.project-slide-related  .project-item .cont-absolute h3 {
    font-size: 1rem;
}
.project-slide-related  .project-item .title {
    font-size: 1rem;
}

.fixed-sidebar {
    position: sticky;
    top: 6rem;
}
.sidebar-wrap {
    border-radius: 5px;
    background: #f7f7f7;
    padding: 1.042rem;
    overflow: hidden;
}
.sidebar-wrap+.sidebar-wrap {
    margin-top: 1.042rem;
}
.sidebar-wrap .no-result-data {
    margin-bottom: 0;
    margin-top: 1rem;
}
.sidebar-wrap > h2 {
    position: relative;
}
.sidebar-wrap > h2:before {
    content: "";
    position: absolute;
    top: 0;
    left: -1.042rem;
    background: var(--main-cl);
    width: 3px;
    height: 100%;
}
.sidebar-wrap > .menu-sidebar {
    margin-top: 1.042rem;
}
.menu-sidebar >li>a {
    font-family: 'Bricolage Grotesque SemiBold';
    font-size: 0.833rem;
    color: var(--body-cl);
    text-decoration: none;
}
.menu-sidebar >li>a:hover {
    color: var(--sub-cl);
    text-decoration: underline;
}

.form-sidebar {
    margin-top: 1.042rem;
    background: #fff;
    box-shadow: 0 8px 50px 0 rgba(0, 0, 0, .1);
}
.form-sidebar > h2 {
    border-radius: 5px 5px 0 0;
    padding: 1.042rem;
    background: var(--sub-cl);
}
.form-sidebar .wpcf7 {
    border-radius: 0 0 5px 5px;
}
.form-sidebar .form-wrap {
    padding: 1.042rem;
}
.form-sidebar .form-wrap input {
    height: 2.604rem;
}
.form-sidebar .form-wrap .form-item:not(:last-child) {
    margin-bottom: .8rem;
}
.form-sidebar .form-wrap .submit-btn {
    margin: 0 !important;
    width: 100%;
}
.form-sidebar .form-wrap .submit-btn>input {
    width: 100%;
    font-family: "Bricolage Grotesque SemiBold";
    font-weight: unset;
    font-size: 0.833rem;
    border-radius: 5.208rem;
    background-color: var(--main-cl);
    margin: 0 !important;
}

/*BLOG*/
.blog-page {
    padding-top: 3.646rem;
}
.wrap-blog-cat {
    display: flex;
    justify-content: center;
}
.wrap-blog-cat ul {
    display: flex;
    justify-content: flex-start;
    width: fit-content;
    overflow-x: auto;
    gap: 0;
    box-shadow: 0 0 46px 0 rgba(0, 0, 0, .07);
    border-radius: 5px;
}
.wrap-blog-cat ul>li:not(:first-child) {
    border-left: 1px solid #ebebeb;
}
.wrap-blog-cat ul>li>a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .6rem 0.78125rem;
    font-family: 'Bricolage Grotesque SemiBold';
    white-space: nowrap;
    color: var(--body-cl);
    font-size: 0.76rem;
}
.wrap-blog-cat ul>li>a[aria-current="page"],
.wrap-blog-cat ul>li>a:hover {
    color: #fff;
}

.blog-list {
    margin-top: 3rem;
}
.blog-list>.inner {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5625rem;
}
.blog-list>.inner .post-item {
    margin: 0;
}
.blog-list>.inner .post-item .img-wrap {
    aspect-ratio: 345 / 280;
    border-radius: 0.521rem;
}

.blog-details {
    padding-top: 3.646rem;
}
.blog-details-heading .date {
    flex-direction: column;
    align-items: center;
    border-right: 1px solid #e1e1e1;
    padding-right: 1.042rem;
    margin-right: 1.042rem;
    text-align: center;
    flex: 0 0 auto;
}
.blog-details-heading .date > span.day {
    line-height: 1;
}
.blog-details-content {
    border-top: 1px solid #e5e5e5;
    padding-top: 1.042rem;
    margin-top: 1.5625rem;
}
.post-footer {
    margin-top: 1rem;
}
.post-footer span.title {
    font-size: 0.9375rem;
    margin-right: 0.833rem;
    color: #333333;
}
.sharing-wrap .sharing {
    gap: 0.5rem;
}
.sharing-wrap a:hover circle {
    fill: var(--main-cl);
}
.sharing-wrap a:hover path {
    fill: #fff;
}

.tags-wrap {
    margin-top: 1rem;
}
.tags-wrap ul {
    gap: 0.4rem;
}
.tags-wrap li>a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: #ebebeb;
    padding: .5rem 1.042rem;
    color: #5f5f5f;
    font-size: 0.8rem;
}
.tags-wrap li>a:hover {
    background: var(--main-cl);
    color: #fff;
}
.blog-details .col-right {
    padding-left: 2rem;
}
.sidebar-latest-post {
    margin-top: 1.042rem;
}
.sidebar-latest-post > h2 {
    background: var(--sub-cl);
    padding: 1.042rem;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.sidebar-latest-post .list-post {
    margin-top: 0.521rem;
}
.sidebar-latest-post .item {
    box-shadow: 0 8px 51px 0 rgba(0, 0, 0, .07);
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    padding: 0.521rem 1.042rem;
    transition: .4s all;
}
.sidebar-latest-post .item h3 {
    transition: .4s all;
}
.sidebar-latest-post .item:hover {
    background: var(--sub-cl);
}
.sidebar-latest-post .item:hover > .date {
    border-color: #fff;
}
.sidebar-latest-post .item > .date > span.day {
    line-height: 1;
}
.sidebar-latest-post .item:hover * {
    color: #fff;
}
.sidebar-latest-post .item > .date {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    padding-right: 1.042rem;
    margin-right: 1.042rem;
    border-right: 1px solid var(--main-cl);
}
.sidebar-latest-post .item:not(:last-child) {
    margin-bottom: 0.521rem;
}

.wrap-post-related {
    padding-top: 3.125rem;
}
.list-post-related {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 1.667rem;
    margin-top: 1.5rem;
}
.list-post-related .post-item .img-wrap {
    aspect-ratio: 345 / 280;
}
.wrap-post-related .post-link-all {
    margin-top: 2rem;
}

/*PRODUCT DETAILS*/
.woocommerce-message.message-wrapper {
    display: none !important;
}
.post-type-archive-product .category-page-title {
    padding-top: 3rem;
}
.post-type-archive-product .page-title-inner {
    padding-top: 0;
}
.post-type-archive-product .woocommerce-ordering select {
    margin: 0;
}
.post-type-archive-product .woocommerce-ordering select:focus {
    box-shadow: none !important;
}
.post-type-archive-product .category-filtering [data-open="#shop-sidebar"] {
    margin-top: 1.2rem;
    outline: 0 !important;
}
.post-type-archive-product .category-filtering > .inline-block {
    display: none;
}

.shop-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.single-product .shop-container {
    padding-top: 2rem;
    align-items: unset;
}
.shop-container .term-description {
    order: 3;
}
.woocommerce-breadcrumb {
    display: flex;
    align-items: center;
    font-weight: unset;
}
.woocommerce-breadcrumb a:first-of-type {
    position: relative;
    width: 1.042rem;
    height: 1.042rem;
    font-size: 0;
}
.woocommerce-breadcrumb a:first-of-type: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,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjg3NDUgMTYuMjQ5NFYxMi40OTkzQzExLjg3NDUgMTIuMzMzNSAxMS44MDg3IDEyLjE3NDYgMTEuNjkxNSAxMi4wNTc0QzExLjU3NDMgMTEuOTQwMSAxMS40MTUzIDExLjg3NDMgMTEuMjQ5NSAxMS44NzQzSDguNzQ5NTRDOC41ODM3OCAxMS44NzQzIDguNDI0ODEgMTEuOTQwMSA4LjMwNzYgMTIuMDU3NEM4LjE5MDM5IDEyLjE3NDYgOC4xMjQ1NCAxMi4zMzM1IDguMTI0NTQgMTIuNDk5M1YxNi4yNDk0QzguMTI0NTQgMTYuNDE1MSA4LjA1ODcgMTYuNTc0MSA3Ljk0MTUxIDE2LjY5MTNDNy44MjQzMiAxNi44MDg1IDcuNjY1MzcgMTYuODc0NCA3LjQ5OTYyIDE2Ljg3NDRMMy43NTAwOCAxNi44NzQ5QzMuNjY4IDE2Ljg3NDkgMy41ODY3MSAxNi44NTg3IDMuNTEwODggMTYuODI3M0MzLjQzNTA0IDE2Ljc5NTkgMy4zNjYxMyAxNi43NDk5IDMuMzA4MDkgMTYuNjkxOEMzLjI1MDA0IDE2LjYzMzggMy4yMDQgMTYuNTY0OSAzLjE3MjU4IDE2LjQ4OTFDMy4xNDExNyAxNi40MTMyIDMuMTI1IDE2LjMzMTkgMy4xMjUgMTYuMjQ5OVY5LjAyNjRDMy4xMjUgOC45MzkzMiAzLjE0MzE5IDguODUzMjEgMy4xNzg0MiA4Ljc3MzU4QzMuMjEzNjQgOC42OTM5NCAzLjI2NTExIDguNjIyNTUgMy4zMjk1NCA4LjU2Mzk3TDkuNTc5MTEgMi44ODE1N0M5LjY5NDE1IDIuNzc2OTYgOS44NDQwNiAyLjcxOSA5Ljk5OTU1IDIuNzE4OTlDMTAuMTU1IDIuNzE4OTkgMTAuMzA0OSAyLjc3Njk0IDEwLjQyIDIuODgxNTRMMTYuNjcwNCA4LjU2Mzk3QzE2LjczNDkgOC42MjI1NSAxNi43ODYzIDguNjkzOTUgMTYuODIxNiA4Ljc3MzU4QzE2Ljg1NjggOC44NTMyMiAxNi44NzUgOC45MzkzNCAxNi44NzUgOS4wMjY0MlYxNi4yNDk5QzE2Ljg3NSAxNi4zMzIgMTYuODU4OCAxNi40MTMyIDE2LjgyNzQgMTYuNDg5MUMxNi43OTYgMTYuNTY0OSAxNi43NSAxNi42MzM4IDE2LjY5MTkgMTYuNjkxOEMxNi42MzM5IDE2Ljc0OTkgMTYuNTY1IDE2Ljc5NTkgMTYuNDg5MSAxNi44MjczQzE2LjQxMzMgMTYuODU4NyAxNi4zMzIgMTYuODc0OSAxNi4yNDk5IDE2Ljg3NDlMMTIuNDk5NSAxNi44NzQ0QzEyLjMzMzcgMTYuODc0NCAxMi4xNzQ4IDE2LjgwODUgMTIuMDU3NiAxNi42OTEzQzExLjk0MDQgMTYuNTc0MSAxMS44NzQ1IDE2LjQxNTEgMTEuODc0NSAxNi4yNDk0VjE2LjI0OTRaIiBzdHJva2U9IiMyNzJEMzUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
}
.woocommerce-breadcrumb a {
    font-family: 'Bricolage Grotesque Regular';
    font-size: 0.729rem;
    font-weight: unset;
    line-height: normal;
    color: var(--body-cl);
    text-transform: initial !important;
}

.custom-product-page .product-title {
    font-family: 'Bricolage Grotesque Bold';
    font-size: 1.458rem;
}
.custom-product-page .product-title-container .is-divider {
    display: none !important;
}
.price-wrapper .price {
    color: var(--main-cl);
}
.custom-product-page .price-wrapper span.amount {
    font-family: 'Bricolage Grotesque Bold';
    font-size: 1.5rem;
    color: var(--main-cl);
}
.product-short-description p:not(:last-child) {
    margin-bottom: 0.4rem;
}
.product-short-description strong {
    font-family: 'Bricolage Grotesque Bold';
    color: #000;
}
.product-short-description :is(strong>a, a>strong) {
    color: var(--main-cl);
    border-bottom: 1px solid transparent;
}
.product-short-description :is(strong>a:hover, a:hover>strong) {
    border-color: var(--main-cl);
}
.custom-product-page table.variations label {
    font-size: 1rem;
    margin-bottom: 0;
}
.custom-product-page table.variations select {
    border-radius: 5px;
    box-shadow: none !important;
}
.quantity input[type=number] {
    box-shadow: none !important;
}
.woocommerce-variation-add-to-cart .button.alt {
    display: none !important;
    background-color: var(--main-cl);
}
.woocommerce-variation-add-to-cart .buttons_added {
    margin-right: 0.6rem;
}
.woocommerce-variation-add-to-cart .ux-buy-now-button {
    background-color: var(--main-cl);
    margin-left: 0 !important;
}
.variations .reset_variations {
    color: red;
}
.product_meta .posted_in a {
    color: var(--main-cl);
}
.product_meta .posted_in a:hover {
    color: var(--sub-cl);
}
.custom-product-page .social-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
.custom-product-page .social-icons i {
    top: 1px;
}
.custom-product-page .social-icons a {
    margin: 0;
}
.custom-product-page a.is-outline:hover {
    background-color: var(--main-cl);
    border-color: var(--main-cl);
}
.custom-product-page a.is-outline .icon-expand {
    margin-top: 4px !important;
}
.custom-product-page .woocommerce-tabs {
    margin-top: 3rem;
    border-top: 1px solid #ececec;
}
.custom-product-page .woocommerce-tabs > ul {
    justify-content: center;
}
.custom-product-page .woocommerce-tabs .additional_information_tab {
    display: none;
}
.custom-product-page .woocommerce-tabs .nav-line>li>a:before {
    background-color: var(--main-cl);
}
.custom-product-page .variant-box {
    position: relative;
}
.custom-product-page .variant-box:before {
    content: '';
    position: absolute;
    top: 5px;
    right: 6px;
    width: 10px;
    height: 10px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMDk0NjYgMTIuODczMkwwLjIxOTY2MSA3Ljk5ODIyQy0wLjA3MzIyMDIgNy43MDUzMyAtMC4wNzMyMjAyIDcuMjMwNDYgMC4yMTk2NjEgNi45Mzc1NUwxLjI4MDMgNS44NzY4OUMxLjU3MzE4IDUuNTgzOTggMi4wNDgwOCA1LjU4Mzk4IDIuMzQwOTYgNS44NzY4OUw1LjYyNDk5IDkuMTYwODlMMTIuNjU5IDIuMTI2ODlDMTIuOTUxOSAxLjgzNDAxIDEzLjQyNjggMS44MzQwMSAxMy43MTk3IDIuMTI2ODlMMTQuNzgwMyAzLjE4NzU1QzE1LjA3MzIgMy40ODA0MyAxNS4wNzMyIDMuOTU1MzEgMTQuNzgwMyA0LjI0ODIyTDYuMTU1MzMgMTIuODczMkM1Ljg2MjQxIDEzLjE2NjEgNS4zODc1NCAxMy4xNjYxIDUuMDk0NjYgMTIuODczMloiIGZpbGw9IiMwMEE2NTEiLz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0;
}
.custom-product-page .variant-box.active:before {
    opacity: 1;
}
.custom-product-page .variant-box-label {
    font-weight: unset;
    font-family: 'Bricolage Grotesque Bold';
}
.custom-product-page .variant-box-price span.amount {
    font-weight: unset;
    font-family: 'Bricolage Grotesque Regular';
    color: var(--main-cl);
    opacity: .8;
}

#tt-reviews .tt-reviews-filters .filter-item {
    background-color: rgb(13 153 72 / 0.1) !important;
    border-color: var(--main-cl) !important;
}
#tt-reviews .tt-reviews-filters .filter-item:is(.active, :hover){
    background-color: rgb(13 153 72 / 1) !important;
}
#tt-reviews .tt-reviews-statistics .reviews-button-wrap .reviews-button {
    background-color: rgb(13 153 72 / 1) !important;
}
.woocommerce-Tabs-panel--description {
    color: #000;
}
.woocommerce-Tabs-panel--description a {
    color: var(--main-cl);
    border-bottom: 1px solid transparent;
}
.woocommerce-Tabs-panel--description a:hover {
    border-color: var(--main-cl);
}
.woocommerce-Tabs-panel--description table td {
    color: var(--body-cl);
    padding: .5em;
}
.woocommerce-Tabs-panel--description figure {
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
}
.woocommerce-Tabs-panel--description iframe {
    width: 100%;
}
.related-products-wrapper {
    padding-top: 2.083rem;
    margin-top: 3rem;
}
.product-section-title-related {
    font-family: 'Bricolage Grotesque Bold';
    padding: 0;
}
.related-products-wrapper .row,
.related-products-wrapper .row .row-small {
    margin: 0 !important;
}
.related-products-wrapper .slider .flickity-prev-next-button:hover .arrow,
.related-products-wrapper .slider .flickity-prev-next-button:hover svg {
    fill: var(--main-cl) !important;
}
.related-products-wrapper .product-small .quick-view {
    background-color: var(--main-cl);
}
.related-products-wrapper .product-title>a {
    color: var(--sub-cl);
}
.related-products-wrapper .box-text-products {
    padding-bottom: 0;
}
.related-products-wrapper .product-title>a:hover {
    color: var(--main-cl);
}
.ux-swatch--label {
    color: var(--body-cl);
}
.ux-swatch:hover:not(.selected):not(.disabled) {
}
.variations_form .ux-swatch {
    transition: .4s all;
}
.variations_form .ux-swatch.selected {
    box-shadow: 0 0 0 2px var(--main-cl) !important;
}
.woocommerce-variation-price {
    font-size: 1.4rem;
}
.woocommerce-variation-price span.amount {
    color: var(--main-cl);
}

.product-thumbnails.thumbnails img {
    object-fit: contain;
}
.product-thumbnails .is-nav-selected a,
.product-thumbnails a:hover {
    border-color: rgb(13 153 72 / 0.6) !important;
}
.slider .flickity-prev-next-button:hover .arrow,
.slider .flickity-prev-next-button:hover svg {
    fill: var(--main-cl);
}

/*PRODUCT PAGE*/
#shop-sidebar span.widget-title {
    background: var(--main-cl);
    color: #fff;
    width: 100%;
    text-align: center;
    display: block;
    padding: 0.8rem 0;
}
.widget .is-divider {
    display: none;
}
#shop-sidebar ul {
    margin-top: 1rem;
}
#shop-sidebar li>a {
    color: var(--body-cl);
}
#shop-sidebar li>a[aria-current='page'],
#shop-sidebar li>a:hover {
    color: var(--main-cl);
}
.tax-product_cat .category-page-row {
    padding-top: 0;
}

.product-small.box .quick-view {
    background-color: var(--sub-cl);
}
.product-small.box .product-title>a {
    font-family: 'Bricolage Grotesque Bold';
    font-size: 1.2rem;
}
.product-small.box .box-text {
    padding-bottom: 0;
}
.product-small.box .price-wrapper span.amount {
    font-family: 'Bricolage Grotesque Regular';
    font-size: 1rem;
    color: var(--main-cl);
}
[data-open="#shop-sidebar"] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}
[data-open="#shop-sidebar"] strong {
    transition: .4s all;
}
[data-open="#shop-sidebar"]:hover strong {
    color: var(--main-cl);
}


/*CONTACT*/
.contact-page {
    padding-top: 3.646rem;
}
.wrap-content-contact {
    -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .2);
    border-radius: 0.417rem;
    overflow: hidden;
}
.wrap-content-contact > * {
    padding: 3.646rem;
}
.wrap-content-contact .title-block {
    margin-bottom: 2rem;
}

.form-contact .submit-btn {
    margin-top: 1.3em;
}
.form-contact .submit-btn input {
    width: 100%;
    margin: 0 !important;
    border-radius: 5.208rem;
    background-color: var(--sub-cl);
}

.wrap-content-contact .col-left {
    width: 60%;
    flex: 0 0 auto;
}
.wrap-content-contact .col-right {
    flex-grow: 1;
}
.wrap-content-contact .wrap-info-text .item:not(:last-child) {
    margin-bottom: 2.083rem;
}
.wrap-content-contact .wrap-info-text+.wrap-socials {
    margin-top: 2.083rem;
}
.wrap-content-contact .wrap-socials {
    gap: 0.78125rem;
}
.wrap-content-contact .wrap-socials a:hover img {
    transform: scale(0.9);
}
.wrap-contact-office {
    margin-top: 3.646rem;
}
.wrap-contact-office .arrow-slide.prev {
    left: -1.5%;
}
.wrap-contact-office .arrow-slide.next {
    right: -1.5%;
}

.slide-contact {
    margin: 0 -0.78125rem;
}
.slide-contact .item {
    margin: 0 0.78125rem;
    padding: 1.5625rem;
    /*border: 1px solid rgb(13 153 72 / 0.3);*/
    cursor: pointer;
    background: #fff;
    transition: .4s all;
}
.slide-contact .item.active,
.slide-contact .item:hover {
    background: rgb(245, 245, 245);
}
.slide-contact .item .icon {
    width: fit-content;
    flex-shrink: 0;
    margin-top: 0.2rem;
    margin-right: 0.521rem;
}
.slide-contact .item .icon>img {
    filter: brightness(0);
}
.slide-contact .item:is(:hover, .active) .icon>img {
    filter: brightness(1);
}
.slide-contact .item .cont-wrap {
    display: flex;
    flex-direction: column;
    gap: .6rem;
}
.slide-contact .item:is(:hover, .active) h3 {
    color: var(--main-cl);
}

.contact-maps {
    width: 100%;
    height: 41.667rem;
    margin-top: 2.604rem;
}
.contact-maps iframe {
    width: 100%;
    height: 100%;
}

.ux-mini-cart-footer .woocommerce-mini-cart__buttons a {
    color: #fff !important;
}
.single-product .add-to-cart-container {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
.single-product .add-to-cart-container + .product_meta {
    margin-top: 1.3rem;
}
.single-product .add-to-cart-container form {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
.single-product .add-to-cart-container form > * {
    margin: 0 !important;
}
.add-to-cart-container+.btn.btn-style-2,
.single-product .add-to-cart-container .btn-style-2 {
    height: max-content;
    width: max-content;
    gap: .5rem;
    flex-shrink: 0;
    border-radius: 0;
}
.add-to-cart-container+.btn.btn-style-2 span.icon,
.single-product .add-to-cart-container .btn-style-2 span.icon {
    padding: 0;
}
.add-to-cart-container+.btn.btn-style-2 svg,
.single-product .add-to-cart-container .btn-style-2 svg {
    padding: 0 0.3rem;
}
.add-to-cart-container+.btn.btn-style-2 span.text,
.single-product .add-to-cart-container .btn span.text {
    margin-left: 0 !important;
    margin-right: .6rem;
}
.add-to-cart-container+.btn.btn-style-2 svg,
.single-product .add-to-cart-container .btn svg {
    position: unset !important;
    transform: unset !important;
}
.add-to-cart-container+.btn.btn-style-2:hover svg:nth-child(1),
.single-product .add-to-cart-container .btn:hover svg:nth-child(1) {
    transform: unset !important;
}

.page-template-page-checkout header#header #logo,
body.woocommerce-checkout header#header .header-inner > div#logo {
    justify-content: center;
    padding: .7rem 0;
}
.woocommerce-cart .nk-checkout-page {
    padding-top: 2rem;
    background-color: #fff;
}
.woocommerce-cart .nk-checkout-page .wc-backward,
.woocommerce-cart .nk-checkout-page .return-to-shop {
    margin-bottom: 0;
}

/*---------*/
html{
    margin: 0 !important;
}
.woocommerce-variation-price {
    display: none;
}
body{
    font-family: 'Bricolage Grotesque Regular' !important;
    background-color: #fff;
    color: var(--body-cl);
    margin: 0 !important;
    overflow: clip;
}
label.attr-label-pro-detail {
    display: inline-flex;
    justify-content: flex-start;
    background: radial-gradient(100% 100% at 100% 50%, #043318 0%, #0D9948 100%);
    color: #fff;
    text-transform: uppercase;
    border: 2px solid #236e92;
    border-radius: 10px;
    padding: 6px 24px 6px 14px;
    gap: 10px;
    fill: #fff;
}

.tailieukythuat {
    margin-top: 20px;
}

.tailieukythuat ul {
    list-style: none;
    margin: 10px 0 20px;
    padding: 0;
}

.tailieukythuat ul li {
    margin: 0;
}

.tailieukythuat ul li a {
    color: #333;
    font-size: 16px;
    transition: .5s all;
    display: flex;
    align-items: center;
    fill: #c70000;
    gap: 6px;
}

.tailieukythuat ul li a:hover {
    color: #0d9948;
}
.tailieukythuat ul li+li {
    margin-top: 9px;
}
label.attr-label-pro-detail svg {
    display: block;
    width: 22px;
    animation: hu__hu__2 infinite 2s ease-in-out;

}

@keyframes hu__hu__2 {
    50% {
        transform: translateY(10px)
    }
}


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

@media only screen and (max-width: 1699px) {
    .body-scroll-lock--active .mfp-wrap {
        position: fixed !important;
    }

    #footer {
        margin-top: 6rem;
    }
    #footer .info-company .content {
        font-size: 1rem;
    }
    ul.menu-footer a {
        font-size: .9rem;
    }
    .footer-bottom .fs-13 {
        font-size: .8rem;
    }

    .fs-18 {
        font-size: 1.05rem;
    }
    .desc-sec {
        font-size: 1.05rem;
    }
    .item-banner-hero {
        height: 45rem;
    }

    .product-item .sku {
        font-size: .83rem;
    }
    .wrap-product-home .arrow-slide.prev {
        left: -7%;
    }
    .wrap-product-home .arrow-slide.next {
        right: -7%;
    }
    .home-form-wrap .box-content {
        padding-top: 5.2rem;
    }
    .home-5 {
        padding-top: 5.5rem;
    }
    .home-content-5 .box-content .tabs-content {
        margin-top: 2rem;
    }
    .home-content-5 .box-content .inner-content {
        font-size: 0.9375rem;
    }
    .home-content-5 .box-content>.cont-wrap blockquote :is(strong, b) {
        font-size: 1rem;
    }
    .home-content-5 .box-content>.cont-wrap blockquote p {
        font-size: .95rem;
    }
    .home-6 {
        margin-top: 8rem;
        padding-top: 6rem;
    }

    .about-title-1.desc-sec {
        padding-left: 2rem;
    }
    .about-2 {
        padding-top: 6.8rem;
    }
    .about-content-2 .item:before {
        left: 50%;
    }
    .about-content-2 .item:after {
        width: 1.7rem;
        height: 1.7rem;
    }

    .project-item .contents .item>span {
        font-size: 0.9rem;
    }

    /*PROJECT DETAILS*/
    .menu-sidebar >li>a {
        font-size: 0.9rem;
    }

    .wrap-blog-cat ul>li>a {
        font-size: .8rem;
    }
    .blog-list .post-item .cont-wrap .term-date {
        font-size: .9rem;
    }
    .blog-list .post-item h3 {
        font-size: 1.2rem;
        line-height: 1.4;
    }

    .wrap-content-contact .wrap-info-text .item .fs-14,
    .slide-contact .item .fs-14 {
        font-size: 0.9rem;
    }

    .custom-product-page .product-title {
        font-size: 1.6rem;
    }
    .price-wrapper span.amount {
        font-size: 1.4rem;
    }
    .product-short-description {
        font-size: 1.1rem;
    }
    .custom-product-page table.variations label {
        font-size: 1.2rem;
    }
    .custom-product-page table.variations select {
        font-size: 1.05rem;
    }
    .custom-product-page .product_meta {
        font-size: 1em;
    }
    .woocommerce-Tabs-panel--description {
        font-size: 1.18rem;
    }
    .custom-product-page .woocommerce-tabs li>a {
        font-size: 1.05rem;
    }
    .product-section-title-related {
        font-size: 1.45rem;
    }

    .woocommerce-variation-price {
        font-size: 1.8rem;
    }
    .custom-product-page .variant-box {
        min-width: 0;
        width: calc((100% / 4) - (12px * 3 / 4));
    }
}
@media only screen and (max-width: 1499px) {
    #header li.header-info > span.title {
        font-size: 1rem;
    }
    #header li.header-info a>img {
        height: 1.75rem;
    }
    #header .header-search-form input {
        height: 2.45rem;
        font-size: 1.05rem;
    }
    #header .searchform .button.icon {
        right: 4px;
    }
    #header .autocomplete-suggestions {
        font-size: 1rem;
    }
    #header .nav > li > a {
        font-size: 1.05rem;
    }
    #header .header-cart-title {
        font-size: .95rem;
    }
    #header .nav-small .cart-icon {
        font-size: 1.2rem;
    }
    #header .header-nav-main {
        margin-top: 0.8rem;
    }

    .footer-menu .title-menu,
    #footer .title-company {
        font-size: 1.1rem;
    }
    .footer-top .form-item input {
        font-size: 1.05rem;
    }
    .footer-top .wpcf7 form.wpcf7-form .wpcf7-response-output {
        font-size: .9rem;
    }
    .footer-top .form-wrap .wpcf7-not-valid-tip {
        font-size: .8rem;
    }
    #footer .footer-top {
        padding-top: 3.8rem;
    }
    ul.menu-footer a {
        font-size: 1rem;
    }

    .item-banner-hero {
        height: 40rem;
    }
    .terms-menu ul > li > a {
        font-size: 0.95rem;
    }
    .product-item .sku {
        font-size: 1rem;
    }
    .btn {
        padding: 0.417rem 0.5rem;
    }
    .btn span.text {
        font-size: 1.05rem;
    }
    .form-wrap label {
        font-size: 1.07rem;
    }
    .select-styled,
    .form-item input {
        height: 3rem;
        font-size: 1.05rem;
    }
    .select .select-options > li {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .home-form-wrap .btn.btn-form span.text {
        font-size: 1.05rem;
    }
    .home-form-wrap .box-content {
        padding-top: 5rem;
    }
    .home-content-5 .box-content .inner-content {
        font-size: 1.15rem;
    }
    .home-content-5 .box-content>.cont-wrap blockquote p,
    .home-content-5 .box-content>.cont-wrap blockquote :is(strong, b) {
        font-size: 1.15rem;
    }

    .about-title-1.desc-sec {
        padding-left: 0;
    }
    .about-content-2 .cont-wrap .content {
        font-size: 1.1rem;
        line-height: 1.5;
    }
    .about-3 {
        margin-top: 8rem;
        padding-bottom: 38rem;
    }
    .about-title-3 {
        padding: 0 9rem;
    }
    .about-title-3 .desc-sec {
        margin-top: .8rem;
    }
    .about-content-4 .item .cont-wrap {
        width: 39rem;
    }
    .about-content-4 .item .cont-wrap .title {
        font-size: 1.3rem;
    }
    .about-5 {
        margin-top: 5rem;
        padding-top: 4.5rem;
    }
    .about-6 {
        padding-top: 7rem;
    }

    .project-item .contents .item>span {
        font-size: 0.95rem;
    }
    .project-item > .title {
        font-size: 1.2rem;
    }
    .pagination-post > ul > li > a {
        width: 1.9rem;
        height: 1.9rem;
    }

    .wrap-blog-cat ul>li>a {
        font-size: 0.9rem;
    }
    .blog-list .post-item h3 {
        font-size: 1.3rem;
    }

    .wrap-content-contact .wrap-info-text .item .fs-14,
    .slide-contact .item .fs-14 {
        font-size: 1rem;
    }

    .product-small.box .title-wrapper>.is-smaller {
        font-size: .8rem;
    }
    .product-small.box .product-title>a {
        font-size: 1.5rem;
    }
    .product-small.box .price-wrapper span.amount {
        font-size: 1.15rem;
    }
}
@media only screen and (max-width: 1399px) {
    .fs-18 {
        font-size: 1.15rem;
    }
    .fs-20 {
        font-size: 1.25rem;
    }
    .desc-sec {
        font-size: 1.15rem;
    }
    .post-item .cont-wrap .term-date {
        font-size: 1rem;
    }

    #footer .footer-top .slogan {
        font-size: 1.8rem;
    }
    .logo-footer img {
        height: 8rem;
    }

    .home-content-7 {
        margin-top: -2rem;
    }

    .about-3 {
        margin-top: 6rem;
        padding-bottom: 25rem;
    }
    .about-3:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, #FFFFFF 0%, rgb(255 255 255 / 0.7) 50%, rgba(255, 255, 255, 0) 100%);
        pointer-events: none;
    }
    .about-4 {
        padding-top: 6rem;
    }
    .about-content-4 .item .cont-wrap {
        width: 42rem;
        margin-left: 4.5rem;
    }
    .about-content-4 .item .cont-wrap .title {
        font-size: 1.4rem;
    }
    .about-content-4 .item .desc {
        font-size: 1.2rem;
    }
    .about-content-5 {
        column-gap: 3rem;
        margin-right: -3rem;
    }
    .about-img-5 {
        height: 100%;
    }

    .project-item .cont-absolute h3.fs-25 {
        font-size: 1.4rem;
    }
    .project-item .contents .item>span {
        font-size: 0.98rem;
    }
    .pagination-post > ul > li > a {
        width: 2rem;
        height: 2rem;
        font-size: 1rem;
    }

    .menu-sidebar >li>a {
        font-size: 1.04rem;
    }

    .product-short-description {
        font-size: 1.4rem;
    }
    .price-wrapper span.amount {
        font-size: 1.7rem;
    }
    .custom-product-page table.variations label {
        font-size: 1.2rem;
    }
    .custom-product-page table.variations select {
        font-size: 1.2rem;
    }

    #form-estimate>.inner {
        width: 100%;
        max-height: 95vh;
        padding: 3rem 5rem;
    }
}

@media only screen and (max-width: 1199px) {
    :root{
        --container-w: 950px
    }
    .load_home_page svg {
        width: 320px;
    }

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

    /*fixed contact*/
    ul.fixed-button.desktop-display {
        display: none;
    }
    ul.button-cta.mobile-display{
        display:block;
    }
    ul.button-cta {
        position: fixed;
        bottom: 3rem;
        right: 1.3rem;
        /*transform: translateY(-50%);*/
        list-style: none;
        margin: 0;
        z-index: 99;
    }
    li.button-cta-footer-open {
        width: 3rem;
        height: 3rem;
        background: var(--main-cl);
        position: relative;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
    }
    .button-cta-footer-open svg {
        width: 100%;
        height: 100%;
        display: block;
    }
    span.button-cta-fixed_menu {
        width: 2rem;
        height: 2rem;
        display: block;
        opacity: 1;
        transition: .5s all;
        position: relative;
    }
    ul li .button-cta-fixed-menu-closed {
        width: 2rem;
        height: 2rem;
        display: block;
        opacity: 0;
        position: absolute;
        transition: .5s all;
    }
    ul.button-cta.active .button-cta-fixed-menu-closed {
        opacity: 1;
        transition: .5s all;
        transform: rotate(360deg);
    }
    ul.button-cta.active .button-cta-fixed-menu {
        opacity: 0;
        transition: .5s all;
        transform: rotate(480deg);
    }
    ul.fixed-button {
        list-style: none;
        transform: translateY(-30%) scale(0);
        transition: .5s all;
    }
    ul.button-cta .fixed-button {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-left: 0;
    }
    ul.button-cta.active .fixed-button {
        transform: translateY(-100%) scale(1);
        transition: .5s all;
    }
    ul.fixed-button li a>span.icon {
        height: auto;
    }
    ul.fixed-button li a>span.icon>.inner {
        padding: .3rem;
    }
    ul.fixed-button li a>span.icon img {
        padding: 0.3125rem;
    }
    ul.fixed-button li a:hover>span.icon {
        padding-right: 0;
    }
    ul.fixed-button li a>span.icon:before {
        content: unset;
        border-radius: 50%;
    }

    .title-sec {
        font-size: 2rem;
    }
    .desc-sec {
        font-size: 1rem;
    }

    .banner-page .banner-img {
        height: 26rem;
    }
    .banner-page .heading-absolute {
        top: 60%;
    }

    #header .nav > li {
        margin: 0 0.9rem;
    }
    #header .header-nav-main > li > a {
        line-height: 3rem !important;
    }
    #header .nav > li > a {
        font-size: 0.9rem;
    }
    #footer {
        margin-top: 4rem;
    }
    #footer .footer-top .col-right {
        margin-left: 0;
    }
    #footer .footer-top .col-left {
        padding-right: 1rem;
    }
    #form-estimate>.inner {
        width: 100%;
        max-height: 100%;
        padding: 2rem 2rem 1rem;
    }
    #form-estimate>.inner .gird-fields {
        column-gap: 1.5rem;
    }
    #form-submit-energy {
        max-width: 70%;
        height: 80%;
    }

    .item-banner-hero {
        height: 28rem;
    }
    .item-banner-hero .cont-absolute {
        padding: 0 2rem 2rem;
    }
    .item-banner-hero .hero-title {
        font-size: 2.9rem;
    }
    .item-banner-hero .hero-content {
        font-size: 1.4rem;
    }

    .home-1 {
        margin-top: 4.6rem;
    }
    .home-1:before {
        height: 150%;
        background-size: 100% 100%;
    }
    .home-form-wrap .form-wrap {
        row-gap: 1.8rem;
        margin-top: 2rem;
    }
    .home-form-wrap .form-wrap .form-item {
        width: calc((100% / 2) - (0.78125rem * 1 / 2));
    }
    .home-form-wrap .title-sec {
        padding-right: 28rem;
        font-size: 2.2rem;
    }
    .home-form-wrap .title-sec>span {
        font-size: 1.5rem;
    }
    .home-form-wrap .box-content {
        padding-top: 5.9rem;
    }
    .home-counter-3 {
        flex-wrap: wrap;
        margin-top: 1.7rem;
    }
    .home-counter-3 .item-counter {
        width: calc((100% / 2) - (1rem * 1 / 2));
    }
    .home-counter-3 .item-counter .number-wrap {
        width: fit-content;
        margin: 0 auto;
    }
    .home-3>.inner-home-3 {
        padding: 4rem 0;
    }
    .number-wrap > div {
        font-size: 3.6rem;
    }
    .slide-home-4 .swiper-slide {
        max-width: 75%;
    }
    .home-title-5 .title-sec {
        font-size: 2.1rem;
    }
    .home-content-5 .box-content>.cont-wrap {
        padding-left: 2rem;
    }
    .home-content-5 .box-content>.cont-wrap blockquote p,
    .home-content-5 .box-content>.cont-wrap blockquote :is(strong, b) {
        font-size: 1rem;
    }
    .home-content-5 .box-content .inner-content {
        font-size: 1.05rem;
    }
    .home-6 {
        margin-top: 6rem;
        padding-top: 4rem;
    }
    .home-title-6 {
        padding-right: 1rem;
    }
    .home-title-6 .title-sec {
        font-size: 2.2rem;
    }
    .home-title-6 .desc-sec {
        margin-top: 1rem;
    }
    .home-7 {
        padding-top: 5rem;
    }
    .home-title-7 .title-sec {
        font-size: 2.2rem;
    }
    .home-content-7 {
        max-width: 35rem;
        margin-top: -2rem;
    }
    .home-content-7 .item-tab>.inner {
        gap: 1rem;
    }
    .home-content-7 .nav-tabs-icon .item-tab:nth-child(1) {
        top: 26%;
        left: -28%;
    }
    .home-content-7 .nav-tabs-icon .item-tab:nth-child(2) {
        top: 46%;
        left: -29%;
    }
    .home-content-7 .img-graphic {
        width: 27rem;
    }
    .home-8 {
        padding-top: 4rem;
    }

    .about-1 {
        padding-top: 3rem;
    }
    .about-title-1 .title-sec {
        font-size: 2rem;
    }
    .about-title-1.desc-sec {
        font-size: 1.05rem;
    }
    .about-2 {
        padding-top: 4.5rem;
    }
    .about-content-2 .item {
        align-items: center;
    }
    .about-content-2 .item .img-wrap > img{
        object-fit: contain;
        border-radius: 1rem;
        height: unset;
    }
    .about-content-2 .item .cont-wrap {
        margin-top: 0 !important;
    }
    .about-content-2 .item .img-wrap {
        padding-right: 4rem;
    }
    .about-content-2 .item .cont-wrap {
        padding-left: 4rem;
    }
    .about-content-2 .item:nth-child(even) .img-wrap {
        padding-left: 4rem;
    }
    .about-content-2 .item:nth-child(even) .cont-wrap {
        padding-right: 4rem;
    }
    .about-3 {
        padding-bottom: 20rem;
    }
    .about-counter-3 .number-wrap > div {
        font-size: 2.9rem;
    }
    .about-counter-3 .number-wrap .text.fs-18 {
        font-size: 1rem;
    }
    .about-4 {
        padding-top: 4rem;
    }
    .about-content-4 .item .cont-wrap {
        width: 30rem;
        margin-left: 2rem;
    }
    .about-content-4 .item .desc {
        font-size: 1rem;
        line-height: 1.5;
    }
    .about-content-4 .item .number {
        font-size: 4.4rem;
    }
    .about-5 {
        margin-top: 3rem;
        padding-top: 4rem;
    }
    .about-img-5 {
        margin-right: 3rem;
    }
    .about-content-5 {
        column-gap: 2rem;
        row-gap: 2rem;
        margin-left: -2rem;
        margin-right: 0;
    }
    .about-content-5 .icon {
        width: 4.2rem;
        height: 4.2rem;
    }
    .about-content-5 .cont-wrap .title {
        font-size: 1.05rem;
    }
    .about-content-5 .cont-wrap .desc {
        font-size: 1rem;
    }
    .about-6 {
        padding-top: 6rem;
    }
    .about-slide-6 {
        margin: 2rem 0 0;
    }

    .project-content {
        padding-top: 3.5rem;
    }
    .project-list {
        margin-top: 2rem;
    }
    .project-list>.inner {
        gap: 1rem;
    }
    .project-item .contents .item>span {
        font-size: 0.9rem;
    }

    .project-details .col-right {
        padding-left: 0rem;
    }

    .blog-list .post-item h3 {
        font-size: 1.2rem;
    }
    .blog-details .col-right {
        padding-left: 0;
        margin-top: 2rem;
    }

    .wrap-content-contact > * {
        padding: 3rem 2rem;
    }
    .form-contact .form-wrap .form-group {
        flex-direction: column;
    }
    .form-contact .form-wrap .form-group.flex>* {
        width: 100%;
    }
    .contact-maps {
        height: 28rem;
    }

    .product-short-description {
        font-size: 1.1rem;
    }
    .woocommerce-Tabs-panel--description {
        font-size: 1.1rem;
    }
    .shop-container .large-columns-4>.col {
        /*flex-basis: 33.33%;*/
        /*max-width: 33.33%;*/
    }
    .product-small.box .price-wrapper span.amount {
        font-size: 0.83rem;
    }
    .woocommerce-Tabs-panel--description iframe {
        aspect-ratio: 16 / 9;
        height: auto;
    }

    .woocommerce-cart .nk-checkout-page .woocommerce,
    .woocommerce-cart .nk-checkout-page .text-center {
        padding-bottom: 0;
    }
}
@media only screen and (max-width: 991px) {
    :root{
        --container-w: 59rem;
    }
    .load_home_page svg {
        width: 320px;
    }
    .search-tabs .search-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .search-tabs .tab-post .search-grid {
        column-gap: 0;
    }
    .live-search-results.text-left.z-top {
        display: none !important;
    }
    .woocommerce-ordering {
        width: 100%;
    }
    .project-info-wrap .item {
        flex-direction: column;
    }
    .home-form-wrap .form-wrap .form-item {
        z-index: unset;
    }
    #search-lightbox .search-keywords > a {
        font-size: 1.05rem;
        line-height: 1.9rem;
    }

    #header .header-wrapper {
        position: fixed;
    }
    [data-open="#search-lightbox"] > i {
        font-size: 1.3rem !important;
    }
    body.body-scroll-lock--active {
        top: 0 !important;
    }
    .footer-menu .item.socials > ul:not(:last-child) {
        margin-bottom: .8rem !important;
    }

    #main {
        padding-top: var(--header-height);
    }

    .post-type-archive-product .category-page-title {
        padding-top: calc(var(--header-height) + 3rem);
    }
    .page-template-page-checkout #main,
    .post-type-archive-product #main {
        padding-top: 0;
    }
    .post-type-archive-product .woocommerce-result-count {
        margin-bottom: .5rem;
    }
}
@media only screen and (max-width: 849px) {
    :root{
        --container-w: 45rem;
    }

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

    .banner-page .banner-img {
        height: 22rem;
    }
    .banner-page .heading-absolute .sec-title {
        font-size: 2rem;
    }

    /*HEADER*/
    #top-bar.header-top {
        display: none !important;
    }
    #header .stuck #logo,
    #header #logo {
        width: 72px;
        margin-top: 0;
    }
    #header #logo {
        padding: 0.417rem 0;
    }
    #header .cart-icon strong:after,
    #header .cart-icon strong {
        border-color: var(--main-cl);
    }
    #header .nav > li {
        margin-right: 0;
    }

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

    .off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
        --drawer-width: 80% !important;
    }
    [data-open="#main-menu"] {
        display: flex !important;
        width: 3rem;
        height: 48px !important;
        background-image: url(../images/icon-menu.svg) !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: left center !important;
        background-color: unset !important;
        padding: 0 !important;
    }
    [data-open="#main-menu"]:before {
        content: unset !important;
    }
    [data-open="#main-menu"] i {
        display: none;
    }
    [data-open="#search-lightbox"] {
        width: 2rem;
        height: 2rem !important;
        color: var(--main-cl) !important;
        justify-content: flex-end;
    }

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

    /*LANG CSS*/
    .lang_header.minimal {
        position: relative;
        gap: .4rem;
        margin-left: .7rem !important;
    }
    .lang_header.minimal img {
        width: 1.9rem;
        height: 1.9rem;
    }
    .lang_header.minimal a {
        border: 2px solid transparent;
        border-radius: 5.208rem;
    }
    .lang_header.minimal a.current_lang {
        border-color: var(--main-cl);
    }

    /*FOOTER*/
    #footer {
        margin-top: 3.5rem;
    }
    #footer .footer-top {
        padding-top: 2.8rem;
    }
    #footer .footer-top .col-right {
        margin-left: 0;
    }
    #footer .footer-top .col-left {
        padding-right: 1rem;
    }
    .logo-footer img {
        height: 6rem;
    }
    #footer .footer-top .cont-wrap {
        margin-top: 2rem;
    }
    #footer .footer-top .col-right {
        margin-top: 1.5rem;
    }
    .footer-top .box-form {
        margin-top: 1rem;
    }
    .footer-top .footer-menu {
        gap: 0.8rem;
    }
    .footer-bottom .copyright {
        text-align: center;
    }
    .footer-bottom .links-page {
        justify-content: center;
        margin-top: .4rem;
    }
    #footer .footer-bottom {
        padding: 1rem 0 .8rem;
    }
    .footer-bottom ul {
        gap: 1rem;
    }
    .footer-top .wpcf7 form.wpcf7-form .wpcf7-response-output {
        position: unset !important;
    }

    #form-estimate>.inner {
        max-height: 80vh;
        padding: 3rem 2rem;
    }
    .form-wrap label {
        font-size: 0.9rem;
    }
    #form-estimate>.inner .gird-fields {
        column-gap: 1rem;
    }
    #form-estimate .result-inner {
        padding-left: 0;
    }
    #form-estimate .result-wrap {
        flex-direction: column-reverse;
        gap: 2rem;
    }
    #form-estimate .result-wrap > * {
        width: 100%;
    }
    #form-estimate .result-wrap>.img-graphic{
        width: fit-content !important;
        margin: 0 auto;
    }
    #form-estimate .result-inner {
        display: flex;
        flex-wrap: wrap;
        column-gap: 1rem;
    }
    #form-estimate .result-inner .result-item {
        width: calc((100% / 2) - (1rem * 1 / 2));
    }

    #form-submit-energy::-webkit-scrollbar {
        width: 0.3rem;
    }
    #form-submit-energy::-webkit-scrollbar-thumb {
        background-color: var(--main-cl);
    }
    #form-submit-energy {
        max-width: 100%;
        padding: 3rem 1rem 2rem;
    }
    #form-submit-energy > .title-form {
        font-size: 1.8rem;
        text-align: center;
    }

    /*HOME*/
    .item-banner-hero {
        height: 23rem;
    }
    .item-banner-hero .hero-title {
        font-size: 2.6rem;
    }
    .item-banner-hero .hero-content {
        font-size: 1.2rem;
    }
    .wrap-product-home ul>li {
        width: calc((100% / 3) - (1.042rem * 2 / 3));
    }
    .home-form-wrap .box-form {
        padding: 2.76rem 3rem 3rem;
    }
    .home-form-wrap .box-content {
        display: flex;
        flex-direction: column;
        padding: 3rem 0 0;
    }
    .home-form-wrap .title-sec {
        font-size: 1.8rem;
        padding: 0 3rem;
    }
    .home-link-2 {
        padding: 0 3rem;
    }
    .home-form-wrap .bg-home-2 {
        position: unset;
        order: 3;
    }
    .home-form-wrap .bg-home-2>img {
        height: auto;
    }
    .home-3>.inner-home-3 {
        margin: 0 2.3rem;
        padding: 2rem 0;
    }
    .number-wrap > div {
        font-size: 2.6rem;
    }
    .home-counter-3 .item-counter .text {
        font-size: 0.8rem;
    }
    .home-counter-3 .item-counter {
        width: calc((100% / 4) - (1rem * 3 / 4));
    }
    .home-title-3 > .title-sec {
        font-size: 2rem;
    }
    .home-4 {
        padding-top: 4rem;
    }
    .slide-home-4 .swiper-slide {
        max-width: 85%;
    }
    .slide-home-4 .cont-wrap {
        padding: 0 2rem 2rem 1.5rem;
    }
    .slide-home-4 .inner {
        padding-left: 1rem;
    }
    .slide-home-4 .inner h3 {
        font-size: 1.4rem;
    }
    .slide-home-4 .item:before {
        height: 80%;
    }
    .home-title-5 {
        text-align: center;
    }
    .home-link-5 {
        justify-content: center;
        margin-top: 1rem;
    }
    .home-title-5 .title-sec {
        font-size: 2rem;
    }
    .home-content-5 .box-content {
        flex-direction: column-reverse;
        height: 100%;
    }
    .home-content-5 .box-content>* {
        width: 100% !important;
    }
    .home-content-5 .box-content>.cont-wrap {
        padding-top: 3rem;
    }
    .home-content-5 .box-content .inner-content {
        max-height: 19rem;
    }
    .home-content-5 .box-content>.img-wrap {
        height: 20rem;
    }
    .home-6 {
        margin-top: 4rem;
        padding-top: 4rem;
    }
    .home-img-6 {
        margin-top: 2rem;
    }
    .home-title-6 .desc-sec {
        line-height: 1.5;
    }
    .home-content-7 {
        display: flex;
        flex-direction: column-reverse;
        margin-top: 2rem;
        max-width: 100%;
    }
    .home-content-7 .nav-tabs-icon {
        display: flex;
        flex-wrap: wrap;
        column-gap: 1rem;
        row-gap: 2rem;
    }
    .home-content-7 .nav-tabs-icon .item-tab {
        position: unset;
        width: calc((100% / 3) - (1rem * 2 / 3)) !important;
    }
    .home-content-7 .item-tab>.inner {
        flex-direction: column-reverse !important;
    }
    .home-content-7 .nav-tabs-icon .item-tab .title {
        text-align: center !important;
    }
    .home-content-7 .img-wrap {
        max-width: 35rem;
        margin: 0 auto;
    }
    .home-title-8 {
        text-align: center;
    }
    .home-title-8 .title-sec {
        font-size: 2.4rem;
    }
    .home-link-8 {
        justify-content: center;
        margin-top: 1rem;
    }

    /*ABOUT*/
    .about-title-1.desc-sec {
        margin-top: 1.2rem;
    }
    .about-img-1 {
        margin-top: 2rem;
    }
    .about-2 {
        padding-top: 4rem;
    }
    .about-title-2 .title-sec {
        font-size: 1.6rem;
    }
    .about-content-2 .item .cont-wrap {
        padding-left: 3rem;
    }
    .about-content-2 .item .img-wrap {
        padding-right: 3rem;
    }
    .about-content-2 .cont-wrap .content {
        font-size: 1rem;
        line-height: 1.5;
        margin-top: 0.3rem;
    }
    .about-content-2 .cont-wrap .title {
        font-size: 1.4rem;
    }
    .about-content-2 .item:nth-child(even) .cont-wrap {
        padding-right: 3rem;
    }
    .about-content-2 .item:nth-child(even) .img-wrap {
        padding-left: 3rem;
    }
    .about-content-2 .item:nth-child(n+2) {
        padding-top: 3rem;
    }
    .about-3 {
        margin-top: 5rem;
        padding-bottom: 10rem;
    }
    .about-3:before {
        background: linear-gradient(
                180deg,
                rgba(255, 255, 255, 1) 0%,
                rgba(255, 255, 255, 0.9) 50%,
                rgba(255, 255, 255, 0.4) 100%
        );
    }
    .about-title-3 {
        padding: 0;
    }
    .about-title-3 .desc-sec {
        font-size: 1rem;
    }
    .about-counter-3 .number-wrap > div {
        font-size: 2.5rem;
    }
    .about-counter-3 .item-counter .text.fs-18 {
        font-size: 0.9rem;
    }
    .about-content-4 .item {
        flex-wrap: wrap;
        flex-direction: row;
    }
    .about-content-4 .item .number {
        width: 100%;
        margin-left: 0;
        order: -1;
        font-size: 3rem;
        line-height: 1;
    }
    .about-content-4 .item .img-wrap {
        width: 30%;
        aspect-ratio: unset;
        border-radius: 0.8rem;
    }
    .about-content-4 .item .cont-wrap {
        width: 64%;
    }
    .about-5 .row:nth-child(2) .col:nth-child(2) {
        order: -1;
    }
    .about-content-5 {
        margin-left: 0;
    }
    .about-img-5 {
        height: auto;
        margin-right: 0;
        margin-top: 2rem;
    }
    .about-6 {
        padding-top: 4rem;
    }
    .about-content-6 {
        margin: 0 2rem;
    }

    /*PROJECT*/
    .project-list>.inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    /*PROJECT DETAILS*/
    .post-details-slide .img-wrap {
        height: 22rem;
    }
    .project-details .col-right {
        margin-top: 4rem;
    }

    .blog-list>.inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wrap-content-contact {
        flex-direction: column;
    }
    .wrap-content-contact .col-left {
        width: 100%;
    }

    .product-title-container {
        margin-top: 2.5rem;
    }
    .shop-container .large-columns-4>.col {
        /*flex-basis: 50%;*/
        /*max-width: 50%;*/
    }
    .product-small.box .product-title>a {
        font-size: 1.4rem;
    }
    .product-small.box .price-wrapper span.amount {
        font-size: 0.9rem;
    }

    .fixed-sidebar {
        position: unset !important;
    }
    .post-type-archive-product .category-filtering [data-open="#shop-sidebar"] {
        margin-top: 0;
    }
}
@media only screen and (max-width: 767px) {
    :root{
        --container-w: 100%;
    }

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

    .default-page h1 {
        margin-top: 0;
    }

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

    .banner-page .banner-img {
        height: 12rem;
    }
    .banner-page .heading-absolute .sec-title {
        font-size: 1.5rem;
    }

    .fs-18 {
        font-size: 1rem;
    }
    .select-styled, .form-item input {
        font-size: 1rem;
    }

    #header .stuck #logo, #header #logo {
        width: 60px;
    }
    .mfp-bg.off-canvas.off-canvas-left,
    .off-canvas-left.mfp-ready .mfp-content {
        top: 61.45px;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li > a {
        padding-left: 1rem !important;
        font-size: 1rem !important;
        padding-bottom: 0.7rem;
        padding-top: 0.7rem;
    }
    .mobile-sidebar .header-info {
        padding-left: 1rem !important;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li.header-info>ul {
        gap: 0.6rem;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li.header-info a>img {
        height: 2rem;
    }
    .nav-uppercase>li>a {
        font-weight: unset;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li.header-info>ul {
        margin-top: .9rem !important;
    }
    [data-open="#search-lightbox"] > i {
        font-size: 1.1rem !important;
    }
    #search-lightbox .button.icon i {
        font-size: 1.1rem;
        color: #000;
        top: 0;
        right: 0.3rem;
    }

    #footer {
        margin-top: 4rem;
    }
    #footer .footer-top {
        padding-top: 2rem;
    }
    .logo-footer {
        width: fit-content;
        margin: 0 auto;
    }
    .logo-footer img {
        height: 5rem;
    }
    #footer .footer-top .slogan {
        font-size: 1.25rem;
        line-height: 1.5;
    }
    #footer .footer-top .slogan br {
        display: none;
    }
    .footer-top .footer-menu {
        flex-wrap: wrap;
        row-gap: 2rem;
    }
    .footer-menu .item {
        width: calc((100% / 2) - (1rem * 1 / 2));
    }
    .footer-top .footer-menu {
        margin-top: 2.2rem;
    }
    ul.menu-footer a {
        font-size: 0.9rem;
    }
    #footer .footer-top {
        padding-bottom: 2rem;
    }

    ul.button-cta {
        bottom: 2rem;
        right: .3rem;
    }

    .subtitle-sec {
        font-size: 0.9rem;
    }
    .title-sec {
        font-size: 1.6rem;
    }
    .desc-sec {
        font-size: 1rem;
    }
    .select-mobile {
        width: 100%;
        position: relative;
        z-index: 9;
    }
    .select-mobile .select-options > li,
    .select-mobile > .select {
        width: 100%;
    }
    .select-mobile .select-styled:after {

    }
    .select .select-options {
        max-height: 10.7rem;
    }
    .select .select-options > li {
        line-height: 1.4rem;
    }

    .slide-nav-mobile .swiper-pagination {
        padding: 0;
        display: flex;
    }
    .slide-nav-mobile {
        align-items: center;
        padding-top: 1.1rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .slide-nav-mobile .arrow-slide.next {
        order: 3;
    }
    .slide-nav-mobile .arrow-slide {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 2.25rem;
        height: 2.25rem;
        flex: 0 0 auto;
        background: var(--main-cl);
        border-radius: 5.208rem;
    }
    .slide-nav-mobile .arrow-slide path {
        stroke: #fff !important;
    }

    .slide-nav-mobile.text-white .arrow-slide {
        background: #fff;
    }
    .slide-nav-mobile.text-white .arrow-slide path {
        stroke: var(--main-cl) !important;
    }

    /*HEADER*/
    [data-open="#main-menu"] {
        width: 2.7rem;
        height: 28px !important;
    }

    /*LANG CSS*/
    .lang_header.minimal {
        margin-left: 0.7rem !important;
    }
    .lang_header.minimal img {
        width: 1.7rem;
        height: 1.7rem;
    }


    .home-1 {
        margin-top: 3.2rem;
    }
    .item-banner-hero {
        height: 14rem;
    }
    .item-banner-hero .hero-title {
        font-size: 1.7rem;
    }
    .item-banner-hero .hero-content {
        font-size: 0.9rem;
        margin-top: 0.4rem;
    }
    .item-banner-hero .cont-absolute {
        padding: 0 1rem .8rem;
    }

    .wrap-product-home .terms-menu {
        position: relative;
        z-index: 10;
    }
    .slide-product-home {
        padding-bottom: 1.5rem;
    }
    .slide-product-home .product-item {
        width: auto;
    }
    .home-form-wrap {
        border-radius: 1.1rem;
    }
    .home-form-wrap .box-form {
        padding: 2rem 1.6rem 2rem;
    }
    .home-form-wrap .title-form.fs-40 {
        font-size: 1.4rem;
        text-align: center;
    }
    .home-form-wrap .form-wrap {
        gap: 1rem;
    }
    .home-form-wrap .form-wrap .form-item {
        width: 100%;
        z-index: unset;
    }
    .home-link-2,
    .home-form-wrap .title-sec {
        padding: 0 1.5rem;
    }
    .home-form-wrap .title-sec {
        font-size: 1.6rem;
    }
    .home-form-wrap .title-sec>span {
        font-size: 1.2rem;
    }
    .home-form-wrap .box-content {
        padding: 2rem 0 0;
    }
    .home-form-wrap .form-wrap label {
        font-size: 1rem;
    }

    .home-3 {
        padding-top: 4rem;
    }
    .home-3 > .inner-home-3 {
        padding: 0;
        margin: 0;
        background-image: none !important;
    }
    .home-title-3 .subtitle-sec {
        color: var(--sub-cl) !important;
    }
    .home-title-3 > .title-sec {
        color: var(--main-cl);
        font-size: 1.5rem;
    }
    .home-counter-3 .item-counter .text,
    .home-counter-3 .item-counter .number {
        color: var(--body-cl);
    }
    .home-counter-3 {
        margin-top: 1.25rem;
    }
    .number-wrap > div {
        font-size: 1.8rem;
    }
    .home-counter-3 .item-counter {
        width: calc((100% / 2) - (1rem * 1 / 2));
    }
    .home-img-mobile-3 {
        margin-top: 1.5rem;
        border-radius: .5rem;
        overflow: hidden;
    }
    .home-4 {
        padding-top: 3.5rem;
    }
    .slide-home-4 .swiper-slide {
        max-width: 100%;
    }
    .slide-home-4 {
        margin: 0 -.3rem;
    }
    .slide-home-4 .item {
        margin: 0 .3rem;
        border-radius: 0;
    }
    .slide-home-4 .item .img-wrap {
        border-radius: .8rem;
        overflow: hidden;
    }
    .slide-home-4 .cont-wrap {
        position: unset;
        padding: 0 .5rem;
        margin-top: 1rem;
    }
    .slide-home-4 .item:before {
        content: unset;
    }
    .slide-home-4 .inner {
        padding-left: 0;
        border-left: 0;
    }
    .slide-home-4 .inner h3,
    .slide-home-4 .inner .text-white {
        color: var(--body-cl) !important;
    }
    .slide-home-4 .inner h3 {
        font-size: 1.2rem;
    }
    .slide-home-4 .inner h3 br {
        display: none;
    }
    .slide-home-4 .item .address.fs-16 {
        font-size: .9rem;
    }
    .home-link-4 {
        margin-top: 1.8rem;
    }
    .home-title-5 .title-sec {
        font-size: 1.5rem;
    }
    .home-content-5 .box-content .inner-content {
        padding-right: .5rem;
    }
    .home-content-5 .box-content>.cont-wrap {
        padding: 2rem 1rem 2rem 1.5rem;
    }
    .home-content-5 .box-content>.img-wrap {
        height: 13rem;
    }
    .home-link-5 {
        margin-top: 1.5rem;
    }
    .home-6 {
        margin-top: 3.5rem;
        padding-top: 2.5rem;
    }
    .home-6:before {
        border-radius: 1rem 1rem 0 0;
    }
    .home-title-6 {
        padding-right: 0;
    }
    .home-title-6 .title-sec {
        font-size: 1.7rem;
    }
    .home-7 {
        padding-top: 4rem;
    }
    .home-title-7 .title-sec {
        font-size: 1.4rem;
    }
    .home-content-7 .nav-tabs-icon {
        column-gap: 0.7rem;
    }
    .home-content-7 .nav-tabs-icon .item-tab {
        width: calc((100% / 3) - (.7rem * 2 / 3)) !important;
    }
    .home-content-7 .item-tab .img-wrap {
        width: 3rem;
    }
    .home-content-7 .nav-tabs-icon .item-tab .title {
        font-size: 0.9rem;
    }
    .home-content-7 .nav-tabs-icon .item-tab .title br {
        display: none;
    }
    .home-content-7 .img-wrap {
        max-width: 100%;
    }
    .home-content-7 .img-graphic {
        width: 100%;
        height: 100%;
        padding: 0 2.5rem;
    }
    .home-content-7 .img-graphic>img {
        object-fit: contain;
    }
    .home-title-8 .title-sec {
        font-size: 1.8rem;
    }
    .wrap-home-8 {
        margin-top: 1.3rem;
    }
    .post-item .img-wrap {
        aspect-ratio: 16 / 9;
    }

    /*ABOUT*/
    .about-title-1 .title-sec {
        font-size: 1.5rem;
    }
    .about-title-1.desc-sec {
        font-size: 1rem;
        margin-top: 0.9rem;
    }
    .about-content-2 .item:first-child {
        padding-top: 3rem;
    }
    .about-content-2 .item {
        flex-direction: column-reverse;
        gap: 1.3rem;
    }
    .about-content-2 .item:nth-child(n+2) {
        padding-top: 2.5rem;
    }
    .about-content-2 .item>* {
        width: 100%;
    }
    .about-content-2 .item:after,
    .about-content-2 .item:before {
        content: unset;
    }
    .about-content-2 .item .img-wrap,
    .about-content-2 .item .cont-wrap {
        padding: 0 !important;
    }
    .about-content-2 .item:nth-child(even) .cont-wrap {
        order: unset;
    }
    .about-3 {
        padding-bottom: 4rem;
    }
    .about-counter-3 {
        flex-wrap: wrap;
    }
    .about-counter-3 .item-counter {
        width: calc((100% / 2) - (1rem * 1 / 2));
    }
    .about-counter-3 .number-wrap > div {
        font-size: 1.85rem;
    }
    .about-4 {
        padding-top: 3rem;
    }
    .about-content-4 .item .cont-wrap {
        width: 100%;
        margin-left: 0;
        margin-top: .2rem;
    }
    .about-content-4 .item .img-wrap {
        width: 100%;
        order: 2;
        margin-top: 1rem;
    }
    .about-content-4 .item .desc {
        margin-top: .3rem;
    }
    .about-5 {
        margin-top: 1rem;
        padding-top: 2rem;
    }
    .about-5:before {
        border-radius: 1rem 1rem 0 0;
    }
    .about-content-5 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .about-content-6 {
        margin: 0 -0.78125rem;
    }

    /*PROJECT*/
    .project-list {
        margin-top: 1.5rem;
    }
    .project-list>.inner {
        gap: 1.2rem;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .project-list .project-item .img-wrap {
        aspect-ratio: 380 / 230;
    }
    .project-item > .title {
        font-size: 1.1rem;
        margin-bottom: 0.6rem !important;
    }
    .project-item .cont-absolute {
        background: rgb(255 255 255 / 0.5);
        backdrop-filter: blur(20px);
    }
    .project-info-wrap .item .icon {
        min-width: 2.5rem;
    }

    /*PROJECT DETAILS*/
    .project-details {
        padding-top: 3rem;
    }
    .project-details .title-group > h2 {
        font-size: 1.5rem;
    }
    .post-details-slide .img-wrap {
        height: 12rem;
    }
    .post-details-slide .slide-nav-mobile {
        padding-left: 0;
        padding-right: 0;
    }
    .project-info-wrap {
        margin-top: 1rem;
    }
    .project-info-wrap .item {
        width: 100%;
        padding-right: 0;
        border-right: 0 !important;
        flex-direction: row;
    }
    .project-info-wrap .item:not(:last-child) {
        border-bottom: 1px solid #ccc;
        padding-bottom: 1rem;
        padding-right: 0;
    }
    .project-related-wrap > h2 {
        font-size: 1.6rem;
    }
    .project-slide-related .project-item .img-wrap {
        aspect-ratio: 16 / 9;
    }
    .form-sidebar .form-wrap .wpcf7-not-valid-tip {
        font-size: 0.8rem;
    }

    .blog-page {
        padding-top: 3rem;
    }
    .blog-list>.inner {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .blog-list {
        margin-top: 1.5rem;
    }

    .list-post-related {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .list-post-related .post-item {
        margin: 0;
    }

    .wrap-content-contact > * {
        padding: 2.2rem 1.2rem;
    }
    #form-estimate {
        max-width: 100%;
        border-radius: 1rem;
    }
    #form-estimate>.inner {
        padding: 3rem 1rem;
    }
    #form-estimate>.inner .gird-fields {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        row-gap: 0.7rem;
    }
    #form-estimate .result-wrap .img-graphic>img {
        height: 8rem;
    }
    #form-estimate .result-inner .result-item {
        width: 100%;
    }

    #form-estimate > .inner > h2.title {
        font-size: 1.4rem;
    }
    #form-estimate .result-wrap,
    .form-group.flex {
        flex-direction: column;
    }
    #form-estimate .result-wrap > *,
    .form-group.flex > .form-item {
        width: 100%;
    }

    #form-estimate .result-inner {
        padding-left: 0;
    }
    #form-estimate .result-item strong {
        font-size: 1.3rem;
    }
    .fancybox-slide--html .fancybox-close-small {
        top: 0;
        right: 0;
        color: currentColor;
        padding: 6px;
    }

    /*PRODUCT DETAILS*/
    .single-product #footer {
        margin-top: 3rem;
    }
    .price-wrapper span.amount {
        font-size: 1.4rem;
    }
    .product-short-description {
        font-size: 1rem;
    }
    .custom-product-page table.variations tr {
        display: flex;
        flex-direction: column;
    }
    .custom-product-page table.variations label {
        font-size: 1.2rem;
    }
    .custom-product-page table.variations select {
        font-size: 1rem;
    }
    .custom-product-page .woocommerce-tabs > ul > li {
        width: 50%;
    }
    .custom-product-page .woocommerce-tabs li>a {
        text-align: center;
    }
    .custom-product-page #tt-reviews .tt-reviews-title {
        font-size: 1.2rem;
    }
    #tt-reviews .tt-reviews-statistics .reviews-stars .total-stars .average-rating {
        font-size: 2rem !important;
    }
    #tt-reviews .tt-reviews-statistics .reviews-button-wrap {
        margin-top: 1rem;
    }
    .product-section-title-related {
        font-size: 1.3rem;
        text-align: center;
    }
    .custom-product-page .product-title {
        font-size: 1.3rem;
    }
    .product-small.box .product-title>a {
        font-size: 1.2rem;
    }
    .product-small.box .price-wrapper span.amount {
        font-size: 0.8rem;
    }
    .custom-product-page .variant-box {
        width: calc((100% / 2) - (12px * 1 / 2));
    }
    .woocommerce-js .off-canvas-cart {
        width: 100% !important;
        margin: unset;
    }
    .custom-product-page .product-thumbnails {
        margin: 0 auto !important;
        height: 5rem;
    }
    .custom-product-page .product-thumbnails .flickity-viewport {
        height: 100% !important;
    }
    .custom-product-page .row-slider .flickity-button {
        top: 50% !important;
        bottom: unset !important;
        transform: translateY(-50%) !important;
    }
    .custom-product-page .row-slider .flickity-prev-next-button.next {
        right: 0 !important;
    }
    .single-product .custom-product-page .ux-buy-now-button {
        width: 100%;
        margin: 0 0 1rem 0;
    }

    .single-product .add-to-cart-container .btn-style-2 {
        width: 100%;
        justify-content: center;
    }

    .post-type-archive-product .category-page-title {
        padding-top: calc(var(--header-height) + 2rem);
    }
    .product-small.box .box-text-products {
        text-align: center;
    }
}