/*
Theme Name: maison-ric
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.dark .nav-vertical li li.menu-item-has-children > a, .dark .nav-vertical-fly-out > li > a, .dark .nav-vertical > li > ul li a, .dark .nav > li.html, .dark .nav > li > a, .nav-dark .is-outline, .nav-dark .nav > li > a, .nav-dark .nav > li > button, .nav-dropdown.dark .nav-column > li > a, .nav-dropdown.dark > li > a {
    color: #fff;
}



.translate-x-half-right-img img {
    transform: translateX(50%);
}

.translate-x-half-left-img img {
    transform: translateX(-50%);
}
.translate-x-half-top-img img {
    transform: translateY(50%);
}
.translate-x-half-bottom-img img {
    transform: translateY(-50%);
}

.the-cap .divider {
    transform: translate(-50%, 50%) rotate(90deg);
    position: absolute;
    top: 50%;
    left: 50%;
}



.header-wrapper.stuck {
    box-shadow: none;
}

.icon-search:before {
    content: '';
    display: block;
    height: 24px;
    background-size: cover;
    background-image: url(/wp-content/uploads/2026/01/4-1.webp);
    width: 24px;
}

.form-flat .button.icon i:before {
    background-image: url(/wp-content/uploads/2026/01/3-1.webp);
}

.header-wrapper.stuck .header-bg-color {
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(5px);
}

:root {
    --canvas-5-6: 10px;
    --canvas-7-6: 12px;
    --canvas-10: 13px;
    --canvas-10-2: 14px;
    --canvas-11-4: 15px;
    --canvas-12: 1rem;
    --canvas-12-9: 17px;
    --canvas-13-3: 18px;
    --canvas-13-9: 19px;
    --canvas-14: 19px;
    --canvas-14-9: 20px;
    --canvas-16: 22px;
    --canvas-16-9: 23px;
    --canvas-17-9: 24px;
    --canvas-18-9: 25px;
    --canvas-21-9: 29px;
    --canvas-23: 31px;
    --canvas-23-9: 32px;
    --canvas-25-9: 35px;
    --canvas-26-9: 36px;
    --canvas-34-3: 46px;
    --canvas-38-6: 52px;
    --canvas-40-6: 64px;
    --canvas-94-6: 140px;
}

.banner h5, .banner h6 {
    margin: 0;
}

.banner p {
    margin-bottom: 0;
}

.banner h2, .banner h1 {
    font-size: inherit;
}

.mx-auto {
    margin: 0 auto;
}

.tabbed-content .nav {
    display: none;
}

.canvas-10, .canvas-10 > * {
    font-size: var(--canvas-10);
}

.canvas-12, .canvas-12 > *, .canvas-12 span {
    font-size: var(--canvas-12);
}

.canvas-12-9, .canvas-12-9 > * {
    font-size: var(--canvas-12-9);
}

.canvas-13-9, .canvas-13-9 > * {
    font-size: var(--canvas-13-9);
}

.canvas-5-6, .canvas-5-6 > * {
    font-size: var(--canvas-5-6);
}

.canvas-7-6, .canvas-7-6 > * {
    font-size: var(--canvas-7-6);
}

.canvas-11, .canvas-11 > * {
    font-size: var(--canvas-11-4);
}

.canvas-11-4, .canvas-11-4 > * {
    font-size: var(--canvas-11-4);
}

.canvas-13-9, .canvas-13-9 > * {
    font-size: var(--canvas-13-9);
}

.canvas-14-9, .canvas-14-9 > * {
    font-size: var(--canvas-14-9);
}

.canvas-16, .canvas-16 > * {
    font-size: var(--canvas-16);
}

.canvas-16-9, .canvas-16-9 > * {
    font-size: var(--canvas-16-9);
}

.canvas-17-9, .canvas-17-9 > * {
    font-size: var(--canvas-17-9);
}

.canvas-18-9, .canvas-18-9 > * {
    font-size: var(--canvas-18-9);
}

.canvas-21-9, .canvas-21-9 > * {
    font-size: var(--canvas-21-9);
}

.canvas-23, .canvas-23 > * {
    font-size: var(--canvas-23);
}

.canvas-23-9, .canvas-23-9 > * {
    font-size: var(--canvas-23-9);
}

.canvas-25-9, .canvas-25-9 > * {
    font-size: var(--canvas-25-9);
}

.canvas-26-9, .canvas-26-9 > * {
    font-size: var(--canvas-26-9);
}

.canvas-34-3, .canvas-34-3 > * {
    font-size: var(--canvas-34-3);
}

.canvas-38-6, .canvas-38-6 > * {
    font-size: var(--canvas-38-6);
}

.canvas-40-6, .canvas-40-6 > * {
    font-size: var(--canvas-40-6);
}

.canvas-94-6, .canvas-94-6 > * {
    font-size: var(--canvas-94-6);
}


.category-title-wrapper {
    font-size: 1.25rem;
    color: var(--fs-color-secondary);
    text-align: right;
    text-transform: uppercase;
    display: flex;
    align-items: end;
    flex-flow: column wrap;
    gap: 1rem;
}

.category-title-wrapper span {
    padding-right: 1rem;
    font-size: var(--canvas-16-9);
}

.red-line {
    min-height: 200px;
    display: block;
    width: 1px;
    background: var(--fs-color-secondary);
}

/* 10 -> 22px */
/* 16.9 -> 28px*/
/* 14.9 -> 26px*/
/* 12,11.9 -> 24px*/
/* 11.5 -> 23px */

