html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}





/*==================================*/
#text-box-205375379 {
    width: 60%;
}

    #text-box-205375379 .text-box-content {
        font-size: 100%;
    }

#banner-1945159579 {
    padding-top: 620px;
}

    #banner-1945159579 .bg.bg-loaded {
        background-image: url(https://img.camiuoi.io.vn/hoaanh/IMG_0414.JPG);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

    #banner-1945159579 .overlay {
        background-color: rgba(255, 255, 255, 0);
    }

    #banner-1945159579 .bg {
        background-position: 42% 77%;
    }

    #banner-1945159579 .ux-shape-divider--top svg {
        height: 150px;
        --divider-top-width: 100%;
    }

    #banner-1945159579 .ux-shape-divider--bottom svg {
        height: 150px;
        --divider-width: 100%;
    }

#text-box-980641630 {
    width: 60%;
}

    #text-box-980641630 .text-box-content {
        font-size: 100%;
    }

#banner-301424241 {
    padding-top: 620px;
}

    #banner-301424241 .bg.bg-loaded {
        background-image: url(https://img.camiuoi.io.vn/hoaanh/IMG_0359.PNG);
    }

    #banner-301424241 .overlay {
        background-color: rgba(255, 255, 255, 0);
    }

    #banner-301424241 .bg {
        background-position: 44% 0%;
    }

    #banner-301424241 .ux-shape-divider--top svg {
        height: 150px;
        --divider-top-width: 100%;
    }

    #banner-301424241 .ux-shape-divider--bottom svg {
        height: 150px;
        --divider-width: 100%;
    }
#gap-1281198246 {
    padding-top: 30px;
}
#image_1959856673 {
    width: 51%;
}
#gap-2058556771 {
    padding-top: 15px;
}
#image_1917864127 {
    width: 100%;
}
#gap-881431866 {
    padding-top: 15px;
}
/*#image_1450670962 {
    width: 88%;
}*/
#image_1845503917 {
    width: 100%;
}
#image_1859620169 {
    width: 100%;
}
.button.success {
    background-color: #bfa165;
}
#image_638409843 {
    width: 100%;
}
#col-1319867373 > .col-inner {
    padding: 10px 10px 10px 10px;
}
#row-1669030526 > .col > .col-inner {
    background-color: rgb(255, 252, 242);
}
#image_355631043 {
    width: 49%;
}
#image_1321051409 {
    width: 81%;
}
#image_1042205122 {
    width: 63%;
}
#text-1380794092 {
    text-align: center;
}
#image_848118915 {
    width: 54%;
}
#image_2024458406 {
    width: 81%;
}
#image_1255488176 {
    width: 63%;
}
#text-1071780627 {
    text-align: center;
}
#section_2006688958 {
    padding-top: 30px;
    padding-bottom: 30px;
}

    #section_2006688958 .section-bg-overlay {
        background-color: rgba(0, 0, 0, 0.593);
    }

    #section_2006688958 .section-bg.bg-loaded {
        background-image: url(https://img.camiuoi.io.vn/hoaanh/Hinh-anh-nhan-cuoi-bac-scaled-1.jpg);
    }

    #section_2006688958 .section-bg {
        background-position: 43% 31%;
    }

    #section_2006688958 .ux-shape-divider--top svg {
        height: 150px;
        --divider-top-width: 100%;
    }

    #section_2006688958 .ux-shape-divider--bottom svg {
        height: 150px;
        --divider-width: 100%;
    }
#image_599233807 {
    width: 69%;
}
#image_1682074175 {
    width: 100%;
}
#row-158795220 > .col > .col-inner {
    padding: 10px 10px 10px 10px;
    background-color: rgb(246, 235, 213);
    border-radius: 24px;
}
#image_1321627357 {
    width: 69%;
}
#image_488396761 {
    width: 100%;
}
#image_297390305 {
    width: 100%;
}
#image_1405508978 {
    width: 100%;
}
#timer-1408932370 {
    font-size: 180%;
}
    #timer-1408932370 span {
        background-color: rgba(185, 150, 81, 0.645);
    }
