/* Custom CSS - Sala Garden */

/* ==========================================================================
   Font chung: Montserrat (load qua <link> Google Fonts trong header.php)
   --------------------------------------------------------------------------
   Flatsome in font-family ra thẻ <style id="custom-css"> inline ở wp_head
   (inc/functions/function-custom-css.php) - nằm SAU file này trong cascade,
   nên các rule dưới phải dùng !important mới thắng.

   Lưu ý: KHÔNG dùng selector kiểu `*` với specificity cao, vì Flatsome dùng
   font icon `fl-icons !important` cho mọi icon (i[class^=icon-], .star-rating,
   ul.links li:before...). Chỉ override đúng các selector chữ.
   ========================================================================== */
.font-serif p {
    font-family: serif !important;
}
:root {
    --sg-font: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}
.icon-box-star p {
    margin-bottom: 0px;
}

a.button.button-text {
    font-family: serif !important;
    border-color: rgba(0, 0, 0, 1);
    border-radius: 0px;
    border-style: solid;
    border-width: 2px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: rgba(0, 0, 0, 1) !important;
    font-size: 22px;
    font-weight: bold;
    background: rgba(245, 34, 45, 0.000) !important;
    --type: 0;
    margin: 0px;
}

a.button.button-text span {
    font-family: serif !important;
}
/* Base + mọi thứ kế thừa từ body */
html,
body {
    font-family: var(--sg-font) !important;
}

/* Form control không kế thừa font của body theo mặc định trình duyệt */
button,
input,
optgroup,
select,
textarea,
.button,
.button span {
    font-family: var(--sg-font) !important;
}

/* Heading - Flatsome đặt riêng qua theme mod type_headings */
h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical>li>a {
    font-family: var(--sg-font) !important;
}

/* Menu / navigation - theme mod type_nav */
.nav>li>a,
.nav-dropdown>li>a,
.mobile-sidebar-levels-2 .nav>li>ul>li>a,
.nav-sidebar>li>a,
.breadcrumbs {
    font-family: var(--sg-font) !important;
}

/* Alt font - Flatsome mặc định Georgia / Dancing Script */
.alt-font,
.is-alt-font {
    font-family: var(--sg-font) !important;
}

/* Vài chỗ Flatsome hardcode sans-serif/Arial trong flatsome.css */
a.icon:not(.button),
button.icon:not(.button),
.widget,
.widget-title,
.entry-content,
.page-title,
.product-title,
.woocommerce-tabs,
.price,
label,
legend,
table,
.tooltipster-content {
    font-family: var(--sg-font) !important;
}

/* Chỉ áp dụng cho link menu thường - bỏ qua các item HTML tuỳ chỉnh
   (li.html, vd. nút hotline .myhotline-button) vì chúng có style riêng */
div#masthead .nav>li:not(.html)>a:not(.myhotline-button) {
    font-size: 20px;
    font-family: serif !important;
    font-weight: 700;
    position: relative;
    transition: color .3s ease;
}

.myhotline-button-css {
    font-family: serif !important;
}

/* Gạch chân chạy từ giữa ra hai bên khi hover (không dùng border-bottom
   vì border không transition mượt và làm layout nhảy 2px) */
div#masthead .nav>li:not(.html)>a:not(.myhotline-button)::after {
    content: "";
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 4px;
    height: 2px;
    background-color: rgba(121, 59, 4, 1);
    transition: left .3s ease, right .3s ease;
}

div#masthead .nav>li:not(.html):hover>a:not(.myhotline-button),
div#masthead .nav>li:not(.html).current-menu-item>a:not(.myhotline-button) {
    color: rgba(121, 59, 4, 1);
}

div#masthead .nav>li:not(.html):hover>a:not(.myhotline-button)::after,
div#masthead .nav>li:not(.html).current-menu-item>a:not(.myhotline-button)::after {
    left: 0;
    right: 0;
}

@media (prefers-reduced-motion: reduce) {

    div#masthead .nav>li:not(.html)>a:not(.myhotline-button),
    div#masthead .nav>li:not(.html)>a:not(.myhotline-button)::after {
        transition: none;
    }
}

/* Giữ nguyên font icon & font monospace (không bị ảnh hưởng bởi các rule trên,
   nhưng khai báo lại cho chắc nếu sau này thêm selector rộng hơn) */
code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Consolas, monospace !important;
}

/* =========================
   MY HOTLINE BUTTON
========================= */

.myhotline-button {
    display: inline-block;

    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;

    text-decoration: none;
    color: inherit;

    transition: transform 200ms ease-out;
    -webkit-transition: transform 200ms ease-out;

    transform: perspective(1000px);
}

.myhotline-button:active {
    transform: translateY(5px);
    -webkit-transform: translateY(5px);
}


/* =========================
   BUTTON CONTENT
========================= */

.myhotline-button-css {
    width: 100%;
    height: 100%;

    display: flex;
    display: -webkit-flex;

    align-items: center;
    -webkit-align-items: center;

    justify-content: center;
    -webkit-justify-content: center;

    text-align: center;

    padding: 6px 10px;

    border: 2px solid rgba(139, 3, 3, 1);
    border-radius: 0;

    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);

    color: #fff;

    font-size: 25px;
    font-weight: bold;
    line-height: 1.2;

    background: rgba(172, 20, 20, 1);

    animation: myhotline-pulse 1s infinite;
    -webkit-animation: myhotline-pulse 1s infinite;
}


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

.myhotline-text {
    width: 100%;

    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;

    display: block;
}


/* =========================
   LOADER
========================= */

.myhotline-loader,
.myhotline-loader::before,
.myhotline-loader::after {
    border-radius: 50%;

    width: 1.3em;
    height: 1.3em;

    animation-fill-mode: both;
    animation: myhotline-loader 1.8s infinite ease-in-out;
}

.myhotline-loader {
    color: #fff;
    font-size: 7px;

    position: relative;

    text-indent: -9999em;

    transform: translateZ(0);

    animation-delay: -0.16s;

    display: none;

    top: -17px;
}

.myhotline-loader::before,
.myhotline-loader::after {
    content: "";

    position: absolute;
    top: 0;
}

.myhotline-loader::before {
    left: -3.5em;

    animation-delay: -0.32s;
}

.myhotline-loader::after {
    left: 3.5em;
}


/* =========================
   DESKTOP
========================= */

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

    .myhotline-button {
        width: 185px;
        height: 76px;
    }

}


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

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

    .myhotline-button {
        width: 170px;
        height: 62px;
    }

    .myhotline-button-css {
        font-size: 16px;
    }

}


/* =========================
   PULSE ANIMATION
========================= */

@keyframes myhotline-pulse {

    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }

}

@-webkit-keyframes myhotline-pulse {

    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

}


/* =========================
   LOADER ANIMATION
========================= */

@keyframes myhotline-loader {

    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }

}


/* =========================
   HEADER: CĂN GIỮA KHỐI MENU
   Cột menu là .flex-left.flex-grow (chiếm khoảng trống giữa logo và hotline),
   mặc định Flatsome cho .nav-left { justify-content: flex-start }.
========================= */

.header-main .header-inner>.flex-col.flex-left.flex-grow>.nav-left {
    justify-content: center;
}

.sg-danh-muc .font-serif.nen-text {
    /* Chữ căn giữa dải nền theo cả dọc lẫn ngang */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5em 0.75em;

    -webkit-mask-size: 100% 100%;
    -webkit-mask-position: 0% 0%;
    border-color: rgba(229, 231, 235, 1);
    /* border-style: solid; */
    background: rgba(255, 255, 255, 0.900);
    background-clip: padding-box;
}

/* ==============================
   CUSTOM INTRO TITLE
   ============================== */

.custom-intro-title {
    width: 100%;
    text-align: center;


    /* Màu chữ mặc định; option "Màu chữ" trong builder gắn color inline lên
       chính <section> này nên sẽ thắng rule class ở đây. */
    color: #c99527;
}

/* Tiêu đề */
.custom-intro-title__heading {
    margin: 0 0 14px;

    color: inherit;

    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: bold;
   

    text-align: center;
}

/* Đường kẻ */
.custom-intro-title__line {
    position: relative;

    width: 100%;
    max-width: 390px;
    height: 2px;

    margin: 0 auto;

    background: #222;
}

/* Đoạn màu cam ở giữa */
.custom-intro-title__line span {
    position: absolute;

    top: 0;
    left: 50%;

    width: 160px;
    height: 3px;

    background: #f58220;

    transform: translateX(-50%);
}


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

@media (max-width: 767px) {

    .custom-intro-title {
        padding: 15px 15px 0;
    }

    .custom-intro-title__heading {
        font-size: 30px;
        letter-spacing: -0.5px;
        margin-bottom: 12px;
    }

    .custom-intro-title__line {
        max-width: 300px;
    }

    .custom-intro-title__line span {
        width: 120px;
    }

}

.sg-danh-muc .font-serif.nen-text p {
    color: #000 !important;

    /* Bỏ margin mặc định của <p> để chữ không bị đẩy lệch */
    margin-top: 0;
    margin-bottom: 0;
}