.bold, .bold p {
    font-weight: 700;
}

.box-overlay.dark .box-text, .box-shade.dark .box-text {
    text-shadow: none !important;
}

.text-justify p, .text-justify {
    text-align: justify;
}

.button {
    font-weight: 500;
}

.underline {
    text-decoration: underline;
}

.addiction-engineered-section img {
    object-fit: none;
}

.addiction-engineered-section p {
}

.addiction-engineered-section h2 {
    color: #000;
    text-transform: uppercase;

}

.button.is-link {
    height: fit-content;
    min-height: auto;

}

.button.is-link:before {
    position: absolute;
    height: 0;
    width: 1px;
    left: -12px;
    top: 0;
    background: var(--fs-color-secondary);
    content: "";
    display: block;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}

.button.is-link:hover:before {
    height: 100%;
}

.what-you-experience-section .col:first-child {
    background: black;
}

.button.is-link:hover {
    color: var(--fs-color-secondary);
}

* {
    line-height: 1.4 !important;
}

p:has(.wn-video) {
    margin-bottom: 0;
}


.row > .product-small.col, .row > .flickity-viewport > .flickity-slider > .product-small.col {
    padding: 0;
}

.row > .product-small.col, .row > .flickity-viewport > .flickity-slider > .product-small.col .box-text-products {
    bottom: -40px;
}

.row > .product-small.col, .row > .flickity-viewport > .flickity-slider > .product-small.col:hover .box-text-products {
    bottom: 0;
}


.row > .product-small.col, .row > .flickity-viewport > .flickity-slider > .product-small.col .title-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.row > .product-small.col, .row > .flickity-viewport > .flickity-slider > .product-small.col .box-text-products .title-wrapper p {
    height: fit-content !important;
}

.row > .product-small.col, .row > .flickity-viewport > .flickity-slider > .product-small.col .category-wrapper {
    font-size: var(--canvas-7-6);
}

.row > .product-small.col, .row > .flickity-viewport > .flickity-slider > .product-small.col .title-wrapper, .row > .flickity-viewport > .flickity-slider > .product-small.col .add-to-cart-button a, .row > .product-small.col, .row > .flickity-viewport > .flickity-slider > .product-small.col span.amount {
    font-size: var(--canvas-10);
}

.row > .flickity-viewport > .flickity-slider > .product-small.col .product-category {
    font-size: var(--canvas-7-6);
}


.product-small .title-wrapper {
    text-align: right;
    min-width: auto;
    padding-right: 0;
    text-transform: uppercase;
    font-size: var(--canvas-13-3);
}


.product-small .add-to-cart-button a:hover {
    background: transparent;
    text-decoration: underline;
    color: #000;
}

.product-small .add-to-cart-button a {
    padding: 0;
    height: auto;
    font-size: var(--canvas-13-3);

    min-height: auto;
    margin: 0;
    border: none;
    text-transform: uppercase;
}

.product-small .product-category {
    font-size: var(--canvas-10-2);
}

.product-small .price-wrapper {
    text-align: right;
}

.product-small span.amount {
    font-size: var(--canvas-13-3);
    font-weight: 500;
}

.price-title-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.title-category-wrapper {
    display: none;
    align-items: center;
    justify-content: space-between;

}

.product-small:hover .title-category-wrapper {
    display: flex;
}