#text-3330119594 {
    text-align: left;
}
#image_1148218642 {
    width: 100%;
}
#col-124841597 > .col-inner {
    padding: 30px 0px 0px 0px;
}
#section_1921531033 {
    padding-top: 30px;
    padding-bottom: 30px;
}

    #section_1921531033 .section-bg-overlay {
        background-color: rgba(0, 0, 0, 0.448);
    }

    #section_1921531033 .section-bg.bg-loaded {
        background-image: url(https://img.camiuoi.io.vn/hoaanh/Background-dam-cuoi-dep-cap-nhan-vang.jpg);
    }

    #section_1921531033 .section-bg {
        background-position: 85% 60%;
    }

    #section_1921531033 .ux-shape-divider--top svg {
        height: 150px;
        --divider-top-width: 100%;
    }

    #section_1921531033 .ux-shape-divider--bottom svg {
        height: 150px;
        --divider-width: 100%;
    }
#image_315526219 {
    width: 69%;
}
#gap-73947161 {
    padding-top: 30px;
}
#image_1368645166 {
    width: 100%;
}
#image_110565645 {
    width: 100%;
}
#image_1321412263 {
    width: 100%;
}
#image_189527338 {
    width: 100%;
}
#image_561796412 {
    width: 100%;
}
#image_814937779 {
    width: 100%;
}
#image_1850741195 {
    width: 100%;
}
#image_122222289 {
    width: 100%;
}
#image_1784324446 {
    width: 100%;
}
#image_1037934337 {
    width: 100%;
}
#image_1436209816 {
    width: 100%;
}
#image_1194648769 {
    width: 100%;
}
#image_693062693 {
    width: 100%;
}
#image_849463540 {
    width: 100%;
}
#image_737248037 {
    width: 69%;
}
#gap-1771649704 {
    padding-top: 30px;
}
#image_27925276 {
    width: 100%;
}
#image_1303314609 {
    width: 100%;
}
#gap-166695526 {
    padding-top: 30px;
}
#image_1475493289 {
    width: 100%;
}
#row-806337559 > .col > .col-inner {
    padding: 39px 12px 12px 12px;
}
#image_1424969424 {
    width: 100%;
}
#section_956339137 {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: rgb(255, 252, 242);
}

    #section_956339137 .ux-shape-divider--top svg {
        height: 150px;
        --divider-top-width: 100%;
    }

    #section_956339137 .ux-shape-divider--bottom svg {
        height: 150px;
        --divider-width: 100%;
    }
.nav-pills > li > a {
    background-color: #ececec;
    color: black;
    border-radius: 0;
}

.nav-pills > li:first-child > a {
    border-top-left-radius: 99px;
    border-bottom-left-radius: 99px;
}

.nav-pills > li:last-child > a {
    border-top-right-radius: 99px;
    border-bottom-right-radius: 99px;
}

.nav-pills > li.active > a {
    background-color: #DF4759;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
.heading-font {
    font-family: "Times New Roman", Times New Roman;
}
#gap-604944111 {
    padding-top: 30px;
}

@font-face {
    font-family: "fl-icons";
    font-display: block;
    src: url(../assets/wp-content/themes/flatsome/assets/css/icons/fl-icons.eot);
    src: url(../assets/wp-content/themes/flatsome/assets/css/icons/fl-icons-1.eot) format("embedded-opentype"), url(../assets/wp-content/themes/flatsome/assets/css/icons/fl-icons.woff2) format("woff2"), url(../assets/wp-content/themes/flatsome/assets/css/icons/fl-icons.ttf) format("truetype"), url(../assets/wp-content/themes/flatsome/assets/css/icons/fl-icons.woff) format("woff"), url(../assets/wp-content/themes/flatsome/assets/css/icons/fl-icons.svg) format("svg");
}
:root {
    --primary-color: #f30000;
}

.container-width,
.full-width .ubermenu-nav,
.container,
.row {
    max-width: 1140px
}

    .row.row-collapse {
        max-width: 1110px
    }

    .row.row-small {
        max-width: 1132.5px
    }

    .row.row-large {
        max-width: 1170px
    }

.header-main {
    height: 80px
}

#logo img {
    max-height: 80px
}

#logo {
    width: 200px;
}

.header-top {
    min-height: 30px
}

.transparent .header-main {
    height: 90px
}

.transparent #logo img {
    max-height: 90px
}

.has-transparent + .page-title:first-of-type,
.has-transparent + #main > .page-title,
.has-transparent + #main > div > .page-title,
.has-transparent + #main .page-header-wrapper:first-of-type .page-title {
    padding-top: 90px;
}

.header.show-on-scroll,
.stuck .header-main {
    height: 70px !important
}

