/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.18.2
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
    font-family: 'Montserrat';
    src:
        url('./assets/fonts/montserrat/Montserrat-VariableFont_wght.woff2') format('woff2'),
        url('./assets/fonts/montserrat/Montserrat-VariableFont_wght.woff') format('woff');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

:root {
    --fs-color-black: #000000;
    --fs-color-white: #ffffff;
    --fs-color-third: #3c7a9c;
    --fs-color-four: #817162;
    --fs-color-grey: #cccccc;
    --FontAwesome: 'Font Awesome 7 Pro';
    --font-html-size: 62.5%;
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    --tw-inset-shadow: 0 0 #0000;
    --tw-inset-ring-shadow: 0 0 #0000;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-backdrop-blur: 12px;
}

html {
    font-size: var(--font-html-size);
}

body {
    font-size: 1.6rem !important;
    font-family: 'Montserrat', sans-serif;
}

h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
     font-family: 'Montserrat', sans-serif;
}


.pb-3 { padding-bottom: 30px; }
.pb-4 { padding-bottom: 40px; }
.pb-5 { padding-bottom: 50px; }
.pb-2xl { padding-bottom: 64px; }

.fw-300 {font-weight: 300}
.fs-14 {font-size:14px}

.is-small,
.is-small.button {
    font-size: 14px;
}

.last-reset > :not(style):last-of-type {
    margin-bottom: 0 !important;
}

p {
    margin-bottom: 1.5rem;
}

.dark,
.dark p,
.dark td {
    color: var(--fs-color-white);
}


.col-child-left>.col-inner {
    margin-right: auto !important;
    margin-left: 0 !important;
}

.col-child-center>.col-inner {
    margin-right: auto !important;
    margin-left: auto !important;
}

.col-child-right>.col-inner {
    margin-right: 0 !important;
    margin-left: auto !important;
}

.off-canvas-left .mfp-content,
.off-canvas-right .mfp-content {
    background-color: hsla(0, 0%, 100%, 1);
}

.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
    font-size: 1em;
    text-transform: capitalize;
    font-weight: 500;
    color: var(--fs-color-black);
}


label,
legend {
    display: block;
    font-size: 0.875em;
    font-weight: 600;
    margin-bottom: 0.8rem;
    color: inherit !important;
    line-height:1.5;
}

.wpcf7-list-item > label {
    margin: 0;
}



input[type=checkbox], input[type=radio] {
    margin-right: 8px;
}

.button, button, fieldset, input, select, textarea {
    margin-bottom: 12px;
}

textarea {
    min-height: 90px;
}
.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type='date'], input[type='email'], input[type='number'], input[type='password'], input[type='search'], input[type='tel'], input[type='text'], input[type='url'], select, textarea {
    box-shadow: none;
    font-size: 1em;
    border-radius: 4px;
    height: 40px;
    background-color: #f9fafb;
    border-color: #ebe6e7;
}

input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, select:focus, textarea:focus {
    color: var(--fs-color-base);
    border-color: var(--fs-color-primary);
    box-shadow: none;
}

form {
    margin-bottom: 0;
}

form .wpcf7-form-control-wrap[data-name="form-name"]:after,
form .wpcf7-form-control-wrap[data-name="form-tel"]:after,
form .wpcf7-form-control-wrap[data-name="form-email"]:after,
form .wpcf7-form-control-wrap[data-name="form-company"]:after {
    content: '\f007';
    font-family: var(--FontAwesome);
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(calc(-50% - 6px));
    font-weight: 300;
    font-size: 14px;
    color: #666565;
}

form .wpcf7-form-control-wrap[data-name="form-tel"]:after{
    content: '\f3ce';
}
form .wpcf7-form-control-wrap[data-name="form-email"]:after{
    content: '\f0e0';
}

form .wpcf7-form-control-wrap[data-name="form-company"]:after{
    content: '\f1ad';
}



form .wpcf7-form-control-wrap[data-name="form-name"] input,
form .wpcf7-form-control-wrap[data-name="form-tel"] input,
form .wpcf7-form-control-wrap[data-name="form-email"] input,
form .wpcf7-form-control-wrap[data-name="form-company"] input{
    padding-left:28px;
}

form .custom-wpcf7-radio {
        display: flex;
    align-items: stretch;
    gap: 12px;
    flex-wrap: wrap;
        margin-bottom: 12px;
}

form .custom-wpcf7-radio .wpcf7-list-item {
    border: 1px solid #ebe6e7;
    padding: 24px 8px 8px;
    border-radius: 4px;
    margin: 0;
    flex: 1;
    position: relative;
        min-width: 200px;
}
form .custom-wpcf7-radio .wpcf7-list-item > label {
        display: flex;
    flex-direction: column;
    align-items: center;
        text-align: center;
}

form .custom-wpcf7-radio .wpcf7-list-item  small {
    font-size: 12px;
    font-weight: 400;
}

form .custom-wpcf7-radio  input {
    display:none;
}

form .custom-wpcf7-radio .custom-input {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 16px;
    height: 16px;
    border: 1px solid #7b7b7b;
    border-radius: 99px;
}


form .custom-wpcf7-radio .custom-input:after {
    content:'';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    display:block;
    background-color: transparent;
}

form .custom-wpcf7-radio input:checked + .custom-input:after{
     background-color: var(--fs-color-primary);
}

form .custom-wpcf7-radio .wpcf7-list-item-label {
        display: flex;
    align-items: center;
    justify-content: center;
    gap:5px;
    text-align: left;
    font-size: 14px;
        
}

form .custom-wpcf7-radio .label-image {
    width: 36px;  
    flex: 1 1 36px;
    min-width: 36px;
}

form .custom-wpcf7-radio br {
     display: block; 
}

form .wpcf7-acceptance label {
    font-weight: 400;
    font-size: 14px;
    margin-top: 10px;
    
}

form .wpcf7-acceptance label input {
    margin-bottom: 0;
}


form .wpcf7-acceptance a {
    font-weight: 600;
}
form .security-box {
    background-color: rgb(26 93 138 / 10%);
    border-radius: 4px;
    margin-bottom: 12px;
    padding: 8px;
        font-size: 14px;
}

form .security-box i {
     color: var(--fs-color-primary);
}

form .wpcf7-submit  {
    height: 50px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 1.6rem;
    text-transform: capitalize;
    margin-bottom:0 ;
}

form  .form-fields-wrapper.row:not(.row-collapse) {
    margin-left: -12px;
    margin-right: -12px;
}

form  .form-fields-wrapper.row:not(.row-collapse) > .col {
       padding: 0 12px 24px;
}



.wpcf7-radio + span.wpcf7-not-valid-tip {
    display:block;
}

.break-word {  
    word-break: break-word !important;
}


h1,
.h1 {
    font-size: 2em;
}

h2,
.h2 {
    font-size: 1.875em;
}

h3,
.h3 {
    font-size: 1.5em;
}

h4,
.h4 {
    font-size: 1.25em;
}

h5,
.h5 {
    font-size: 1.125em;
}

h6,
.h6 {
    font-size: 1em;
}

.section-title-container :is(h1, h2, h3, h4, h5, h6) {
    margin-bottom: 0;
}

.section-title-normal {
    border-bottom: 0;
}

.section-title-normal span {
    border-bottom: 0;
    margin-bottom: 0;
    margin-right: 0;
    padding-bottom: 0;
}

.section-title-container h1 {
    font-size: 3.2rem;
}

.col.project-item {
    transition: transform 0.5s;
}

.box-text {
    font-size: 1em;
    padding-bottom: 1rem;
    padding-top: 1rem;
}

.slider-style-focus .flickity-slider> :not(.is-selected) {
    transform: scale(0.9);
}

.single .slider-style-focus .flickity-slider> :not(.is-selected) {
    filter: brightness(0.5);
    opacity: 1;
}

.slider-style-focus .flickity-slider> :not(.is-selected) .box-text {
    opacity: 0;
}

.slider-style-focus.show-box-text .flickity-slider> :not(.is-selected) .box-text {
    opacity:1;
}

.slider-nav-light.slider-nav-circle .flickity-button-icon {
    background-color: var(--fs-color-secondary);
    border-color: var(--fs-color-secondary);
}

.slider-nav-circle .flickity-prev-next-button:hover .arrow,
.slider-nav-circle .flickity-prev-next-button:hover svg {
    fill: #fff !important;
    background-color: var(--fs-color-secondary);
    border-color: var(--fs-color-secondary);
}

.show-all-items .flickity-slider>.row:not(.is-selected) {
    opacity: 1;
}


.back-to-top.button {
    border-radius: 0 !important;
    border: none;
    background-color: var(--fs-color-secondary);
    color: var(--fs-color-white);
    right: 5px;
    top: calc(25% + 140px);
    bottom: auto;
    width: 4rem;
    height: 4rem;
    margin: 0;
    line-height: 4rem !important;
    min-height: 4rem;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
}

#button-contact-vr {
    position: fixed;
    bottom: auto;
    z-index: 99999;
    left: auto !important;
    top: 25%;
    right: 5px !important;
}

#button-contact-vr .button-contact {
    position: relative;
    margin-top: 5px;
        background-color: var(--fs-color-secondary);
        box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
}