.product-small:hover .price-title-wrapper {
    display: none;
}


.product-small {
    overflow: hidden;
}


.product-small.col .box-image a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 1;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
    transition: all .4s ease;
    pointer-events: none;
}

.product-small.col:hover .box-image a:before {
    opacity: 1;
}

.product-small:hover .box-text-products {
    bottom: 0;
    color: #fff;

}


.related .product-section-title {
    display: none;
}


.product-small.col:hover .box-text-products:not(.stack) a, .product-small.col:hover .box-text-products span.amount {
    color: #fff;
}

.product-small .wn__fake-atc {
    display: flex;
    opacity: 0;
    align-items: center;
    justify-content: space-between;
}

.product-small:hover .wn__fake-atc {
    opacity: 1;
    transition: all .4s ease;

}

.product-small .box-text-products {
    display: flex;
    position: absolute;
    bottom: -50px;
    padding: 20px;
    z-index: 2;
    flex-direction: column;
    gap: 20px;
    transition: all .4s ease;
}

.product-small .box-text-products::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: -1;
    background-image: linear-gradient(to bottom, transparent 30%, #fff);
    transition: all 1s ease;
    pointer-events: none;
}


.product-small:hover .box-text-products::before {
    opacity: 1;
}


.products.row > .product-small .title-wrapper, .products.row > .product-small .category-wrapper {
    border-color: transparent;
}


.add-to-cart-container form, .add-to-cart-container .price-wrapper .price {
    margin-bottom: 0;
}

.add-to-cart-container .button span.amount {
    font-size: 1.25rem;
    font-weight: 600;
    text-transform: none;
    color: var(--fs-color-secondary);
}

.add-to-cart-container .button[type="submit"] {
    box-shadow: inset 0 0 0 1px var(--fs-color-secondary);
    padding: 0 24px;
    display: flex;
    align-items: center;
    /*background: transparent;*/
    background: linear-gradient(to left, transparent 50%, var(--fs-color-secondary) 50%);
    background-size: 200% 100%;
    background-position: right;
    border: none;
    text-transform: uppercase;
    font-size: var(--canvas-13-3);
    color: var(--fs-color-secondary);
    font-weight: 700;
    flex: 1;
    justify-content: space-between;
    transition: all 0.3s ease;
}

.add-to-cart-container .button[type="submit"]:hover span.amount {
    color: #fff;
}

.add-to-cart-container .button[type="submit"]:hover {
    background-position: left;
    color: #fff;
    box-shadow: inset 0 0 0 2px var(--fs-color-secondary);
}

.add-to-cart-container .ux-quantity {
    display: none;
}

.wn-product-description .col.large-6 .col-inner, .wn-product-description .col.large-6 .img, .wn-product-description .col.large-6 .img-inner {
    height: 100%;
}

.perfume-notes-table {
    font-family: Montserrat, sans-serif;
    width: 100%;
    border-collapse: collapse;
}

.perfume-notes-table tr:not(:first-child) {
    border-bottom: none;
}

.perfume-notes-table tr:first-child {
    border-bottom: 1px solid #000;
}


.perfume-notes-table td {
    border-bottom: none;
    font-size: var(--canvas-10);
    vertical-align: top;
}

.product-short-description {
    font-size: var(--canvas-10);
}

.perfume-notes-table td.label {
    width: 20%;
    font-weight: 400;
    color: #333;
    text-align: left;
}

.perfume-notes-table td.value {
    width: 80%;
    color: #000;
    text-align: right;
}

.product-title.entry-title {
    font-size: var(--canvas-34-3);
}

.back-icon img {
    transform: rotate(180deg);

}

.back-icon.icon-box-left .icon-box-text {
    flex: none;
    padding: 0;
}

.back-icon {
    margin-top: 10px;
    justify-content: end;
}

#footer .ux-menu-link__link {
    padding: 0;
    min-height: auto;
}

#footer .ux-logo-link {
    padding: 0 !important;
}

#footer form {
    margin-bottom: 0;
}

.wpcf7-spinner {
    display: none !important;
}

.niche-perfumery .box-text.text-center {
    padding-top: 33px;
    padding-left: 0;
    padding-right: 0;
}

.niche-perfumery .dropcap-first {
    margin-top: -7px;
    font-size: var(--canvas-26-9);
    color: var(--fs-color-secondary);
    float: left;
    line-height: normal !important;
    padding-right: 24px;
}