.stuck #logo img {
    max-height: 70px !important
}

.header-bg-color {
    background-color: #ffffff
}

.header-bottom {
    background-color: #f1f1f1
}

.header-main .nav > li > a {
    line-height: 16px
}

.stuck .header-main .nav > li > a {
    line-height: 50px
}

@media (max-width: 549px) {
    .header-main {
        height: 70px
    }

    #logo img {
        max-height: 70px
    }
}

/* Color */
.accordion-title.active,
.has-icon-bg .icon .icon-inner,
.logo a,
.primary.is-underline,
.primary.is-link,
.badge-outline .badge-inner,
.nav-outline > li.active > a,
.nav-outline > li.active > a,
.cart-icon strong,
[data-color='primary'],
.is-outline.primary {
    color: #f30000;
}

/* Color !important */
[data-text-color="primary"] {
    color: #f30000 !important;
}

/* Background Color */
[data-text-bg="primary"] {
    background-color: #f30000;
}

/* Background */
.scroll-to-bullets a,
.featured-title,
.label-new.menu-item > a:after,
.nav-pagination > li > .current,
.nav-pagination > li > span:hover,
.nav-pagination > li > a:hover,
.has-hover:hover .badge-outline .badge-inner,
button[type="submit"],
.button.wc-forward:not(.checkout):not(.checkout-button),
.button.submit-button,
.button.primary:not(.is-outline),
.featured-table .title,
.is-outline:hover,
.has-icon:hover .icon-label,
.nav-dropdown-bold .nav-column li > a:hover,
.nav-dropdown.nav-dropdown-bold > li > a:hover,
.nav-dropdown-bold.dark .nav-column li > a:hover,
.nav-dropdown.nav-dropdown-bold.dark > li > a:hover,
.header-vertical-menu__opener,
.is-outline:hover,
.tagcloud a:hover,
.grid-tools a,
input[type='submit']:not(.is-form),
.box-badge:hover .box-text,
input.button.alt,
.nav-box > li > a:hover,
.nav-box > li.active > a,
.nav-pills > li.active > a,
.current-dropdown .cart-icon strong,
.cart-icon:hover strong,
.nav-line-bottom > li > a:before,
.nav-line-grow > li > a:before,
.nav-line > li > a:before,
.banner,
.header-top,
.slider-nav-circle .flickity-prev-next-button:hover svg,
.slider-nav-circle .flickity-prev-next-button:hover .arrow,
.primary.is-outline:hover,
.button.primary:not(.is-outline),
input[type='submit'].primary,
input[type='submit'].primary,
input[type='reset'].button,
input[type='button'].primary,
.badge-inner {
    background-color: #f30000;
}

    /* Border */
    .nav-vertical.nav-tabs > li.active > a,
    .scroll-to-bullets a.active,
    .nav-pagination > li > .current,
    .nav-pagination > li > span:hover,
    .nav-pagination > li > a:hover,
    .has-hover:hover .badge-outline .badge-inner,
    .accordion-title.active,
    .featured-table,
    .is-outline:hover,
    .tagcloud a:hover,
    blockquote,
    .has-border,
    .cart-icon strong:after,
    .cart-icon strong,
    .blockUI:before,
    .processing:before,
    .loading-spin,
    .slider-nav-circle .flickity-prev-next-button:hover svg,
    .slider-nav-circle .flickity-prev-next-button:hover .arrow,
    .primary.is-outline:hover {
        border-color: #f30000
    }

.nav-tabs > li.active > a {
    border-top-color: #f30000
}

.widget_shopping_cart_content .blockUI.blockOverlay:before {
    border-left-color: #f30000
}

.woocommerce-checkout-review-order .blockUI.blockOverlay:before {
    border-left-color: #f30000
}

/* Fill */
.slider .flickity-prev-next-button:hover svg,
.slider .flickity-prev-next-button:hover .arrow {
    fill: #f30000;
}

/* Background Color */
[data-icon-label]:after,
.secondary.is-underline:hover,
.secondary.is-outline:hover,
.icon-label,
.button.secondary:not(.is-outline),
.button.alt:not(.is-outline),
.badge-inner.on-sale,
.button.checkout,
.single_add_to_cart_button,
.current .breadcrumb-step {
    background-color: #f30000;
}

[data-text-bg="secondary"] {
    background-color: #f30000;
}