.sg-danh-muc .box-text.text-center {
    padding-left: 5px;
    padding-right: 5px;
}

/* Đưa cả khối chữ ra chính giữa ảnh theo chiều dọc.
   Flatsome mặc định neo `.box-overlay .box-text { bottom: 0 }` (box-text-bottom). */
.sg-danh-muc .box.box-overlay .box-text {
    top: 50%;
    bottom: auto !important;
    transform: translateY(-50%);
    padding-top: 0;
    padding-bottom: 0;
}



/* =========================
   ELEMENT: GALLERY SLIDER  [sala_gallery_slider]
   Chiều cao ảnh lớn / thumbnail do element tự sinh <style> theo ID instance.
========================= */

.sala-gallery {
    position: relative;
}

/* --- Ảnh lớn --- */

/* Flatsome đặt .slider > div:not(.col) { width:100% } nên slide đã đủ rộng,
   chỉ cần ép ảnh phủ kín khung theo chiều cao admin chọn. */
.sala-gallery .sala-gallery__slide {
    overflow: hidden;
    background: #f5f5f5;
}

.sala-gallery .sala-gallery__slide img {
    width: 100%;
    height: 100%;

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

    display: block;
}

/* --- Dải thumbnail --- */

/* Bỏ khoảng đệm dưới của .row-small để dải thumb sát ảnh lớn. */
.sala-gallery .sala-gallery__thumbs {
    margin-top: 10px;
}

.sala-gallery .sala-gallery__thumbs>.col,
.sala-gallery .sala-gallery__thumbs>.flickity-viewport>.flickity-slider>.col {
    padding-bottom: 0;
}

.sala-gallery .sala-gallery__thumbs .col>a {
    display: block;
    overflow: hidden;

    cursor: pointer;

    border: 2px solid transparent;

    transition: border-color 0.2s ease, opacity 0.2s ease;

    opacity: 0.55;
}

.sala-gallery .sala-gallery__thumbs .col>a img {
    width: 100%;
    height: 100%;

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

    display: block;
}

.sala-gallery .sala-gallery__thumbs .col>a:hover {
    opacity: 0.85;
}

/* Flickity gắn .is-nav-selected lên ô đang xem (option asNavFor). */
.sala-gallery .sala-gallery__thumbs .is-nav-selected>a {
    opacity: 1;
    border-color: var(--fs-color-primary, #446084);
}

/* =========================
   ICON BOX STAR
========================= */

.featured-box.icon-box-star.icon-box-left {
    display: flex !important;
    flex-flow: row nowrap;
    align-items: center;
    gap: 10px;
}

.featured-box.icon-box-star.icon-box-left::before {
    content: "";
    flex: 0 0 19px;
    width: 19px;
    height: 19px;

    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: 0% 0%;
    mask-position: 0% 0%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJyAgd2lkdGg9JzYzJyBoZWlnaHQ9JzYwJyB2aWV3Qm94PScwIDAgNjMgNjAnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTYwLjUxMTEgMjAuODYxOEw0MS45MTQ5IDE4LjE1OTJMMzMuNjAxOSAxLjMwNjE1QzMzLjM3NDkgMC44NDQ3MjMgMzMuMDAxNCAwLjQ3MTE4OCAzMi41Mzk5IDAuMjQ0MTM3QzMxLjM4MjcgLTAuMzI3MTUyIDI5Ljk3NjQgMC4xNDg5MjIgMjkuMzk3OCAxLjMwNjE1TDIxLjA4NDggMTguMTU5MkwyLjQ4ODY2IDIwLjg2MThDMS45NzU5NiAyMC45MzUxIDEuNTA3MjEgMjEuMTc2OCAxLjE0ODMyIDIxLjU0M0MwLjcxNDQ0OSAyMS45ODg5IDAuNDc1MzY0IDIyLjU4ODkgMC40ODM2MDUgMjMuMjExQzAuNDkxODQ1IDIzLjgzMzEgMC43NDY3MzUgMjQuNDI2NSAxLjE5MjI3IDI0Ljg2MDhMMTQuNjQ2OSAzNy45Nzg1TDExLjQ2ODEgNTYuNTAxNUMxMS4zOTM2IDU2LjkzMjMgMTEuNDQxMyA1Ny4zNzU1IDExLjYwNTggNTcuNzgwN0MxMS43NzAzIDU4LjE4NTggMTIuMDQ1IDU4LjUzNjggMTIuMzk4OCA1OC43OTM4QzEyLjc1MjYgNTkuMDUwNyAxMy4xNzE0IDU5LjIwMzQgMTMuNjA3NSA1OS4yMzQ1QzE0LjA0MzcgNTkuMjY1NiAxNC40Nzk5IDU5LjE3MzkgMTQuODY2NiA1OC45Njk3TDMxLjQ5OTkgNTAuMjI0Nkw0OC4xMzMyIDU4Ljk2OTdDNDguNTg3MyA1OS4yMTE0IDQ5LjExNDYgNTkuMjkyIDQ5LjYyIDU5LjIwNDFDNTAuODk0NCA1OC45ODQ0IDUxLjc1MTQgNTcuNzc1OSA1MS41MzE2IDU2LjUwMTVMNDguMzUyOSAzNy45Nzg1TDYxLjgwNzUgMjQuODYwOEM2Mi4xNzM3IDI0LjUwMiA2Mi40MTU0IDI0LjAzMzIgNjIuNDg4NyAyMy41MjA1QzYyLjY4NjQgMjIuMjM4OCA2MS43OTI5IDIxLjA1MjIgNjAuNTExMSAyMC44NjE4WicgZmlsbD0nIzkxOTE5MScvPjwvc3ZnPg==);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJyAgd2lkdGg9JzYzJyBoZWlnaHQ9JzYwJyB2aWV3Qm94PScwIDAgNjMgNjAnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTYwLjUxMTEgMjAuODYxOEw0MS45MTQ5IDE4LjE1OTJMMzMuNjAxOSAxLjMwNjE1QzMzLjM3NDkgMC44NDQ3MjMgMzMuMDAxNCAwLjQ3MTE4OCAzMi41Mzk5IDAuMjQ0MTM3QzMxLjM4MjcgLTAuMzI3MTUyIDI5Ljk3NjQgMC4xNDg5MjIgMjkuMzk3OCAxLjMwNjE1TDIxLjA4NDggMTguMTU5MkwyLjQ4ODY2IDIwLjg2MThDMS45NzU5NiAyMC45MzUxIDEuNTA3MjEgMjEuMTc2OCAxLjE0ODMyIDIxLjU0M0MwLjcxNDQ0OSAyMS45ODg5IDAuNDc1MzY0IDIyLjU4ODkgMC40ODM2MDUgMjMuMjExQzAuNDkxODQ1IDIzLjgzMzEgMC43NDY3MzUgMjQuNDI2NSAxLjE5MjI3IDI0Ljg2MDhMMTQuNjQ2OSAzNy45Nzg1TDExLjQ2ODEgNTYuNTAxNUMxMS4zOTM2IDU2LjkzMjMgMTEuNDQxMyA1Ny4zNzU1IDExLjYwNTggNTcuNzgwN0MxMS43NzAzIDU4LjE4NTggMTIuMDQ1IDU4LjUzNjggMTIuMzk4OCA1OC43OTM4QzEyLjc1MjYgNTkuMDUwNyAxMy4xNzE0IDU5LjIwMzQgMTMuNjA3NSA1OS4yMzQ1QzE0LjA0MzcgNTkuMjY1NiAxNC40Nzk5IDU5LjE3MzkgMTQuODY2NiA1OC45Njk3TDMxLjQ5OTkgNTAuMjI0Nkw0OC4xMzMyIDU4Ljk2OTdDNDguNTg3MyA1OS4yMTE0IDQ5LjExNDYgNTkuMjkyIDQ5LjYyIDU5LjIwNDFDNTAuODk0NCA1OC45ODQ0IDUxLjc1MTQgNTcuNzc1OSA1MS41MzE2IDU2LjUwMTVMNDguMzUyOSAzNy45Nzg1TDYxLjgwNzUgMjQuODYwOEM2Mi4xNzM3IDI0LjUwMiA2Mi40MTU0IDI0LjAzMzIgNjIuNDg4NyAyMy41MjA1QzYyLjY4NjQgMjIuMjM4OCA2MS43OTI5IDIxLjA1MjIgNjAuNTExMSAyMC44NjE4WicgZmlsbD0nIzkxOTE5MScvPjwvc3ZnPg==);
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    background: rgba(255, 235, 59, 0.95);
    background-clip: padding-box;
}

.featured-box.icon-box-star.icon-box-left .icon-box-text {
    display: block !important;
    flex: 1 1 0;
    min-width: 0;
    width: auto !important;
}

 /* ==============================
   ĐĂNG KÝ THAM QUAN
   ============================== */

