/* =========================================================
   SHOPRUOUNHAPKHAU.COM
   TRANG GIỚI THIỆU - BẢN HOÀN CHỈNH
   Burgundy + Cream + Gold
========================================================= */

:root {
    --about-wine: #6d0c1c;
    --about-wine-dark: #520711;
    --about-gold: #b99450;
    --about-cream: #faf8f3;
    --about-cream-2: #f6f2ea;
    --about-white: #ffffff;
    --about-text: #3e3734;
    --about-muted: #746b66;
    --about-line: #e5ddd2;
}


/* =========================================================
   1. KHUNG CHUNG
========================================================= */

body .about-hero,
body .about-intro,
body .about-story,
body .about-products,
body .about-commitment,
body .about-reasons,
body .about-contact {

    position: relative !important;

    width: 100% !important;
    max-width: 1250px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    box-sizing: border-box !important;
}


/* Bỏ background mặc định Flatsome */

body .about-hero .section-bg,
body .about-intro .section-bg,
body .about-story .section-bg,
body .about-products .section-bg,
body .about-commitment .section-bg,
body .about-reasons .section-bg,
body .about-contact .section-bg {

    background: none !important;
}


/* Row */

body .about-hero .row,
body .about-intro .row,
body .about-story .row,
body .about-products .row {

    max-width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* =========================================================
   2. FONT TOÀN TRANG
========================================================= */

body .about-hero,
body .about-intro,
body .about-story,
body .about-products,
body .about-commitment,
body .about-reasons,
body .about-contact {

    font-family: Arial, Helvetica, sans-serif !important;
}


/* Nội dung */

body .about-hero p,
body .about-intro p,
body .about-story p,
body .about-products p,
body .about-commitment p,
body .about-reasons p,
body .about-contact p,
body .about-feature-item,
body .about-product-title,
body .about-product-link,
body .about-reason-item,
body .about-contact-item {

    font-family: Arial, Helvetica, sans-serif !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;

    font-style: normal !important;
}


/* Tiêu đề */

body .about-hero-title,
body .about-intro-content h2,
body .about-section-title {

    font-family: Georgia, "Times New Roman", serif !important;

    font-style: normal !important;
    font-weight: 700 !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;

    font-kerning: normal !important;

    color: var(--about-wine) !important;
}


/* =========================================================
   3. HERO
========================================================= */

body .about-hero {

    min-height: 155px !important;

    padding:
        18px
        20px
        20px !important;

    background: var(--about-cream) !important;
}


body .about-hero .section-content {

    min-height: 120px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;
}


body .about-hero-content {

    width: 100% !important;
    max-width: 900px !important;

    margin: 0 auto !important;

    text-align: center !important;
}


/* breadcrumb */

body .about-hero-content::before {

    content: "TRANG CHỦ   /   GIỚI THIỆU";

    display: block !important;

    margin-bottom: 12px !important;

    color: #665e59 !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 12px !important;
    line-height: 1.4 !important;

    font-weight: 600 !important;

    letter-spacing: .3px !important;
}


/* H1 */

body .about-hero-title {

    margin: 0 !important;

    font-size: 40px !important;
    line-height: 1.2 !important;

    text-transform: uppercase !important;
}


/* hoa văn */

body .about-hero-title::after {

    content: "✣" !important;

    display: block !important;

    margin: 7px auto 5px !important;

    color: var(--about-gold) !important;

    background: none !important;

    font-size: 14px !important;
    line-height: 1 !important;
}


body .about-hero-subtitle {

    max-width: 760px !important;

    margin: 0 auto !important;

    color: #504844 !important;

    font-size: 15px !important;
    line-height: 1.7 !important;
}


/* =========================================================
   4. GIỚI THIỆU THƯƠNG HIỆU
========================================================= */

body .about-intro {

    padding: 0 !important;

    background: var(--about-cream) !important;
}


body .about-intro-row {

    display: flex !important;

    align-items: stretch !important;
}


body .about-intro-image,
body .about-intro-content {

    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* Ảnh */

body .about-intro-image > .col-inner {

    height: 100% !important;

    padding: 0 !important;

    overflow: hidden !important;

    border-radius: 0 !important;
    box-shadow: none !important;
}


body .about-intro-image .img,
body .about-intro-image .img-inner {

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
}


body .about-intro-image img {

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    min-height: 340px !important;

    object-fit: cover !important;

    border-radius: 0 !important;
}


/* Nội dung phải */

body .about-intro-content > .col-inner {
    height: 100% !important;
    padding: 24px 28px 18px !important;
    background: var(--about-cream) !important;
}


body .about-intro-content h2 {
    max-width: 460px !important;
    margin: 0 0 18px !important;
    font-size: 28px !important;
    line-height: 1.22 !important;
}


body .about-intro-content h2::after {

    content: "" !important;

    display: block !important;

    width: 48px !important;
    height: 2px !important;

    margin-top: 8px !important;

    background: var(--about-gold) !important;
}


body .about-intro-content > .col-inner > p {

    margin: 0 0 16px !important;

    color: var(--about-text) !important;

    font-size: 14px !important;
    line-height: 1.7 !important;
}


/* =========================================================
   5. 3 ĐIỂM NỔI BẬT
========================================================= */
/* =========================================================
   3 ĐIỂM NỔI BẬT - GIỚI THIỆU
   BẢN SẠCH - KHÔNG CHỒNG ICON
========================================================= */


/* GRID 3 CỘT */

body .about-intro-features {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    width: 100% !important;

    margin: 24px 0 0 !important;
    padding: 24px 0 0 !important;

    border-top: 1px solid #ddd3c6 !important;
}


/* TỪNG Ô */

body .about-intro-features .about-feature-item {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    min-width: 0 !important;
    min-height: 150px !important;

    margin: 0 !important;
    padding: 4px 20px 12px !important;

    text-align: center !important;

    box-sizing: border-box !important;

    color: #2b2421 !important;

    text-transform: none !important;
}


/* VẠCH CHIA DỌC */

body .about-intro-features
.about-feature-item + .about-feature-item {
    border-left: 1px solid #ddd3c6 !important;
}


/* =========================================================
   QUAN TRỌNG:
   TẮT ICON CSS CŨ
========================================================= */

body .about-intro-features
.about-feature-item::before,

body .about-intro-features
.about-feature-item::after {
    content: none !important;
    display: none !important;
}


/* =========================================================
   ICON SVG
========================================================= */

body .about-intro-features
.about-feature-icon {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 46px !important;
    height: 46px !important;

    flex: 0 0 46px !important;

    margin: 0 auto 13px !important;

    padding: 0 !important;
}


body .about-intro-features
.about-feature-icon svg {
    display: block !important;

    width: 34px !important;
    height: 34px !important;

    max-width: 34px !important;

    fill: none !important;

    stroke: #780d20 !important;
    stroke-width: 1.65 !important;

    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}


/* =========================================================
   TIÊU ĐỀ
========================================================= */

body .about-intro-features
.about-feature-item h3 {
    width: 100% !important;

    margin: 0 0 8px !important;
    padding: 0 !important;

    color: #342824 !important;

    font-family:
        "Times New Roman",
        Times,
        serif !important;

    font-size: 18px !important;
    line-height: 1.22 !important;

    font-style: normal !important;
    font-weight: 700 !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;

    text-align: center !important;

    text-transform: uppercase !important;
}


/* =========================================================
   MÔ TẢ
========================================================= */

body .about-intro-features
.about-feature-item p {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #171313 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 13px !important;
    line-height: 1.55 !important;

    font-style: normal !important;
    font-weight: 500 !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;

    text-align: center !important;

    text-transform: uppercase !important;
}


/* =========================================================
   HOVER
========================================================= */

body .about-intro-features
.about-feature-icon {
    transition: transform .25s ease !important;
}


body .about-intro-features
.about-feature-item:hover
.about-feature-icon {
    transform: translateY(-3px) !important;
}


body .about-intro-features
.about-feature-item:hover h3 {
    color: #780d20 !important;
}


/* =========================================================
   TINH CHỈNH 3 ĐIỂM NỔI BẬT
========================================================= */

body .about-intro-features {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;

    margin-top: 20px !important;
    padding-top: 20px !important;
}


/* từng ô */

body .about-intro-features .about-feature-item {
    min-height: 165px !important;

    padding: 5px 14px 12px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}


/* icon */

body .about-intro-features .about-feature-icon {
    width: 42px !important;
    height: 42px !important;

    margin: 0 auto 8px !important;
}


body .about-intro-features .about-feature-icon svg {
    width: 32px !important;
    height: 32px !important;
}


/* tiêu đề */

body .about-intro-features .about-feature-item h3 {
    width: 100% !important;

    margin: 0 0 7px !important;

    padding: 0 !important;

    font-family: "Times New Roman", Times, serif !important;

    font-size: 17px !important;
    line-height: 1.18 !important;

    font-weight: 700 !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;

    text-align: center !important;

    text-transform: uppercase !important;

    /* hạn chế xuống quá nhiều dòng */
    text-wrap: balance;
}


/* mô tả */

body .about-intro-features .about-feature-item p {
    width: 100% !important;

    margin: 0 !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 12px !important;
    line-height: 1.45 !important;

    font-weight: 500 !important;

    text-align: center !important;

    text-transform: uppercase !important;

    text-wrap: balance;
}


/* đường chia */

body .about-intro-features
.about-feature-item + .about-feature-item {
    border-left: 1px solid #ddd3c6 !important;
}


/* Desktop rộng: cho tiêu đề dễ nằm 2 dòng */

@media (min-width: 1100px) {

    body .about-intro-features .about-feature-item {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    body .about-intro-features .about-feature-item h3 {
        font-size: 16.5px !important;
    }

}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 849px) {

    body .about-intro-features
    .about-feature-item {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    body .about-intro-features
    .about-feature-item h3 {
        font-size: 16px !important;
    }

    body .about-intro-features
    .about-feature-item p {
        font-size: 12px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 549px) {

    body .about-intro-features {
        grid-template-columns: 1fr !important;

        padding-top: 0 !important;
    }


    body .about-intro-features
    .about-feature-item {
        min-height: auto !important;

        padding: 25px 15px !important;
    }


    body .about-intro-features
    .about-feature-item + .about-feature-item {
        border-left: 0 !important;
        border-top: 1px solid #ddd3c6 !important;
    }


    body .about-intro-features
    .about-feature-item h3 {
        font-size: 18px !important;
    }


    body .about-intro-features
    .about-feature-item p {
        font-size: 13px !important;
    }

}





/* =========================================================
   6. CÂU CHUYỆN
========================================================= */

body .about-story {

    padding: 0 !important;

    background: var(--about-cream-2) !important;
}


body .about-story .row {

    display: flex !important;

    align-items: stretch !important;
}


body .about-story-content,
body .about-story-image {

    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


body .about-story-content > .col-inner {

    min-height: 290px !important;

    padding:
        40px
        50px !important;

    display: flex !important;

    flex-direction: column !important;

    justify-content: center !important;
}


body .about-story .about-section-title {

    margin: 0 0 18px !important;

    font-size: 29px !important;
    line-height: 1.25 !important;

    text-align: left !important;
}


body .about-story .about-section-title::after {

    content: "" !important;

    display: block !important;

    width: 45px !important;
    height: 2px !important;

    margin: 11px 0 0 !important;

    background: var(--about-gold) !important;
}


body .about-story-content p {

    margin: 0 !important;

    color: var(--about-text) !important;

    font-size: 15px !important;
    line-height: 1.8 !important;
}


/* nút */

body .about-story-content p::after {


    display: block !important;

    width: max-content !important;

    margin-top: 20px !important;

    padding:
        10px
        25px !important;

    background: var(--about-wine) !important;

    color: #ffffff !important;

    font-size: 11px !important;
    line-height: 1 !important;

    font-weight: 700 !important;
}



body .about-story-image > .col-inner {

    height: 100% !important;

    padding: 0 !important;

    overflow: hidden !important;

    border-radius: 0 !important;
    box-shadow: none !important;
}


body .about-story-image .img,
body .about-story-image .img-inner {

    height: 100% !important;
}


body .about-story-image img {

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    min-height: 290px !important;

    object-fit: cover !important;
}

.about-story-button {
    display: inline-block !important;

    width: max-content !important;

    margin-top: 20px !important;

    padding: 11px 26px !important;

    background: #750d1d !important;
    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 12px !important;
    line-height: 1 !important;

    font-weight: 700 !important;

    text-decoration: none !important;

    transition: all .25s ease !important;
}

.about-story-button:hover {
    background: #520711 !important;

    color: #ffffff !important;

    transform: translateY(-2px);
}
/* =========================================================
   7. TIÊU ĐỀ SECTION
========================================================= */

body .about-products .about-section-title,
body .about-reasons .about-section-title,
body .about-contact .about-section-title {

    margin: 0 0 22px !important;

    font-size: 29px !important;
    line-height: 1.3 !important;

    text-align: center !important;
}


/* =========================================================
   8. SẢN PHẨM KINH DOANH
========================================================= */

body .about-products {

    padding:
        30px
        60px
        38px !important;

    background: var(--about-cream) !important;
}


body .about-products-grid {

    display: flex !important;

    flex-wrap: wrap !important;

    width: calc(100% + 16px) !important;

    max-width: none !important;

    margin-left: -8px !important;
    margin-right: -8px !important;
}


body .about-products-grid >
.about-product-card {

    flex:
        0
        0
        25% !important;

    width: 25% !important;
    max-width: 25% !important;

    padding:
        0
        8px !important;

    margin: 0 !important;

    box-sizing: border-box !important;
}


body .about-product-card >
.col-inner {

    display: flex !important;

    flex-direction: column !important;

    height: 100% !important;

    padding:
        0
        0
        15px !important;

    overflow: hidden !important;

    background: #fff !important;

    border:
        1px solid #e8e0d6 !important;

    text-align: center !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease !important;
}


body .about-product-card:hover >
.col-inner {

    transform:
        translateY(-4px) !important;

    box-shadow:
        0 10px 24px
        rgba(60,20,25,.09) !important;
}


body .about-product-image {

    width: 100% !important;
    height: 155px !important;

    overflow: hidden !important;

    background: #eee9e1 !important;
}


body .about-product-image img {

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    transition:
        transform .35s ease !important;
}


body .about-product-card:hover
.about-product-image img {

    transform:
        scale(1.04) !important;
}


body .about-product-title {

    margin:
        13px
        10px
        4px !important;

    color: #282321 !important;

    font-size: 13px !important;
    line-height: 1.4 !important;

    font-weight: 700 !important;

    text-transform: uppercase !important;
}


body .about-product-link {

    display: inline-block !important;

    margin: 0 auto !important;

    color: #71645d !important;

    font-size: 11px !important;

    text-decoration: none !important;
}


body .about-product-link::after {

    content: " →" !important;

    color: var(--about-wine) !important;
}


/* =========================================================
   9. CAM KẾT
========================================================= */
/* =========================================================
   CAM KẾT CHẤT LƯỢNG
   GIAO DIỆN GIỐNG ẢNH MẪU
========================================================= */

.about-commitment {
    position: relative !important;

    width: 100% !important;
    max-width: 1250px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    overflow: hidden !important;

    background:
        linear-gradient(
            105deg,
            #650c19 0%,
            #761120 55%,
            #5b0916 100%
        ) !important;
}


/* hoa văn nền rất nhẹ bên trái */

.about-commitment::before {
    content: "";

    position: absolute;

    left: -50px;
    top: -65px;

    width: 280px;
    height: 220px;

    border: 1px solid rgba(220, 190, 155, .08);
    border-radius: 50%;

    transform: rotate(-20deg);

    pointer-events: none;
}


.about-commitment-inner {
    position: relative;
    z-index: 2;

    display: grid !important;

    grid-template-columns: 190px 1fr !important;

    align-items: center !important;

    min-height: 125px !important;

    padding: 18px 45px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   TIÊU ĐỀ BÊN TRÁI
========================================================= */

.about-commitment-heading {
    padding-left: 10px !important;
}


.about-commitment-heading h2 {
    margin: 0 !important;

    color: #f7eee5 !important;

    font-family: "Times New Roman", Times, serif !important;

    font-size: 27px !important;
    line-height: 1.05 !important;

    font-weight: 700 !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}


/* =========================================================
   GRID 4 CAM KẾT
========================================================= */

.about-commitment-grid {
    display: grid !important;

    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* từng item */

.about-commitment-item {
    position: relative !important;

    min-width: 0 !important;

    padding: 2px 15px !important;

    text-align: center !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ICON
========================================================= */

.about-commitment-icon {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 45px !important;
    height: 45px !important;

    margin: 0 auto 7px !important;
}


.about-commitment-icon svg {
    display: block !important;

    width: 37px !important;
    height: 37px !important;

    fill: none !important;

    stroke: #e1cbb1 !important;
    stroke-width: 1.45 !important;

    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}


/* =========================================================
   TIÊU ĐỀ ITEM
========================================================= */

.about-commitment-item h3 {
    margin: 0 0 3px !important;

    color: #fff8ef !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 13px !important;
    line-height: 1.35 !important;

    font-weight: 700 !important;

    text-transform: uppercase !important;

    letter-spacing: 0 !important;
}


/* =========================================================
   MÔ TẢ
========================================================= */

.about-commitment-item p {
    margin: 0 !important;

    color: rgba(255,255,255,.9) !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 11px !important;
    line-height: 1.4 !important;

    font-weight: 400 !important;
}


/* =========================================================
   HOVER NHẸ
========================================================= */

.about-commitment-icon {
    transition: transform .25s ease;
}

.about-commitment-item:hover .about-commitment-icon {
    transform: translateY(-3px);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 849px) {

    .about-commitment-inner {
        grid-template-columns: 1fr !important;

        padding: 28px 25px !important;
    }

    .about-commitment-heading {
        padding: 0 !important;
        margin-bottom: 25px !important;

        text-align: center !important;
    }

    .about-commitment-heading h2 {
        font-size: 27px !important;
    }

    .about-commitment-heading h2 br {
        display: none;
    }

    .about-commitment-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .about-commitment-item {
        padding: 20px !important;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 549px) {

    .about-commitment-inner {
        padding: 28px 18px !important;
    }

    .about-commitment-grid {
        grid-template-columns: 1fr !important;
    }

    .about-commitment-item {
        padding: 22px 10px !important;

        border-bottom:
            1px solid rgba(255,255,255,.12);
    }

    .about-commitment-item:last-child {
        border-bottom: 0;
    }

    .about-commitment-item h3 {
        font-size: 14px !important;
    }

    .about-commitment-item p {
        font-size: 12px !important;
    }
}


/* =========================================================
   10. VÌ SAO CHỌN CHÚNG TÔI
========================================================= */

/* =========================================================
   VÌ SAO CHỌN CHÚNG TÔI
========================================================= */

.about-reasons {
    width: 100% !important;
    max-width: 1250px !important;

    margin: 0 auto !important;

    padding: 22px 55px 28px !important;

    background: #faf8f3 !important;

    box-sizing: border-box !important;
}


/* bỏ background Flatsome */

.about-reasons .section-bg {
    background: none !important;
}


/* =========================================================
   TIÊU ĐỀ
========================================================= */

.about-reasons .about-section-title {
    margin: 0 0 22px !important;

    color: #6d0c1c !important;

    font-family: "Times New Roman", Times, serif !important;

    font-size: 28px !important;
    line-height: 1.2 !important;

    font-weight: 700 !important;

    text-align: center !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}


/* =========================================================
   GRID
========================================================= */

.about-reasons-grid {
    display: grid !important;

    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   TỪNG ITEM
========================================================= */

.about-reason-item {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    min-width: 0 !important;
    min-height: 125px !important;

    padding: 4px 28px 8px !important;

    text-align: center !important;

    box-sizing: border-box !important;

    text-transform: none !important;
}


/* đường chia giữa các cột */

.about-reason-item + .about-reason-item {
    border-left: 1px solid #ded5ca !important;
}


/* =========================================================
   BỎ ICON ✓ CŨ
========================================================= */

.about-reason-item::before,
.about-reason-item::after {
    content: none !important;
    display: none !important;
}


/* =========================================================
   ICON SVG
========================================================= */

.about-reason-icon {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 44px !important;
    height: 44px !important;

    margin: 0 auto 8px !important;
}


.about-reason-icon svg {
    display: block !important;

    width: 34px !important;
    height: 34px !important;

    fill: none !important;

    stroke: #780d20 !important;
    stroke-width: 1.5 !important;

    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}


/* =========================================================
   TIÊU ĐỀ ITEM
========================================================= */

.about-reason-item h3 {
    width: 100% !important;

    margin: 0 0 5px !important;
    padding: 0 !important;

    color: #2b2522 !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 13px !important;
    line-height: 1.35 !important;

    font-weight: 700 !important;

    text-align: center !important;

    text-transform: uppercase !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}


/* =========================================================
   MÔ TẢ
========================================================= */

.about-reason-item p {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #554c47 !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 11.5px !important;
    line-height: 1.45 !important;

    font-weight: 400 !important;

    text-align: center !important;
}


/* =========================================================
   HOVER
========================================================= */

.about-reason-icon {
    transition: transform .25s ease !important;
}

.about-reason-item:hover .about-reason-icon {
    transform: translateY(-3px) !important;
}

.about-reason-item:hover h3 {
    color: #780d20 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 849px) {

    .about-reasons {
        padding: 28px 25px !important;
    }

    .about-reasons-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .about-reason-item {
        padding: 25px 20px !important;
    }

    .about-reason-item:nth-child(3) {
        border-left: 0 !important;
    }

    .about-reason-item:nth-child(n+3) {
        border-top: 1px solid #ded5ca !important;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 549px) {

    .about-reasons {
        padding: 28px 18px !important;
    }

    .about-reasons .about-section-title {
        font-size: 25px !important;
    }

    .about-reasons-grid {
        grid-template-columns: 1fr !important;
    }

    .about-reason-item {
        min-height: auto !important;

        padding: 25px 15px !important;
    }

    .about-reason-item + .about-reason-item {
        border-left: 0 !important;
        border-top: 1px solid #ded5ca !important;
    }

    .about-reason-item h3 {
        font-size: 14px !important;
    }

    .about-reason-item p {
        font-size: 12px !important;
    }
}

/* =========================================================
   11. THÔNG TIN CỬA HÀNG
========================================================= */

/* =========================================================
   THÔNG TIN CỬA HÀNG
========================================================= */

.about-contact {
    width: 100% !important;
    max-width: 1250px !important;

    margin: 0 auto !important;

    padding: 22px 45px 28px !important;

    background: #f8f5ee !important;

    box-sizing: border-box !important;
}


/* bỏ background Flatsome */

.about-contact .section-bg {
    background: none !important;
}


/* =========================================================
   TIÊU ĐỀ
========================================================= */

.about-contact .about-section-title {
    margin: 0 0 22px !important;

    color: #6d0c1c !important;

    font-family: "Times New Roman", Times, serif !important;

    font-size: 28px !important;
    line-height: 1.2 !important;

    font-weight: 700 !important;

    text-align: center !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}


/* gạch vàng nhỏ */

.about-contact .about-section-title::after {
    content: "" !important;

    display: block !important;

    width: 48px !important;
    height: 2px !important;

    margin: 10px auto 0 !important;

    background: #b99450 !important;
}


/* =========================================================
   3 CỘT
========================================================= */

.about-contact-row {
    display: grid !important;

    grid-template-columns:
        1fr
        1.05fr
        1.35fr !important;

    gap: 34px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    align-items: center !important;
}


/* =========================================================
   ẢNH CỬA HÀNG
========================================================= */

.about-contact-image {
    width: 100% !important;
    height: 200px !important;

    overflow: hidden !important;

    border-radius: 0 !important;

    background: #eee8df !important;
}


.about-contact-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* =========================================================
   THÔNG TIN GIỮA
========================================================= */

.about-contact-info {
    padding: 0 !important;

    font-family: Arial, Helvetica, sans-serif !important;
}


/* tên cửa hàng */

.about-contact-info::before {
    content: "Thế Giới Rượu Nhập Khẩu";

    display: block !important;

    margin: 0 0 12px !important;

    color: #282220 !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 14px !important;
    line-height: 1.4 !important;

    font-weight: 700 !important;
}


/* từng dòng */

.about-contact-item {
    position: relative !important;

    margin: 0 !important;

    padding: 10px 0 10px 30px !important;

    border-bottom: 1px solid #ddd4c9 !important;

    color: #514945 !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 14px !important;
    line-height: 1.55 !important;

    font-weight: 400 !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}


.about-contact-item:last-child {
    border-bottom: 0 !important;
}


/* =========================================================
   ICON
========================================================= */

.about-contact-item::before {
    position: absolute !important;

    left: 2px !important;
    top: 50% !important;

    transform: translateY(-50%) !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 18px !important;
    height: 18px !important;

    color: #7a0d1f !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 14px !important;

    background: none !important;
}


/* địa chỉ */

.about-contact-item:nth-child(1)::before {
    content: "⌖" !important;
}


/* điện thoại */

.about-contact-item:nth-child(2)::before {
    content: "☎" !important;
}


/* website */

.about-contact-item:nth-child(3)::before {
    content: "◎" !important;
}


/* giờ mở cửa */

.about-contact-item:nth-child(4)::before {
    content: "◷" !important;
}


/* =========================================================
   GOOGLE MAP
========================================================= */

.about-contact-map {
    width: 100% !important;

    height: 200px !important;
    min-height: 200px !important;

    padding: 0 !important;

    overflow: hidden !important;

    background: #ece8df !important;

    border: 0 !important;
    border-radius: 0 !important;
}


.about-contact-map iframe {
    display: block !important;

    width: 100% !important;
    height: 200px !important;

    min-height: 200px !important;

    border: 0 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 849px) {

    .about-contact {
        padding: 28px 25px !important;
    }

    .about-contact-row {
        grid-template-columns: 1fr 1fr !important;

        gap: 25px !important;
    }

    .about-contact-map {
        grid-column: 1 / -1 !important;

        height: 260px !important;
    }

    .about-contact-map iframe {
        height: 260px !important;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 549px) {

    .about-contact {
        padding: 28px 18px !important;
    }

    .about-contact .about-section-title {
        font-size: 25px !important;
    }

    .about-contact-row {
        grid-template-columns: 1fr !important;

        gap: 20px !important;
    }

    .about-contact-image {
        height: 240px !important;
    }

    .about-contact-item {
        font-size: 13px !important;

        padding:
            10px
            0
            10px
            28px !important;
    }

    .about-contact-map,
    .about-contact-map iframe {
        height: 280px !important;
        min-height: 280px !important;
    }
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 849px) {

    body .about-hero-title {
        font-size: 34px !important;
    }

    body .about-intro-content h2 {
        font-size: 27px !important;
    }

    body .about-story .about-section-title,
    body .about-products .about-section-title,
    body .about-reasons .about-section-title,
    body .about-contact .about-section-title {
        font-size: 26px !important;
    }

    body .about-intro-content > .col-inner {
        padding: 28px !important;
    }

    body .about-products-grid >
    .about-product-card {

        flex:
            0
            0
            50% !important;

        width: 50% !important;
        max-width: 50% !important;

        margin-bottom: 16px !important;
    }

    body .about-product-image {
        height: 190px !important;
    }

    body .about-commitment
    .section-content {

        display: block !important;
    }

    body .about-commitment
    .about-section-title {

        margin-bottom:
            25px !important;

        text-align: center !important;
    }

    body .about-commitment-grid,
    body .about-reasons-grid {

        grid-template-columns:
            repeat(2, 1fr) !important;
    }

    body .about-contact-row {

        grid-template-columns:
            1fr 1fr !important;
    }

    body .about-contact-map {

        grid-column:
            1 / -1 !important;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 549px) {

    body .about-hero {

        padding:
            22px
            15px !important;
    }

    body .about-hero-title {

        font-size:
            29px !important;
    }

    body .about-hero-subtitle {

        font-size:
            13px !important;
    }

    body .about-intro-row,
    body .about-story .row {

        display:
            block !important;
    }

    body .about-intro-image img {

        min-height:
            260px !important;

        height:
            260px !important;
    }

    body .about-intro-content >
    .col-inner {

        padding:
            28px
            20px !important;
    }

    body .about-intro-content h2 {

        font-size:
            25px !important;

        text-align:
            center !important;
    }

    body .about-intro-content h2::after {

        margin-left:
            auto !important;

        margin-right:
            auto !important;
    }

    body .about-intro-features {

        grid-template-columns:
            1fr !important;
    }

    body .about-feature-item {

        padding:
            50px
            10px
            20px !important;
    }

    body .about-feature-item +
    .about-feature-item {

        border-left:
            0 !important;

        border-top:
            1px solid
            var(--about-line) !important;
    }

    body .about-story-content >
    .col-inner {

        min-height:
            auto !important;

        padding:
            30px
            20px !important;
    }

    body .about-story
    .about-section-title {

        text-align:
            center !important;
    }

    body .about-story
    .about-section-title::after {

        margin-left:
            auto !important;

        margin-right:
            auto !important;
    }

    body .about-products {

        padding:
            30px
            15px !important;
    }

    body .about-products-grid {

        width:
            100% !important;

        margin:
            0 !important;
    }

    body .about-products-grid >
    .about-product-card {

        flex:
            0
            0
            100% !important;

        width:
            100% !important;

        max-width:
            100% !important;

        padding:
            0 !important;

        margin-bottom:
            18px !important;
    }

    body .about-product-image {

        height:
            220px !important;
    }

    body .about-product-title {

        font-size:
            14px !important;
    }

    body .about-commitment-grid,
    body .about-reasons-grid {

        grid-template-columns:
            1fr !important;
    }

    body .about-reason-item +
    .about-reason-item {

        border-left:
            0 !important;

        border-top:
            1px solid
            var(--about-line) !important;
    }

    body .about-contact-row {

        grid-template-columns:
            1fr !important;
    }

    body .about-contact-image,
    body .about-contact-map,
    body .about-contact-map iframe {

        height:
            240px !important;

        min-height:
            240px !important;
    }
}

/* =========================================================
   FIX FONT + KÉO TRANG GIỚI THIỆU SÁT MENU
========================================================= */


/* =========================================================
   1. BỎ KHOẢNG TRẮNG GIỮA MENU VÀ NỘI DUNG
========================================================= */

#content.page-wrapper {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

#content .row-main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#content .row-main > .col {
    padding-top: 0 !important;
}

#content .row-main > .col > .col-inner {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* Hero sát ngay phía dưới menu */

body .about-hero {
    margin-top: 0 !important;

    padding-top: 10px !important;
    padding-bottom: 14px !important;

    min-height: 135px !important;
}

body .about-hero .section-content {
    min-height: 110px !important;
}


/* =========================================================
   2. FIX FONT TIẾNG VIỆT
========================================================= */

/* Nội dung thường */
body .about-hero p,
body .about-intro p,
body .about-story p,
body .about-products p,
body .about-commitment p,
body .about-reasons p,
body .about-contact p,

body .about-feature-item,
body .about-product-title,
body .about-product-link,
body .about-commitment-item h3,
body .about-reason-item,
body .about-contact-item,
body .about-contact-info::before {

    font-family: Arial, Helvetica, sans-serif !important;

    font-style: normal !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;

    font-kerning: normal !important;

    text-rendering: optimizeLegibility !important;
}


/* =========================================================
   3. FONT TIÊU ĐỀ
========================================================= */

body .about-hero-title,
body .about-intro-content h2,
body .about-section-title {

    font-family: "Times New Roman", Times, serif !important;

    font-style: normal !important;
    font-weight: 700 !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;

    font-kerning: normal !important;

    text-rendering: optimizeLegibility !important;
}


/* =========================================================
   4. H1 GIỚI THIỆU
========================================================= */

body .about-hero-title {

    font-size: 38px !important;
    line-height: 1.15 !important;

    margin: 0 !important;

    color: #6d0c1c !important;
}


/* hoa văn */

body .about-hero-title::after {

    margin-top: 5px !important;
    margin-bottom: 4px !important;
}


/* mô tả hero */

body .about-hero-subtitle {

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 14px !important;
    line-height: 1.55 !important;

    margin-bottom: 0 !important;
}


/* breadcrumb */

body .about-hero-content::before {

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 11px !important;

    margin-bottom: 8px !important;

    letter-spacing: 0 !important;
}


/* =========================================================
   5. TIÊU ĐỀ GIỚI THIỆU
========================================================= */

body .about-intro-content h2 {

    font-size: 29px !important;
    line-height: 1.25 !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}


/* nội dung */

body .about-intro-content > .col-inner > p {

    font-size: 15px !important;
    line-height: 1.75 !important;
}


/* =========================================================
   6. CÂU CHUYỆN
========================================================= */

body .about-story .about-section-title {

    font-size: 28px !important;
    line-height: 1.25 !important;
}

body .about-story-content p {

    font-size: 15px !important;
    line-height: 1.75 !important;
}


/* =========================================================
   7. CÁC TIÊU ĐỀ PHÍA DƯỚI
========================================================= */

body .about-products .about-section-title,
body .about-reasons .about-section-title,
body .about-contact .about-section-title {

    font-size: 28px !important;
    line-height: 1.25 !important;
}


/* =========================================================
   8. SẢN PHẨM
========================================================= */

body .about-product-title {

    font-size: 13px !important;
    line-height: 1.4 !important;

    font-weight: 700 !important;
}

body .about-product-link {

    font-size: 11px !important;
}


/* =========================================================
   9. CAM KẾT
========================================================= */

body .about-commitment .about-section-title {

    font-size: 27px !important;
}

body .about-commitment-item h3 {

    font-size: 12px !important;
    line-height: 1.4 !important;
}

body .about-commitment-item p {

    font-size: 11px !important;
    line-height: 1.45 !important;
}


/* =========================================================
   10. VÌ SAO CHỌN CHÚNG TÔI
========================================================= */

body .about-reason-item {

    font-size: 12px !important;
    line-height: 1.45 !important;
}


/* =========================================================
   11. THÔNG TIN CỬA HÀNG
========================================================= */

body .about-contact-info::before {

    font-size: 14px !important;
}

body .about-contact-item {

    font-size: 12px !important;
    line-height: 1.6 !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 549px) {

    #content.page-wrapper {
        padding-top: 0 !important;
    }

    body .about-hero {
        padding-top: 12px !important;
        padding-bottom: 15px !important;
    }

    body .about-hero-title {
        font-size: 29px !important;
    }

    body .about-hero-subtitle {
        font-size: 13px !important;
    }

    body .about-intro-content h2,
    body .about-story .about-section-title,
    body .about-products .about-section-title,
    body .about-reasons .about-section-title,
    body .about-contact .about-section-title {

        font-size: 24px !important;
    }
}

/* =========================================================
   STORY HERO
========================================================= */

html,
body {
    overflow-x: hidden;
}


/* phá giới hạn container của Flatsome */
body .story-hero {
    position: relative !important;

    width: 100vw !important;
    max-width: none !important;

    left: 50% !important;
    right: auto !important;

    margin-left: -50vw !important;
    margin-right: 0 !important;

    padding: 0 !important;

    min-height: 380px !important;

    overflow: hidden !important;
}


/* ảnh nền phủ toàn màn hình */
body .story-hero .section-bg {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;
}


body .story-hero .section-bg img.bg {
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* overlay */
body .story-hero .section-bg::after {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    z-index: 2 !important;

    background:
        linear-gradient(
            to bottom,
            rgba(20, 5, 7, .24) 0%,
            rgba(74, 8, 17, .42) 45%,
            rgba(105, 6, 18, .72) 100%
        ) !important;
}


/* =========================================================
   NỘI DUNG VẪN GIỮ GỌN Ở GIỮA
========================================================= */

body .story-hero .section-content {
    position: relative !important;
    z-index: 5 !important;

    width: 100% !important;
    max-width: 1280px !important;

    min-height: 380px !important;

    margin: 0 auto !important;

    padding: 45px 30px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;
}


body .story-hero-row {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 auto !important;
}


body .story-hero .col {
    padding-left: 15px !important;
    padding-right: 15px !important;
}


body .story-hero .col-inner {
    padding: 0 !important;
}


/* nội dung giữa */
body .story-hero-content {
    width: 100% !important;
    max-width: 1000px !important;

    margin: 0 auto !important;

    text-align: center !important;
}


/* =========================================================
   TEXT
========================================================= */

body .story-breadcrumb {
    margin-bottom: 15px !important;

    color: #fff !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 14px !important;
    line-height: 1.4 !important;

    font-weight: 700 !important;
}


body .story-hero-title {
    margin: 0 !important;

    color: #fff !important;

    font-family: "Times New Roman", Times, serif !important;

    font-size: 58px !important;
    line-height: 1.1 !important;

    font-weight: 700 !important;

    text-transform: uppercase !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}


body .story-title-decor {
    margin: 18px auto !important;

    color: #c5a15a !important;

    font-size: 19px !important;
}


body .story-title-decor::before,
body .story-title-decor::after {
    content: "" !important;

    display: inline-block !important;

    width: 45px !important;
    height: 1px !important;

    margin: 0 10px !important;

    vertical-align: middle !important;

    background: #c5a15a !important;
}


body .story-hero-subtitle {
    max-width: 720px !important;

    margin: 0 auto !important;

    color: #fff !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 17px !important;
    line-height: 1.65 !important;

    font-weight: 600 !important;
}


/* =========================================================
   BỎ PADDING INLINE FLATSOME
========================================================= */

#section_452442750 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 849px) {

    body .story-hero,
    body .story-hero .section-content {
        min-height: 320px !important;
    }

    body .story-hero-title {
        font-size: 44px !important;
    }

    body .story-hero-subtitle {
        font-size: 15px !important;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 549px) {

    body .story-hero,
    body .story-hero .section-content {
        min-height: 280px !important;
    }

    body .story-hero .section-content {
        padding: 30px 18px !important;
    }

    body .story-breadcrumb {
        font-size: 10px !important;
    }

    body .story-hero-title {
        font-size: 31px !important;
        line-height: 1.15 !important;
    }

    body .story-title-decor {
        margin: 13px auto !important;
    }

    body .story-title-decor::before,
    body .story-title-decor::after {
        width: 28px !important;
    }

    body .story-hero-subtitle {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }
}


.story-hero {
    position: relative !important;
    overflow: hidden !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    min-height: 340px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}


/* ảnh nền */
.story-hero .section-bg {
    position: absolute !important;
    inset: 0 !important;
    overflow: hidden !important;
}

.story-hero .section-bg img.bg {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}


/* lớp phủ tối + burgundy */
.story-hero .section-bg::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;

    background:
        linear-gradient(
            to bottom,
            rgba(20, 8, 8, 0.38) 0%,
            rgba(70, 10, 18, 0.48) 45%,
            rgba(110, 8, 20, 0.68) 78%,
            rgba(130, 8, 22, 0.82) 100%
        ) !important;
}


/* nội dung */
.story-hero .section-content {
    position: relative !important;
    z-index: 5 !important;

    width: 100% !important;
    max-width: 1280px !important;

    padding: 40px 20px 44px !important;
}

.story-hero-row {
    max-width: 100% !important;
}

.story-hero .col-inner {
    padding: 0 !important;
}

.story-hero-content {
    max-width: 900px !important;
    margin: 0 auto !important;

    text-align: center !important;
}


/* breadcrumb */
.story-breadcrumb {
    margin-bottom: 14px !important;

    color: rgba(255,255,255,.9) !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;

    text-transform: uppercase !important;
    letter-spacing: .4px !important;
}


/* tiêu đề */
.story-hero-title {
    margin: 0 !important;

    color: #ffffff !important;

    font-family: "Times New Roman", Times, serif !important;
    font-size: 62px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;

    text-transform: uppercase !important;
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}


/* ký hiệu giữa */
.story-title-decor {
    position: relative !important;

    width: 100% !important;
    margin: 16px auto 16px !important;

    color: #c6a15a !important;

    font-size: 22px !important;
    line-height: 1 !important;
    text-align: center !important;
}

.story-title-decor::before,
.story-title-decor::after {
    content: "" !important;

    display: inline-block !important;
    vertical-align: middle !important;

    width: 42px !important;
    height: 1.5px !important;

    background: #b99450 !important;

    margin: 0 10px !important;
}


/* subtitle */
.story-hero-subtitle {
    max-width: 620px !important;
    margin: 0 auto !important;

    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.65 !important;
    font-weight: 600 !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}


/* bỏ style inline của section nếu cần */
#section_452442750 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 849px) {

    .story-hero {
        min-height: 300px !important;
    }

    .story-hero .section-content {
        padding: 34px 18px 38px !important;
    }

    .story-breadcrumb {
        font-size: 12px !important;
    }

    .story-hero-title {
        font-size: 46px !important;
    }

    .story-hero-subtitle {
        font-size: 16px !important;
        max-width: 560px !important;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 549px) {

    .story-hero {
        min-height: 260px !important;
    }

    .story-hero .section-content {
        padding: 30px 16px 34px !important;
    }

    .story-breadcrumb {
        font-size: 10px !important;
        margin-bottom: 10px !important;
    }

    .story-hero-title {
        font-size: 30px !important;
        line-height: 1.15 !important;
    }

    .story-title-decor {
        font-size: 18px !important;
        margin: 12px auto 12px !important;
    }

    .story-title-decor::before,
    .story-title-decor::after {
        width: 28px !important;
        margin: 0 8px !important;
    }

    .story-hero-subtitle {
        font-size: 14px !important;
        line-height: 1.6 !important;
        max-width: 100% !important;
    }
}

/* =========================================================
   STORY ORIGIN
   KHỞI NGUỒN TỪ NIỀM ĐAM MÊ
========================================================= */

.story-origin {
    width: 100% !important;
    max-width: 1250px !important;

    margin: 0 auto !important;

    padding: 42px 45px !important;

    background: #faf8f3 !important;

    box-sizing: border-box !important;
}


/* bỏ background Flatsome */

.story-origin .section-bg {
    background: none !important;
}


/* =========================================================
   ROW
========================================================= */

.story-origin .section-content {
    width: 100% !important;
}


.story-origin .row {
    max-width: 1180px !important;

    margin: 0 auto !important;

    display: flex !important;

    align-items: center !important;
}


/* =========================================================
   CỘT TRÁI
========================================================= */

.story-origin-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


.story-origin-content > .col-inner {
    padding:
        15px
        45px
        15px
        10px !important;
}


/* =========================================================
   TIÊU ĐỀ
========================================================= */

.story-origin .story-section-title {
    margin: 0 !important;

    color: #6d0c1c !important;

    font-family:
        "Times New Roman",
        Times,
        serif !important;

    font-size: 32px !important;
    line-height: 1.08 !important;

    font-weight: 700 !important;

    text-transform: uppercase !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}


/* line vàng dưới tiêu đề */

.story-origin .story-title-line {
    width: 48px !important;
    height: 2px !important;

    margin:
        14px
        0
        22px !important;

    background: #b99450 !important;
}


/* =========================================================
   NỘI DUNG
========================================================= */

.story-origin .story-text-block p {
    margin:
        0
        0
        15px !important;

    color: #4b4440 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 15px !important;
    line-height: 1.75 !important;

    font-weight: 400 !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}


.story-origin .story-text-block p:last-child {
    margin-bottom: 0 !important;
}


/* =========================================================
   CỘT ẢNH
========================================================= */

.story-origin-image {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


.story-origin-image > .col-inner {
    padding: 0 !important;

    overflow: hidden !important;

    border-radius: 5px !important;

    box-shadow:
        0 8px 25px
        rgba(55, 25, 25, .08) !important;
}


/* =========================================================
   ẢNH
========================================================= */

.story-origin-image .img,
.story-origin-image .img-inner {
    width: 100% !important;

    margin: 0 !important;
}


.story-origin-image img {
    display: block !important;

    width: 100% !important;
    height: 320px !important;

    object-fit: cover !important;
    object-position: center center !important;

    transition:
        transform .4s ease !important;
}


.story-origin-image:hover img {
    transform: scale(1.02) !important;
}


/* =========================================================
   XÓA PADDING INLINE CỦA FLATSOME
========================================================= */

#section_865937024 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 849px) {

    .story-origin {
        padding:
            35px
            25px !important;
    }


    .story-origin-content > .col-inner {
        padding:
            15px
            25px
            15px
            0 !important;
    }


    .story-origin .story-section-title {
        font-size: 28px !important;
    }


    .story-origin .story-text-block p {
        font-size: 14px !important;
    }


    .story-origin-image img {
        height: 290px !important;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 549px) {

    .story-origin {
        padding:
            32px
            18px !important;
    }


    .story-origin .row {
        display: block !important;
    }


    .story-origin-content > .col-inner {
        padding:
            0
            0
            28px !important;
    }


    .story-origin .story-section-title {
        font-size: 26px !important;

        text-align: center !important;
    }


    .story-origin .story-title-line {
        margin:
            12px
            auto
            20px !important;
    }


    .story-origin .story-text-block p {
        font-size: 14px !important;
        line-height: 1.7 !important;

        text-align: left !important;
    }


    .story-origin-image img {
        height: 240px !important;
    }

}

/* =========================================================
   STORY JOURNEY
   HÀNH TRÌNH PHÁT TRIỂN
========================================================= */

.story-journey {
    width: 100% !important;
    max-width: 1250px !important;

    margin: 0 auto !important;

    padding: 34px 45px 38px !important;

    background: #faf8f3 !important;

    box-sizing: border-box !important;
}


/* bỏ background mặc định Flatsome */
.story-journey .section-bg {
    background: none !important;
}


/* khung nội dung */
.story-journey .section-content {
    width: 100% !important;
}

.story-journey .row {
    width: 100% !important;
    max-width: 1180px !important;

    margin: 0 auto !important;
}

.story-journey .col-inner {
    padding: 0 !important;
}


/* =========================================================
   TIÊU ĐỀ
========================================================= */

.story-section-heading {
    width: 100% !important;

    margin: 0 0 26px !important;

    text-align: center !important;
}

.story-journey .story-section-title {
    margin: 0 !important;

    color: #6d0c1c !important;

    font-family: "Times New Roman", Times, serif !important;

    font-size: 30px !important;
    line-height: 1.2 !important;

    font-weight: 700 !important;

    text-transform: uppercase !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}


/* decor vàng dưới title */
.story-journey .story-heading-decor {
    position: relative !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 110px !important;

    margin: 10px auto 0 !important;

    color: #b99450 !important;

    font-size: 15px !important;
    line-height: 1 !important;
}

.story-journey .story-heading-decor::before,
.story-journey .story-heading-decor::after {
    content: "" !important;

    display: block !important;

    width: 36px !important;
    height: 1px !important;

    background: #c4a15c !important;
}

.story-journey .story-heading-decor::before {
    margin-right: 8px !important;
}

.story-journey .story-heading-decor::after {
    margin-left: 8px !important;
}


/* =========================================================
   TIMELINE 4 CỘT
========================================================= */

.story-timeline {
    display: grid !important;

    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 28px !important;
}


/* từng mốc */
.story-timeline-item {
    position: relative !important;

    display: grid !important;

    grid-template-columns: 70px 1fr !important;
    grid-template-rows: auto auto auto !important;

    column-gap: 13px !important;

    min-width: 0 !important;

    padding: 0 8px !important;

    box-sizing: border-box !important;

    text-align: left !important;
}


/* =========================================================
   ICON TRÒN
========================================================= */

.story-timeline-icon {
    grid-column: 1 !important;
    grid-row: 1 / 4 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 64px !important;
    height: 64px !important;

    margin: 2px 0 0 !important;

    border: 1.5px solid #c6a366 !important;

    border-radius: 50% !important;

    background: transparent !important;

    box-sizing: border-box !important;
}


.story-timeline-icon svg {
    display: block !important;

    width: 31px !important;
    height: 31px !important;

    fill: none !important;

    stroke: #7b1021 !important;
    stroke-width: 1.6 !important;

    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}


/* =========================================================
   SỐ 01 - 04
========================================================= */

.story-timeline-number {
    grid-column: 2 !important;
    grid-row: 1 !important;

    margin: 0 0 2px !important;

    color: #b28d50 !important;

    font-family: "Times New Roman", Times, serif !important;

    font-size: 26px !important;
    line-height: 1 !important;

    font-weight: 400 !important;
}


/* =========================================================
   TÊN MỐC
========================================================= */

.story-timeline-item h3 {
    grid-column: 2 !important;
    grid-row: 2 !important;

    margin: 2px 0 5px !important;

    color: #2f2926 !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 12px !important;
    line-height: 1.35 !important;

    font-weight: 700 !important;

    text-transform: uppercase !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}


/* =========================================================
   MÔ TẢ
========================================================= */

.story-timeline-item p {
    grid-column: 2 !important;
    grid-row: 3 !important;

    margin: 0 !important;

    color: #625a55 !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 11px !important;
    line-height: 1.5 !important;

    font-weight: 400 !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}


/* =========================================================
   MŨI TÊN GIỮA CÁC MỐC
========================================================= */

.story-timeline-item:not(:last-child)::after {
    content: "›" !important;

    position: absolute !important;

    top: 22px !important;
    right: -19px !important;

    color: #b99b68 !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 34px !important;
    line-height: 1 !important;

    font-weight: 300 !important;
}


/* =========================================================
   HOVER NHẸ
========================================================= */

.story-timeline-icon {
    transition:
        transform .25s ease,
        border-color .25s ease !important;
}

.story-timeline-item:hover .story-timeline-icon {
    transform: translateY(-3px) !important;

    border-color: #7b1021 !important;
}


/* =========================================================
   BỎ PADDING INLINE FLATSOME
========================================================= */

#section_364079657 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 849px) {

    .story-journey {
        padding: 35px 25px !important;
    }

    .story-timeline {
        grid-template-columns: repeat(2, 1fr) !important;

        gap: 34px 25px !important;
    }

    .story-timeline-item:not(:last-child)::after {
        display: none !important;
    }

    .story-timeline-item {
        padding: 15px !important;

        border-bottom: 1px solid #e3dbd0 !important;
    }

    .story-timeline-icon {
        width: 60px !important;
        height: 60px !important;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 549px) {

    .story-journey {
        padding: 30px 18px !important;
    }

    .story-journey .story-section-title {
        font-size: 26px !important;
    }

    .story-timeline {
        grid-template-columns: 1fr !important;

        gap: 0 !important;
    }

    .story-timeline-item {
        grid-template-columns: 62px 1fr !important;

        padding: 22px 5px !important;

        border-bottom: 1px solid #e3dbd0 !important;
    }

    .story-timeline-item:last-child {
        border-bottom: 0 !important;
    }

    .story-timeline-icon {
        width: 54px !important;
        height: 54px !important;
    }

    .story-timeline-icon svg {
        width: 27px !important;
        height: 27px !important;
    }

    .story-timeline-number {
        font-size: 23px !important;
    }

    .story-timeline-item h3 {
        font-size: 12px !important;
    }

    .story-timeline-item p {
        font-size: 11.5px !important;
    }
}

/* =========================================================
   STORY STORE
   KHÔNG GIAN THẾ GIỚI RƯỢU NHẬP KHẨU
========================================================= */

.story-store {
    width: 100% !important;
    max-width: 1250px !important;

    margin: 0 auto !important;

    padding: 42px 45px !important;

    background: #faf8f3 !important;

    box-sizing: border-box !important;
}


/* bỏ nền mặc định Flatsome */

.story-store .section-bg {
    background: none !important;
}


/* =========================================================
   ROW
========================================================= */

.story-store .section-content {
    width: 100% !important;
}

.story-store .row {
    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 1180px !important;

    margin: 0 auto !important;
}


/* =========================================================
   CỘT ẢNH TRÁI
========================================================= */

.story-store-image {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.story-store-image > .col-inner {
    padding: 0 !important;

    overflow: hidden !important;

    border-radius: 6px !important;

    box-shadow:
        0 8px 24px rgba(50, 25, 20, .08) !important;
}


/* ảnh Flatsome */

.story-store-image .img,
.story-store-image .img-inner {
    width: 100% !important;

    margin: 0 !important;
}


/*
  Ảnh gốc hiện tại là ảnh dọc,
  nên dùng object-fit: cover để tạo tỷ lệ ngang giống mẫu.
*/

.story-store-image img {
    display: block !important;

    width: 100% !important;
    height: 335px !important;

    max-width: none !important;

    object-fit: cover !important;
    object-position: center 52% !important;

    border-radius: 0 !important;

    transition: transform .4s ease !important;
}

.story-store-image:hover img {
    transform: scale(1.02) !important;
}


/* =========================================================
   CỘT NỘI DUNG PHẢI
========================================================= */

.story-store-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.story-store-content > .col-inner {
    padding:
        15px
        10px
        15px
        42px !important;
}


/* =========================================================
   TIÊU ĐỀ
========================================================= */

.story-store .story-section-title {
    margin: 0 !important;

    color: #6d0c1c !important;

    font-family:
        "Times New Roman",
        Times,
        serif !important;

    font-size: 31px !important;
    line-height: 1.08 !important;

    font-weight: 700 !important;

    text-transform: uppercase !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}


/* gạch vàng */

.story-store .story-title-line {
    width: 48px !important;
    height: 2px !important;

    margin:
        14px
        0
        21px !important;

    background: #b99450 !important;
}


/* =========================================================
   NỘI DUNG
========================================================= */

.story-store-text > p {
    margin:
        0
        0
        14px !important;

    color: #49413d !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 15px !important;
    line-height: 1.75 !important;

    font-weight: 400 !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}

.story-store-text > p:last-of-type {
    margin-bottom: 22px !important;
}


/* =========================================================
   3 ĐIỂM NỔI BẬT
========================================================= */

.story-store-features {
    display: grid !important;

    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    width: 100% !important;

    margin-top: 22px !important;
    padding-top: 0 !important;
}


/* từng item */

.story-store-feature {
    display: grid !important;

    grid-template-columns: 42px 1fr !important;

    align-items: center !important;

    min-width: 0 !important;

    padding: 5px 12px !important;

    color: #423a36 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 12px !important;
    line-height: 1.45 !important;

    font-weight: 600 !important;

    box-sizing: border-box !important;
}


/* đường chia nhẹ */

.story-store-feature + .story-store-feature {
    border-left: 1px solid #e1d8cc !important;
}


/* =========================================================
   ICON
========================================================= */

.story-store-feature span {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 34px !important;
    height: 34px !important;

    margin-right: 8px !important;

    color: #7a0d20 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 22px !important;
    line-height: 1 !important;

    font-weight: 400 !important;
}


/* icon khác nhau một chút */

.story-store-feature:nth-child(1) span {
    font-size: 23px !important;
}

.story-store-feature:nth-child(2) span {
    font-size: 21px !important;
}

.story-store-feature:nth-child(3) span {
    font-size: 24px !important;
}


/* =========================================================
   HOVER NHẸ
========================================================= */

.story-store-feature,
.story-store-feature span {
    transition:
        transform .25s ease,
        color .25s ease !important;
}

.story-store-feature:hover span {
    transform: translateY(-2px) !important;
}

.story-store-feature:hover {
    color: #6d0c1c !important;
}


/* =========================================================
   BỎ PADDING INLINE FLATSOME
========================================================= */

#section_709145890 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 849px) {

    .story-store {
        padding:
            35px
            25px !important;
    }

    .story-store-content > .col-inner {
        padding:
            15px
            0
            15px
            28px !important;
    }

    .story-store .story-section-title {
        font-size: 27px !important;
    }

    .story-store-text > p {
        font-size: 14px !important;
    }

    .story-store-image img {
        height: 300px !important;
    }

    .story-store-features {
        grid-template-columns: 1fr !important;

        gap: 4px !important;
    }

    .story-store-feature + .story-store-feature {
        border-left: 0 !important;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 549px) {

    .story-store {
        padding:
            30px
            18px !important;
    }

    .story-store .row {
        display: block !important;
    }

    .story-store-image {
        margin-bottom: 28px !important;
    }

    .story-store-image img {
        height: 245px !important;
    }

    .story-store-content > .col-inner {
        padding: 0 !important;
    }

    .story-store .story-section-title {
        font-size: 25px !important;

        text-align: center !important;
    }

    .story-store .story-title-line {
        margin:
            12px
            auto
            20px !important;
    }

    .story-store-text > p {
        font-size: 14px !important;
        line-height: 1.7 !important;
    }

    .story-store-features {
        grid-template-columns: 1fr !important;

        margin-top: 18px !important;
    }

    .story-store-feature {
        grid-template-columns: 44px 1fr !important;

        padding:
            10px
            5px !important;

        font-size: 13px !important;

        border-bottom:
            1px solid #e1d8cc !important;
    }

    .story-store-feature:last-child {
        border-bottom: 0 !important;
    }
}

/* =========================================================
   STORY GALLERY
   KHÁM PHÁ KHÔNG GIAN CỬA HÀNG
========================================================= */

.story-gallery {
    width: 100% !important;
    max-width: 1250px !important;

    margin: 0 auto !important;

    padding: 34px 45px 42px !important;

    background: #faf8f3 !important;

    box-sizing: border-box !important;
}


/* bỏ background mặc định Flatsome */

.story-gallery .section-bg {
    background: none !important;
}


/* =========================================================
   KHUNG NỘI DUNG
========================================================= */

.story-gallery .section-content {
    width: 100% !important;
}

.story-gallery .section-content > .row {
    width: 100% !important;
    max-width: 1180px !important;

    margin: 0 auto !important;
}

.story-gallery .section-content > .row > .col {
    padding: 0 !important;
}

.story-gallery .section-content > .row > .col > .col-inner {
    padding: 0 !important;
}


/* =========================================================
   TIÊU ĐỀ
========================================================= */

.story-gallery .story-section-heading {
    width: 100% !important;

    margin: 0 0 25px !important;

    text-align: center !important;
}

.story-gallery .story-section-title {
    margin: 0 !important;

    color: #6d0c1c !important;

    font-family:
        "Times New Roman",
        Times,
        serif !important;

    font-size: 30px !important;
    line-height: 1.2 !important;

    font-weight: 700 !important;

    text-transform: uppercase !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}


/* decor vàng */

.story-gallery .story-heading-decor {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 110px !important;

    margin: 10px auto 0 !important;

    color: #b99450 !important;

    font-size: 14px !important;
    line-height: 1 !important;
}

.story-gallery .story-heading-decor::before,
.story-gallery .story-heading-decor::after {
    content: "" !important;

    display: block !important;

    width: 36px !important;
    height: 1px !important;

    background: #c4a15c !important;
}

.story-gallery .story-heading-decor::before {
    margin-right: 8px !important;
}

.story-gallery .story-heading-decor::after {
    margin-left: 8px !important;
}


/* =========================================================
   GRID 4 CỘT × 2 HÀNG
========================================================= */

.story-gallery .row.large-columns-4 {
    display: grid !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;

    gap: 14px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
}


/* bỏ width mặc định của Flatsome */

.story-gallery .gallery-col {
    width: auto !important;
    max-width: none !important;

    flex: none !important;

    padding: 0 !important;

    margin: 0 !important;
}

.story-gallery .gallery-col > .col-inner {
    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;
}


/* =========================================================
   CARD ẢNH
========================================================= */

.story-gallery .gallery-box {
    position: relative !important;

    width: 100% !important;

    margin: 0 !important;

    overflow: hidden !important;

    border-radius: 6px !important;

    background: #ece7df !important;

    box-shadow:
        0 3px 12px rgba(45, 20, 20, .06) !important;
}


/* cố định tỷ lệ tất cả ảnh */

.story-gallery .box-image {
    position: relative !important;

    width: 100% !important;

    aspect-ratio: 3 / 2 !important;

    overflow: hidden !important;
}


/* ảnh */

.story-gallery .box-image img {
    position: absolute !important;

    inset: 0 !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;

    object-fit: cover !important;
    object-position: center center !important;

    margin: 0 !important;

    transition:
        transform .45s ease,
        filter .35s ease !important;
}


/* ảnh số 7 của bạn là ảnh dọc:
   crop để vẫn cùng tỷ lệ với các ảnh còn lại */

.story-gallery .gallery-col:nth-child(7) .box-image img {
    object-position: center 45% !important;
}


/* =========================================================
   OVERLAY
========================================================= */

.story-gallery .box-image .overlay {
    position: absolute !important;

    inset: 0 !important;

    z-index: 2 !important;

    background:
        rgba(30, 8, 10, .08) !important;

    opacity: 1 !important;

    transition:
        background .35s ease !important;
}


/* =========================================================
   HOVER
========================================================= */

.story-gallery .gallery-col:hover .box-image img {
    transform: scale(1.055) !important;
}

.story-gallery .gallery-col:hover .box-image .overlay {
    background:
        rgba(70, 8, 18, .20) !important;
}


/* =========================================================
   BỎ BOX TEXT TRỐNG
========================================================= */

.story-gallery .box-text {
    display: none !important;
}


/* Lightbox link */

.story-gallery .image-lightbox {
    display: block !important;

    width: 100% !important;

    text-decoration: none !important;
}


/* =========================================================
   BỎ PADDING INLINE FLATSOME
========================================================= */

#section_1369760604 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 849px) {

    .story-gallery {
        padding:
            32px
            25px
            36px !important;
    }

    .story-gallery .story-section-title {
        font-size: 27px !important;
    }

    .story-gallery .row.large-columns-4 {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 13px !important;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 549px) {

    .story-gallery {
        padding:
            28px
            15px
            32px !important;
    }

    .story-gallery .story-section-heading {
        margin-bottom: 20px !important;
    }

    .story-gallery .story-section-title {
        font-size: 24px !important;
        line-height: 1.25 !important;
    }

    .story-gallery .story-heading-decor {
        margin-top: 8px !important;
    }

    .story-gallery .row.large-columns-4 {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 8px !important;
    }

    .story-gallery .gallery-box {
        border-radius: 4px !important;
    }
}

/* =========================================================
   STORY VALUES
   GIÁ TRỊ CHÚNG TÔI THEO ĐUỔI
========================================================= */

.story-values {
    width: 100% !important;
    max-width: 1250px !important;

    margin: 0 auto !important;

    padding: 34px 45px 38px !important;

    background: #faf8f3 !important;

    box-sizing: border-box !important;
}


/* Bỏ nền mặc định Flatsome */

.story-values .section-bg {
    background: none !important;
}


/* =========================================================
   KHUNG NỘI DUNG
========================================================= */

.story-values .section-content {
    width: 100% !important;
}

.story-values .section-content > .row {
    width: 100% !important;
    max-width: 1180px !important;

    margin: 0 auto !important;
}

.story-values .section-content > .row > .col {
    padding: 0 !important;
}

.story-values .col-inner {
    padding: 0 !important;
}


/* =========================================================
   TIÊU ĐỀ SECTION
========================================================= */

.story-values .story-section-heading {
    width: 100% !important;

    margin: 0 0 26px !important;

    text-align: center !important;
}

.story-values .story-section-title {
    margin: 0 !important;

    color: #6d0c1c !important;

    font-family:
        "Times New Roman",
        Times,
        serif !important;

    font-size: 30px !important;
    line-height: 1.2 !important;

    font-weight: 700 !important;

    text-transform: uppercase !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}


/* =========================================================
   DECOR VÀNG
========================================================= */

.story-values .story-heading-decor {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 110px !important;

    margin: 10px auto 0 !important;

    color: #b99450 !important;

    font-size: 14px !important;
    line-height: 1 !important;
}

.story-values .story-heading-decor::before,
.story-values .story-heading-decor::after {
    content: "" !important;

    display: block !important;

    width: 36px !important;
    height: 1px !important;

    background: #c4a15c !important;
}

.story-values .story-heading-decor::before {
    margin-right: 8px !important;
}

.story-values .story-heading-decor::after {
    margin-left: 8px !important;
}


/* =========================================================
   GRID 4 CỘT
========================================================= */

.story-values-grid {
    display: grid !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   TỪNG ITEM
========================================================= */

.story-value-item {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    min-width: 0 !important;
    min-height: 165px !important;

    padding: 5px 30px 10px !important;

    text-align: center !important;

    box-sizing: border-box !important;
}


/* đường chia dọc */

.story-value-item + .story-value-item {
    border-left: 1px solid #ded5ca !important;
}


/* =========================================================
   ICON
========================================================= */

.story-value-icon {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 52px !important;
    height: 52px !important;

    margin: 0 auto 12px !important;
}

.story-value-icon svg {
    display: block !important;

    width: 42px !important;
    height: 42px !important;

    fill: none !important;

    stroke: #b58b4c !important;
    stroke-width: 1.45 !important;

    stroke-linecap: round !important;
    stroke-linejoin: round !important;

    transition:
        transform .25s ease,
        stroke .25s ease !important;
}


/* =========================================================
   TIÊU ĐỀ ITEM
========================================================= */

.story-value-item h3 {
    width: 100% !important;

    margin: 0 0 8px !important;
    padding: 0 !important;

    color: #302824 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 13px !important;
    line-height: 1.35 !important;

    font-weight: 700 !important;

    text-align: center !important;

    text-transform: uppercase !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}


/* =========================================================
   MÔ TẢ
========================================================= */

.story-value-item p {
    width: 100% !important;

    max-width: 210px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    color: #5a514c !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 12px !important;
    line-height: 1.55 !important;

    font-weight: 400 !important;

    text-align: center !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}


/* =========================================================
   HOVER NHẸ
========================================================= */

.story-value-item:hover .story-value-icon svg {
    transform: translateY(-3px) !important;

    stroke: #7a0d1f !important;
}

.story-value-item:hover h3 {
    color: #7a0d1f !important;
}


/* =========================================================
   BỎ PADDING INLINE FLATSOME
========================================================= */

#section_121519472 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 849px) {

    .story-values {
        padding:
            32px
            25px
            36px !important;
    }

    .story-values .story-section-title {
        font-size: 27px !important;
    }

    .story-values-grid {
        grid-template-columns:
            repeat(2, 1fr) !important;
    }

    .story-value-item {
        padding:
            25px
            22px !important;
    }

    .story-value-item:nth-child(3) {
        border-left: 0 !important;
    }

    .story-value-item:nth-child(n+3) {
        border-top: 1px solid #ded5ca !important;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 549px) {

    .story-values {
        padding:
            28px
            18px
            32px !important;
    }

    .story-values .story-section-title {
        font-size: 24px !important;
        line-height: 1.25 !important;
    }

    .story-values-grid {
        grid-template-columns: 1fr !important;
    }

    .story-value-item {
        min-height: auto !important;

        padding:
            26px
            15px !important;
    }

    .story-value-item + .story-value-item {
        border-left: 0 !important;
        border-top: 1px solid #ded5ca !important;
    }

    .story-value-item h3 {
        font-size: 14px !important;
    }

    .story-value-item p {
        font-size: 12.5px !important;
        max-width: 280px !important;
    }

    .story-value-icon {
        width: 48px !important;
        height: 48px !important;
    }

    .story-value-icon svg {
        width: 38px !important;
        height: 38px !important;
    }
}

/* =========================================================
   STORY COMMITMENT
   CAM KẾT CỦA CHÚNG TÔI
========================================================= */

.story-commitment {
    position: relative !important;

    width: 100% !important;
    max-width: 1250px !important;

    margin: 0 auto !important;

    padding: 26px 55px 30px !important;

    overflow: hidden !important;

    background:
        linear-gradient(
            105deg,
            #5d0715 0%,
            #760d20 48%,
            #660817 100%
        ) !important;

    box-sizing: border-box !important;
}


/* bỏ nền mặc định Flatsome */

.story-commitment .section-bg {
    background: none !important;
}


/* =========================================================
   HOA VĂN NỀN NHẸ
========================================================= */

.story-commitment::before {
    content: "";

    position: absolute !important;

    left: -100px !important;
    top: -130px !important;

    width: 330px !important;
    height: 330px !important;

    border:
        1px solid rgba(232, 210, 177, .07) !important;

    border-radius: 50% !important;

    pointer-events: none !important;
}


.story-commitment::after {
    content: "";

    position: absolute !important;

    right: -120px !important;
    bottom: -170px !important;

    width: 360px !important;
    height: 360px !important;

    border:
        1px solid rgba(232, 210, 177, .05) !important;

    border-radius: 50% !important;

    pointer-events: none !important;
}


/* =========================================================
   KHUNG NỘI DUNG
========================================================= */

.story-commitment .section-content {
    position: relative !important;

    z-index: 2 !important;

    width: 100% !important;
}


.story-commitment-inner {
    width: 100% !important;
    max-width: 1100px !important;

    margin: 0 auto !important;
}


/* =========================================================
   TIÊU ĐỀ
========================================================= */

.story-commitment-title {
    margin: 0 0 20px !important;

    color: #fff7ed !important;

    font-family:
        "Times New Roman",
        Times,
        serif !important;

    font-size: 28px !important;
    line-height: 1.15 !important;

    font-weight: 700 !important;

    text-align: center !important;

    text-transform: uppercase !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}


/* =========================================================
   GRID 3 CỘT
========================================================= */

.story-commitment-grid {
    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   ITEM
========================================================= */

.story-commitment-item {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    min-width: 0 !important;
    min-height: 105px !important;

    padding:
        0
        40px
        6px !important;

    text-align: center !important;

    box-sizing: border-box !important;
}


/* đường chia dọc */

.story-commitment-item + .story-commitment-item {
    border-left:
        1px solid rgba(236, 218, 192, .55) !important;
}


/* =========================================================
   ICON
========================================================= */

.story-commitment-icon {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 42px !important;
    height: 42px !important;

    margin:
        0
        auto
        8px !important;

    color: #ead7b8 !important;

    font-family:
        "Times New Roman",
        Times,
        serif !important;

    font-size: 29px !important;
    line-height: 1 !important;

    font-weight: 400 !important;

    transition:
        transform .25s ease,
        color .25s ease !important;
}


/* mỗi icon hơi khác nhau */

.story-commitment-item:nth-child(1)
.story-commitment-icon {
    font-size: 29px !important;
}

.story-commitment-item:nth-child(2)
.story-commitment-icon {
    font-size: 31px !important;
}

.story-commitment-item:nth-child(3)
.story-commitment-icon {
    font-size: 30px !important;
}


/* =========================================================
   TÊN CAM KẾT
========================================================= */

.story-commitment-item h3 {
    width: 100% !important;

    margin:
        0
        0
        5px !important;

    padding: 0 !important;

    color: #fffaf3 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 13px !important;
    line-height: 1.35 !important;

    font-weight: 700 !important;

    text-align: center !important;

    text-transform: uppercase !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}


/* =========================================================
   MÔ TẢ
========================================================= */

.story-commitment-item p {
    width: 100% !important;
    max-width: 230px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    color:
        rgba(255, 249, 241, .88) !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 11.5px !important;
    line-height: 1.5 !important;

    font-weight: 400 !important;

    text-align: center !important;

    letter-spacing: 0 !important;
}


/* =========================================================
   HOVER
========================================================= */

.story-commitment-item:hover
.story-commitment-icon {
    transform:
        translateY(-3px) !important;

    color: #f0dfbf !important;
}


/* =========================================================
   BỎ PADDING INLINE FLATSOME
========================================================= */

#section_1073801599 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 849px) {

    .story-commitment {
        padding:
            30px
            25px !important;
    }


    .story-commitment-title {
        font-size: 26px !important;

        margin-bottom: 24px !important;
    }


    .story-commitment-item {
        padding:
            0
            20px
            8px !important;
    }


    .story-commitment-item h3 {
        font-size: 12px !important;
    }


    .story-commitment-item p {
        font-size: 11px !important;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 549px) {

    .story-commitment {
        padding:
            28px
            18px !important;
    }


    .story-commitment-title {
        font-size: 24px !important;
    }


    .story-commitment-grid {
        grid-template-columns:
            1fr !important;
    }


    .story-commitment-item {
        min-height: auto !important;

        padding:
            22px
            10px !important;
    }


    .story-commitment-item + .story-commitment-item {
        border-left: 0 !important;

        border-top:
            1px solid rgba(236,218,192,.35) !important;
    }


    .story-commitment-icon {
        margin-bottom: 7px !important;
    }


    .story-commitment-item h3 {
        font-size: 13px !important;
    }


    .story-commitment-item p {
        font-size: 12px !important;
        max-width: 300px !important;
    }
}

/* =========================================================
   STORY VISIT
   MỜI BẠN GHÉ THĂM CHÚNG TÔI
========================================================= */

.story-visit {
    width: 100% !important;
    max-width: 1250px !important;

    margin: 0 auto !important;

    padding: 32px 45px 38px !important;

    background: #faf8f3 !important;

    box-sizing: border-box !important;
}


/* Bỏ nền mặc định Flatsome */

.story-visit .section-bg {
    background: none !important;
}


/* =========================================================
   KHUNG NỘI DUNG
========================================================= */

.story-visit .section-content {
    width: 100% !important;
}

.story-visit .section-content > .row {
    width: 100% !important;
    max-width: 1180px !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* =========================================================
   TIÊU ĐỀ
========================================================= */

.story-visit .story-section-heading {
    width: 100% !important;

    margin: 0 0 24px !important;

    text-align: center !important;
}

.story-visit .story-section-title {
    margin: 0 !important;

    color: #6d0c1c !important;

    font-family:
        "Times New Roman",
        Times,
        serif !important;

    font-size: 30px !important;
    line-height: 1.2 !important;

    font-weight: 700 !important;

    text-transform: uppercase !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}


/* decor */

.story-visit .story-heading-decor {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 110px !important;

    margin: 10px auto 0 !important;

    color: #b99450 !important;

    font-size: 14px !important;
}

.story-visit .story-heading-decor::before,
.story-visit .story-heading-decor::after {
    content: "" !important;

    display: block !important;

    width: 36px !important;
    height: 1px !important;

    background: #c4a15c !important;
}

.story-visit .story-heading-decor::before {
    margin-right: 8px !important;
}

.story-visit .story-heading-decor::after {
    margin-left: 8px !important;
}


/* =========================================================
   ROW 3 CỘT
========================================================= */

.story-visit .section-content > .row:nth-of-type(2) {
    display: flex !important;

    align-items: center !important;

    margin-top: 0 !important;
}


/* bỏ padding trên dưới cột */

.story-visit .section-content > .row:nth-of-type(2) > .col {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* =========================================================
   ẢNH CỬA HÀNG
========================================================= */

.story-visit .medium-4 > .col-inner {
    padding: 0 !important;

    overflow: hidden !important;

    border-radius: 5px !important;

    box-shadow:
        0 6px 20px rgba(55, 25, 20, .08) !important;
}

.story-visit .medium-4 .img,
.story-visit .medium-4 .img-inner {
    width: 100% !important;

    margin: 0 !important;
}

.story-visit .medium-4 img {
    display: block !important;

    width: 100% !important;
    height: 205px !important;

    object-fit: cover !important;
    object-position: center center !important;

    transition: transform .35s ease !important;
}

.story-visit .medium-4:hover img {
    transform: scale(1.02) !important;
}


/* =========================================================
   CỘT THÔNG TIN
========================================================= */

.story-visit .medium-3 > .col-inner {
    padding:
        5px
        20px !important;
}

.story-visit-info {
    width: 100% !important;
}


/* tên cửa hàng */

.story-visit-info h3 {
    margin: 0 0 15px !important;

    color: #292321 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 14px !important;
    line-height: 1.4 !important;

    font-weight: 700 !important;
}


/* từng dòng */

.story-visit-item {
    display: grid !important;

    grid-template-columns: 30px 1fr !important;

    align-items: center !important;

    min-height: 38px !important;

    margin: 0 !important;

    color: #4c4541 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 12.5px !important;
    line-height: 1.5 !important;

    font-weight: 400 !important;

    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}


/* icon */

.story-visit-item span {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 22px !important;
    height: 22px !important;

    color: #7a0d20 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 17px !important;
    line-height: 1 !important;
}


/* =========================================================
   GOOGLE MAP
========================================================= */

.story-visit .medium-5 > .col-inner {
    padding: 0 !important;

    overflow: hidden !important;

    border-radius: 5px !important;

    background: #ece8df !important;
}

.story-visit iframe {
    display: block !important;

    width: 100% !important;
    height: 205px !important;

    min-height: 205px !important;

    border: 0 !important;

    margin: 0 !important;
}


/* =========================================================
   BỎ PADDING INLINE FLATSOME
========================================================= */

#section_1951851401 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 849px) {

    .story-visit {
        padding:
            32px
            25px
            36px !important;
    }

    .story-visit .story-section-title {
        font-size: 27px !important;
    }

    .story-visit .section-content > .row:nth-of-type(2) {
        flex-wrap: wrap !important;
    }

    .story-visit .medium-4,
    .story-visit .medium-3 {
        width: 50% !important;
        max-width: 50% !important;

        flex-basis: 50% !important;
    }

    .story-visit .medium-5 {
        width: 100% !important;
        max-width: 100% !important;

        flex-basis: 100% !important;

        margin-top: 22px !important;
    }

    .story-visit iframe {
        height: 260px !important;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 549px) {

    .story-visit {
        padding:
            28px
            18px
            32px !important;
    }

    .story-visit .story-section-title {
        font-size: 24px !important;
    }

    .story-visit .section-content > .row:nth-of-type(2) {
        display: block !important;
    }

    .story-visit .medium-4,
    .story-visit .medium-3,
    .story-visit .medium-5 {
        width: 100% !important;
        max-width: 100% !important;

        margin-bottom: 20px !important;
    }

    .story-visit .medium-3 > .col-inner {
        padding:
            5px
            0 !important;
    }

    .story-visit .medium-4 img {
        height: 240px !important;
    }

    .story-visit-info h3 {
        font-size: 15px !important;
    }

    .story-visit-item {
        font-size: 13px !important;
    }

    .story-visit iframe {
        height: 280px !important;
        min-height: 280px !important;
    }
}