#footer .newsletter-form input[type=email] {
    border-radius: 0;
    height: auto;

    border: none;
    box-shadow: inset 0 0 0 1px #000;
    line-height: normal;

}

#footer .newsletter-form input[type=email]:focus {
}

#footer .newsletter-form input[type=submit] {
    text-transform: none;
    min-height: auto;
    line-height: normal;
    border: none;
    font-weight: 500;

}

.wn-video {
    height: 100%;
    width: 100%;
    object-fit: cover;
    display: block;
}

.fade-white-overlay .overlay {
    background-image: linear-gradient(to bottom, transparent 75%, rgba(255, 255, 255, 0.7));
}

.fade-white-overlay .box-text {
    text-shadow: none !important;
}

.the-force-behind-section p {
    margin-bottom: 0;
}

.eric-tran-banner .banner-layers {
    overflow: hidden;
}


.about-us-section .overlay {
    background-image: linear-gradient(to bottom, transparent 75%, rgba(255, 255, 255, 0.7));
}

.about-us-section .box-overlay.dark .box-text {
    text-shadow: none;
}

.encapsulation-section h3 {
    text-transform: uppercase;

}

.why-section h3 {
    font-size: var(--canvas-12);
    margin-bottom: 0;
    line-height: 1.4;
    color: black;
}

.why-section p {
    font-size: var(--canvas-10);
}

.featured-title {
    background: transparent;
}

.featured-title .page-title-bg {
    box-shadow: none;
}

.title-overlay {
    background: transparent;
}

.page-title .breadcrumbs {
    font-size: var(--canvas-16-9);
    color: var(--fs-color-secondary);
    text-shadow: none;
    font-weight: 500;

}

.archive.tax-product_cat .shop-page-title {
    display: none;
}

.the-force-behind-section .section-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 700px;
}

.process-step .step-desc {
    font-size: var(--canvas-12);
    color: #666;
    margin: 0;
    line-height: 1.5;
}

.process-step.active .step-desc {
    font-size: var(--canvas-12-9);
    color: #000;
    margin: 0;
    line-height: 1.5;
}

.what-you-experience-section .arrow-line {
    margin-left: 21rem;
}

.what-you-experience-section .arrow-line:before {
    background: #fff;
    left: -51px;
}

.the-engine-text-box {
    transform: translateY(9px);
}

/* Mobile-first (min-width) */
@media (width >= 40rem) {
    /* sm: styles */
    /*#footer a {*/
    /*    font-size: 1.25rem;*/
    /*}*/

}

@media (width >= 48rem) {
    /* md: styles */
}

@media (width >= 64rem) {
    /* lg: styles */
    .eric-tran-banner .img-inner {
        min-width: 550px;

    }

    .the-engine-text-box {
        transform: translateY(22px);
    }

    .medium-mt-0 {
        margin-top: 0;
    }

    #footer .col.medium-6.large-2 {
        padding-left: 0;
    }


    #footer .newsletter-form input[type=submit], #footer .newsletter-form input[type=email] {
        font-size: var(--canvas-11-4);
        padding: .75rem 1.25rem;

    }

    #footer .newsletter-form input[type=email] {
        padding-left: 3rem;
        max-width: 26.25rem;
    }


    #footer .newsletter-form input[type=submit] {
        min-width: 13.75rem;
        margin-right: 0;
    }

    .wn-video {
        display: block;
    }


    .wn-video {
        height: 100vh;
        object-fit: cover;
        overflow: auto;
        width: 100%;
    }

    #header .nav-spacing-xlarge > li {
        margin: 0 2.5rem;
    }

    #header .header-nav-main {
        justify-content: center;
    }

    .hightlight-vertical-text {
        line-height: 6rem;
        margin: 0;
    }


    .technology-material-section h2 {
        font-weight: 400;

    }


    .text-overlay-section img {
        width: 50%;
        right: 0;
        left: auto;
    }


    .the-force-behind-section .section-content {
        min-height: 900px;
    }

    .two-methods-section .left-method img {
        padding-right: 27%;
    }

    .two-methods-section .right-method img {
        padding-left: 23%;
    }

    .two-methods-section .box-text p {
        margin: 10px 0 0 0;
    }

    .two-methods-section p {
        white-space: nowrap;
    }


    .why-section .text-left p {
        margin-left: 1rem;
        font-size: var(--canvas-10);
        color: rgba(0, 0, 0, 0.5);
    }

    .why-section .text-right p {

        margin-right: 1rem;
        font-size: var(--canvas-10);
        color: rgba(0, 0, 0, 0.5);
    }


    .encapsulation-section {
        padding-top: 155px;
        padding-bottom: 88px;
    }

    .what-you-experience-section h2 {
        font-size: var(--canvas-21-9);
        text-transform: uppercase;
    }


    .what-you-experience-section .text-spacing-1 {
        letter-spacing: 6.7px;
    }

    .what-you-experience-section .text-spacing-2 {
        letter-spacing: 7.7px;
    }

    .what-you-experience-section .text-spacing-3 {
        letter-spacing: 6.2px;
    }

    .what-you-experience-section .text-spacing-4 {
        letter-spacing: 4.9px;
    }

    .what-you-experience-section p {
        font-size: var(--canvas-12);
    }

    .arrow-start p {
        margin-left: 90px;
    }
	
	.fr.arrow-start p {
		margin-left:10px!important;
	}

}