.dk-tham-quan {
    --dk-tham-quan-color: #ae3625;
    --dk-tham-quan-text-color: #111;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
}
.dk-tham-quan-btn span {
    font-size: 19px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
}
/* Button */
.dk-tham-quan-btn {
    
    box-sizing: border-box;

    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 5px 10px 5px 17px;

    background: #fff;
    border: 5px solid var(--dk-tham-quan-color);
    border-radius: 50px;

    text-decoration: none !important;

    /* Hiệu ứng zoom */
    animation: dkThamQuanZoom 1.8s ease-in-out infinite;

    transform-origin: center;
}

/* Text */
.dk-tham-quan-text {
    color: var(--dk-tham-quan-text-color);
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

/* Vòng tròn mũi tên */
.dk-tham-quan-arrow {
    margin-left: 10px;
    width: 35px;
    height: 35px;
    min-width: 35px;

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

    background: var(--dk-tham-quan-color);
    border-radius: 50%;
}

/* Mũi tên */
.dk-tham-quan-arrow span {
    width: 13px;
    height: 13px;

    display: block;

    border-top: 4px solid #fff;
    border-right: 4px solid #fff;

    transform: rotate(45deg);
    margin-left: -5px;
}


/* ==============================
   GẠCH TRANG TRÍ BÊN DƯỚI
   ============================== */

.dk-tham-quan-line {
    position: relative;

    width: 270px;
    height: 2px;

    margin-top: 10px;

    background: #111;
}

/* Đoạn màu cam ở giữa */
.dk-tham-quan-line span {
    position: absolute;

    top: 0;
    left: 50%;

    width: 112px;
    height: 2px;

    background: var(--dk-tham-quan-color);

    transform: translateX(-50%);
}


/* ==============================
   ZOOM TO → ZOOM NHỎ
   ============================== */

@keyframes dkThamQuanZoom {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.06);
    }

    100% {
        transform: scale(1);
    }
}


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

@media (max-width: 480px) {

    .dk-tham-quan-btn {
        width: 320px;
        height: 66px;

        border-width: 4px;
        padding-left: 14px;
        padding-right: 8px;
    }

    .dk-tham-quan-text {
        font-size: 18px;
    }

    .dk-tham-quan-arrow {
        width: 42px;
        height: 42px;
        min-width: 42px;
    }

    .dk-tham-quan-arrow span {
        width: 11px;
        height: 11px;
    }

    .dk-tham-quan-line {
        width: 235px;
        margin-top: 15px;
    }

    .dk-tham-quan-line span {
        width: 95px;
    }
}


.salagarden-call-btn {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 250px;
    height: 68px;

    background-image: url("../../../../uploads/2026/08/png-1.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;

    text-decoration: none !important;

    /* Zoom to → zoom nhỏ */
    animation: salagardenCallZoom 1.5s ease-in-out infinite;

    transform-origin: center center;

    cursor: pointer;
}

/* Chữ GỌI NGAY */
.salagarden-call-text {
    font-weight: bold;
    color: #000;
    /* border-color: rgba(229, 231, 235, 1); */
    /* border-style: solid; */
    /* font-family: serif !important; */
    font-size: 19px;
    letter-spacing: 2px;
    /* line-height: 1.9; */
    text-align: center;
    /* display: block; */
    /* margin-left: 30px; */
    /* margin-top: 1px; */
    /* color: #000; */
    /* font-family: 'Montserrat', sans-serif; */
    /* font-size: 25px; */
    /* font-weight: 900; */
    /* line-height: 1; */
    /* letter-spacing: 1px; */
    /* white-space: nowrap;*/
}


/* =========================
   HIỆU ỨNG ZOOM
   ========================= */

@keyframes salagardenCallZoom {

    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.08);
    }

    100% {
        transform: scale(1);
    }

}

/* =========================
   TEXT ZOOM EFFECT
========================= */

.sala-text-zoom {
    animation: salaTextZoom 0.85s ease-in-out infinite;
    transform-origin: center center;
    will-change: transform;
}

@keyframes salaTextZoom {

    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.06);
    }

    100% {
        transform: scale(1);
    }

}


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

@media (max-width: 480px) {

    .salagarden-call-btn {
        width: 220px;
        height: 60px;
    }

    .salagarden-call-text {
        margin-left: 26px;
        font-size: 22px;
    }

}


.section-4 .section-bg {
    opacity: 0.34;
}

.sg-price-form {
    width: 100%;
    max-width: 660px;
    margin: 0 auto;
    padding: 0 14px 8px;
    box-sizing: border-box;
    text-align: center;
}

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

.sg-price-form-title {
    margin: 0 0 8px !important;
    color: rgba(137, 24, 24, 1) !important;
    /* font-family: Arial, Helvetica, sans-serif !important; */
    font-size: 30px;
    /* font-weight: 800 !important; */
    line-height: 1.2 !important;
    letter-spacing: 1px;
}

/* =========================
   MÔ TẢ
   ========================= */
.sg-price-form-desc {
    /* border-color: rgba(229, 231, 235, 1); */
    /* border-style: solid; */
    color: rgba(52, 73, 94, 1);
    font-size: 16px;
    font-style: italic;
    text-align: center;
    /* margin: 0 0 15px !important; */
    /* color: #394858; */
    /* font-family: 'Montserrat', sans-serif; */
    /* font-size: 19px; */
    /* font-style: italic; */
    /* line-height: 1.5; */
}
.custom-info-table {
    background: #C19C2D12;
    padding: 15px;
}
.p-mb-10 p {
    margin-bottom: 10px;
}
.p-mb-0 p {
    margin-bottom: 0px;
}
/* =========================
   INPUT
   ========================= */

.sg-price-form-fields {
    width: 100%;
}

.sg-price-form-fields p {
    margin: 0 !important;
}

.sg-price-input {
    display: block;
    width: 100% !important;
    height: 70px !important;
    margin: 0 0 12px !important;
    padding: 0 14px !important;
    box-sizing: border-box;
    background: #eaf3f7 !important;
    border: 2px solid #111 !important;
    border-radius: 7px !important;
    color: #34363b !important;
    /* font-family: Arial, Helvetica, sans-serif !important; */
    font-size: 18px !important;
    font-weight: 700 !important;
    outline: none !important;
    box-shadow: none !important;
}
span.wpcf7-spinner {
    display: none;
}
/* Placeholder */
.sg-price-input::placeholder {
    color: #3d3f44 !important;
    opacity: 1;
    font-weight: 700;
}

/* Focus */
.sg-price-input:focus {
    border-color: #111 !important;
    background: #edf6fa !important;

    box-shadow: none !important;
}


/* =========================
   NÚT GỬI
   ========================= */

.sg-price-form-submit {
    margin-top: 34px;
}

.sg-price-form-submit p {
    margin: 0 !important;
}

.sg-price-submit {
    width: 270px !important;
    height: 50px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 50px !important;
    background: #c7373b !important;
    color: #fff !important;
    font-size: 17px !important;
    text-align: center !important;
    cursor: pointer;
    transition: transform .2s ease, background .2s ease;
    animation: sgSubmitZoom 0.6s ease-in-out infinite;
    transform-origin: center center;
}
p.sg-price-form-desc {
    margin-bottom: 10px;
}
.form-bao-gia .col-inner .wpcf7-form {
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.form-bao-gia .col-inner {
    /* border-color: #E5E7EB; */
    border-radius: 6px;
    /* border-style: solid; */
    background: linear-gradient(180deg, rgba(244, 67, 54, 0.15) 0%, rgba(106, 106, 153, 0.48) 100%) !important;
    background-clip: padding-box;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-position: 0% 0%;
}
/* Hover */
.sg-price-submit:hover {
    background: #b52f33 !important;
}

@keyframes sgSubmitZoom {

    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.12);
    }

    100% {
        transform: scale(1);
    }

}


/* =========================
   CF7 ERROR / VALIDATION
   ========================= */

.sg-price-form .wpcf7-not-valid {
    border-color: #c7373b !important;
}

.sg-price-form .wpcf7-not-valid-tip {
    display: none;
}

.sg-price-form .wpcf7-response-output {
    margin: 15px 0 0 !important;
    padding: 10px !important;

    border-radius: 6px;
    font-size: 14px;
}


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

@media (max-width: 600px) {

    .sg-price-form {
        padding: 0 12px 8px;
    }

    .sg-price-form-title {
        font-size: 28px !important;
        letter-spacing: .5px;
    }

    .sg-price-form-desc {
        font-size: 17px;
        line-height: 1.45;
    }

    .sg-price-form-desc br {
        display: none;
    }

    .sg-price-input {
        height: 65px !important;

        font-size: 18px !important;
    }

    .sg-price-form-submit {
        margin-top: 25px;
    }

    .sg-price-submit {
        width: 75% !important;
        height: 62px !important;

        font-size: 20px !important;
        line-height: 62px !important;
    }
}


/* =========================
   NÚT NHẬN BÁO GIÁ
========================= */

.salagarden-quote-wrap {
    text-align: center;
}