#button-contact-vr .button-contact .phone-vr {
    width: 40px;
    height: 40px;
}
#button-contact-vr  .phone-vr-circle-fill {
    width: 40px;
    height: 40px;
    top: 0;
    left: 0;
    -webkit-animation: unset;
    animation: unset;
        box-shadow: unset;
    background-color: unset;
}

#button-contact-vr  .phone-vr-img-circle {
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: 0;
    left: 0;
        background-color: unset;
    -webkit-animation: unset;
    animation: unset
}

#button-contact-vr img {
        max-height: 27px;
}


#button-contact-vr  #fanpage-vr img {
    max-width: 24px;
    max-height: 24px;
}

.button, button, input[type=button], input[type=reset], input[type=submit] {
    font-size: 1em;
    font-weight: bold;
    margin-right: 1em;
    margin-top: 0;
    max-width: 100%;
    min-width: 24px;
    padding: 0 1.2em;
    
    display: inline-flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1.5;
    min-height: 40px;
}
.box a {
    display: inline-flex;
}
.button span {
    display: inline-block;
    line-height: 1.5;
}

.button i,
button i {
    top: 0;
    vertical-align: middle;
}

.button.icon {
    min-width: 36px;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
}

form {
    margin-bottom: 0;
}


.box .box-text {
    font-size: 1em;
}

.button.white {
    color: var(--fs-color-primary) !important;
}

.button:hover, .dark .button.is-form:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
    box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .025);
}

.button.secondary:hover {
    box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .15);
}


.depth-consultation-section .depth-consultation-row > .col > .col-inner{
    overflow: hidden;
    
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.depth-consultation-section  .col.title-col > .col-inner  > .row {
    height: 100%;
}


.depth-consultation-section  .col.title-col > .col-inner  > .row .catalogue-col { 
    align-self: end;   
}

.icon-certificate:before {
    content: "\f15c";
    font-family: var(--FontAwesome);
}


.depth-consultation-section  .col.title-col > .col-inner:before {
    content:'';
    position: absolute;
    inset:0;
    mix-blend-mode: overlay;
    opacity: 10%;
    background: url(/wp-content/uploads/2026/07/depth-consultation-bg-img.jpg) no-repeat center/cover;
}


.depth-consultation-section .icon-box .icon-inner{
    background-color: rgb(255 255 255 / 10%) !important;
    color: #fff !important;
    border: none;
}

.depth-consultation-section .icon-box .has-icon-bg .icon svg {
    margin: 0 25%;
    width: 50%;
}



/*************** HEADER ***************/

#header #masthead .flex-right {
    flex: 1;
}

#header #masthead .flex-right .nav-right {
    flex-wrap: nowrap;
}

#header #masthead .flex-right .nav-right>li>a {
    padding: 1.5rem 2rem 0.8rem;
    font-size: 0.8625em;
    line-height: 1.5;
    min-height: 4.5rem;
}

#header .flex-right .header-block {
    width: auto;
}

#header .header-search .icon {
    width: 3.2rem;
    height:3.2rem;
    min-height:3.2rem;
    min-width: 3.2rem;
    line-height: 3.2rem;
    border: none;
    background-color: var(--fs-color-third);
}

#header .header-search .icon i {
    font-size: 1.2rem !important;
    top: 0;
}

.last-reset>p:has(+ style) {
    margin-bottom: 0;
}

.icon-box-img img,
.icon-box-img svg {
    padding-top: 0;
}

.icon-box.inline-width {
    width: fit-content;
    flex-wrap: nowrap;
}

.icon-box.inline-width .icon-box-text {
    flex: 0 1 auto;
    width: fit-content;
}



.contact-section .map-link a {
    color: var(--fs-color-secondary);
    text-decoration: underline;
    letter-spacing: 2px;
}

.contact-section .map-link a:hover {
    color: var(--fs-color-primary);
}

.contact-section .icon-box-img {
    place-content:center
}
.contact-section .icon-box-img .icon-inner {
    height:28px;
}

.tab-panels .gallery {
    width: auto;
    margin-left: -5px;
    margin-right: -5px;
}

.tab-panels .gallery .gallery-item {
    padding: 0 5px 10px;
}

.contact-section .wpcf7-form,
.contact-section button {
    margin-bottom: 0
}

/*************** END HEADER ***************/

/*************** FOOTER ***************/
.social-icons .button.icon:not(:hover) {
    background-color: var(--fs-color-secondary) !important;
    border-color: var(--fs-color-secondary) !important;
}

.social-icons .button.icon {
    margin-bottom: 6px;
    margin-left: 3px;
    margin-right: 3px;
}

.share-icons-title {
    font-weight: 600;
    padding-right: 10px;
    font-size: 1.5rem;
    color: var(--fs-color-secondary);
}

.social-icons .button.icon i {
    top: -0.5px;
}

#footer .wpcf7-form {
    border-bottom: 1px solid #767676;
}

#footer .wpcf7-form button,
#footer .wpcf7-form input {
    box-shadow: none !important;
    background-color: transparent !important;
    border: none !important;
    margin: 0;
    padding: 0;
}

#footer .footer-section {
    padding-left: 3rem;
    padding-right: 3rem;
}

#footer .footer-section>.section-content {
    margin-top: 3rem;
    border-top: 1px solid #d9d9d9;
    padding: 3rem 5rem 0;
}

#footer .absolute-footer {
    color: #2d2926;
    font-size: 1em;
    padding: 1rem 3rem 5rem;
}

#footer .absolute-footer>.container {
    max-width: 100%;
    padding: 0 6rem;
    border-bottom: 1px solid #d9d9d9;
}

#footer .logo {
        max-width: 32rem;
    margin-left: -15px;
}

/*************** END FOOTER ***************/

/*************** HOME PAGE ***************/
.banner h1,
.banner h2,
.banner h3 {
    line-height: 1.25;
    margin-bottom: 0;
    margin-top: 0;
}

.hero-section .banner h2 {
    font-size: 5.4rem;
}

.hero-section .video-button-wrapper .open-video {
    background-color: rgb(94 94 94 / 55%);
    border-color: transparent;
}

.hero-section .video-button-wrapper .open-video:hover {
    background-color: rgb(94 94 94 / 75%);
}

.hero-section .video-button-wrapper .open-video i {
    /* font-size: 3.5em !important; */
}

.hero-section .banner :is(h1, h2, h3) {
    text-shadow: 4px 4px 6px #352d2da1;
}

.hero-section .flickity-button {
    height: 3.6rem;
    min-height: 3.6rem;
    bottom: 15%;
    top: auto;
    opacity: 1;
}

.hero-section .flickity-button.previous {
    left: calc(90% - 7.2rem);
}

.hero-section .flickity-button.next {
    right: 10%;
}

.hero-section .flickity-button.previous:after {
    content: '';
    position: absolute;
    top: 20%;
    left: 0;
    width: 100%;
    height: 60%;
    border-right: 1px solid var(--fs-color-white);
}

.hero-section .flickity-button .flickity-button-icon {
    border-radius: 0;
    background-color: transparent;
    border-color: var(--fs-color-white) !important;
    border-width: 1px;
    padding: 28%;
    position: relative;
    transform: none;
    top: 0;
    left: 0;
}

.hero-section .flickity-button:hover .flickity-button-icon {
    background-color: var(--fs-color-white);
}

.hero-section .flickity-button:hover .flickity-button-icon .arrow {
    fill: var(--fs-color-secondary) !important;
}

.hero-section .flickity-button.previous .flickity-button-icon {
    border-right: 0;
}

.hero-section .flickity-button.next .flickity-button-icon {
    border-left: 0;
}

.solutions-section .solutions-row {
    position: relative;
}

.solutions-section .solutions-row.image-left>.col:first-of-type {
    flex-basis: 70%;
    max-width: 70%;
}

.solutions-section .solutions-row.image-left>.col:last-of-type {
    position: absolute;
    right: 0;
    top: 0;
    flex-basis: 36%;
    max-width: 36%;
}


.solutions-section .solutions-row.image-right {
    flex-direction: row-reverse;
}

.solutions-section .solutions-row.image-right>.col:first-of-type {
    position: absolute;
    left: 0;
    top: 0;
    flex-basis: 36%;
    max-width: 36%;
    z-index: 10;
}

.solutions-section .solutions-row.image-right>.col:last-of-type {
    flex-basis: 70%;
    max-width: 70%;
}