@media (width >= 80rem) {
    /* xl: styles */
    .add-to-cart-container .button[type="submit"] {
        flex: none;
        gap: 12rem;
        width: fit-content;
    }
}

@media (width >= 96rem) {
    /* 2xl: styles */
}

/* Desktop-first (max-width) */
@media (width < 40rem) {
    /* max-sm: styles */
}

@media (width < 48rem) {
    /* max-md: styles */
    :root {
        /* Text nhỏ: GIỮ NGUYÊN hoặc tăng nhẹ */


        /* Text trung bình:  GIẢM NHẸ 5-10% */
        --canvas-13-9: 18px; /* 19 -> 18 */
        --canvas-14: 18px;
        --canvas-14-9: 19px; /* 20 -> 19 */
        --canvas-16: 21px; /* 22 -> 21 */
        --canvas-16-9: 22px; /* 23 -> 22 */
        --canvas-17-9: 23px; /* 24 -> 23 */
        --canvas-18-9: 24px; /* 25 -> 24 */
        --canvas-21-9: 28px; /* 29 -> 28 */

        /* Text lớn (heading): GIẢM 10-20% */
        --canvas-23: 28px; /* 31 -> 28 */
        --canvas-23-9: 30px; /* 32 -> 30 */
        --canvas-25-9: 32px; /* 35 -> 32 */
        --canvas-26-9: 33px; /* 36 -> 33 */
        --canvas-38-6: 45px; /* 52 -> 45 */

        /* Text rất lớn (hero title): GIẢM 20-30% */
        --canvas-94-6: 55px; /* 140 -> 100, hoặc 110px */
    }

    .eric-tran-review-section .row {
        justify-content: center !important;
    }

    .wn-video {
        padding-top: 105px;
        background: var(--primary-color);
    }

    .eric-tran-banner img {
        transform: translateX(0) !important;
    }

    .eric-tran-banner .img-inner {
        min-width: 450px;
        transform: translateX(8%);
    }

    .eric-tran-banner .img {
        left: 20% !important;
    }

    .mobile-canvas-7-6, .mobile-canvas-7-6 > *, .mobile-canvas-7-6 span {
        font-size: var(--canvas-7-6);
    }

    .mobile-canvas-10, .mobile-canvas-10 > * {
        font-size: var(--canvas-10);
    }

    .mobile-canvas-12, .mobile-canvas-12 > * {
        font-size: var(--canvas-12);
    }

    .mobile-canvas-16, .mobile-canvas-16 > * {
        font-size: var(--canvas-16);
    }

    .mobile-canvas-18-9, .mobile-canvas-18-9 > * {
        font-size: var(--canvas-18-9);
    }

    .mobile-canvas-21-9, .mobile-canvas-21-9 > *, .mobile-canvas-21-9 span {
        font-size: var(--canvas-21-9);
    }

    .category-title-wrapper {
        align-items: center;
    }

    .product-title.entry-title {
        font-size: var(--canvas-12);
    }

    .back-icon {
        justify-content: start;

    }

    .back-icon img {
        height: 23px;
        object-fit: contain;
    }

    .background-text-banner {
        height: initial;
        min-height: 460px;
    }



}