.salagarden-quote-btn {
    width: var(--salagarden-quote-width, 382px);
    height: var(--salagarden-quote-height, 127px);
    max-width: 100%;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    background-image: url("../../../../uploads/2026/08/anh-nut-1.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;

    text-decoration: none !important;
    animation: salagardenQuoteZoom 0.85s ease-in-out infinite;
    transform-origin: center center;
}

.salagarden-quote-text {
    color: #F44336;
    /* font-family: 'Montserrat', sans-serif; */
    font-size: var(--salagarden-quote-font-size, 37px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: 1px;
    text-align: center;
    white-space: nowrap;
}

@keyframes salagardenQuoteZoom {

    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.08);
    }

    100% {
        transform: scale(1);
    }

}


/* =========================
   ĐẾM NGƯỢC SALA GARDEN
========================= */

.sala-countdown {
    display: flex;
    justify-content: center;
    gap: 6px;
    width: 100%;
}

.sala-countdown__item {
    width: 100px;
    min-height: 86px;
    padding: 16px 10px 14px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;

    background: var(--sala-countdown-bg, #b60808);
    color: #fff;
    text-align: center;
}

.sala-countdown__number {
    display: block;
    /* font-family: cursive; */
    font-size: 20px;
    line-height: 1;
    font-family: serif !important;
    font-weight: bold;
}

.sala-countdown__label {
    display: block;

    font-size: 20px;
    line-height: 1;
    font-family: serif !important;
    font-weight: bold;
}

@media (max-width: 480px) {

    .sala-countdown {
        gap: 4px;
    }

    .sala-countdown__item {
        width: 25%;
        min-height: 82px;
        padding: 12px 5px 10px;
        gap: 8px;
    }

    .sala-countdown__number {
        font-size: 24px;
    }

    .sala-countdown__label {
        font-size: 18px;
    }
}


/* =========================
   BẢNG THÔNG TIN
========================= */

.custom-info-table {
    width: 100%;
    color: #000;
}

.custom-info-table__row {
    display: grid;
    grid-template-columns: minmax(160px, 32%) 1fr;
    column-gap: 28px;
    align-items: start;
    margin-bottom: 18px;
}

.custom-info-table__row:last-child {
    margin-bottom: 0;
}

.custom-info-table__label,
.custom-info-table__value {
    font-size: 15px;
    line-height: 1.25;
}

.custom-info-table__label {
    display: grid;
    grid-template-columns: 16px 1fr;
    column-gap: 12px;
    align-items: center;

    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.custom-info-table__value {
    font-weight: 400;
}

.custom-info-table__check {
    width: 17px;
    height: 17px;

    display: inline-block;

    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: 0% 0%;
    mask-position: 0% 0%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgY2xhc3M9ImNoZWNrYm94LW1hcmtlZCI+PHBhdGggZD0iTTEwLDE3TDUsMTJMNi40MSwxMC41OEwxMCwxNC4xN0wxNy41OSw2LjU4TDE5LDhNMTksM0g1QzMuODksMyAzLDMuODkgMyw1VjE5QTIsMiAwIDAsMCA1LDIxSDE5QTIsMiAwIDAsMCAyMSwxOVY1QzIxLDMuODkgMjAuMSwzIDE5LDNaIj48L3BhdGg+PC9zdmc+);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgY2xhc3M9ImNoZWNrYm94LW1hcmtlZCI+PHBhdGggZD0iTTEwLDE3TDUsMTJMNi40MSwxMC41OEwxMCwxNC4xN0wxNy41OSw2LjU4TDE5LDhNMTksM0g1QzMuODksMyAzLDMuODkgMyw1VjE5QTIsMiAwIDAsMCA1LDIxSDE5QTIsMiAwIDAsMCAyMSwxOVY1QzIxLDMuODkgMjAuMSwzIDE5LDNaIj48L3BhdGg+PC9zdmc+);
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    background: rgba(120, 179, 86, 1);
    background-clip: padding-box;
}

@media (max-width: 600px) {

    .custom-info-table__row {
        grid-template-columns: 1fr;
        row-gap: 6px;
    }

    .custom-info-table__label,
    .custom-info-table__value {
        font-size: 17px;
    }

    .custom-info-table__value {
        padding-left: 28px;
    }
}

.bt-tailieu {
    background: #FF9900;
    /* box-shadow: none !important; */
    border-radius: 10px;
    border-style: solid;
    box-shadow: 0px 0px 19px -7px rgba(0, 0, 0, 0.5019607843137255) !important;
    color: rgba(255, 255, 255, 1);
    animation: btTailieuZoom 0.75s ease-in-out infinite;
    transform-origin: center center;
}

.bt-tailieu:hover {
    background: rgb(161, 12, 12);
}

@keyframes btTailieuZoom {

    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.08);
    }

    100% {
        transform: scale(1);
    }

}


/* =========================
   VỊ TRÍ 3 CỘT
========================= */

.vitri-3-cot .icon-box {
    display: flex;
    align-items: center;
}

.vitri-3-cot .icon-box-img {
    display: flex;
    align-items: center;
    align-self: center;
}

.vitri-3-cot .icon-box-text {
    display: flex;
    align-items: center;
}

.vitri-3-cot .text p {
    margin-top: 0;
    margin-bottom: 6px;
    line-height: 1.15;
}

.vitri-3-cot .text p:last-child {
    margin-bottom: 0;
}

/* =========================
   Section 10 gallery
========================= */