/* Color */
.secondary.is-underline,
.secondary.is-link,
.secondary.is-outline,
.stars a.active,
.star-rating:before,
.woocommerce-page .star-rating:before,
.star-rating span:before,
.color-secondary {
    color: #f30000
}

/* Color !important */
[data-text-color="secondary"] {
    color: #f30000 !important;
}

/* Border */
.secondary.is-outline:hover {
    border-color: #f30000
}

@media screen and (max-width: 549px) {
    body {
        font-size: 100%;
    }
}

/*body {
    font-family: "Questrial", sans-serif
}*/

body {
    font-weight: 0
}

body {
    color: #222020
}

/*.nav > li > a {
    font-family: "Questrial", sans-serif;
}*/

/*.mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-family: "Questrial", sans-serif;
}
*/
.nav > li > a {
    font-weight: 0;
}

.mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-weight: 0;
}

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

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.banner h1,
.banner h2 {
    font-weight: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font {
    color: #1f1d1d;
}

.alt-font {
    font-family: "Dancing Script", sans-serif;
}

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

.header:not(.transparent) .header-nav-main.nav > li > a {
    color: #000000;
}

    .header:not(.transparent) .header-nav-main.nav > li > a:hover,
    .header:not(.transparent) .header-nav-main.nav > li.active > a,
    .header:not(.transparent) .header-nav-main.nav > li.current > a,
    .header:not(.transparent) .header-nav-main.nav > li > a.active,
    .header:not(.transparent) .header-nav-main.nav > li > a.current {
        color: #f30000;
    }

.header-nav-main.nav-line-bottom > li > a:before,
.header-nav-main.nav-line-grow > li > a:before,
.header-nav-main.nav-line > li > a:before,
.header-nav-main.nav-box > li > a:hover,
.header-nav-main.nav-box > li.active > a,
.header-nav-main.nav-pills > li > a:hover,
.header-nav-main.nav-pills > li.active > a {
    color: #FFF !important;
    background-color: #f30000;
}

a {
    color: #2a2b2c;
}

/* Custom CSS Mobile */
@media (max-width: 549px) {
    #masthead .mobile-nav .header-button span {
        white-space: nowrap;
    }

    .tdk-bottom-fixed-contact {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 100;
    }

    .tdk-see-more-template {
        position: fixed;
        bottom: 20px;
        left: 2px;
        z-index: 100;
        max-width: 70px;
    }
}

.label-new.menu-item > a:after {
    content: "New";
}

.label-hot.menu-item > a:after {
    content: "Hot";
}

.label-sale.menu-item > a:after {
    content: "Sale";
}

.label-popular.menu-item > a:after {
    content: "Popular";
}

@media (min-width:550px) {
    #banner-1945159579 {
        padding-top: 620px;
    }
}
@media (min-width:550px) {
    #banner-301424241 {
        padding-top: 550px;
    }
}
@media (min-width:550px) {
    #image_1959856673 {
        width: 39%;
    }
}
@media (min-width:550px) {
    #gap-2058556771 {
        padding-top: 30px;
    }
}
@media (min-width:550px) {
    #gap-881431866 {
        padding-top: 30px;
    }
}
/*@media (min-width:550px) {
    #image_1450670962 {
        width: 66%;
    }
}*/
/*@media (min-width:550px) {
    #image_1845503917 {
        width: 83%;
    }
}*/
/*@media (min-width:550px) {
    #image_1859620169 {
        width: 60%;
    }
}*/
/*@media (min-width:550px) {
    #image_638409843 {
        width: 69%;
    }
}*/
@media (min-width:550px) {
    #col-1319867373 > .col-inner {
        padding: 60px 15% 60px 15%;
    }
}

