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

/*************** ADD CUSTOM CSS HERE.   ***************/
/*@font-face {
    font-family: 'AdelleSansARA';
    src: url('assets/fonts/fonts/AdelleSansEXT-Regular.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
*/
/*
* {
    font-family: 'AdelleSansARA', sans-serif !important;
    font-weight: normal;
}
*/
/*
==========================================================================
 PHẦN 1: KHAI BÁO TẤT CẢ 14 BIẾN THỂ FONT ADELLESANSEXT
==========================================================================
*/

/* --- Thin (100) --- */
@font-face {
  font-family: 'AdelleSansEXT';
  src: url('https://belnutris.vn/wp-content/uploads/2025/07/AdelleSansEXT-Thin.ttf');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'AdelleSansEXT';
  src: url('https://belnutris.vn/wp-content/uploads/2025/07/AdelleSansEXT-ThinItalic.ttf');
  font-weight: 100;
  font-style: italic;
}

/* --- Light (300) --- */
@font-face {
  font-family: 'AdelleSansEXT';
  src: url('https://belnutris.vn/wp-content/uploads/2025/07/AdelleSansEXT-Light.ttf');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'AdelleSansEXT';
  src: url('https://belnutris.vn/wp-content/uploads/2025/07/AdelleSansEXT-LightItalic.ttf');
  font-weight: 300;
  font-style: italic;
}

/* --- Regular (400) --- */
@font-face {
  font-family: 'AdelleSansEXT';
  src: url('https://belnutris.vn/wp-content/uploads/2025/07/AdelleSansEXT-Regular.ttf');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'AdelleSansEXT';
  src: url('https://belnutris.vn/wp-content/uploads/2025/07/AdelleSansEXT-Italic.ttf');
  font-weight: 400;
  font-style: italic;
}

/* --- Semibold (600) --- */
@font-face {
  font-family: 'AdelleSansEXT';
  src: url('https://belnutris.vn/wp-content/uploads/2025/07/AdelleSansEXT-Semibold.ttf');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'AdelleSansEXT';
  src: url('https://belnutris.vn/wp-content/uploads/2025/07/AdelleSansEXT-SemiboldItalic.ttf');
  font-weight: 600;
  font-style: italic;
}

/* --- Bold (700) --- */
@font-face {
  font-family: 'AdelleSansEXT';
  src: url('https://belnutris.vn/wp-content/uploads/2025/07/AdelleSansEXT-Bold.ttf');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'AdelleSansEXT';
  src: url('https://belnutris.vn/wp-content/uploads/2025/07/AdelleSansEXT-BoldItalic.ttf');
  font-weight: 700;
  font-style: italic;
}

/* --- Extrabold (800) --- */
@font-face {
  font-family: 'AdelleSansEXT';
  src: url('https://belnutris.vn/wp-content/uploads/2025/07/AdelleSansEXT-Extrabold.ttf');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'AdelleSansEXT';
  src: url('https://belnutris.vn/wp-content/uploads/2025/07/AdelleSansEXT-ExtraboldItalic.ttf');
  font-weight: 800;
  font-style: italic;
}

/* --- Heavy (900) --- */
@font-face {
  font-family: 'AdelleSansEXT';
  src: url('https://belnutris.vn/wp-content/uploads/2025/07/AdelleSansEXT-Heavy.ttf');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'AdelleSansEXT';
  src: url('https://belnutris.vn/wp-content/uploads/2025/07/AdelleSansEXT-HeavyItalic.ttf');
  font-weight: 900;
  font-style: italic;
}


/* --- PHẦN 2: ÉP TOÀN BỘ WEBSITE DÙNG FONT CHỈ ĐỊNH --- */
/* Đây là quy tắc mạnh mẽ để giải quyết vấn đề của Flatsome */
body, h1, h2, h3, h4, h5, h6, .nav > li > a, .button, .mfp-title, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
    font-family: 'AdelleSansEXT', sans-serif !important;
}

/* Đặt weight mặc định cho toàn trang */
body {
    font-weight: 300 !important; /* Ví dụ: Light */
}
/* Đặt weight mặc định cho các tiêu đề */
h1, h2, h3, h4, h5, h6, .heading-font {
    font-weight: 700 !important; /* Ví dụ: Bold */
}