.section-10 .row-800 {
    width: 800px !important;
    max-width: calc(100% - 30px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.section-10 .row-800>.col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.section-10 .row-800 .row-slider {
    width: 100% !important;
    max-width: 800px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    left: auto !important;
    right: auto !important;
}

.section-10 .row-800>.col>.col-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section-10 .row-800 .flickity-viewport,
.section-10 .row-800 .flickity-slider {
    width: 100% !important;
}

.section-10 .row-800 .gallery-col {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

.section-10 .row-800 .gallery-col>.col-inner {
    width: 100% !important;
    max-width: 800px !important;
}

.section-10 .row-800 .gallery-col .col-inner,
.section-10 .row-800 .gallery-col .image-lightbox,
.section-10 .row-800 .gallery-box,
.section-10 .row-800 .gallery-box .box-image {
    display: flex;
    justify-content: center;
}

.section-10 .row-800 .gallery-col .image-lightbox,
.section-10 .row-800 .gallery-box {
    width: 100%;
}

.section-10 .row-800 .gallery-box .box-image {
    width: 100% !important;
}

.section-10 .row-800 .gallery-box .box-image img {
    display: block;
    width: 100% !important;
    max-width: 800px !important;
    margin-left: auto;
    margin-right: auto;
}

/* =========================
   Doi tac logo gallery
========================= */

.doi-tac .row-slider {
    align-items: center;
}

.doi-tac .row-slider,
.doi-tac .flickity-viewport {
    min-height: 150px;
}

.doi-tac .gallery-col {
    height: 150px;
    padding-bottom: 0 !important;
}

.doi-tac .gallery-col .col-inner,
.doi-tac .gallery-col .image-lightbox,
.doi-tac .gallery-box,
.doi-tac .gallery-box .box-image {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.doi-tac .gallery-box .box-image img {
    width: auto !important;
    height: auto !important;
    max-width: 78% !important;
    max-height: 105px !important;
    object-fit: contain;
    object-position: center;
    margin: auto;
}

.doi-tac .gallery-box .box-text {
    display: none;
}

@media (max-width: 849px) {

    .doi-tac .row-slider,
    .doi-tac .flickity-viewport {
        min-height: 130px;
    }

    .doi-tac .gallery-col {
        height: 130px;
    }

    .doi-tac .gallery-box .box-image img {
        max-height: 90px !important;
    }
}

/* =========================
   Product info card
========================= */

.custom-product-card,
.custom-product-card * {
    font-family: serif !important;
}

.custom-product-card {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 10px 10px 14px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 3px solid #c7972c;
    border-radius: 16px;
    background: linear-gradient(180deg, #fffdf5 0%, #fffaf0 76%, #fff5cf 100%);
    color: #000;
}

.col:has(>.col-inner>.custom-product-card) {
    display: flex;
}

.col:has(>.col-inner>.custom-product-card)>.col-inner,
.col-inner:has(>.custom-product-card) {
    width: 100%;
    display: flex;
}

.col-inner:has(>.custom-product-card)>.custom-product-card {
    flex: 1 1 auto;
}

.custom-product-card__header {
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 45px;
    padding: 0 0 8px;
    border-bottom: 1px solid #d0a33c;
}

.custom-product-card__icon {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.custom-product-card__icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.custom-product-card__title {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0 !important;
    color: #c7972c !important;
    font-family: var(--sg-font) !important;
    font-size: 30px;
    line-height: 1.05;
    font-weight: bold;
    text-transform: uppercase;
}

.custom-product-card__content {
    padding: 13px 0 10px;
    color: var(--custom-product-card-content-color, #000);
    
    line-height: 1.52;
}

.custom-product-card__content * {
    color: inherit;
}

.custom-product-card__content p {
    margin: 0 0 12px;
}

.custom-product-card__content p:last-child {
    margin-bottom: 0;
}

.custom-product-card__content strong,
.custom-product-card__content b {
    font-weight: 700;
}

.custom-product-card__image {
    position: relative;
    margin-top: auto;
    padding-top: 16px;
    overflow: hidden;
}

.custom-product-card__image::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100px;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255, 250, 240, 0) 0%, #fff5cf 100%);
}

.custom-product-card__image img {
    display: block;
    width: 100%;
    height: auto;
}

@media (max-width: 600px) {

    .custom-product-card {
        max-width: 100%;
        padding: 9px 9px 13px;
        border-radius: 14px;
    }

    .custom-product-card__header {
        gap: 10px;
    }

    .custom-product-card__icon {
        flex-basis: 34px;
        width: 34px;
        height: 34px;
    }

    .custom-product-card__title {
        font-size: 23px;
    }

    .custom-product-card__content {
        font-size: 14px;
    }

}

/* =========================
   Form dang ky nhan bang gia
========================= */

.custom-price-info-form,
.custom-price-info-form * {
    font-family: serif !important;
}

.custom-price-info-form {
    width: 100%;
    padding: 0 20px 15px;
    text-align: center;
    
}

.custom-price-info-form__title {
    margin: 0 0 20px !important;
    color: #b90f0f !important;
    font-size: 28px;
    line-height: 1.1;
    font-weight: 700;
    text-transform: uppercase;
}

.custom-price-info-form__hotline {
    margin-bottom: 20px;
    color: #f07d1e;
    font-size: 25px;
    line-height: 1.1;
    font-weight: 700;
    text-transform: uppercase;
}

.custom-price-info-form__fields {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(220px, 1.1fr) 232px;
    gap: 20px;
    align-items: center;
}

.custom-price-info-form__fields p {
    margin: 0 !important;
}

.custom-price-info-form__field,
.custom-price-info-form__submit {
    margin: 0;
}

.custom-price-info-form .wpcf7-form-control-wrap {
    display: block;
}

.custom-price-info-input {
    width: 100% !important;
    height: 50px !important;
    margin: 0 !important;
    padding: 0 13px !important;
    border: 1px solid #d4d4d4 !important;
    border-radius: 7px !important;
    background: rgba(255, 255, 255, 0.78) !important;
    color: #777 !important;
    font-size: 16px !important;
    line-height: 64px !important;
    box-shadow: none !important;
}

.custom-price-info-input::placeholder {
    color: #777;
    opacity: 1;
}
.section-8 .col {
    padding-bottom: 0px;
}
.custom-price-info-submit {
    width: 100% !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 0 22px !important;
    border: 0 !important;
    border-radius: 16px 16px 0 16px !important;
    background: #bd0d0d !important;
    color: #fff !important;
    font-size: 23px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    text-transform: none !important;
    box-shadow: none !important;
}

.custom-price-info-form .wpcf7-spinner {
    display: none;
}

.custom-price-info-form .wpcf7-not-valid {
    border-color: #bd0d0d !important;
}

.custom-price-info-form .wpcf7-not-valid-tip {
    display: none;
}

.custom-price-info-form .wpcf7-response-output {
    margin: 15px 0 0 !important;
    padding: 10px !important;
    font-size: 16px;
}

@media (max-width: 849px) {

    .custom-price-info-form__fields {
        grid-template-columns: 1fr;
    }

    .custom-price-info-form__submit {
        width: 232px;
        max-width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 600px) {

    .custom-price-info-form {
        padding: 0 12px 12px;
    }

    .custom-price-info-form__title {
        font-size: 26px;
    }

    .custom-price-info-form__hotline {
        font-size: 24px;
    }

    .custom-price-info-submit {
        font-size: 24px !important;
    }
}

/* =========================
   Product register form
========================= */

.custom-product-register-form,
.custom-product-register-form * {
    font-family: serif !important;
}

.custom-product-register-form {
    width: 100%;
    max-width: 675px;
    margin: 0 auto;
}

.custom-product-register-form p {
    margin: 0 !important;
}

.custom-product-register-form__field {
    margin-bottom: 25px;
}

.custom-product-register-form .wpcf7-form-control-wrap {
    display: block;
}

.custom-product-register-input,
.custom-product-register-select {
    width: 100% !important;
    height: 50px !important;
    margin: 0 !important;
    padding: 0 13px !important;
    border: 2px solid #b5b5b5 !important;
    border-radius: 6px !important;
    background-color: rgba(255, 255, 255, 0.82) !important;
    color: #111 !important;
    font-size: 18px !important;
    line-height: 62px !important;
    box-shadow: none !important;
}

.custom-product-register-input::placeholder,
.custom-product-register-select:invalid {
    color: #777 !important;
    opacity: 1;
}

.custom-product-register-select {
    appearance: auto;
    -webkit-appearance: menulist;
}

.custom-product-register-select option {
    min-height: 32px;
    color: #333;
    background: #fff;
    font-size: 18px;
}

.custom-product-register-select option:first-child {
    color: #fff;
    background: #bfbfbf;
}

.custom-product-register-form__submit {
    display: flex;
    justify-content: center;
}
.section-14 .section-bg.fill img {
    filter: contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(100%) sepia(0%) opacity(100%) brightness(100%) blur(70px);
    -webkit-backdrop-filter: contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(100%) sepia(0%) opacity(100%) brightness(100%) blur(70px);
}
.custom-product-register-submit {
    width: 273px !important;
    max-width: 100% !important;
    min-height: 40px !important;
    margin: -16px auto 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #c86e5d !important;
    color: #fff !important;
    font-family: var(--sg-font) !important;
    font-size: 18px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    animation: sgSubmitZoom 0.6s ease-in-out infinite;
    transform-origin: center;
}

.custom-product-register-submit:hover {
    background: #b95f50 !important;
}

.custom-product-register-form .wpcf7-spinner {
    display: none;
}

.custom-product-register-form .wpcf7-not-valid {
    border-color: #bd0d0d !important;
}

.custom-product-register-form .wpcf7-not-valid-tip {
    display: none;
}

.custom-product-register-form .wpcf7-response-output {
    margin: 15px 0 0 !important;
    padding: 10px !important;
    font-size: 16px;
}

@media (max-width: 600px) {

    .custom-product-register-form__field {
        margin-bottom: 18px;
    }

    .custom-product-register-input,
    .custom-product-register-select {
        height: 56px !important;
        font-size: 16px !important;
        line-height: 56px !important;
    }

    .custom-product-register-submit {
        min-height: 44px !important;
        margin-top: -8px !important;
        font-size: 19px !important;
    }
}

.section-13 iframe[src*="youtube.com/embed"],
.section-13 iframe[src*="youtube-nocookie.com/embed"] {
    display: block;
    width: 100% !important;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    height: auto !important;
    min-height: 315px;
    border: 0;
    background: #000;
}

.section-13 .col-inner > p:has(iframe[src*="youtube.com/embed"]),
.section-13 .col-inner > p:has(iframe[src*="youtube-nocookie.com/embed"]) {
    margin: 0 !important;
}

@media (max-width: 600px) {

    .section-13 iframe[src*="youtube.com/embed"],
    .section-13 iframe[src*="youtube-nocookie.com/embed"] {
        min-height: 210px;
    }
}

.custom-news-slider {
    width: 100%;
    padding: 0 48px;
}

.custom-news-slider.slider > .custom-news-slider__cell,
.custom-news-slider .flickity-slider > .custom-news-slider__cell,
.custom-news-slider__cell {
    width: 33.333%;
    max-width: 33.333%;
    padding: 0 29px 26px;
}

.custom-news-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 474px;
    background: #fff;
    font-family: var(--sg-font) !important;
    text-align: center;
}

.custom-news-card__image {
    display: block;
    width: 100%;
    aspect-ratio: 407 / 269;
    overflow: hidden;
}

.custom-news-card__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.custom-news-card__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    padding: 13px 20px 0;
}

.custom-news-card__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 34px;
    margin-bottom: 8px;
}

.custom-news-card__logo img {
    display: block;
    max-width: 160px;
    max-height: 34px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.custom-news-card__description {
    width: 100%;
    color: #000;
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
    text-align: center;
}

.custom-news-card__description p {
    margin: 0;
}

.custom-news-card__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 196px;
    min-height: 51px;
    margin: auto auto -25px;
    padding: 8px 24px;
    border-radius: 6px;
    background: #19b7ec;
    color: #fff !important;
    font-size: 21px;
    line-height: 1.1;
    font-weight: 800;
    text-align: center;
}

.custom-news-card__button:hover {
    background: #0ca8dc;
    color: #fff !important;
}

.custom-news-slider .flickity-prev-next-button {
    width: 31px;
    height: 31px;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.14);
    color: #fff;
    opacity: 1;
}

.custom-news-slider .flickity-prev-next-button:hover {
    background: rgba(0, 0, 0, 0.24);
}

.custom-news-slider .flickity-prev-next-button.previous {
    left: 0;
}

.custom-news-slider .flickity-prev-next-button.next {
    right: 0;
}

@media (max-width: 849px) {

    .custom-news-slider {
        padding: 0 34px;
    }

    .custom-news-slider.slider > .custom-news-slider__cell,
    .custom-news-slider .flickity-slider > .custom-news-slider__cell,
    .custom-news-slider__cell {
        width: 33.333%;
        max-width: 33.333%;
        padding: 0 12px 26px;
    }
}

@media (max-width: 549px) {

    .custom-news-slider {
        padding: 0 28px;
    }

    .custom-news-slider.slider > .custom-news-slider__cell,
    .custom-news-slider .flickity-slider > .custom-news-slider__cell,
    .custom-news-slider__cell {
        width: 100%;
        max-width: 100%;
        padding: 0 8px 26px;
    }

    .custom-news-card {
        min-height: 420px;
    }

    .custom-news-card__description {
        font-size: 19px;
    }

    .custom-news-card__button {
        min-height: 46px;
        font-size: 18px;
    }
}

.custom-contact-info {
    color: var(--custom-contact-text-color, #000);
    font-family: var(--sg-font) !important;
    font-size: 16px;
    line-height: 1.5;
}

.custom-contact-info__title {
    margin-bottom: 2px;
    font-weight: 700;
}

.custom-contact-info__row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 13px;
}

.custom-contact-info__row--address {
    margin-top: 0;
}

.custom-contact-info__icon {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    background: var(--custom-contact-icon-color, #000);
    background-clip: padding-box;
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0;
    -webkit-mask-position: 0% 0%;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-position: 0% 0%;
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
}

.custom-contact-info__icon--map {
    width: 24px;
    height: 24px;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgY2xhc3M9Im1hcC1tYXJrZXItcmFkaXVzIj48cGF0aCBkPSJNMTIsMkMxNS4zMSwyIDE4LDQuNjYgMTgsNy45NUMxOCwxMi40MSAxMiwxOSAxMiwxOUMxMiwxOSA2LDEyLjQxIDYsNy45NUM2LDQuNjYgOC42OSwyIDEyLDJNMTIsNkEyLDIgMCAwLDAgMTAsOEEyLDIgMCAwLDAgMTIsMTBBMiwyIDAgMCwwIDE0LDhBMiwyIDAgMCwwIDEyLDZNMjAsMTlDMjAsMjEuMjEgMTYuNDIsMjMgMTIsMjNDNy41OCwyMyA0LDIxLjIxIDQsMTlDNCwxNy43MSA1LjIyLDE2LjU2IDcuMTEsMTUuODNMNy43NSwxNi43NEM2LjY3LDE3LjE5IDYsMTcuODEgNiwxOC41QzYsMTkuODggOC42OSwyMSAxMiwyMUMxNS4zMSwyMSAxOCwxOS44OCAxOCwxOC41QzE4LDE3LjgxIDE3LjMzLDE3LjE5IDE2LjI1LDE2Ljc0TDE2Ljg5LDE1LjgzQzE4Ljc4LDE2LjU2IDIwLDE3LjcxIDIwLDE5WiI+PC9wYXRoPjwvc3ZnPg==);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgY2xhc3M9Im1hcC1tYXJrZXItcmFkaXVzIj48cGF0aCBkPSJNMTIsMkMxNS4zMSwyIDE4LDQuNjYgMTgsNy45NUMxOCwxMi40MSAxMiwxOSAxMiwxOUMxMiwxOSA2LDEyLjQxIDYsNy45NUM2LDQuNjYgOC42OSwyIDEyLDJNMTIsNkEyLDIgMCAwLDAgMTAsOEEyLDIgMCAwLDAgMTIsMTBBMiwyIDAgMCwwIDE0LDhBMiwyIDAgMCwwIDEyLDZNMjAsMTlDMjAsMjEuMjEgMTYuNDIsMjMgMTIsMjNDNy41OCwyMyA0LDIxLjIxIDQsMTlDNCwxNy43MSA1LjIyLDE2LjU2IDcuMTEsMTUuODNMNy43NSwxNi43NEM2LjY3LDE3LjE5IDYsMTcuODEgNiwxOC41QzYsMTkuODggOC42OSwyMSAxMiwyMUMxNS4zMSwyMSAxOCwxOS44OCAxOCwxOC41QzE4LDE3LjgxIDE3LjMzLDE3LjE5IDE2LjI1LDE2Ljc0TDE2Ljg5LDE1LjgzQzE4Ljc4LDE2LjU2IDIwLDE3LjcxIDIwLDE5WiI+PC9wYXRoPjwvc3ZnPg==);
}

.custom-contact-info__icon--phone {
    width: 19px;
    height: 23px;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJyB3aWR0aD0nNTAnIGhlaWdodD0nNjEnIHZpZXdCb3g9JzAgMCA1MCA2MScgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzMuMzM1NSA0My4zNTIzTDM3LjY0MSAzOC4wOTc1QzM4LjIyMDggMzcuMzk4NSAzOC45NTQ1IDM2LjkyIDM5Ljc1MjkgMzYuNzIwMUM0MC41NTEzIDM2LjUyMDIgNDEuMzgwMSAzNi42MDc2IDQyLjEzODcgMzYuOTcxNEw0Ny4zODYgMzkuNTI4NUM0OC4xNTI1IDM5LjkwODIgNDguODA5OCA0MC41NTY0IDQ5LjI3NSA0MS4zOTE0QzQ5Ljc0MDIgNDIuMjI2NCA0OS45OTI1IDQzLjIxMDcgNTAgNDQuMjIwM1Y1NS45NDk4QzQ5Ljk5NTYgNTYuNjM2NyA0OS44NzcyIDU3LjMxNTMgNDkuNjUyMyA1Ny45NDQ4QzQ5LjQyNzIgNTguNTc0MyA0OS4xMDAyIDU5LjE0MTggNDguNjkwNyA1OS42MTMxQzQ4LjI4MTIgNjAuMDg0MyA0Ny43OTggNjAuNDQ5NSA0Ny4yNjk4IDYwLjY4NjhDNDYuNzQxNyA2MC45MjQgNDYuMTc5NyA2MS4wMjgzIDQ1LjYxNzcgNjAuOTkzNEM4Ljg0Nzk4IDU4LjIwMTkgMS40Mjg3MiAyMC4xOTgzIDAuMDI1NTk1NSA1LjY1Mzc1Qy0wLjAzOTUzNjMgNC45Mzk1IDAuMDE5OTc4IDQuMjE2NTQgMC4yMDAyMTggMy41MzIzMUMwLjM4MDQ1OCAyLjg0ODE4IDAuNjc3MzQ4IDIuMjE4MzcgMS4wNzEzNCAxLjY4NDMxQzEuNDY1MzQgMS4xNTAyNSAxLjk0NzUzIDAuNzI0MDU5IDIuNDg2MTkgMC40MzM3NzNDMy4wMjQ4MyAwLjE0MzQ4NyAzLjYwNzc1IC0wLjAwNDMwODQzIDQuMTk2NTggOS41NjA1M2UtMDVIMTMuNDgwM0MxNC4zMDg3IDAuMDAzMDg4MzUgMTUuMTE3NCAwLjMwODUwOSAxNS44MDI1IDAuODc3MDY5QzE2LjQ4NzYgMS40NDU2MiAxNy4wMTc2IDIuMjUxMzIgMTcuMzI0NSAzLjE5MDVMMTkuNDE5NSA5LjU5NDg2QzE5LjcyNzUgMTAuNTE2OSAxOS44MDYxIDExLjUyOTMgMTkuNjQ1NSAxMi41MDU2QzE5LjQ4NDggMTMuNDgxOSAxOS4wOTIgMTQuMzc4OCAxOC41MTYxIDE1LjA4NDJMMTQuMjEwNyAyMC4zMzlDMTQuMjEwNyAyMC4zMzkgMTYuNjkwMSA0MC44MTg4IDMzLjMzNTUgNDMuMzUyM1onIGZpbGw9J2JsYWNrJy8+PC9zdmc+);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJyB3aWR0aD0nNTAnIGhlaWdodD0nNjEnIHZpZXdCb3g9JzAgMCA1MCA2MScgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzMuMzM1NSA0My4zNTIzTDM3LjY0MSAzOC4wOTc1QzM4LjIyMDggMzcuMzk4NSAzOC45NTQ1IDM2LjkyIDM5Ljc1MjkgMzYuNzIwMUM0MC41NTEzIDM2LjUyMDIgNDEuMzgwMSAzNi42MDc2IDQyLjEzODcgMzYuOTcxNEw0Ny4zODYgMzkuNTI4NUM0OC4xNTI1IDM5LjkwODIgNDguODA5OCA0MC41NTY0IDQ5LjI3NSA0MS4zOTE0QzQ5Ljc0MDIgNDIuMjI2NCA0OS45OTI1IDQzLjIxMDcgNTAgNDQuMjIwM1Y1NS45NDk4QzQ5Ljk5NTYgNTYuNjM2NyA0OS44NzcyIDU3LjMxNTMgNDkuNjUyMyA1Ny45NDQ4QzQ5LjQyNzIgNTguNTc0MyA0OS4xMDAyIDU5LjE0MTggNDguNjkwNyA1OS42MTMxQzQ4LjI4MTIgNjAuMDg0MyA0Ny43OTggNjAuNDQ5NSA0Ny4yNjk4IDYwLjY4NjhDNDYuNzQxNyA2MC45MjQgNDYuMTc5NyA2MS4wMjgzIDQ1LjYxNzcgNjAuOTkzNEM4Ljg0Nzk4IDU4LjIwMTkgMS40Mjg3MiAyMC4xOTgzIDAuMDI1NTk1NSA1LjY1Mzc1Qy0wLjAzOTUzNjMgNC45Mzk1IDAuMDE5OTc4IDQuMjE2NTQgMC4yMDAyMTggMy41MzIzMUMwLjM4MDQ1OCAyLjg0ODE4IDAuNjc3MzQ4IDIuMjE4MzcgMS4wNzEzNCAxLjY4NDMxQzEuNDY1MzQgMS4xNTAyNSAxLjk0NzUzIDAuNzI0MDU5IDIuNDg2MTkgMC40MzM3NzNDMy4wMjQ4MyAwLjE0MzQ4NyAzLjYwNzc1IC0wLjAwNDMwODQzIDQuMTk2NTggOS41NjA1M2UtMDVIMTMuNDgwM0MxNC4zMDg3IDAuMDAzMDg4MzUgMTUuMTE3NCAwLjMwODUwOSAxNS44MDI1IDAuODc3MDY5QzE2LjQ4NzYgMS40NDU2MiAxNy4wMTc2IDIuMjUxMzIgMTcuMzI0NSAzLjE5MDVMMTkuNDE5NSA5LjU5NDg2QzE5LjcyNzUgMTAuNTE2OSAxOS44MDYxIDExLjUyOTMgMTkuNjQ1NSAxMi41MDU2QzE5LjQ4NDggMTMuNDgxOSAxOS4wOTIgMTQuMzc4OCAxOC41MTYxIDE1LjA4NDJMMTQuMjEwNyAyMC4zMzlDMTQuMjEwNyAyMC4zMzkgMTYuNjkwMSA0MC44MTg4IDMzLjMzNTUgNDMuMzUyM1onIGZpbGw9J2JsYWNrJy8+PC9zdmc+);
}