.solutions-section .solutions-row .bg-content-row>.col>.col-inner {
    background: linear-gradient(to right, #a8937d 0%, #5f4a35 100%);
    padding: 3rem
}

.solutions-section .solutions-row.image-right .bg-content-row>.col>.col-inner {
    background: linear-gradient(to right, #e1ccb8 0%, #f3ecdf 100%);
}


.solutions-section .solutions-row.color-darker .bg-content-row>.col>.col-inner {
    background: linear-gradient(to left, #a8937d 0%, #5f4a35 100%);
}


.solutions-section .solutions-row.color-third .bg-content-row>.col>.col-inner {
    background: linear-gradient(to right, #9e8c7c 0%, #a79585 100%);
}


.row-dashed .col:before,
.row-solid .col:before {
    border-color: rgb(51 51 51 / 30%);
}

.gap-3 .flickity-slider>.row {
    padding: 0 1.5rem
}


.gap-6 .slider {
    margin-left: -3rem;
    margin-right: -3rem;
}

.gap-6 .flickity-slider>.row {
    padding: 0 3rem
}

.gap-9 .slider {
    margin-left: -4.5rem;
    margin-right: -4.5rem;
}

.gap-9 .flickity-slider>.row {
    padding: 0 4.5rem
}

.logo-slider .flickity-slider>.row {
    padding: 0 0.8rem
}

.logo-slider .flickity-slider .img-inner {
    aspect-ratio: 10 / 4;
    background-color: #fff;
}

.logo-slider .flickity-slider .img img {
    width: auto;
    height: 100%;
    object-fit: contain;
    padding: 1rem;
}

.searchform .flex-grow {
    align-items: flex-start;
    display: flex;
}

.searchform select {
    width: max-content;
    margin:0 0.5rem 0 0;
}

.searchform-wrapper select,
.searchform-wrapper input[type="search"] {
    font-size: 1.6rem;
    margin: 0;
}



#search-lightbox  .searchform-wrapper.form-flat .flex-col:last-of-type {
       margin-left: -5rem;
}

.searchform .button.icon {
    margin: 0;
    border-radius:4px;
        min-width: 50px;
    min-height: 50px;
}


#search-lightbox  .searchform .button.icon {
    font-size:1.4rem;
}

.testimonials-section .slider .flickity-slider > .row,
.testimonials-section .slider .flickity-slider > .row > .col  {
    min-height:100%;
}

.testimonials-section .slider .flickity-slider > .row > .col > .col-inner {
        height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}

.partners-section .ux-logo img {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
    padding: 1rem;
    width: 100%;
    object-fit: contain;
    background: var(--fs-color-white);
}

.single-partners-section {
    border-bottom: 1px solid #f6f3f4;
}

.single-partners-section h2 {
        font-size: 16px;
    text-transform: uppercase;
    color: #99a1af;
    letter-spacing: 1.4px;
    margin-bottom: 0;
}


 

/*************** END HOME PAGE ***************/

/*************** ABOUT PAGE ***************/

.about-hero-section h2 {
    text-shadow: 4px 4px 6px #352d2da1;
    font-size: 4.8rem;
    line-height: 1.25;
}

.about-hero-section .achievements-row {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, #2a5a86 0%, transparent 100%);
}

.about-hero-section .achievements-row>.col {
    padding-top: 3rem;
}

.about-hero-section .achievements-row p {
    margin-bottom: 0;
    font-size: 1.25523vw;
}

.about-hero-section .achievements-row strong {
    font-size: 2.51046vw;
    font-weight: bold;
}

.work-process-section .work-process-nav-row {
    position: relative;
    flex-wrap: nowrap;
    overflow: auto;
    scrollbar-width: thin;
}

.work-process-section .work-process-nav-row:after {
    display: block;
    position: absolute;
    inset: 0;
    width: 120rem;
    height: 100%;
    z-index: -1;
    background: url(assets/images/work-process-line.png) no-repeat 10rem 3.5rem / 100rem auto;
}

.work-process-section .work-process-nav-row>.col {
    min-width: 15rem;   
    cursor: pointer;
    overflow: visible;
}

.work-process-section .work-process-nav-row h3 {
font-size: 18px;
    margin-bottom: 0;
}

/* 
.work-process-section .work-process-nav-row  > .col  > .col-inner:after {
    content: '';
    position: absolute;
    width: 2rem;
    height:2rem;
    background-color: #f8f8f8;
    left:50%;
    bottom: 0;
    transform: translateX(-50%);
} */

.work-process-section .work-process-nav-row .icon-box .icon-inner {
    background-color: var(--fs-color-third);
    border-color:  var(--fs-color-third);
}

.work-process-section .work-process-nav-row>.col.active .icon-box .icon .icon-inner {
    background-color: currentColor;
    border-color: currentColor;
}

.work-process-section .work-process-nav-row .icon-box .icon-inner svg {
    margin: 0 25%;
    width: 50%;
}

.work-process-section .work-process-nav-row .icon-box .icon-inner svg * {
    fill: var(--fs-color-white);
}

.work-process-slider .flickity-page-dots {
    display: none;
}

.awards-section .ux-logo img {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
    padding: 1rem;
    width: 100%;
    object-fit: contain;
}

/*************** END ABOUT PAGE ***************/

/*************** CONTACT PAGE ***************/
.contact-page-banner h1.page-title {
    text-transform: uppercase;
    font-size: 7.5rem;
    text-shadow: 4px 5px 5px rgba(0, 0, 0, 25%);
    letter-spacing: 1rem;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.contact-section .wpcf7-form input[type='text'],
.contact-section .wpcf7-form input[type='tel'],
.contact-section .wpcf7-form input[type='email'],
.contact-section .wpcf7-form input[type='checkbox'],
.contact-section .wpcf7-form input[type='file'],
.contact-section .wpcf7-form select {
    border-radius: 2px;
    box-shadow: none;
    margin-bottom: 2.4rem;
}

.contact-section .wpcf7-form input[type='checkbox'] {
    margin-right: 5px;
}

.contact-section .wpcf7 span.wpcf7-list-item {
    margin-right: 3rem;
}

/*.button,*/
/*button,*/
/*input[type='button'],*/
/*input[type='reset'],*/
/*input[type='submit'] {*/
/*    font-weight: 400;*/
/*}*/

.button.is-outline,
input[type='button'].is-outline,
input[type='reset'].is-outline,
input[type='submit'].is-outline {
    line-height: 2.2em;
}

.button.is-xlarge {
    font-size: 1.625em;
}

.button.is-larger {
    font-size: 1.25em;
}

.contact-section .wpcf7-form button {
    min-width: 10rem;
    border-radius: 2px;
    text-transform: initial;
}

.rank-math-breadcrumbs-container {
    background-color: #f8f8f8;
    padding: 1.5rem 0;
}

.rank-math-breadcrumb {
    font-size: 1.5rem;
}

.rank-math-breadcrumb p {
    margin-bottom: 0;
}


/*************** END CONTACT PAGE ***************/

/*************** SHOWROOM PAGE ***************/
.showroom-section .form-field-item {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
}

.showroom-section .wpcf7-form {
    margin-bottom: 0;
}

.showroom-section .wpcf7-form .button {
    margin-top: 1.5rem;
}

.showroom-section .form-field-item>label {
    width: auto;
    min-width: 15rem;
}

.showroom-section .form-field-item .wpcf7-form-control-wrap {
    flex: 1;
}

.showroom-section .form-field-item input[type='text'],
.showroom-section .form-field-item input[type='tel'],
.showroom-section .form-field-item input[type='email'],
.showroom-section .form-field-item input[type='date'],
.showroom-section .form-field-item input[type='checkbox'] {
    border-radius: 2px;
    box-shadow: none;
    margin-bottom: 2.4rem;
}

.showroom-section .form-field-item .wpcf7-list-item {
    min-width: 14rem;
    text-align: center;
}

label>strong {
    font-weight: 600;
    color: var(--fs-color-primary);
}

/*************** END SHOWROOM PAGE ***************/


.accordion .toggle {
    border-radius: 999px;
    height: 1.5em;
    left: auto;
    margin-right: 5px;
    position: absolute;
    top: 0.3em;
    transform-origin: 50% 42%;
    width: 2.3em;
    right: 0;
}

.accordion-inner {
    padding: 0 0 1.5rem;
}

.accordion-title {
    border-top: 0;
    display: block;
    font-size: 1em;
    padding: 0.6em 2.3em 0.6em 0.6em;
    position: relative;
    transition: border 0.2s ease-out, background-color 0.3s;
    margin-bottom: 10px;
    background-color: #f5f5f5;
    font-weight: 600;
}

.accordion-title.active {
    background-color: var(--fs-color-primary);
    border-color: var(--fs-color-primary);
    color: var(--fs-color-white);
    font-weight: 600;
}

.nav-column>li>a,
.nav-dropdown>li>a,
.nav-vertical-fly-out>li>a,
.nav>li>a {
    color: #2d2926;
}

.box-text .is-divider {
    display: none;
}

.box .post-title.is-larger {
    font-size: 1.3125em;
}

.from_the_blog_excerpt {
    font-size: 1.4rem;
}

.pagination-with-count {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.5rem;
}

ul.links {
    font-size: 1em;
    margin: 4px 0;
}

.nav-pagination>li>.current,
.nav-pagination>li>a:hover,
.nav-pagination>li>span:hover {
    background-color: var(--fs-color-secondary);
    border-color: var(--fs-color-secondary);
}

.nav-pagination>li>a,
.nav-pagination>li>span {
    border: none;
    border-radius: 0;
    font-size: 0.875em;
    font-weight: 400;
    height: 2.5em;
    line-height: 2.5em;
    min-width: 2.5em;
    padding: 0 4px;
}

.posts-result-count {
    font-weight: 400;
    font-size: 0.875em;
}

/*************** END PRODUCT SINGLE ***************/

/*************** PROJECT ARCHIVE ***************/
.project-banner h2 {
    font-size: 5.1rem;
}

.project-banner p {
    margin: 1rem 0
}

.project-archive #post-list {
    margin-top: 5rem;
}


.project-item  .box .from_the_blog_excerpt {
    -webkit-line-clamp: 999;
    text-align: justify;
}


.project-item  .box .slider-nav .image-cover {
    opacity: 0.5;
}

.project-item  .box .slider-nav .is-selected .image-cover {
    opacity: 1;
}


.project-item .box.box-shade .box-image {
    border-radius: 12px;
    overflow: hidden;
}

.project-item .box.box-shade .box-image .overlay {
    background-color: transparent;
    background: linear-gradient(to top, oklab(0.460008 -0.0441675 -0.0873218 / 0.9) 0%, oklab(0.460008 -0.0441675 -0.0873218 / 0.3) 50%, rgba(0, 0, 0, 0) 100%);
    opacity: 80%;
}

.project-item .box.box-shade .box-text {
    padding: 24px;
    transform: translateY(16px);
    transition: all 0.25s;
}

.project-item > .col-inner:hover .box.box-shade .box-text {
    transform: translateY(0);
}


.project-item .box.box-shade .box-text .post-title {
    text-transform: capitalize;
}


.project-item .slider-nav {
    margin-left: -5px;
     margin-right: -5px;
     margin-top: 10px;
}

.project-item .slider-nav .project-slider-nav-item {
    max-width: 25%;
    padding: 0 5px;
    transform: scale(1) !important;
}


.row.large-columns-1  .project-item:nth-child(even) .box.box-vertical  {
     direction: rtl;
}

.row.large-columns-1  .project-item:nth-child(even) .box.box-vertical  .box-text {
       right: auto;
       left:0;
}

.row.large-columns-1  .project-item:nth-child(even) .box.box-vertical  .box-text .box-text-inner  {
   background: linear-gradient(to left, var(--fs-color-third) 0%, var(--fs-color-primary) 100%);
}

.row.large-columns-1  .project-item:nth-child(even) .box.box-vertical .post-title {
    text-align: left;
}




.project-item .box.box-vertical .box-image {
    flex-basis: 70%;
    max-width: 70%;
    width: 70%;
}

.project-item .box.box-vertical .box-text {
    position: absolute;
    right: 0;
    top: 0;
    flex-basis: 36%;
    max-width: 36%;
    width: 36%;
    padding: 0;
}

.project-item .box.box-vertical .box-text .box-text-inner {
    background: linear-gradient(to right, var(--fs-color-third) 0%, var(--fs-color-primary) 100%);
    padding: 3rem 3rem 5rem;
}

.project-item .box.box-vertical .button  {
    font-size: 1em;
    padding: 10px;
    min-width: 200px;
    max-width: 100%;
    margin: -23px 30px 0 auto;;
    display: flex;
    width: fit-content;
    line-height: 1.5;
    align-items: center;
    justify-content: center;
}


.row.large-columns-1 .project-item:nth-child(even) .box.box-vertical .button  {
    margin: -23px auto 0 30px;
}

.project-item .box-badge .post-title,
.project-item .box-label .post-title {
    color: var(--fs-color-primary);
}


.project-item .col-inner:hover .box-badge .post-title,
.project-item .col-inner:hover .box-label .post-title {
    color: var(--fs-color-base);
}

.box-badge:hover .box-text {
    background-color: var(--fs-color-white);
}


.box-badge:hover .box-text p {
    color: var(--fs-color-base);
}

.project-item .box .post-title  {
    font-size: 2rem;
    text-transform: uppercase;
    margin-bottom: 8px;
}


.project-item .box.box-vertical .post-title  {
    text-align: right;
}

.project-item .box.box-label .from_the_blog_excerpt   {
    -webkit-line-clamp: 3;
}

.project-item .slider-nav .flickity-button-icon {
    background-color: var(--fs-color-four) !important;
    border-color: var(--fs-color-four) !important;
}


/*************** END PROJECT ARCHIVE ***************/

/*************** PROJECT SINGLE ***************/

.single .feature-projects {
    margin-top: 5rem;
}

.feature-projects .feature-projects-title {
    color: var(--fs-color-secondary);
    text-transform: uppercase;
}

.box-label {
    overflow: visible;
    /*padding-bottom:5rem;*/
}



.box.box-label .box-text {
    background-color: #fff;
    bottom: 20%;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
    margin: 0;
    opacity: 1;
    padding: 3rem;
    position: absolute;
    width: auto;
    width: 50%;
    left: 5%;
}

.feature-projects .slider .flickity-slider>.col {
    padding-bottom: 6rem;
}

.project-single .contact-section {
    background-color: var(--fs-color-white);
}

#quotation-form {
    border-radius: 8px;
}

#quotation-form form {
    margin-bottom: 0;
}