@media (width < 64rem) {
    /* max-lg: styles */
    #footer .ux-logo {
        display: block;
        margin: 0 auto;
    }

    .eric-tran-banner .img-inner {
        padding-top: initial !important;
    }

    .process-step .step-desc {
        font-size: var(--canvas-10);
    }

    .process-step.active .step-desc {
        font-size: var(--canvas-10-2);
    }

    .what-you-experience-section .arrow-line {
        margin-left: 11rem;
    }

    .arrow-line.not:before {
        right: 122px;
        width: 50px;
        transform: rotate(38deg);
    }

    .the-cap .divider {
        top: 48%;
        transform: translate(-50%, 50%);
        max-width: 400px!important;
    }
}

@media (width < 80rem) {
    /* max-xl: styles */
    .eric-tran-banner .img {
        left: 31%;
    }

    .eric-tran-banner .img-inner {
        padding-top: 220% !important;
    }


}

@media (width < 96rem) {
    /* max-2xl: styles */
    .eric-tran-banner img {
        transform: translateX(-10%);
    }

}

/* Add to Customizer > Additional CSS */

/* Supercritical Process Section */
.supercritical-process-section {
    background-color: #f9f9f9;
}

.process-indicator {
    position: absolute;
    top: 0;
    left: -20px;
    width: 1px;
    background: #000;
    border-radius: 2px;
    transition: height 0.6s cubic-bezier(0.4, 0, 0.2, 1),
    top 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    height: 0;
}

/* LEFT COLUMN: Process Steps */
.process-steps-col {
    padding-right: 60px;
}

.process-step {
    opacity: 0;
    transform: translateX(-20px);
    transition: opacity 0.5s ease-out,
    transform 0.5s ease-out,
    color 0.3s ease,
    font-weight 0.3s ease;
    padding: 8px 0;
    color: #999;
    line-height: 1.6;
    font-weight: 400;
}

.process-step:hover {
    border-left-color: var(--primary-color);
}

.process-step.visible {
    opacity: 1;
    transform: translateX(0);
}


.process-step.completed {
    color: #666;
    font-weight: 400;
}


.process-step sub {
    font-size: 0.7em;
    vertical-align: sub;
}

/* RIGHT COLUMN: Content */
.process-content-col {
    padding-left: 40px;
}

/* Main Title */
.process-main-title {
    font-size: 32px;
    color: var(--fs-color-secondary);
    line-height: 1.4;
    margin: 0 0 60px 0;
    font-weight: 300;
    letter-spacing: 0.01em;
}

.process-main-title sub {
    font-size: 0.6em;
    vertical-align: sub;
}

/* Comparison Text */
.process-comparison {
    position: relative;
}

.process-comparison p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 15px;
    color: #000;
}

.process-comparison strong {
    font-weight: 600;
}

.process-comparison em {
    font-style: italic;
    color: #666;
}

.process-comparison .not-text {
    color: #C72A2A;
    font-style: italic;
}

/* Arrow Line with Purity Text */
.arrow-line {
    position: relative;
    margin-top: 40px;
    margin-left: 29rem;
}


.arrow-line::before {
    content: '';
    right: 205px;
    position: absolute;
    top: -7px;
    /* left: 263px; */
    width: 79px;
    height: 1px;
    background: #000;
    transform: rotate(27deg);
    transform-origin: right center;
}


/* Responsive */
@media (max-width: 992px) {
    .process-steps-col {
        padding-right: 20px;
        margin-bottom: 40px;
    }

    .process-content-col {
        padding-left: 20px;
    }

    .process-main-title {
        font-size: 26px;
    }

    .arrow-line {
        margin-left: 0;
    }

    .arrow-line::before {
    }
}

@media (max-width: 768px) {
    .process-main-title {
        font-size: 22px;
    }

    .process-comparison p {
        font-size: 15px;
    }
}