.custom-contact-info__icon--mail {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgY2xhc3M9ImdtYWlsIj48cGF0aCBkPSJNMjAsMThIMThWOS4yNUwxMiwxM0w2LDkuMjVWMThINFY2SDUuMkwxMiwxMC4yNUwxOC44LDZIMjBNMjAsNEg0QzIuODksNCAyLDQuODkgMiw2VjE4QTIsMiAwIDAsMCA0LDIwSDIwQTIsMiAwIDAsMCAyMiwxOFY2QzIyLDQuODkgMjEuMSw0IDIwLDRaIj48L3BhdGg+PC9zdmc+);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgY2xhc3M9ImdtYWlsIj48cGF0aCBkPSJNMjAsMThIMThWOS4yNUwxMiwxM0w2LDkuMjVWMThINFY2SDUuMkwxMiwxMC4yNUwxOC44LDZIMjBNMjAsNEg0QzIuODksNCAyLDQuODkgMiw2VjE4QTIsMiAwIDAsMCA0LDIwSDIwQTIsMiAwIDAsMCAyMiwxOFY2QzIyLDQuODkgMjEuMSw0IDIwLDRaIj48L3BhdGg+PC9zdmc+);
}

.custom-contact-info__content {
    min-width: 0;
}

.custom-contact-info__label {
    display: inline;
    margin-right: 4px;
    font-weight: 700;
}