.catalogue-banner .banner-bg {
    filter: blur(4px);
}

.catalogue-banner .text-box h3 {
    font-weight: 600;
    font-size: 2.8rem;
}

/*************** END PROJECT SINGLE ***************/

/*************** BLOG ARCHIVE ***************/

.blog-archive {
    padding-top: 0;
    overflow: hidden auto;
    background: url(./assets/images/bg_main_blue.svg) repeat;
}
.archive-page-header {
    position: relative;
    height: 300px;
    display: flex;
    align-items: center;
    margin-bottom: 200px;
}

.archive-page-header::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #f8fafc;
    border-bottom-right-radius: 200px;
}

.archive-page-header  > .row > .col {
    padding-bottom: 0;
}
.archive-page-header h1 {
    margin-bottom: 8px;
    font-size: 60px;    
}

.archive-page-header-image {
    position: absolute;
    width: 41%;
    max-width: 640px;
    bottom: -153px;
    right: 32px;
    right: 8%
}

/*.archive-page-header-image img {*/
/*    filter: drop-shadow(0px 30px 15px rgba(0, 0, 0, 0.75));*/
/*}*/

.taxonomy-description {
    background-color: rgba( 255, 255, 255, 0.85);
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.04);
    margin-bottom: 50px;
}

.blog-archive .col.post-list-col {
    flex-basis: 720px;
    max-width: 720px;
}


.blog-archive .col.post-sidebar {
    flex-basis:  calc(100% - 720px);
    max-width:  calc(100% - 720px);
}


.blog-archive #post-list .post-item > .col-inner {
    border: 1px solid var(--fs-color-primary);
    border-radius: 20px;
    padding: 13px 30px 13px 16px;
    transition: .3s ease;
}
.blog-archive #post-list .post-item > .col-inner:hover {
    background-color: var(--fs-color-primary);
}

.blog-archive #post-list .post-item > .col-inner:hover * {
    color : var(--fs-color-white);   
}

.blog-archive #post-list .post-item > .col-inner:hover .tag::after {
    background:  var(--fs-color-white);
}


.blog-archive #post-list .box  .box-text {
    padding: 0 0 0 45px;   
}

.blog-archive #post-list .box .box-image {
    width: 53% !important;
    border-radius: 10px;
    overflow: hidden;
}


.blog-archive #post-list .box .box-image .image-cover {
    padding-top: 253px !important;
}

.box .head {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
.box .head .tag {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
    color: var(--primary-color);
    position: relative;
    transition: .3s ease;
}

.box .head .tag::after {
    display: inline-block;
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50px;
    background: var(--primary-color);
    margin: 0 8px;
    transition: .3s ease;
}

.box .post-title {
    margin-bottom: 12px;    
}
.box .post-title.is-large {
    font-size:1.25em;
}

.box .from_the_blog_excerpt  {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

.m-small-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 13px;
}

span.widget-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 13px;
    display: block;
}

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

.flickity-nav-count  {
    display:flex;
    margin-top: 16px;
    align-items:center;
}

.flickity-nav-count .nav-item {
    position:relative;
    margin: 0 4px;
    transition: all 0.3s;
    height:32px;
    line-height: 32px;
}

.flickity-nav-count .nav-item.active {
     width:120px;
     font-weight: bold;
     color: var(--fs-color-primary);
     font-size:20px;
}

.flickity-nav-count .nav-item::after {
    position: absolute;
    content: '';
    width: 80px;
    height: 4px;
    border-radius: 2px;
    background: #fffcef;
    display: none;
    left: 34px;
    top: 50%;
    transform: translateY(-50%);
}

.flickity-nav-count .nav-item.active::after {
    display: inline-block;
}

.flickity-nav-count .nav-item::before {
    position: absolute;
    content: '';
    width: 80px;
    height: 4px;
    border-radius: 2px;
    background: #fffcef;
    left: 34px;
    top: 50%;
    transform: translateY(-50%);
    background: var(--primary-color);
    display: none;
    z-index: 1;
}

.flickity-nav-count .nav-item.active::before {
    display: block;
    width: 80px;
    animation: 4s fill forwards;
}


@keyframes fill {
    0% {
        width: 0;
    }
    100% {
        width: 80px;
    }
}

.post-sidebar .post-item .box-image .image-cover  {
    border-radius: 10px;
    overflow:hidden;
}

.post-sidebar .featured-posts .post-item .head {
    display:none;
}