ul.header-nav.header-nav-main.nav {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    align-items: center;
    gap: 21px;
}

.custom-email-form button {
    background: transparent;
    border: none;
    padding: 10px;
    cursor: pointer;
    position: relative;
}

.text-box-banner-home {
    border-radius: 25px;
}

.text-box-banner-home1 {
    border-radius: 50px;
}

.custom-email-form span.wpcf7-form-control-wrap:after {
    content: "";
    display: inline-block;

    position: absolute;
    right: 10px;
    top: 33%;
    transform: translateY(-3px);
    width: 16px;
    height: 12px;
    background-color: white;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'%3E%3Cpath d='M1.60547 5.79785H13.6055' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.3047 1.29785L14.8047 5.79785L10.3047 10.2979' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'%3E%3Cpath d='M1.60547 5.79785H13.6055' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.3047 1.29785L14.8047 5.79785L10.3047 10.2979' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.custom-email-form input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email {
    display: inline-flex;
    height: 50px;
    padding: 9.5px 39px 9.5px 18px;
    align-items: center;
    flex-shrink: 0;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 4px;
    font-size: 16px;
    position: relative;
}

.custom-email-form input.wpcf7-form-control.wpcf7-email::placeholder {
    color: #fff;
    font-size: 16px;
    transition: all 0.3s ease;
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
}

.custom-email-form input[type=email]:focus,
.custom-email-form input[type=number]:focus,
.custom-email-form input[type=password]:focus,
.custom-email-form input[type=search]:focus,
.custom-email-form input[type=tel]:focus,
.custom-email-form input[type=text]:focus,
.custom-email-form select:focus,
.custom-email-form textarea:focus {
    color: #fff !important;
}

.custom-email-form input.wpcf7-form-control.wpcf7-email:focus::placeholder,
.custom-email-form input.wpcf7-form-control.wpcf7-email:not(:placeholder-shown)::placeholder {
    top: 0;
    left: 18px;
    font-size: 12px;
    color: #fff;
    transform: translateY(5px);
}

.custom-email-form input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email {
    display: inline-flex;
    height: 50px;
    padding: 9.5px 39px 9.5px 18px;
    align-items: center;
    flex-shrink: 0;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 4px;

}



.absolute-footer.dark.medium-text-center.small-text-center {
    display: none;
}


a.button.primary.lowercase.btn-timhieuthem {
    border-radius: 4px;
    background: #FFF;
    display: inline-flex;
    padding: 10px 34px;
    align-items: flex-start;
    gap: 10px;
    color: #07478a;
}

a.button.primary.lowercase.btn-timhieuthem:hover,
.button.is-form:hover,
button#place_order {
    background: #07478a;
    color: #FFF;
}

.text-box-banner-home {
    box-shadow: 0px 1px 11.4px 0px rgba(0, 0, 0, 0.57);
    opacity: 0.8;
}


.slider-2-nut h3 {
    line-height: 1.3;
}

.slider-2-nut .flickity-button.flickity-prev-next-button.previous .flickity-button-icon {
    position: absolute;
    min-width: 40px !important;
    height: 40px !important;
    background-color: #fff;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="12" viewBox="0 0 14 12" fill="none"%3E%3Cpath d="M12.5 6H1.5" stroke="%2307478A" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M6 10.5L1.5 6L6 1.5" stroke="%2307478A" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
    background-size: 40%;
    background-position: center;
    /* Đảm bảo SVG được căn giữa trong background */
    background-repeat: no-repeat;
    flex-shrink: 0;
    border: unset !important;
    padding: 10px;
    /* Thêm khoảng cách giữa SVG và viền background */
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}

.slider-2-nut button.flickity-button.flickity-prev-next-button.next .flickity-button-icon {
    position: absolute;
    min-width: 40px !important;
    height: 40px !important;
    background-color: #fff;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2212%22%20viewBox%3D%220%200%2014%2012%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1.5%206H12.5%22%20stroke%3D%22%2307478A%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%201.5L12.5%206L8%2010.5%22%20stroke%3D%22%2307478A%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
    background-size: 40%;
    background-position: center;
    background-repeat: no-repeat;
    flex-shrink: 0;
    border: unset !important;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}