.custom-contact-info__row--address .custom-contact-info__label {
    display: block;
    margin: 0 0 1px;
}

.custom-contact-info__address {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 1px;
}

.custom-contact-info__address strong {
    font-weight: 700;
}

@media (max-width: 549px) {

    .custom-contact-info {
        font-size: 15px;
    }

    .custom-contact-info__row {
        gap: 9px;
    }
}

.custom-phone-widget,
.custom-phone-widget *,
.custom-phone-widget *::before,
.custom-phone-widget *::after {
    box-sizing: border-box;
}

.custom-phone-widget a {
    color: inherit;
    text-decoration: none;
}

.custom-phone-widget {
    position: fixed;
    width: 187px;
    height: 62px;
    z-index: 999;
    left: 20px;
    bottom: 20px;
    cursor: pointer;
}

.custom-phone-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.custom-phone-image {
    position: absolute;
    top: 6.5px;
    left: 36px;
    width: 151px;
    height: 55px;
}

.custom-phone-image-css {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    will-change: filter;
}

.custom-phone-background {
    position: absolute;
    width: 151px;
    height: 55px;
    top: 0;
    left: 0;
    margin: 0 auto;
    background: center center / cover no-repeat scroll content-box url("https://content.pancake.vn/web-media/59/d8/5d/ad/761d425db557c41cc0750364a7e635143bf8633d3a9edeac7fcbbc11-w:319-h:116-l:12543-t:image/png.png") border-box;
}

.custom-phone-gradient-border {
    width: 100%;
    height: 100%;
}

.custom-phone-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 62px;
    height: 62px;
    cursor: pointer;
}

.custom-phone-button-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.custom-phone-outer-ring {
    position: absolute;
    top: 0;
    left: 0;
    width: 62px;
    height: 62px;
    transform: perspective(1000px);
}

.custom-phone-outer-ring-css {
    width: 100%;
    height: 100%;
    border: 2px solid rgba(230, 126, 34, 1);
    border-radius: 128px;
    background: rgba(0, 0, 0, 0);
    background-clip: padding-box;
}

.custom-phone-middle-ring {
    position: absolute;
    top: 6.5px;
    left: 6.5px;
    width: 49px;
    height: 49px;
}

.custom-phone-middle-ring-css {
    width: 100%;
    height: 100%;
    border-color: rgba(229, 231, 235, 1);
    border-radius: 50px;
    border-style: solid;
    background: rgba(230, 126, 34, 1);
    background-clip: padding-box;
}

.custom-phone-icon {
    position: absolute;
    top: 14.5px;
    left: 14.5px;
    width: 33px;
    height: 33px;
    transform: perspective(1000px);
}

.custom-phone-icon-css {
    width: 100%;
    height: 100%;
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+IDxwYXRoIGQ9J00xOSwxMUgyMVY5SDE5TTIwLDE1LjVDMTguNzUsMTUuNSAxNy41NSwxNS4zIDE2LjQzLDE0LjkzQzE2LjA4LDE0LjgyIDE1LjY5LDE0LjkgMTUuNDEsMTUuMThMMTMuMjEsMTcuMzhDMTAuMzgsMTUuOTQgOC4wNiwxMy42MiA2LjYyLDEwLjc5TDguODIsOC41OUM5LjEsOC4zMSA5LjE4LDcuOTIgOS4wNyw3LjU3QzguNyw2LjQ1IDguNSw1LjI1IDguNSw0QTEsMSAwIDAsMCA3LjUsM0g0QTEsMSAwIDAsMCAzLDRBMTcsMTcgMCAwLDAgMjAsMjFBMSwxIDAgMCwwIDIxLDIwVjE2LjVBMSwxIDAgMCwwIDIwLDE1LjVNMTcsOUgxNVYxMUgxN00xMyw5SDExVjExSDEzVjlaJz48L3BhdGg+IDwvc3ZnPg==");
    -webkit-mask-size: 100% 100%;
    -webkit-mask-position: 0% 0%;
    -webkit-mask-repeat: no-repeat;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+IDxwYXRoIGQ9J00xOSwxMUgyMVY5SDE5TTIwLDE1LjVDMTguNzUsMTUuNSAxNy41NSwxNS4zIDE2LjQzLDE0LjkzQzE2LjA4LDE0LjgyIDE1LjY5LDE0LjkgMTUuNDEsMTUuMThMMTMuMjEsMTcuMzhDMTAuMzgsMTUuOTQgOC4wNiwxMy42MiA2LjYyLDEwLjc5TDguODIsOC41OUM5LjEsOC4zMSA5LjE4LDcuOTIgOS4wNyw3LjU3QzguNyw2LjQ1IDguNSw1LjI1IDguNSw0QTEsMSAwIDAsMCA3LjUsM0g0QTEsMSAwIDAsMCAzLDRBMTcsMTcgMCAwLDAgMjAsMjFBMSwxIDAgMCwwIDIxLDIwVjE2LjVBMSwxIDAgMCwwIDIwLDE1LjVNMTcsOUgxNVYxMUgxN00xMyw5SDExVjExSDEzVjlaJz48L3BhdGg+IDwvc3ZnPg==");
    mask-size: 100% 100%;
    mask-position: 0% 0%;
    mask-repeat: no-repeat;
}