.post-sidebar .slider .flickity-button {
    display:none;   
}

.box .overlay {
    background: linear-gradient(180deg, rgba(20, 105, 53, 0) 62.31%, var(--primary-color) 100%);
}

.widget {
    margin-bottom: 45px;
}

.widget:last-child {
    margin-bottom: 0;
}

.popular-posts > .col.post-item:last-child {
    padding-bottom: 0;
}

.post-sidebar .popular-posts .box {
            display: table;
        width: 100%;
}

.popular-posts .box:hover a{
    color: var(--fs-color-primary);   
}

.post-sidebar .popular-posts .box-image {
    width: 150px !important;
    min-width: 150px;
    direction: ltr;
        display: table-cell;
        vertical-align: middle;
}

.post-sidebar .popular-posts .box-image .image-cover {
    height: 112px;
}

.post-sidebar .popular-posts .post-item .post-title{
    font-size:16px;
}

.post-sidebar .popular-posts .box-text {
    direction: ltr;
    display: table-cell;
    padding: 0 0 0 15px;
    vertical-align: top;
}

/*************** END BLOG ARCHIVE ***************/


/*************** BLOG SINGLE ***************/
.blog-featured-title .page-title-inner {
     max-width: 1630px;
}


.blog-featured-title h1 {
        margin-bottom: 15px;
            text-transform: capitalize;
                hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}

.blog-single {
    padding-top: 120px;
}

.blog-single > .row {
    max-width: 1630px;
}

.blog-single .post-list-col{
    flex-basis: calc( 100% - 500px);
    max-width: calc( 100% - 500px);
}

.blog-single .post-sidebar{
   flex-basis: 500px;
    max-width: 500px;
}

.blog-single  .entry-header {
        border-bottom: 1px solid var(--fs-color-base);
    padding-bottom: 30px;
}

.blog-single  .entry-header .entry-image {
    margin-bottom: 30px;
}
.entry-content {
    padding-bottom: 30px;
    padding-top: 30px;
}


.blog-single  .entry-header .entry-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px
}

.blog-single  .entry-header .entry-meta  .meta-author-info a {
        text-transform: capitalize;
}
.blog-featured-title+#main .post-sidebar {
    padding-top: 0;
}


.widget-area .tagcloud a {
    color: var(--fs-color-base);
    font-size:16px !important;
    background-color: var(--fs-color-white);
    margin: 0 12px 12px 0;
    padding: 7px 15px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    transition: all 0.25s;
}



.widget-area .tagcloud a:hover {
    color: var(--fs-color-white);
    background-color: var(--fs-color-primary);
   
}

.widget_media_image img {
    width: 100%;
}

.blog-single .widget-area  {
        background-color: #f7f7f7;
    padding: 30px;
}

.blog-single .widget-area 

.blog-single .entry-footer {
    border-top: 1px solid var(--fs-color-base);
    padding-top:40px;
    margin-top: 40px;
}

.blog-single .entry-footer {
    display: flex;
    align-items: flex-start;
    flex-wrap:wrap;
    gap: 30px;
    justify-content: space-between;
}

.blog-single .entry-footer .post-tags .post-tag-label {
    font-size:20px;
    font-weight:bold;
}
.blog-single .entry-footer .post-tags  a {
    background-color: #f8fafc;
    padding: 8px 16px;
    margin: 0 5px 0 5px;
    font-weight: bold;
    transition: all 0.3s;
    color:#848283 ;
}

.blog-single .entry-footer .post-tags  a:hover {
    background-color: var(--fs-color-primary);
    color: var(--fs-color-white);

}

.blog-single .entry-footer  .blog-share {
        white-space: nowrap;
}

.blog-single .entry-footer  .blog-share a {
    color: var(--fs-color-base);
    font-size: 20px;
    margin: 0 16px;
    position: relative;
}
.blog-single .entry-footer  .blog-share a + a:before {
    content: '';
    width: 5px;
    height: 1px;
    display: inline-block;
    background-color: var(--fs-color-base);
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
    opacity: 1;
}
.blog-single .entry-footer  .blog-share  a:hover {
        color: var(--fs-color-primary);
}

.post-nav-item{
    display:flex;
    align-items:center;
    gap:15px;
    text-decoration:none;
}

.nav-next .post-nav-item{
    justify-content:flex-end;
}

.navigation-post {
    margin-top: 50px;
}

.next-prev-nav .flex-col+.flex-col {
    border-left: 0;
}

.flex-row.next-prev-nav {
    flex-flow: row wrap;
}


.flex-row.next-prev-nav > .flex-col {
    min-width: 360px;
}

.post-nav-thumb{
    flex:0 0 130px;
}

.post-nav-thumb img{
    width:130px;
    height:100px;
    object-fit:cover;
    display:block;
}

.post-nav-content{
    display:flex;
    flex-direction:column;
    gap:6px;
}

.post-nav-arrow{
    display:flex;
    align-items:center;
    gap:6px;
    color:#888;
    font-size:14px;
    font-weight:500;
}

.nav-next .post-nav-arrow{
    justify-content:flex-end;
}

.post-nav-title{
    font-size:16px;
    font-weight:600;
    line-height:1.4;
}

.nav-next .post-nav-title{
    text-align:right;
}

/*************** END BLOG SINGLE ***************/


/*************** TRANG GIẢI PHÁP NỘI THẤT ***************/
.interior-solution-hero-section {
    border-bottom: 1px solid #ebe6e7;

}
.interior-solution-hero-section .section-content {
       min-height: 600px;
           place-content: center;
}
.interior-solution-hero-section h1 {
    font-weight: 400;
    font-size: 48px;
    margin-bottom: 8px;
}

.interior-solution-hero-section h1 strong {
    font-weight: 700;
}