.slider-2-nut .flickity-button.flickity-prev-next-button.previous {
    display: flex;
    right: 151px;
    position: absolute;
    left: auto;
    bottom: -358px;
}

.slider-2-nut button.flickity-button.flickity-prev-next-button.next {
    display: flex;
    right: 99px;
    position: absolute;
    left: auto;
    bottom: -358px;
}

.slider-2-nut .flickity-button.flickity-prev-next-button.previous .flickity-button-icon path {
    transform: scale(0.3);
}


.slider-2-nut .flickity-button.flickity-prev-next-button.previous .flickity-button-icon path {
    transform: scale(0.6);
}

.slider-nav-circle .flickity-prev-next-button:hover .arrow,
.slider-nav-circle .flickity-prev-next-button:hover svg path.arrow {
    display: none;

}

path.arrow {
    display: none;
}

/* Cho cả text-box-content bay lên */
.text-box-banner-second .text-box-content {
    opacity: 0.8;
    transform: translateY(30px);
    animation: fadeInUpShared 1s ease forwards;
}

/* Cho ::after bay lên cùng lúc */
.text-box-banner-second::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: -1;
    opacity: 0.8;
    transform: translateY(30px);
    animation: fadeInUpShared 1s ease forwards;
    background: #07478a;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
}


@keyframes fadeInUpShared {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 0.8;
        transform: translateY(0);
    }
}


.post-title a {
    color: var(--blue, #07478A);
    font-family: "Adelle Sans";
    font-size: 23px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
}

.box-blog-post .is-divider {
    display: none;
}

.text-box-banner-second p {
    width: 706px;
    position: relative;
    display: flex;
    justify-content: center;
    margin: auto auto;
    /* height: 150px; */
}


p.from_the_blog_excerpt {
    color: #000;
    font-family: "Adelle Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 29px;
    margin-top: 9px;
}

.post-meta {
    color: #000;
    font-family: "Adelle Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
}

.blog-post-inner a.button.primary.is-link {
    position: relative;
}

.blog-post-inner a.button.primary.is-link::after {
    content: "";
    display: inline-block;
    position: absolute;
    right: -12px;
    top: 43%;
    transform: translateY(-46%);
    width: 9px;
    height: 14px;
    background-color: #07478A;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='15' viewBox='0 0 10 15' fill='none'%3E%3Cpath d='M1.42462 13.8492L7.84923 7.42456L1.42462 0.999944' stroke='%2307478A' stroke-width='2'/%3E%3C/svg%3E");

    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='15' viewBox='0 0 10 15' fill='none'%3E%3Cpath d='M1.42462 13.8492L7.84923 7.42456L1.42462 0.999944' stroke='%2307478A' stroke-width='2'/%3E%3C/svg%3E");
}


h5.post-title,
.post-meta {
    display: block;
}

.a.plain {
    margin-bottom: 95px !important;
}


.post-meta {
    position: relative;
    top: -80px;
    font-size: 16px;
    color: #777;
    margin-bottom: 0;
}


h5.post-title {
    min-height: 127px;
    padding-top: 20px;
    margin-top: 0;
    display: flex;
    align-items: center;
    margin-bottom: -34px;
}


a.button.primary.is-link {
    position: relative;
    z-index: 2;
}

button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    background-color: #07478a;
}


.box-text-products a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    color: var(--blue, #07478A);
    font-family: "Adelle Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.product-small.box:hover .woocommerce-loop-product__title a {
    text-decoration: underline;
}

.product-small .price-wrapper {
    padding-top: 5px;
    color: #000;
    opacity: 0.6;
    font-size: 17px;
}