@media (min-width:850px) {
    #col-1319867373 > .col-inner {
        padding: 0px 10% 0px 10%;
    }
}
@media (min-width:550px) {
    #image_355631043 {
        width: 17%;
    }
}
@media (min-width:550px) {
    #image_1321051409 {
        width: 100%;
    }
}
@media (min-width:550px) {
    #image_2024458406 {
        width: 100%;
    }
}
@media (min-width:550px) {
    #image_1255488176 {
        width: 67%;
    }
}
@media (min-width:550px) {
    #image_1984907341 {
        width: 44%;
    }
}
@media (min-width:550px) {
    #image_1698562142 {
        width: 100%;
    }
}
@media (min-width:550px) {
    #image_2100101550 {
        width: 100%;
    }
}
@media (min-width:550px) {
    #image_599233807 {
        width: 67%;
    }
}
@media (min-width:550px) {
    #image_1321627357 {
        width: 30%;
    }
}
@media (min-width:550px) {
    #col-2040392728 > .col-inner {
        margin: 0px 0px 0px 0px;
    }
}
@media (min-width:550px) {
    #image_1406200915 {
        width: 37%;
    }
}
@media (min-width:550px) {
    #timer-1408932370 {
        font-size: 243%;
    }
}
@media (min-width:550px) {
    #text-3330119594 {
        font-size: 1.15rem;
    }
}
@media (min-width:550px) {
    #image_315526219 {
        width: 29%;
    }
}
@media (min-width:550px) {
    #image_1198717715 {
        width: 29%;
    }
}
@media (min-width:550px) {
    #image_737248037 {
        width: 44%;
    }
}
@media (min-width:550px) {
    #image_27925276 {
        width: 76%;
    }
}
@media (min-width:550px) {
    #image_1303314609 {
        width: 76%;
    }
}
@media (min-width:550px) {
    #image_1475493289 {
        width: 50%;
    }
}
@media (min-width:550px) {
    #image_470366876 {
        width: 45%;
    }
}
@media (min-width:550px) {
    #image_1424969424 {
        width: 50%;
    }
}
@media (min-width:550px) {
    #image_410974895 {
        width: 39%;
    }
}
@media (min-width:550px) {
    #image_107320438 {
        width: 27%;
    }
}
@media (min-width:550px) {
    #image_1619674029 {
        width: 39%;
    }
}
@media (min-width:550px) {
    #image_1164929371 {
        width: 100%;
    }
}





.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.grid-center {
    display: grid;
    justify-content: center;
    align-items: center;
}

.font-allura {
    font-family: 'Allura', cursive;
    font-size: 6rem;
    line-height: 1;
    font-weight: 500;
}

.font-parisienne {
    font-family: 'Parisienne', cursive;
    font-size: 5rem;
    line-height: 1;
    font-weight: 500;
}

.font-alex {
    font-family: 'Alex Brush', cursive;
    font-size: 5rem;
    line-height: 1;
    font-weight: 500;
}

.font-dancing {
    font-family: 'Dancing Script', cursive;
    font-size: 5rem;
    line-height: 1;
    font-weight: 500;
}

.dn-borer {
    border: 5px;
    border-style: double;
    border-color: #000000;
    border-right: 0px;
    border-left: 0px;
}


.timeline {
    position: relative;
    width: 90%;
    /*max-width: 600px;*/
    margin-left: 50px;
}

    /* Đường thẳng chính */
    .timeline::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 2px;
        height: 100%;
        background-color: #c2a366; /* vàng nâu */
    }

/* Icon trái tim */
.heart {
    position: absolute;
    left: -8px;
    transform: translateX(-50%) rotate(45deg);
    width: 16px;
    height: 16px;
    background-color: #c2a366;
}

    .heart::before,
    .heart::after {
        content: "";
        position: absolute;
        width: 16px;
        height: 16px;
        background-color: #c2a366;
        border-radius: 50%;
    }

    .heart::before {
        top: -8px;
        left: 0;
    }

    .heart::after {
        left: -8px;
        top: 0;
    }

/* Mục timeline */
.timeline-item {
    position: relative;
    /*margin: 50px 0 50px 9px;*/
    margin: 0px 0 0px 9px;
    padding: 50px 0px;
}

    .timeline-item .heart {
        top: 70px;
    }
    .wish-item-body > .col-inner { 
        padding: 20px 40px 1px 30px;
    }
.wish-item-bg {
    background-color: rgba(122, 156, 89, 0.256);
}
.wish-item-content {
    color: #000 !important;
    /*font-family: 'Comfortaa', cursive !important;*/
    font-family: Arial, sans-serif;
}
    .wish-item-content > * {
        color: #000 !important;
        /*font-family: 'Comfortaa', cursive !important;*/
        font-family: Arial, sans-serif;
        font-size: 16px;
    }
    .wish-item-content strong {
        color: #f24f96 !important;
        /* font-family: 'Comfortaa', cursive !important;*/
        font-family: Arial, sans-serif;
        font-size: 18px;
    }
    #wish-list {
        max-height: 55vh;
        overflow: scroll;
        overflow-x: hidden;
    }