.interior-solution-hero-section .absolute-row {
    position: absolute;
    inset:0;
    overflow:hidden;
 
}
.interior-solution-hero-section .absolute-row .img-col > .col-inner:before{
    content: '';
    position: absolute;
    inset:0;
    background: linear-gradient(to right, #f9fafb 0%, transparent 100%);
        z-index: 1;
}

.interior-solution-hero-section .absolute-row .img-col .img,
.interior-solution-hero-section .absolute-row .img-col .img-inner,
.interior-solution-hero-section .absolute-row .img-col img {
    height: 100%;
    object-fit:cover
}


.interior-solution-hero-section  .main-row {
    position: relative;
    z-index:10;
}

.icon-16 .icon-box-img {
    width: 16px !important;
}

.icon-16.icon-box-left .icon-box-text {
    padding-left: 8px;
}

.icon-16.icon-box-right .icon-box-text {
    padding-right: 8px;
}



.container .row-small.row-small-8:not(.row-collapse), .row .row-small.row-small-8:not(.row-collapse) {
    margin-bottom: 0;
    margin-left: -4px;
    margin-right: -4px;
}

.container .row-small.row-small-8:not(.row-collapse) > .col, 
.row .row-small.row-small-8:not(.row-collapse)  > .col,
.container .row-small.row-small-8:not(.row-collapse) .flickity-slider > .col, 
.row .row-small.row-small-8:not(.row-collapse)  .flickity-slider  > .col {
    padding: 0 4px 8px;
}



.container .row-small.row-small-12:not(.row-collapse), .row .row-small.row-small-12:not(.row-collapse) {
    margin-bottom: 0;
    margin-left: -6px;
    margin-right: -6px;
}

.container .row-small.row-small-12:not(.row-collapse) > .col, 
.row .row-small.row-small-12:not(.row-collapse)  > .col {
    padding: 0 6px 12px;
}


.container .row-small.row-small-16:not(.row-collapse), .row .row-small.row-small-16:not(.row-collapse) {
    margin-bottom: 0;
    margin-left: -8px;
    margin-right: -8px;
}


b, strong {
    font-weight: inherit;
    font-weight: 700;
}

.container .row-small.row-small-16:not(.row-collapse) > .col, 
.row .row-small.row-small-16:not(.row-collapse)  > .col {
    padding: 0 8px 16px;
}


.interior_solution-item .slider-main .image-cover {
    border-radius:12px;
    overflow:hidden;
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}


.interior_solution-item .slider-nav {
    margin-left: -8px;
    margin-right: -8px;
    margin-top: 16px;
}



.interior_solution-item  .slider-nav .interior_solution-slider-nav-item {
    max-width: 20%;
    padding: 0 8px;
}

.interior_solution-item .slider-nav .image-cover {
    border-radius: 4px;
    border: 2px solid transparent;
    opacity: 0.5;
    transition: all 0.25s
}

.interior_solution-item .slider-nav .image-cover:hover {
    opacity: 1;
}

.interior_solution-item .slider-nav .is-nav-selected .image-cover {
    border-color: var(--fs-color-secondary);
    opacity: 1;
}

.interior_solution-item  .icon-box-img svg {
    fill: transparent;
    height: 100%;
    transition: all .3s;
    width: 100%;
    color: var(--fs-color-primary);
}

.interior_solution-item .box.box-vertical .box-image {
    padding-right: 24px;
}
.interior_solution-item .box.box-vertical .box-text {
    padding: 10px 10px 10px 24px;
}

.interior_solution-item .box .post-title  {
    font-size: 30px;
    color: var(--fs-color-primary);
    margin-bottom: 16px;
}
.interior_solution-item .box .from_the_blog_excerpt {
    margin-bottom: 20px;
    color: #4a5565;
    font-weight: 300;
}

.interior_solution-item .box.box-vertical  .from_the_blog_excerpt {
    font-size:18px;
}

.interior_solution-item .box .feature-item + .feature-item{
    margin-top: 12px;   
}

.interior_solution-item .box .icon-box-img {
    height:24px;
}


.interior_solution-item .box .icon-box-text {
    padding-left: 12px;
}

.interior_solution-item .button {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-radius: 4px;
    text-transform: initial;
    padding: 16px 32px;
    margin-top: 20px;
}

.interior_solution-item .button i {
    transition: all 0.25s;
}

.interior_solution-item .button:hover {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        background-color: #124263;
}
.interior_solution-item .button:hover i {
    transform: translateX(5px);
}
 .interior_solution-item + .interior_solution-item .box-vertical  {
    margin-top: 40px;
}

.interior_solution-item:nth-child(even) .box {
    direction: rtl;
}

.interior_solution-item:nth-child(even) .box.box-vertical .box-image {
    padding-right: 0;
     padding-left: 24px;
}

.interior_solution-item:nth-child(even) .box.box-vertical .box-text {
    padding: 10px 24px 10px 10px;
}

/*************** END TRANG GIẢI PHÁP NỘI THẤT ***************/

/***************  TRANG CHI TIẾT GIẢI PHÁP NỘI THẤT ***************/
/*.single-interior_solution  body {*/
/*    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";;*/
/*}*/
.single-interior_solution .single-hero-banner {
    padding: 30px 0;
    min-height: 600px;
}
.single-interior_solution .single-hero-banner .section-bg-overlay {
    mix-blend-mode: multiply;
    background: linear-gradient(to right, oklab(0.460008 -0.0441675 -0.0873218 / 0.95) 0%, oklab(0.460008 -0.0441675 -0.0873218 / 0.7) 50%, rgba(0, 0, 0, 0) 100%)
}

.single-interior_solution .single-hero-banner .section-bg-overlay-linear {
    background: linear-gradient(to top, oklab(0.21 -0.00316127 -0.0338527 / 0.5) 0%, rgba(0, 0, 0, 0) 100%)
}

.single-interior_solution .single-hero-banner .container-inner {
    max-width: 768px;
    margin: 0 auto 0 0 ;
}

.single-interior_solution .single-hero-banner .rank-math-breadcrumb {
    text-transform: uppercase;
    font-size:14px;
    margin-bottom: 30px;
}
.single-interior_solution .single-hero-banner .rank-math-breadcrumb a:not(:hover){
    color: rgba( 255,255,255,0.7);
}

.single-interior_solution .single-hero-banner .text.design-style {
        font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    background-color: var(--fs-color-secondary);
    padding: 4px 12px;
    width: fit-content;
    border-radius: 4px;
    margin-bottom: 24px;
    line-height: 1.25;
}

.single-interior_solution .single-hero-banner h1 {
        font-size: 72px;
    font-weight: 300;
    line-height: 1.25;
        margin-bottom: 24px;
        letter-spacing: -1.8px;
}

.single-interior_solution .single-hero-banner .is-divider {
        width: 80px;
    max-width: 80px;
    height: 4px;
    background-color: var(--fs-color-third);
        margin-bottom: 32px;
}


.single-interior_solution .single-hero-banner .banner-desc {
    font-size: 20px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.9);
}

.post-list-section {
    padding: 80px 0 50px;
}


.competitive-advantage-section .competitive-advantage-row > .col > .col-inner {
    background-color: rgba( 255,255,255, 0.1);
    border-radius: 12px;
    border: 1px solid  rgba( 255,255,255, 0.2) ;
    transition: all 0.25s;
}

.competitive-advantage-section .competitive-advantage-row > .col > .col-inner:hover {
    transform: translateY(-8px);
    background-color: rgba( 255,255,255, 0.2);
}


.competitive-advantage-section .num{
        font-size: 30px;
    font-weight: 300;
    color: var(--fs-color-third);
    transition: all 0.25s
}

.competitive-advantage-section .num *{
    color: currentColor;
}


.competitive-advantage-section  .col-inner:hover .num  {
    color: var(--fs-color-white);
}


.competitive-advantage-section  .competitive-advantage-row h3 {
    font-size: 18px;
    margin-bottom: 8px;
}

.highlight-title h1 {
    font-weight: 400;
    font-size: 48px;
}


h2.highlight-title,
.highlight-title h2 {
    font-weight: 400 ;
    font-size:36px;
        margin-bottom: 16px;
}

.button:not(.icon)>span+i {
    margin-top: -4px;
}

.cps-section  {
    padding: 96px 0 66px;
}

.cps-section .highlight-title {
    color: var(--fs-color-primary);
}
.capability-profile-btn i {
    transition: all 0.25s;
}
.capability-profile-btn:hover i {
    transform: translateY(4px);
}

.cps-section .benefit-col  > .col-inner{
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border: 1px solid #f6f3f4;
    background-color: #f8fafc;
    padding: 40px 40px 20px;
    border-radius: 16px;
}


.cps-section .benefit-col .benefit-title {
    margin-bottom: 32px;
    border-bottom: 1px solid #ebe6e7;
    padding-bottom: 16px;
    font-size:20px;
    color: var(--fs-color-primary);
}

.cps-section .benefit-col .icon-box .icon-inner {
        background: rgb(60 122 156 / 10%);
    border-radius: 50%;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cps-section .benefit-col .icon-box .icon-box-text {
    font-size:14px;
}

.section.deployment-capabilities-section {
    padding: 96px 0 66px;   
    background-color: #756a5d;
}

.deployment-capabilities-section  .section-bg  .section-bg-overlay {
    background-color: rgb(117 106 93 / 80%);
}

.deployment-capabilities-section .section-bg .section-bg-overlay-linear {
    background: linear-gradient(to top, oklab(0.21 -0.00316127 -0.0338527 / 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}

.deployment-capabilities-section .highlight-title {
    margin-bottom: 12px
}

.deployment-capabilities-section .icon-box .icon-inner {
    background: rgb(255 255 255 / 10%);
    height: 56px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.deployment-capabilities-section .icon-box .icon-box-img {
    margin-bottom: 24px;
}

.deployment-capabilities-section .icon-box h3 {
    font-size:20px;
    margin-bottom: 16px;
}

.deployment-capabilities-section .icon-box  .icon-box-text  p {
    font-size: 14px;
    font-weight: 300;
    color: rgb(255 255 255 / 0.7);
}

.deployment-capability-list  {
    margin-top: 34px;
}

.deployment-capability-list > .col > .col-inner {
    background: rgb(255 255 255 / 10%);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 32px;
    transition : all 0.25s;
}

.deployment-capability-list > .col > .col-inner:hover {
      background: rgb(255 255 255 / 20%);
}


.section.featured-category-section {
     padding: 96px 0 66px;
}

.featured-category-section {
    background-color: #f8fafc;
}
.featured-category-section .highlight-title {
     color: var(--fs-color-primary);
     margin-bottom: 12px;
}

.featured-category-desc {
    max-width: 695px;
    font-size:14px;
}

.featured-category-section .featured-category-list > .col > .col-inner {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-radius: 16px;
    border: 1px solid #f6f3f4;
    background-color: #fff;
    overflow: hidden;
}

.featured-category-section .featured-category-list .box .box-image {
    padding-right: 24px;
}


.featured-category-section .featured-category-list .box   .box-text {
    padding: 48px 48px 48px 72px;

}

.featured-category-section .featured-category-list .item-name {
margin-bottom: 16px;
    color: var(--fs-color-primary);
}


.featured-category-section .featured-category-list .item-desc {
    margin-bottom: 32px;
}


.fc-info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    font-size: 14px;
    gap: 12px;
    border-bottom: 1px solid #f6f3f4;
    padding-bottom: 8px;
    margin-bottom: 16px;
    font-weight: 300;
}

.fc-info .value {
    font-weight: bold;
    color: var(--fs-color-primary);
    text-align: right;
}


.featured-category-item .slider-main .image-cover .overlay {
        background: linear-gradient(180deg, rgba(20, 105, 53, 0) 0%, rgb(26 93 137 / 50%) 100%);
}

.featured-category-item .slider-nav .image-cover {
    border-radius: 4px;
    border: 2px solid transparent;
    opacity:0.5;
}

.featured-category-item .slider-nav .is-nav-selected .image-cover {
    border-color: var(--fs-color-secondary);
    opacity:1;
}

.fc-slider {
    margin-top: 32px;
        margin-bottom: 16px;
}

.fc-slider .fc-slider-title {
    text-transform: uppercase;
    font-size:12px;
    letter-spacing: 0.6px;
    margin-bottom: 12px;
    color: #6a7282;
}


.featured-category-item:nth-child(even) .box {
        direction: rtl;
}

.featured-category-section .featured-category-item:nth-child(even) .box .box-text {
    padding: 48px 72px 48px 48px;
}


.featured-category-section .featured-category-list .featured-category-item:nth-child(even) .box .box-image {
    padding-left: 24px;
    padding-right: 0;
}

.bagde-text {
    display:inline-block;
    margin-bottom: 12px;
         background-color: rgba(255, 255, 255, 0.1);
    font-size: 12px;
    padding: 4px 12px;
    border-radius: 4px;
    letter-spacing: 0.6px;
    font-weight: 700;
    border: 1px solid rgba(255, 255, 255, 0.2);
    line-height: 1.33333;
    text-transform: uppercase;
    color: var(--fs-color-white);
     --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}

.preview-text {
        background-color: rgba(255, 255, 255, 0.1);
    font-size: 12px;
    padding: 8px 16px;
    border-radius: 4px;
    letter-spacing: 0.6px;
    font-weight: 700;
    border: 1px solid rgba(255, 255, 255, 0.2);
    line-height: 1.33333;
    position: absolute;
    right: 24px;
    bottom: 24px;
    z-index:10;
    text-transform: uppercase;
    color: var(--fs-color-white);
     --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}

.featured-projects-section {
        padding: 96px 0 66px;
}

.featured-projects-section .title-wrapper-col > .col-inner {
        display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
}

.max-w-2xl {
    max-width: 672px;
}
.featured-projects-section .title-wrapper-col  {
   padding-bottom: 64px;
}

.row.focus.row-slider .col.project-item {
    flex-basis: 800px;
    max-width: 800px;
}

/*************** END TRANG  CHI TIẾT  GIẢI PHÁP NỘI THẤT ***************/

@media only screen and (max-width: 1199px) {
    #header #masthead .flex-right .nav-right>li>a {
        padding: 1.5rem 0.5rem 0.8rem;
    }

    #footer .footer-section {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    #footer .footer-section>.section-content {
        padding: 3rem 0 0;
    }


    #footer .absolute-footer {
        padding: 1rem 1.5rem 3rem;
    }

    #footer .absolute-footer>.container {
        padding: 0;
    }

    .hero-section .banner h2 {
        font-size: 4.8rem;
    }

    .hero-section .video-button-wrapper {
        font-size: 150% !important;
    }

    .box.box-label .box-text {
        width: 90%;
    }

     #footer  .footer-row > .col {
        flex-basis: 100%;
        max-width: 100%;
     }
     
    #footer  .footer-row .col .col .col-inner {
        max-width:100%;
    }
     
    .blog-archive .col.post-sidebar {
        flex-basis: 400px;
        max-width: 400px;
    } 
    
    .blog-archive .col.post-list-col {
         flex-basis: calc(100% - 400px);
        max-width: calc(100% - 400px);
    }
    .blog-archive #post-list .box .box-text {
        padding: 0 0 0 15px;
    }

    
    .archive-page-header-image {
        right: 32px;
    }

}