@media (max-width: 549px) {
    .process-steps-col {
        padding-right: 0;
    }

    .process-content-col {
        padding-left: 0;
    }

    .process-main-title {
        font-size: var(--canvas-12);
        margin-bottom: 40px;
    }

    .what-you-experience-section .arrow-line:before {
        left: -44px;
        top: -4px;
    }

    .why-section h3 {
        font-size: var(--canvas-10);
        font-weight: bold;
    }

    .why-section p {
        font-size: var(--canvas-7-6);
    }

    .product-small span.amount, .product-small .title-wrapper, .product-small .add-to-cart-button a {
        font-size: var(--canvas-10);
        white-space: nowrap;
    }

    .product-small .product-category {
        font-size: var(--canvas-7-6);
    }

    .product-small .box-text-products {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* Base fade-in styles */
[class*="fade-in-seq-"] {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.6s ease-out,
    transform 0.6s ease-out,
    visibility 0s linear 0.6s;
}

[class*="fade-in-seq-"].animated {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.6s ease-out,
    transform 0.6s ease-out;
}

/* Fade from bottom (default) */
.fade-in-seq-1st,
.fade-in-seq-2nd,
.fade-in-seq-3rd,
.fade-in-seq-4th,
.fade-in-seq-5th,
.fade-in-seq-6th,
.fade-in-seq-7th,
.fade-in-seq-8th,
.fade-in-seq-9th,
.fade-in-seq-10th {
    transform: translateY(30px);
}

[class*="fade-in-seq-"].animated {
    transform: translateY(0);
}

/* Fade from left */
[class*="fade-in-seq-"].from-left {
    transform: translateX(-30px) ! important;
}

[class*="fade-in-seq-"].from-left.animated {
    transform: translateX(0) !important;
}

/* Fade from right */
[class*="fade-in-seq-"].from-right {
    transform: translateX(30px) !important;
}

[class*="fade-in-seq-"].from-right.animated {
    transform: translateX(0) !important;
}

/* Scale effect */
[class*="fade-in-seq-"].scale-in {
    transform: scale(0.9) !important;
}

[class*="fade-in-seq-"].scale-in.animated {
    transform: scale(1) !important;
}

/* Slide up effect */
[class*="fade-in-seq-"].slide-up {
    transform: translateY(50px) !important;
}

[class*="fade-in-seq-"].slide-up.animated {
    transform: translateY(0) !important;
}

/* Rotate effect */
[class*="fade-in-seq-"].rotate-in {
    transform: rotate(-5deg) scale(0.95) !important;
}

[class*="fade-in-seq-"].rotate-in.animated {
    transform: rotate(0) scale(1) !important;
}

/* Slow animation */
[class*="fade-in-seq-"].slow {
    transition-duration: 1s !important;
}

/* Fast animation */
[class*="fade-in-seq-"].fast {
    transition-duration: 0.3s !important;
}

/* Bounce effect */
[class*="fade-in-seq-"].bounce {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
}

/* Tương thích với Flatsome */
.section-content [class*="fade-in-seq-"] {
    will-change: transform, opacity;
}

/* Mobile optimization */
@media (max-width: 549px) {
    [class*="fade-in-seq-"] {
        transform: translateY(15px) !important;
    }

    [class*="fade-in-seq-"].from-left,
    [class*="fade-in-seq-"].from-right {
        transform: translateY(15px) !important;
    }
}

.news-cat .col-inner > .row .large-8 {
    flex: 1;
    color: #666;
    max-width: fit-content;
}

.news-cat .col-inner > .row .large-8 p {
    transition: all .5s ease-in-out;

}

.news-cat .col-inner > .row:hover .large-8 p {
    font-size: var(--canvas-12);
    color: #000;
}

.news-cat .col-inner > .row .large-4 {
    transition: all .5s ease-in-out;
}

.news-cat .col-inner > .row:hover .large-4 {
    flex-basis: 40% !important;
    max-width: 40%;
}

.woocommerce-Tabs-panel--description .col:has(.stack) .col-inner, .woocommerce-Tabs-panel--description .col:has(.stack) .stack, .woocommerce-Tabs-panel--description .col:has(.stack) .img, .woocommerce-Tabs-panel--description .col:has(.stack) .img-inner {
    height: 100%;
}

/*WEBNOW ADD LANG FOR MOBILE START*/
.mobile-sidebar .image-icon,
.mobile-sidebar .icon-image{display:none!important}

.mobile-sidebar li.has-child>a:has(+button+ul.children a[hreflang]){
font-size:0
}

html[lang^="en"] .mobile-sidebar li.has-child>a:has(+button+ul.children a[hreflang]):before{
content:"EN";
font-size:14px;
text-transform:uppercase
}

html[lang^="fr"] .mobile-sidebar li.has-child>a:has(+button+ul.children a[hreflang]):before{
content:"FR";
font-size:14px;
text-transform:uppercase
}

.mobile-sidebar a[hreflang]{font-size:0}

.mobile-sidebar a[hreflang]:after{
content:attr(hreflang);
font-size:14px;
text-transform:uppercase
}

/*WEBNOW ADD LANG FOR MOBILE END*/