#wish-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

        #wish-list::-webkit-scrollbar {
            width: 6px;
            background-color: #F5F5F5;
        }

        #wish-list::-webkit-scrollbar-thumb {
            background-color: #f24f96;
        }


.form-wish {
    background-color: #ffffff !important;
    border-radius: 15px;
    padding: 20px;
    border-width: 5px 5px 5px 4px;
    border-color: #ececec;
    box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
    border: 0.3rem solid;
}
.form-wish > * {
    color: #000 !important;
}

    .form-wish input::placeholder, .form-wish textarea::placeholder {
        color: #000 !important; /* màu xám nhạt */
        font-style: italic;
        opacity: .5;
    }


    .form-wish input, .form-wish textarea {
        border-radius: 20px !important;
        font-size: 1rem !important;
        font: initial !important;
        color: #000 !important;
        font-family: inherit !important;
        margin-bottom: 0px;
        border-radius: 0;
        height: 50px;
        padding: 10px 20px;
        box-shadow: none;
        border: 1px solid #000;
        display: inline-block;
        border-radius: 25px;
    }


/* Overlay full-page */
.overlay {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8); /* nền mờ */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    left: 50%;
}

/* Container loader + text */
.loader-container {
    text-align: center;
}

/* Vòng tròn xoay */
.loader {
    border: 8px solid #f3f3f3; /* nền vòng tròn */
    border-top: 8px solid #000; /* phần quay màu xanh */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
    margin: 0 auto 15px auto;
}

/* Animation xoay */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Text Loading */
.loader-container p {
    font-size: 1.2rem;
    color: #000;
    font-weight: bold;
}

@keyframes moveAfter3s {
    to {
        transform: translate3d(-100%, 0, 0);
    }
}
.text-danger {
    color: red !important; /* màu đỏ */
    font-style: italic;
    display: block;
    margin-bottom: 20px;
}


#image_1406011460 {
    width: 50%;
}

@media (min-width:550px) {
    #image_1406011460 {
        width: 27%;
    }
}
#image_42094734 {
    width: 40%;
}

@media (min-width:550px) {
    #image_42094734 {
        width: 20%;
    }
}
#text-box-254421089 {
    width: 60%;
}

    #text-box-254421089 .text-box-content {
        font-size: 100%;
    }
#image_2097753690 {
    width: 100%;
}

@media (min-width:550px) {
    #image_2097753690 {
        width: 60%;
    }
}
#gap-988928540 {
    padding-top: 30px;
}
#image_503354628 {
    width: 100%;
}
#image_2117621395 {
    width: 100%;
}
#gap-1032323869 {
    padding-top: 20px;
}
#col-978979348 > .col-inner {
    padding: 25px 40px 45px 40px;
    border-radius: 19px;
}
#image_1054038985 {
    width: 100%;
}
#gap-229212953 {
    padding-top: 20px;
}
#col-426544270 > .col-inner {
    padding: 25px 40px 45px 40px;
    border-radius: 19px;
}
.lcep-trigger{
    top: unset !important;
    bottom: 5px !important;
    right: 10px !important;
}
.video-wrapper {
    position: relative;
    width: 72%;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}
/*
video {
    width: 100%;
    height: auto;
    display: block;
}*/

/* Nút Play */
/*.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 15px 30px;
    font-size: 1.2rem;
    background-color: rgba(255, 51, 102, 0.8);
    color: white;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: 0.3s;
}

    .play-btn:hover {
        background-color: rgba(255, 51, 102, 1);
    }*/

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

video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* video phủ toàn màn hình */
}

/* Nút bật/tắt tiếng */
.sound-btn {
    position: absolute;
    bottom: 0px;
    right: -5px;
    padding: 12px 18px;
    background-color: rgba(0,0,0,0.5);
    color: white;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    font-weight: bold;
    transition: 0.3s;
    line-height: 1.4em;
    min-height: unset;
    padding: 9px 9px;
    bottom: 5px;
    right: -10px;
    margin-bottom: 0;
}

    .sound-btn:hover {
        background-color: rgba(0,0,0,0.7);
    }

/* Overlay chữ hoặc nút khác */
    .overlay-text {
    position: absolute;
    bottom: 100px;
    left: 20px;
    color: white;
    font-size: 1.5rem;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.7);
}
@media (max-width: 720px) {
    .video-wrapper {
        width: 100%;
    }
}