.product-info.summary h1.product-title.product_title.entry-title {
    color: var(--blue, #07478A);
    font-family: "Adelle Sans";
    font-size: 37px;
    font-style: normal;
    font-weight: 700;
}

.product-info.summary .cart {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.product-info.summary .ux-quantity.quantity.buttons_added {
    display: flex;
    padding: 0px 0px;
    justify-content: center;
    align-items: center;
    /* gap: 20px; */
    border-radius: 4px;
    border: 2px solid var(--Grey, #DADCE0);
}

.ux-quantity.quantity.buttons_added {
    border: 2px solid #dadce0;
    border-radius: 4px;
}

input.ux-quantity__button.ux-quantity__button--minus.button.minus.is-form,
input.input-text.qty.text,
input.ux-quantity__button.ux-quantity__button--plus.button.plus.is-form {
    color: var(--blue, #07478A);
    font-family: "Adelle Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    border: unset;
    background: unset;
    box-shadow: unset;
}






[data-icon-label]:after {
    color: #07478A;
    border: 1px solid #07478A;
}

a.button.checkout.wc-forward {
    background: #ffffff !important;
    color: #07478a;
    border: 1px solid #07478a;
}

.product-info.summary form.cart:before {
    content: 'Số lượng';
    margin-top: 13px;
    color: var(--blue, #07478A);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}


.product-short-description p {
    text-align: justify;
}


.product-short-description {
    display: flex;
    padding: 28px 20px 10px;
    align-items: center;
    gap: 15px;
    align-self: stretch;
    border-radius: 4px;
    border: 2px solid var(--Grey, #DADCE0);
    background: var(--White, #FFF);
}




.product-accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    cursor: pointer;
    transition: all 0.3s ease;
    border-bottom: 2px solid #07478a;
}

.accordion-title.plain {
    padding: 32px 0;
}

.accordion-title.plain span {
    padding: 0 9px;
    color: var(--blue, #07478A);
    font-family: "Adelle Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.accordion-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    position: relative;
    border-bottom: 2px solid #07478a;
    border-top: unset;
}

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

.product-footer {
    padding-bottom: 46px;
}

a.checkout-button.button.alt.wc-forward {
    display: flex;
    height: 45px;
    padding: 9px 11px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 4px;
    background: var(--blue, #07478A);
}

.is-form,
button.is-form,
button[type=submit].is-form,
input[type=button].is-form,
input[type=reset].is-form,
input[type=submit].is-form {
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 4px;
    background: var(--blue, #07478A);
    color: #fff;
}

.woocommerce.row.row-large.row-divided * {
    font-weight: 700;
}

a.icon-remove,
a.remove {
    border: 2px solid;
    border-radius: 100%;
    color: #000;
    display: block;
    font-size: 15px !important;
    font-weight: 700;
    height: 24px;
    line-height: 19px !important;
    text-align: center;
    width: 24px;
}


.tab-blogs .tab.active span {
    display: flex;
    padding: 2px 8px;
    align-items: flex-start;
    gap: 11px;
    border-radius: 4px;
    background: var(--blue, #07478A);
    color: #fff;
}

.tab.has-icon span {
    display: flex;
    padding: 3px 8px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 4px;
    background: #E0E0E0;
    color: #000;
    font-weight: 700;
}

.entry-header-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.entry-header-text h1.entry-title,
.row.align-middle .entry-title h1 {
    text-align: left;
    overflow: hidden;
    color: var(--blue, #07478A);
    text-overflow: ellipsis;
    font-family: "Adelle Sans";
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;
}

.entry-header-left {
    width: 60%;
    padding: 30px 40px;
}


.entry-header-right {
    width: 40%;
}


.entry-header-row .entry-header-text.text-center {
    padding: 0px;
}

.entry-header-left {
    text-align: left;
}

.entry-header-right {
    text-align: right;
}

.row.align-middle.entry-header-row {
    padding: 20px;
    border-radius: 6px;
    border: 2px solid var(--blue, #07478A);
    background: #FFF;
}

.health-article-share {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 62px;
}

.health-article-share-label {
    font-weight: bold;
}

.health-article-share-icon {
    text-decoration: none;
    font-size: 18px;
}

.health-article-share-icon span {
    display: inline-block;
    padding: 5px;
    border-radius: 50%;
    background: #ddd;
}


.entry-post-date,
span.continue-reading {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    display: block;
    top: -8px;
    position: relative;
    bottom: auto;
    opacity: .6;
}

.row.align-middle .entry-title h1 {
    line-height: 1.5;
}



.post-date-day,
.post-date-month,
.post-date-year {
    display: inline-block;
    margin-right: 5px;
}

.entry-divider.is-divider.small {
    display: none;
}


.entry-content.single-page {
    flex-basis: 100%;
    max-width: 100%;
    margin: auto;
    text-align: justify;
}



.col-form-trang-contact .form-row {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
}


.col-form-trang-contact .form-control {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
}


.col-form-trang-contact .col-6 {
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
}


.col-form-trang-contact .col-12 {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}


.col-form-trang-contact .btn-submit {
    width: 100%;
    background-color: #4CAF50;
    color: white;
    padding: 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
}



.col-form-trang-contact .select-resize-ghost,
.col-form-trang-contact .select2-container .select2-choice,
.col-form-trang-contact .select2-container .select2-selection,
.col-form-trang-contact input[type=date],
.col-form-trang-contact input[type=email],
.col-form-trang-contact input[type=number],
.col-form-trang-contact input[type=password],
.col-form-trang-contact input[type=search],
.col-form-trang-contact input[type=tel],
.col-form-trang-contact input[type=text],
.col-form-trang-contact input[type=url],
.col-form-trang-contact select,
.col-form-trang-contact textarea#your-message {
    display: flex;
    padding: 24px 25px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    flex: 1 0 0;
    border-radius: 4px;
    border: 2px solid var(--blue, #07478A);
    opacity: 0.6;
}

.col-form-trang-contact input.wpcf7-form-control.wpcf7-submit.has-spinner.btn-submit {
    display: flex;
    padding: 7px 25px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 4px;
    border: 2px solid var(--blue, #07478A);
    background: var(--blue, #07478A);
}

.col-form-trang-contact textarea#your-message {
    height: 179px;
    padding: 17px 25px;
}

.row.align-middle.entry-header-row.random-bai-viet {
    max-width: 77%;
    flex-basis: 80%;
    margin: 0 auto;
}

.stars a:after {
    content: "\2606";
    color: #ddd;
    font-size: 26px;
    font-family: "FontAwesome";
}

.stars a.star-1:after {
    content: "\2605";
    color: #FFD700;
}

.stars a.star-2:after {
    content: "\2605\2605";
    color: #FFD700;
}

.stars a.star-3:after {
    content: "\2605\2605\2605";
    color: #FFD700;
}

.stars a.star-4:after {
    content: "\2605\2605\2605\2605";
    color: #FFD700;
}

.stars a.star-5:after {
    content: "\2605\2605\2605\2605\2605";
    color: #FFD700;
}

.stars a.empty:after {
    color: #ddd;
    content: "\2606";
}


.social-icons.follow-icons.soccial-icon-footer {
    display: flex;
    gap: 11px;
}


#menu-item-82 .sub-menu.nav-dropdown.nav-dropdown-default {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    background: #f2eeda;
    list-style: none;
    border: unset;
    flex: 1;
    padding: 0 15px;
    text-align: left;
    min-height: 150px;
}

#menu-item-84 ul.sub-menu.nav-dropdown.nav-dropdown-default {
    background: rgb(7, 71, 138);
    border: unset;
    border-radius: 4px;
    box-shadow: 0px 1px 11.4px 0px rgba(0, 0, 0, 0.57);
}

#menu-item-84 ul.sub-menu.nav-dropdown.nav-dropdown-default a {
    color: #fff !important;
}




#menu-item-82 .sub-menu.nav-dropdown.nav-dropdown-default>a {
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
    padding: 10px 0;
    text-decoration: none;
    margin-bottom: 15px;
}


#menu-item-82 .sub-menu.nav-dropdown.nav-dropdown-default {
    display: block;
    justify-content: space-between;
    min-width: 396px;
    padding: 13px 21px;
    background: rgb(7, 71, 138);
    list-style: none;
    gap: 22px;
    border-radius: 4px;
    box-shadow: 0px 1px 11.4px 0px rgba(0, 0, 0, 0.57);
}

.nav-dropdown-has-arrow li.has-dropdown:after {
    border-color: hsla(0, 0%, 87%, 0) hsla(0, 0%, 87%, 0) rgb(7, 71, 138);
    border-width: 8px;
    margin-left: -8px;
}


#menu-item-82 .sub-menu.nav-dropdown.nav-dropdown-default .nav-column.nav-dropdown-default .menu-item {
    margin-bottom: 10px;
}


#menu-item-82 .sub-menu.nav-dropdown.nav-dropdown-default .nav-column.nav-dropdown-default .menu-item a {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 8px 12px;
    border-radius: 5px;
    transition: background-color 0.3s, color 0.3s, padding-left 0.3s;
    background: transparent;
}


#menu-item-82 .sub-menu.nav-dropdown.nav-dropdown-default>.menu-item a:hover,
#menu-item-84 .sub-menu.nav-dropdown.nav-dropdown-default>.menu-item a:hover {
    background: rgb(7, 71, 138);
    color: rgb(237, 222, 156) !important;
}

#menu-item-82 .sub-menu.nav-dropdown.nav-dropdown-default .nav-column.nav-dropdown-default .menu-item a:hover {
    background: rgb(7, 71, 138);
    color: #fff;
    padding-left: 7px;
}

#menu-item-82 .nav-dropdown-default .nav-column li>a,
#menu-item-82 .nav-dropdown.nav-dropdown-default>li>a {
    margin: 0 2px;
    padding-left: 0;
    padding-right: 0;
}

#menu-item-82 .nav-dropdown .menu-item-has-children>a,
#menu-item-82 .nav-dropdown .nav-dropdown-col>a,
#menu-item-82 .nav-dropdown .title>a,
#menu-item-82 .menu-item.menu-item-object-page>a {
    color: #fff;
    font-size: 16px;
    font-weight: unset;
    text-transform: unset;
}


.nav-dropdown-has-border .nav-dropdown {
    border: 2px solid unset;
}

.nav-dropdown>li.image-column,
.nav-dropdown>li.nav-dropdown-col {
    display: table-cell;
    min-width: 291px;
    text-align: left;
    white-space: nowrap;
    width: 160px;
}

.nav-dropdown-default .nav-column li>a,
.nav-dropdown.nav-dropdown-default>li>a {
    border-bottom: unset !important;

}

@media (max-width: 768px) {
    .sub-menu.nav-dropdown.nav-dropdown-default {
        flex-direction: column;
        align-items: stretch;
        padding: 10px;
    }

    .sub-menu.nav-dropdown.nav-dropdown-default .nav-dropdown-col {
        width: 100%;
        padding: 10px 0;
        min-height: auto;
        border-bottom: 1px solid #e0e0e0;
    }

    .sub-menu.nav-dropdown.nav-dropdown-default .nav-dropdown-col>a {
        font-size: 16px;
    }



    .sub-menu.nav-dropdown.nav-dropdown-default .nav-column.nav-dropdown-default .menu-item a {
        font-size: 14px;
        padding: 8px 10px;
    }
}

.product-categories-list {
    background-color: #07478a;
    padding: 40px;
    box-shadow: 0px 1px 11.4px 0px rgba(0, 0, 0, 0.57);
}

.product-categories-list h2 {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
}

.product-categories-list .category-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.product-categories-list .category-list li {
    margin-bottom: 8px;
    position: relative;
    margin-left: 0px !important;
}


.product-categories-list .category-list li a {
    text-decoration: none;
    color: #ffffff;
    font-size: 18px;
}

.product-categories-list .category-list li a:hover {
    color: rgb(237, 222, 156);
    text-decoration: none;
}

.cart .button-container {
    display: flex;
    justify-content: space-between;
    gap: 4%;
    /* Small gap between buttons (4% of the container width) */
    flex-wrap: nowrap;
    align-items: center;
    /* Vertically align buttons */
}

.cart .single_add_to_cart_button,
.cart .buy-now-button {
    width: 100%;
    margin: 0;
    /* Reset default margins */
    padding: 13px;
    /* Match your specified padding */
    font-size: 14px;
    /* Match Flatsome button font size */
    line-height: 1.5;
    border-radius: 4px;
    /* Match your specified border radius */
    text-align: center;
    box-sizing: border-box;
    /* Ensure padding doesn't affect width */
}

.cart .single_add_to_cart_button {
    background: #fff;
    color: #07478A;
    border: 1px solid #07478A;
}

.cart .buy-now-button,
.cart .single_add_to_cart_button:hover {
    background: #07478A;
    color: #fff;
    border: none;
}

.cart .buy-now-button:hover {
    background: #053c6b;
    /* Darker shade of #07478A on hover */
    color: #fff;
}

@media only screen and (max-width: 48em) {

    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    i.icon-menu,
    .flex-col.show-for-medium.flex-right i.icon-search,
    i.icon-shopping-cart {
        color: #07478a;
    }

    .header-top {
        min-height: 43px;
        border-bottom: 1px solid #e1dede;
    }


    .nav:not(.nav-slide) .active>.children {

        opacity: 1;
        padding-bottom: 30px;
        position: inherit;
        transform: translateX(0);
    }

    .nav:not(.nav-slide) .active>.children li {
        left: 38px;
        position: relative;
    }

    .sub-menu.nav-sidebar-ul.children {
        text-align: left;
        list-style: none;
        padding: 0;
        margin: 0;
    }


    .sub-menu.nav-sidebar-ul.children>.menu-item {
        padding-left: 0px;
        margin: 0;
    }


    .sub-menu.nav-sidebar-ul.children .sub-menu.nav-sidebar-ul>.menu-item {
        padding-left: 20px;
        margin: 0;
    }


    .sub-menu.nav-sidebar-ul .menu-item a {
        text-decoration: none;
        color: #000;
        display: block;
        text-align: left;
        font-weight: 300;
        transition: background-color 0.3s, color 0.3s, padding-left 0.3s;
    }

    .sub-menu.nav-sidebar-ul .menu-item a:hover {
        color: #0073aa;
        padding-left: 5px;
    }

    .nav-sidebar.nav-vertical>.menu-item-84.active *,
    .nav-sidebar.nav-vertical>.menu-item-84:hover * {
        background-color: #07478A !important;
        color: #fff !important;
    }


    .off-canvas-center .nav-vertical>li>a,
    .off-canvas-center .nav-vertical>li>ul>li a {
        justify-content: left !important;
        color: #07478a;
        font-size: 17px;
        padding: 19px;
    }

    .searchform-wrapper.ux-search-box.relative.is-normal i.icon-search {
        color: #fff;
    }

    .next-prev-thumbs li.has-dropdown:hover>.nav-dropdown,
    .no-js li.has-dropdown:hover>.nav-dropdown,
    li.current-dropdown>.nav-dropdown {
        left: -244px;
        max-height: inherit;
        opacity: 1;
        visibility: visible;
    }

    .slider-2-nut .flickity-button.flickity-prev-next-button.previous {
        display: flex;
        left: 7px;
        position: absolute;
        right: auto;

        bottom: 137px;
    }

    .slider-2-nut button.flickity-button.flickity-prev-next-button.next {
        display: flex;
        right: 6px;
        position: absolute;
        left: auto;
        bottom: 137px;
    }

    .box-text-products a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
        font-size: 22px;
    }

    .box-text-products span.woocommerce-Price-amount.amount {
        font-size: 18px;
    }

    .post-meta {
        position: relative;
        top: -85px;
        font-size: 16px;
        color: #777;
        margin-bottom: 0;
    }

    h5.post-title {
        min-height: 173px;
        padding-top: 0px;
        margin-top: 0px;
        display: flex;
        align-items: center;
        margin-bottom: -88px;
    }

    p.from_the_blog_excerpt {
        color: #000;
        font-family: "Adelle Sans";
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 29px;
        margin-top: 42px;
    }

    .text-box-banner-second p {
        width: 344px;
        position: relative;
        display: flex;
        justify-content: center;
        margin: auto auto;
        height: 137px;
        font-size: 20px;
        align-items: center;
        padding: 6px 0px 0px;
    }

    .entry-header-left {
        width: 100%;
        padding: 25px 25px;
    }

    .entry-header-text h1.entry-title,
    .row.align-middle .entry-title h1 {
        text-align: left;
        overflow: hidden;
        color: var(--blue, #07478A);
        text-overflow: ellipsis;
        font-family: "Adelle Sans";
        font-size: 27px;
        font-style: normal;
        font-weight: 700;
        line-height: 41px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        align-self: stretch;
    }

    .entry-header-right {
        width: 100%;
    }

    .entry-image.relative {
        padding: 0px 30px;
    }

    .container .row:not(.row-collapse),
    .lightbox-content .row:not(.row-collapse),
    .row .gallery,
    .row .row:not(.row-collapse) {
        margin-left: -7px;
        margin-right: -7px;
        padding-left: 0;
        padding-right: 0;
        width: auto;
    }

    .health-article-share {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 19px;
    }

    .header-top {
        background-color: #fff;
    }

    .header-top strong {
        color: #07478a;
    }

    .col-form-trang-contact .col-6,
    .col-form-trang-contact .col-12 {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }

    .breadcrumb {
        font-size: 13px !important;
        margin-bottom: 15px;
        display: flex;
        gap: 12px;

    }

    [role="group"][aria-labeledby="comment-form-rating-label"] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 4px;
        /* khoảng cách giữa các ngôi sao */
        flex-wrap: nowrap;
    }

    [role="group"] a {
        display: inline-block;
        text-decoration: none;
        font-size: 1px;
    }


    .stars a:after {
        content: "\2606";
        color: #ddd;
        font-size: 13px;
        font-family: "FontAwesome";
    }


    .flickity-viewport {
        overflow: visible !important;
    }

    .banner-bg {
        overflow: visible !important;
    }

    .fill.banner-link {
        overflow: visible !important;

    }

    .banner-layers {
        -webkit-overflow-scrolling: touch;
        overflow: visible;
    }

    .flickity-slider .banner-layers {
        overflow: visible !important;

    }

    .banner-inner.fill {
        overflow: visible !important;

    }


    .text-box-banner-home {
        z-index: 99;
        margin: 0 auto;
        box-shadow: none;
        opacity: 1;
        position: static;
        clear: both;
        bottom: -128px;
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
    }


    .text-box-banner-home .text-inner {
        /* Đồng bộ padding trái/phải (58px trung bình giữa 57px và 59px) */
        text-align: center;
        /* Căn giữa tất cả nội dung text bên trong */
    }

    .text-box-banner-home .text {
        font-size: 0.8rem;
        text-align: center;
        width: 100%;
    }


    .text-box-banner-second {
        z-index: 99;
        margin: 0 auto;
        box-shadow: none;
        opacity: 1 !important;
        position: static;
        clear: both;
        bottom: -144px;
    }

    .text-box-banner-second::after {
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        opacity: 1 !important;
    }


    .banner-bg.fill {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        pointer-events: none;
    }

    a.button.primary.is-link.is-small.mb-0 {
        white-space: nowrap;
    }




    .custom-email-form span.wpcf7-form-control-wrap:after {
        content: "";
        display: inline-block;

        position: absolute;
        right: 10px;
        top: 33%;
        transform: translateY(-3px);
        width: 16px;
        height: 12px;
        background-color: white;
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'%3E%3Cpath d='M1.60547 5.79785H13.6055' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.3047 1.29785L14.8047 5.79785L10.3047 10.2979' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'%3E%3Cpath d='M1.60547 5.79785H13.6055' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.3047 1.29785L14.8047 5.79785L10.3047 10.2979' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }

    .custom-email-form input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email {

        padding: 9.5px 39px 9.5px 18px !important;

        font-size: 16px;
        position: relative;
    }

    .custom-email-form input.wpcf7-form-control.wpcf7-email::placeholder {
        color: #fff;
        font-size: 16px;
        transition: all 0.3s ease;
        position: absolute;
        left: 18px;
        top: 0px;
        transform: unset !important;
    }





}

@media screen and (max-width: 549px) {
    .x5 {
        left: unset;
    }

    .y50 {
        top: unset !important;
        transform: unset;
    }

    .y50.x50 {
        transform: unset;
    }
}