.custom-phone-pulse .custom-phone-outer-ring-css {
    animation: custom-phone-pulse-animation 1s infinite;
    -webkit-animation: custom-phone-pulse-animation 1s infinite;
}

.custom-phone-tada .custom-phone-icon-css {
    animation: custom-phone-tada-animation 1s infinite;
    -webkit-animation: custom-phone-tada-animation 1s infinite;
}

@keyframes custom-phone-pulse-animation {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes custom-phone-pulse-animation {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes custom-phone-tada-animation {
    0% {
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        transform: scale3d(1, 1, 1);
    }
}

@-webkit-keyframes custom-phone-tada-animation {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

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

    .custom-phone-widget {
        width: 187px;
        height: 62px;
        left: 20px;
        bottom: 20px;
        z-index: 999;
    }
}

.custom-zalo-section,
.custom-zalo-section *,
.custom-zalo-section *::before,
.custom-zalo-section *::after {
    box-sizing: border-box;
}

.custom-zalo-button {
    position: fixed;
    width: 62px;
    height: 62px;
    z-index: 999;
    right: 20px;
    bottom: 20px;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

.custom-zalo-button-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.custom-zalo-outer-circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 62px;
    height: 62px;
    transform: perspective(1000px);
}

.custom-zalo-outer-circle-css {
    width: 100%;
    height: 100%;
    border: 2px solid rgba(230, 126, 34, 1);
    border-radius: 128px;
    background: rgba(0, 0, 0, 0);
    background-clip: padding-box;
}

.custom-zalo-middle-circle {
    position: absolute;
    top: 6.5px;
    left: 6.5px;
    width: 49px;
    height: 49px;
}

.custom-zalo-middle-circle-css {
    width: 100%;
    height: 100%;
    border-color: rgba(229, 231, 235, 1);
    border-radius: 50px;
    border-style: solid;
    background: rgba(230, 126, 34, 1);
    background-clip: padding-box;
}

.custom-zalo-icon {
    position: absolute;
    top: 15px;
    left: 14px;
    width: 34px;
    height: 34px;
    transform: perspective(1000px);
}

.custom-zalo-icon-css {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0;
    background: center center / cover no-repeat content-box url("https://content.pancake.vn/1/s434x434/fwebp80/7b/7b/1f/a1/deb5354522f67f666901417b9acce4ab0e0ffc7b7c7bc585bead1e30.png") border-box;
}

.custom-zalo-pulse .custom-zalo-outer-circle-css {
    animation: custom-zalo-pulse-animation 1s infinite;
    -webkit-animation: custom-zalo-pulse-animation 1s infinite;
}

.custom-zalo-tada .custom-zalo-icon-css {
    animation: custom-zalo-tada-animation 1s infinite;
    -webkit-animation: custom-zalo-tada-animation 1s infinite;
}

@keyframes custom-zalo-pulse-animation {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes custom-zalo-pulse-animation {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes custom-zalo-tada-animation {
    0% {
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        transform: scale3d(1, 1, 1);
    }
}

@-webkit-keyframes custom-zalo-tada-animation {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

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

    .custom-zalo-button {
        width: 62px;
        height: 62px;
        right: 20px;
        bottom: 20px;
        z-index: 999;
    }
}

.youtube-short {
    width: min(100%, 360px) !important;
    aspect-ratio: 9 / 16 !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    background: #000 !important;
    line-height: 0 !important;
}

.youtube-short iframe {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    border: 0 !important;
}

.row:has(.youtube-short) {
    align-items: flex-start;
    justify-content: center;
    max-width: 900px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.row:has(.youtube-short) > .col {
    padding-bottom: 0 !important;
}

@media (max-width: 549px) {

    .youtube-short {
        width: min(100%, 300px) !important;
    }

    .row:has(.youtube-short) > .col + .col {
        margin-top: 22px;
    }
}

body.sala-visit-modal-open {
    overflow: hidden;
}

.sala-visit-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease, visibility .25s ease;
}

.sala-visit-modal.is-open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.sala-visit-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 26, 20, .64);
    backdrop-filter: blur(7px);
}

.sala-visit-modal__dialog {
    position: relative;
    width: min(100%, 500px);
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    border-radius: 22px;
    background: #fffaf2;
    box-shadow: 0 28px 80px rgba(13, 28, 18, .34);
    transform: translateY(16px) scale(.98);
    transition: transform .25s ease;
}

.sala-visit-modal.is-open .sala-visit-modal__dialog {
    transform: translateY(0) scale(1);
}

.sala-visit-modal__dialog::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 8px;
    background: linear-gradient(90deg, #1f6f45, #c6a15b, #ae3625);
}

.sala-visit-modal__close {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    min-width: 42px;
    min-height: 42px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .92) !important;
    color: #273427 !important;
    box-shadow: 0 10px 24px rgba(24, 35, 24, .12);
    font-size: 32px;
    line-height: 1;
}

.sala-visit-modal__close:hover {
    background: #ae3625 !important;
    color: #fff !important;
    box-shadow: 0 12px 26px rgba(174, 54, 37, .24);
}

.sala-visit-modal__close span {
    display: block;
    line-height: 36px;
    transform: translateY(-1px);
}

.sala-visit-modal__header {
    padding: 42px 42px 18px;
    text-align: center;
}

.sala-visit-modal__eyebrow {
    margin: 0 0 8px;
    color: #1f6f45;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.sala-visit-modal__header h2 {
    margin: 0 42px 10px;
    color: #263226;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 800;
}

.sala-visit-modal__header p:last-child {
    max-width: 390px;
    margin: 0 auto;
    color: #677066;
    font-size: 15px;
    line-height: 1.65;
}

.sala-visit-modal__form {
    padding: 0 42px 42px;
}

.sala-visit-form label {
    margin: 0 0 16px;
    color: #263226;
    font-size: 14px;
    font-weight: 700;
}

.sala-visit-form p {
    margin: 0 0 16px;
}

.sala-visit-form p:last-child {
    margin-bottom: 0;
}

.sala-visit-form br {
    display: none;
}

.sala-visit-form label span {
    color: #ae3625;
}

.sala-visit-form .wpcf7-form-control-wrap {
    display: block;
    margin-top: 8px;
}

.sala-visit-form .sala-visit-input {
    height: 52px;
    margin: 0;
    border: 1px solid #d8d3c9;
    border-radius: 12px;
    background: #fff;
    box-shadow: none;
    color: #263226;
    font-size: 16px;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.sala-visit-form .sala-visit-input:focus {
    border-color: #1f6f45;
    box-shadow: 0 0 0 4px rgba(31, 111, 69, .12);
}

.sala-visit-form .sala-visit-submit {
    width: 100%;
    min-height: 54px;
    margin: 4px 0 0;
    border: 0;
    border-radius: 12px;
    background: #ae3625 !important;
    color: #fff !important;
    box-shadow: 0 14px 30px rgba(174, 54, 37, .24);
    font-size: 16px;
    font-weight: 800;
    letter-spacing: .04em;
}

.sala-visit-form .sala-visit-submit:hover {
    background: #1f6f45 !important;
    box-shadow: 0 14px 30px rgba(31, 111, 69, .22);
}

.sala-visit-cf7 .wpcf7-spinner {
    display: block;
    margin: 12px auto 0;
}

.sala-visit-cf7 .wpcf7-not-valid-tip {
    margin-top: 6px;
    font-size: 13px;
}

.sala-visit-cf7 .wpcf7-response-output {
    margin: 18px 0 0 !important;
    padding: 12px 14px !important;
    border-radius: 10px;
    font-size: 14px;
    line-height: 1.45;
}

.sala-visit-modal__notice {
    margin: 0;
    padding: 14px;
    border-radius: 10px;
    background: #fff;
    color: #ae3625;
    text-align: center;
}

@media (max-width: 549px) {

    .sala-visit-modal {
        align-items: flex-end;
        padding: 14px;
    }

    .sala-visit-modal__dialog {
        width: 100%;
        max-height: calc(100vh - 28px);
        border-radius: 18px;
    }

    .sala-visit-modal__header {
        padding: 36px 22px 16px;
    }

    .sala-visit-modal__header h2 {
        margin: 0 38px 10px;
        font-size: 24px;
    }

    .sala-visit-modal__header p:last-child {
        font-size: 14px;
    }

    .sala-visit-modal__form {
        padding: 0 22px 28px;
    }

    .sala-visit-form .sala-visit-input {
        height: 50px;
        font-size: 16px;
    }
}
.sala-visit-modal__form form {
    margin-bottom: 0px;
}

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

h2#sala-visit-modal-title {
    margin: 0px;
}
h2#sala-visit-modal-title {
    margin-bottom: 10px;
}
h2#sala-quote-modal-title {
    margin: 0px;
    margin-bottom: 10px;
}
h2#sala-download-modal-title {
    margin: 0px;
    margin-bottom: 10px;
}