@media only screen and (max-width: 1024px) {
    .blog-single {
        padding-top: 60px;
    }   

    .blog-single .post-list-col {
        flex-basis: 100%;
        max-width: 100%;
    }

    .blog-single .post-sidebar {
        flex-basis: 100%;
        max-width: 100%;
    }
}

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

    #header #masthead .flex-left {
        flex: 0;
        order: -1;
        margin-left: -3rem;
        transform: translateX(-10rem);
    }
    
    .row-5-cols > .col {
        flex-basis: 20%;
        max-width: 20%;
    }


}


@media only screen and (max-width: 960px) {
    #header #masthead .flex-right .nav-right>li>a {
        padding: 1.5rem 0rem 0.8rem;
    }

    #header #logo {
        width: 90px;
    }
    
         
    .blog-archive .col.post-sidebar {
        flex-basis: 320px;
        max-width: 320px;
    } 
    
    .blog-archive .col.post-list-col {
         flex-basis: calc(100% -320px);
        max-width: calc(100% - 320px);
    }
    


}

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

    /*************** ADD TABLET CSS HERE  ***************/
    .row-slider .flickity-prev-next-button {
        width: 32px !important;
    }

    .row-slider .flickity-prev-next-button svg {
        padding: 8px !important;
    }

    #header .header-search .icon {
        width: 3rem;
        height: 3rem;
        min-height: 3rem;
        min-width: 3rem;
        line-height: 3rem;
    }

    #header .header-search .icon i {
        font-size: 1.2rem !important;
    }

    #header #masthead .flex-right .nav-right>li>a {
        padding: 0;
    }

    .hero-section .is-full-height {
        height: auto !important;
    }

    .hero-section .banner h2 {
        font-size: 3.6rem;
    }

    .project-banner h2 {
        font-size: 3.6rem;
    }

    .hero-section .video-button-wrapper {
        font-size: 120% !important;
    }

    .select-resize-ghost,
    .select2-container .select2-choice,
    .select2-container .select2-selection,
    input[type='date'],
    input[type='email'],
    input[type='number'],
    input[type='password'],
    input[type='search'],
    input[type='tel'],
    input[type='text'],
    input[type='url'],
    select,
    textarea {
        font-size: 1.6rem;
    }

    .contact-page-banner h1.page-title {
        font-size: 4.8rem;
    }

    .searchform .flex-grow {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .searchform .flex-row {
        align-items: flex-end;
    }

    .solutions-section .solutions-row {
        padding: 0 1.5rem
    }

    .solutions-section .solutions-row.image-left>.col:first-of-type,
    .solutions-section .solutions-row.image-right>.col:last-of-type {
        flex-basis: 100%;
        max-width: 100%;
    }

    .solutions-section .solutions-row.image-left>.col:last-of-type {
        position: relative;
        flex-basis: 100%;
        max-width: 100%;
    }

    .solutions-section .solutions-row.image-right>.col:first-of-type {
        position: relative;
        flex-basis: 100%;
        max-width: 100%;
    }

    .solutions-section .solutions-row.image-right {
        flex-direction: column-reverse;
    }

    .medium-pb-0 {
        padding-bottom: 0;
    }

    .about-hero-section .is-full-height {
        height: auto !important;
    }

    .about-hero-section h2 {
        font-size: 3.6rem;
    }

    .about-hero-section .achievements-row strong {
        font-size: 3vw;
    }

    .about-hero-section .achievements-row p {
        font-size: 2vw;
    }

    .button.is-xlarge {
        font-size: 1.5em;
    }

    .tax-logo-container {
        top: 1.5rem;
    }

    .tax-banner .tax-logo {
        max-width: 10rem;
        padding: 0.5rem;
    }

    .searchform-wrapper {
        font-size: 1.6rem;
    }


    .project-banner p {
        margin: 0em 0;
    }


    h2,
    .h2 {
        font-size: 1.75em;
    }

    h3,
    .h3 {
        font-size: 1.5em;
    }

    h4,
    .h4 {
        font-size: 1.25em;
    }

    h5,
    .h5 {
        font-size: 1.125em;
    }

    h6,
    .h6 {
        font-size: 1em;
    }

    .post-title.is-xlarge {
        font-size: 1.25em;
    }

    .box.box-label .box-text {
        padding: 1rem;
    }

    .section-title-container h1 {
        font-size: 2.8rem;
    }

    .showroom-section .form-field-item {
        flex-wrap: wrap;
        gap: 1rem
    }

    .showroom-section .form-field-item>label {
        width: 100%;
    }

    .showroom-section .form-field-item .wpcf7-list-item {
        min-width: auto;
        text-align: left;
    }
    
    .medium-col-child-left>.col-inner {
        margin-right: auto !important;
        margin-left: 0 !important;
    }

    .project-item .box.box-vertical  {
        display: flex;
        flex-wrap: wrap;
    }
    
    .project-item .box.box-vertical .box-image {
        flex-basis: 100%;
        max-width: 100%;
        width: 100%;
    }
    .project-item .box.box-vertical .box-text {
        position: relative;
        flex-basis: 100%;
        max-width: 100%;
        width: 100%;
    }
    
    .project-item .box.box-vertical .post-title {
        font-size:18px;
    }   
    
     .featured-category-item .box.box-vertical  {
        display: flex;
        flex-wrap: wrap;
    }
    
    .featured-category-item:nth-child(even) .box {
         direction: ltr;
    }   
    .featured-category-item .box.box-vertical .box-image {
        flex-basis: 100%;
        max-width: 100%;
        width: 100%;
    }
    
    .featured-category-section .featured-category-list .featured-category-item:nth-child(even) .box .box-image {
        padding-left: 0;
        padding-right: 0;
    }

    .featured-category-item.box.box-vertical .box-text {
        position: relative;
        flex-basis: 100%;
        max-width: 100%;
        width: 100%;
    }
    
    .featured-category-section .featured-category-list .box .box-text {
        padding: 80px 32px 32px 32px;
    }
    
    
    .featured-category-section .featured-category-item:nth-child(even) .box .box-text {
       padding: 80px 32px 32px 32px;
    }
    .featured-category-item.box.box-vertical .post-title {
        font-size:18px;
    }   
    
    .row.large-columns-1 .project-item:nth-child(even) .box.box-vertical {
        direction: ltr;
    }
    .blog-archive .col.post-list-col,
    .blog-archive .col.post-sidebar {
        flex-basis: 100%;
        max-width:  100%;
    } 
    .archive-page-header {
        margin-bottom: 100px;
    }
    .archive-page-header h1 {
        margin-bottom: 4px;
        font-size: 48px;
    }
    .archive-page-header-image {
        bottom: -80px;
    }
    .blog-archive #post-list .box {
        display: flex;
        flex-direction: column; 
    }
    

    .blog-archive #post-list .post-item > .col-inner {
        padding: 20px;
    }
    
    .blog-archive #post-list .box .box-image { 
         width: 100% !important;
     }
     .blog-archive #post-list .box .box-image .image-cover {
        padding-top: 300px !important;
    }
    .blog-archive #post-list .box .box-text {
        padding: 20px 0 0;
    }
    
    .post-sidebar .featured-posts .post-item .box-image .image-cover {
        padding-top: 300px !important;
    }
    
    .interior_solution-item .box.box-vertical {
        display: flex;
        flex-wrap: wrap;
    }
    
    .interior_solution-item:nth-child(even) .box {
        direction: ltr;
    }
    
    .interior_solution-item .box.box-vertical  .box-image {
        width: 100% !important;
        padding-right: 0;
    }
    
    .interior_solution-item .box.box-vertical  .box-text {
        width: 100% !important; 
        padding: 0;
        margin-top:48px;
    }
    
    .interior_solution-item:nth-child(even) .box.box-vertical .box-image {
        padding-right: 0;
        padding-left: 0;
    }
    
    .interior_solution-item:nth-child(even) .box.box-vertical .box-text {
        padding: 0
    }
    
    .row.focus.row-slider .col.project-item {
        flex-basis: 100%;
        max-width:  100%
    }
    .row.focus.row-slider .col.project-item .box-label .box-text,
    .row.focus.row-slider .col.project-item .box-badge .box-text {
        position: relative;
        border: 0;
        opacity: 1;
        margin-top: 12px;
    }
    
    .row.focus.row-slider .col.project-item .box-label .box-text {
        width: 100%;
        left: 0;
    }
    
    .single-interior_solution .single-hero-banner h1 {
        font-size: 60px;
    }
    .featured-projects-section .title-wrapper-col > .col-inner {
        flex-wrap: wrap;
    }
    
     .title-wrapper-col  .title-wrapper-right {
            width: 100%;
        text-align: right;
    }
    
    .project-item .slider-nav {
        display:none;
    }
    
    .blog-single .entry-footer .post-tags .post-tag-label {
        font-size: 18px;
    }
}

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

    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .contact-section .wpcf7 .wpcf7-checkbox {
        display:grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem
    }
    .contact-section .wpcf7 span.wpcf7-list-item {
        min-width: 44%;
        margin-right: 0;
    }
    .contact-page-banner h1.page-title {
        font-size: 3.2rem;
        letter-spacing: 0.5rem;
    }
    
    .slider-style-focus {
        padding: 15px 0;
    }

    .hero-section .banner h2 {
        font-size: 2.8rem;
    }

    .about-hero-section h2 {
        font-size: 2.8rem;
    }

    .project-banner h2 {
        font-size: 2.8rem;
    }

    .button.is-xlarge {
        font-size: 1.25em;
    }

    .button.is-larger {
        font-size: 1.125em;
        line-height: 2.4em;
    }

    h2,
    .h2 {
        font-size: 1.5em;
    }

    h3,
    .h3 {
        font-size: 1.25em;
    }

    h4,
    .h4 {
        font-size: 1.125em;
    }

    h5,
    .h5 {
        font-size: 1em;
    }

    h6,
    .h6 {
        font-size: 0.875em;
    }

    .catalogue-banner .text-box h3 {
        font-size: 2.4rem;
    }

    .gap-9 .slider {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
    }

    .gap-9 .flickity-slider>.row {
        padding: 0 1.5rem
    }

    .about-hero-section .achievements-row strong {
        font-size: 4vw;
    }

    .about-hero-section .achievements-row p {
        font-size: 3vw;
    }

    .work-process-section .work-process-nav-row>.col {
        min-width: 15rem;
    }

    .work-process-section .icon-box-center .icon-box-img {
        width: 96px !important;
    }

    .work-process-section .work-process-nav-row:after {
        width: 82rem;
        background: url(assets/images/work-process-line.png) no-repeat 10.5rem 5.25rem / 87.5rem auto;
    }

    .term-description-section {
        padding: 3rem 0;
    }

    .contact-section .wpcf7-form input[type='text'],
    .contact-section .wpcf7-form input[type='tel'],
    .contact-section .wpcf7-form input[type='email'],
    .contact-section .wpcf7-form input[type='checkbox'],
    .contact-section .wpcf7-form input[type='file'],
    .contact-section .wpcf7-form select {
        margin-bottom: 1.6rem;
    }


    .project-item .box-label .project-meta {
        font-size: 1.2rem;
    }
    
    .term-description-section .tax-logo {
        max-width: 10rem;
        margin-bottom: 2.4rem;
    }
    

     #button-contact-vr {
        bottom: 7.5rem ;        
        left: auto !important;
        top: auto;
    }
    
    .back-to-top.button {
        top: auto;
        bottom: 3rem;
    }
    
    .archive-page-header {
        height: 180px;
    }
    
    .archive-page-header h1 {
        margin-bottom: 4px;
        font-size: 32px;
    }
    
    .archive-page-header .rank-math-breadcrumb {
        font-size: 1.3rem;
    }
    .archive-page-header::before {
        border-bottom-right-radius: 0;
    }    
    .archive-page-header-image {
        bottom: -50px;
    }
    
    .single-interior_solution .single-hero-banner h1 {
        font-size: 36px;
    }
    
    .single-interior_solution .single-hero-banner .banner-desc {
        font-size: 18px;
    }
    
    h2.highlight-title, .highlight-title h2 {
        font-size: 30px;
    }
    
    .cps-section .benefit-col  > .col-inner{
        padding:32px 32px 12px;
    }
}


@media only screen and (max-width: 379px) {
    .post-sidebar .popular-posts .box-image {
        width: 90px !important;
        min-width: 90px;
    }
    
    .post-sidebar .popular-posts .box-image .image-cover {
        height: 90px;
    }
}

.row.certificate-slider {
    display: flex;
    align-items: center;
    overflow-x: clip;
    /* để scrollLeft hoạt động */
    scroll-behavior: smooth;
    position: relative;
    scrollbar-width: none;
    flex-wrap: nowrap;
    justify-content: flex-start;
    transition: transform .5s ease;
    /* ẩn thanh cuộn Firefox */
}

.slider-wrapper-main {
    transition: transform .5s ease;
    display: flex;
}

.row.certificate-slider .gallery-col.col {
    flex: 0 0 calc(100% / 7);
    max-width: calc(100% / 7);
    box-sizing: border-box;
    min-width: 0;
    padding: 0;
}


.row.certificate-slider .gallery-box img,
.row.certificate-slider .col img {
    width: 100% !important;
    height: auto !important;
    max-width: 100%;
    display: block;
}

/* chuyển động/hiệu ứng */
.row.certificate-slider .col {
    transition: transform .28s ease, z-index .28s ease;
}

/* trái */
.row.certificate-slider .col.prev-3 .gallery-box {
    transform: perspective(600px) rotateY(20deg) scale(1.05);
}

.row.certificate-slider .col.prev-2 .gallery-box {
    transform: perspective(600px) rotateY(20deg) scale(1.08);
}

.row.certificate-slider .col.prev-1 .gallery-box {
    transform: perspective(600px) rotateY(20deg) scale(1.2);
}

/* giữa (active) */
.row.certificate-slider .col.active .gallery-box {
    transform: scale(1.3);
    z-index: 3;
}

/* phải */
.row.certificate-slider .col.next-1 .gallery-box {
    transform: perspective(600px) rotateY(-20deg) scale(1.2);
    z-index: 2;
}

.row.certificate-slider .col.next-2 .gallery-box {
    transform: perspective(600px) rotateY(-20deg) scale(1.08);
    z-index: 1;
}

.row.certificate-slider .col.next-3 .gallery-box {
    transform: perspective(600px) rotateY(-20deg) scale(1.05);
}

.row.certificate-slider button.slider-nav {
    position: absolute;
}

@media (max-width: 549px) {
    .row.certificate-slider .gallery-col.col {
        flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3);
        padding: 0;
    }
}

.is-xxxlarge {
    font-size: 2.5em
}

.is-xxlarge {
    font-size: 2em
}

.is-xlarge {
    font-size: 1.875em
}

.is-larger {
    font-size: 1.5em
}

.is-large {
    font-size: 1.125em
}

.is-small,.is-small.button {
    font-size: .875em
}

.is-smaller {
    font-size: .75em
}

.is-xsmall {
    font-size: .625em;

}

.is-xxsmall {
    font-size: .5em;
}

@media(max-width: 549px) {
    .is-xxxlarge {
        font-size: 2em
    }

    .is-xxlarge {
        font-size: 1.875em
    }

    .is-xlarge {
        font-size: 1.5em
    }

    .is-larger {
        font-size: 1.25em
    }

    .is-large {
        font-size: 1em
    }
}