:root {
    /* TODO Add new */
    --brand-primary-color: #aa2024;
    --brand-second-color: #d9c49e;
    --brand-third-color: #b14c24;
    --brand-fourth-color: #004839;
}


@font-face {
    font-family: 'NVN Motherland Signature';
    src: url('../fonts/NVN-Motherland-Signature.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SFU Gill Sans';
    src: url('/admin/assets/fonts/SFUGillSansRegular.TTF');
    font-display: swap;
}

@font-face {
    font-family: 'SFU Gill Sans Bold';
    src: url('/admin/assets/fonts/SFUGillSansBold.TTF') format('truetype');
    font-display: swap;
}

body {
    font-family: 'SFU Gill Sans', sans-serif;
    position: relative;
    background: #fff;
    font-size: 16px;
}

/* TODO: 17/10/2025 */
.service-style-border .service-block i {
    width: 80px;
    height: 50px;
    vertical-align: middle;
    font-size: 2.6rem;
    text-align: center;
    color: var(--brand-fourth-color);
}

.service-block i {
    margin-right: 12px;
}

.service-block:hover i {
    -webkit-animation: pulse 1000ms ease-in-out;
    animation: pulse 1000ms ease-in-out;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.service-block:hover h4 {
    color: var(--theme-color);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.active>.page-link,
.page-link.active {
    background-color: var(--brand-fourth-color);
    border-color: var(--brand-fourth-color);
}

.page-link {
    color: var(--brand-fourth-color);
}

.shop-categories .img-part img {
    width: 100%;
    /* Or any desired width */
    height: auto;
    object-fit: contain;
    /* aspect-ratio: 2 / 1; */
    /* Width (2) to Height (1) ratio, so height is 1/2 of width */
    /* object-fit: cover; */
    /* Optional: controls how the image fits if its natural aspect ratio doesn't match */
}

.home-categories .product-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 22rem;
    /*flex: 1 1 17.5rem !important;*/ /* 5 divs per row */
    flex: 1 1 22.5rem !important; /* 4 divs per row */
}

.home-categories .product-item .collection-banner {
    position: relative;
    overflow: hidden;
    display: grid;
    aspect-ratio: 1 / 1;
    justify-content: center !important;
    align-items: center !important;
    align-content: center !important;
}

.home-categories .blog-details h4 {
    font-weight: 700 !important;
}

.my-text-main {
    color: var(--theme-color) !important;
}


#toast-container {
    position: fixed;
    bottom: 5px;
    right: 5px;
    width: auto;
    z-index: 9999;
}

.toast {
    background-color: var(--theme-color);
    color: #fff;
    font-size: 1.3rem;
    padding: 10px;
    border-radius: 10px;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.toast.show {
    opacity: 1;
}

li.app-language {
    padding-left: 2px !important;
    padding-right: 2px !important;
    text-align: center;
}

li.app-language a {
    background: #aaaaaa;
    border-radius: 50%;
    text-align: center;
    color: #ffffff !important;
    font-weight: 500;
    padding: 8px;
    font-size: 13px;
    line-height: 30px;
}

li.app-language.active a {
    background: var(--theme-color);
}
li.app-language-mobile.active a {
    color: var(--theme-color) !important;
}

.product-desc-short {
    max-height: 45px;
    overflow: hidden;
    margin-bottom: 10px;
}

.home-block-latest-product .add-round-btn {
    position: absolute;
    right: calc(8px + (14 - 8) * ((100vw - 320px) / (1920 - 320)));
    bottom: calc(8px + (14 - 8) * ((100vw - 320px) / (1920 - 320)));
    background-color: var(--theme-color);
    color: $white;
    border-radius: 100%;
    width: calc(24px + (38 - 24) * ((100vw - 320px) / (1920 - 320)));
    height: calc(24px + (38 - 24) * ((100vw - 320px) / (1920 - 320)));
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    font-size: calc(13px + (18 - 13) * ((100vw - 320px) / (1920 - 320)));

    span {
        display: none;
    }

    &.active {
        .ri-shopping-cart-line {
            &::before {
                content: "\f11f";
            }
        }
    }
}

.home-block-latest-product .add-round-btn i.me-1 {
    color: #ffffff;
}

.logo-block img {
    max-height: 125px !important;
}

.cart-modal-custom table td {
    text-align: left !important;
}

.cart-modal-custom .modal-body {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.text-bold-total {
    font-size: 18px;
    font-weight: 700;
}

.shipping-info-form .map-section {
    height: 270px !important;
}

.shipping-info-form .cart-item-list {
    max-height: 105px;
    overflow-y: auto;
}

.cart-info-form {
    max-height: 400px;
    overflow: auto;
}

.category-top-banner .top-banner-wrapper {
    max-height: 420px !important;
    text-align: center !important;
    overflow: hidden;
}

.cart-modal-custom .modal-content .btn-close {
    top: 0px !important;
    right: 0px !important;
    width: 25px !important;
    height: 25px !important;
}

.cart-modal-custom .modal-content .modal-body {
    padding-top: 10px !important;
    padding-bottom: 5px !important;
}

.cart-modal-custom .live-cart-modal {
    padding-top: 35px !important;
    padding-bottom: 0px !important;
}

.cart-modal-custom .live-cart-modal .cart-buttons {
    padding-top: 0px !important;
    padding-bottom: 7px !important;
}

.cart-modal-custom .live-cart-modal .form-control {
    line-height: 1.25 !important;
}

.cart-modal-custom .live-cart-modal .btn {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    line-height: 12px !important;
}

.blog-detail-page .blog-detail img {
    max-height: 450px !important;
    object-fit: contain;
}

.tools-service .section-b-space {
    padding-bottom: 5px !important;
}

.tools-service .section-b-space {
    padding-bottom: 5px !important;
}

.tools-service .section-b-space .media-body h4,
.tools-service .section-b-space .media-body p {
    color: var(--theme-color);
}



h4.price sup {
    text-transform: none !important;
}

/* Product list by Category */
.product-wrapper-block .product-wrapper-grid .col-6 .basic-product {
    height: auto !important;
    aspect-ratio: 1 / 1.15;
}

.product-wrapper-block .product-wrapper-grid .col-xl-4.col-6 .basic-product {
    height: auto !important;
    aspect-ratio: 1 / 1.2;
}

.product-wrapper-block .product-wrapper-grid .col-xl-3.col-6 .basic-product {
    height: auto !important;
    aspect-ratio: 1 / 1.26;
}

.product-wrapper-block .product-wrapper-grid.list-view .col-sm-12.col-6 .basic-product {
    aspect-ratio: auto;
}

/* end Product list by Category */

/* Home */
.product-list-5-col .basic-product .img-wrapper {
    aspect-ratio: 1 / 1 !important;
    align-items: center;
    align-content: center;
}

/* Default styles for desktop (largest screens first) */
.product-wrapper-block .product-wrapper-grid .basic-product,
.elements-product-box .basic-product {
    /* height: 400px !important; */
    height: 380px !important;
}

.home-tab-product-list .product-4 {
    height: 420px !important;
}

.home-tab-product-list .product-4 .slick-list,
.home-tab-product-list .product-4 .basic-product {
    /*height: 380px !important;*/
    height: 420px !important; /* 2026/01/19 */
}

.basic-product .overflow-hidden {
    height: 100%;
}

.basic-product .img-wrapper img {
    height: 100%;
    object-fit: cover;
}

.main-menu .brand-logo img {
    height: 85px !important;
}

/* For screens smaller than 768px (tablets and mobile) */
@media screen and (max-width: 767px) {
    .home-tab-product-list .product-4 {
        height: 350px !important;
    }

    .home-tab-product-list .product-4 .slick-list,
    .home-tab-product-list .product-4 .basic-product {
        /*height: 380px !important;*/
        height: 420px !important; /* 2026/01/19 */
    }
}

@media screen and (max-width: 577px) {
    .main-menu .brand-logo {
        height: 80px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .main-menu .brand-logo img {
        height: 70px !important;
    }
}

/* For screens smaller than 480px (small mobile only) */
@media screen and (max-width: 479px) {
    .home-tab-product-list .product-4 {
        height: 300px !important;
    }

    .home-tab-product-list .product-4 .slick-list,
    .home-tab-product-list .product-4 .basic-product,
    .product-wrapper-block .product-wrapper-grid .basic-product {
        /*height: 280px !important;*/
        height: 260px !important; /* 2026/01/19 */
    }

    .product-list-5-col .basic-product {
        height: 270px !important;
    }

    .main-menu .brand-logo {
        height: 80px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .main-menu .brand-logo img {
        height: 60px !important;
    }
}

.product-4 .slick-list {
    height: 100% !important;
}

.product-4 .img-wrapper,
.elements-product-box .basic-product .img-wrapper,
.product-wrapper-block .product-wrapper-grid .basic-product .img-wrapper {
    height: calc(100% - 80px);
    align-items: center !important;
    align-content: center !important;
    text-align: center !important;
}

/* Top menu START */

.pixelstrap a,
.pixelstrap a:hover,
.pixelstrap a:active,
.basic-product .product-title,
.pixelstrap .link-section h5 {
    color: var(--theme-color);
}

.pixelstrap ul a,
.pixelstrap ul a:hover,
.pixelstrap ul a:focus,
.pixelstrap ul a:active,
.pixelstrap ul a.highlighted {
    color: var(--theme-color) !important;
}

.main-menu {
    max-height: 85px !important;
}

.main-menu .brand-logo {
    padding-top: 0;
    padding-bottom: 0;
}


.main-menu .menu-left .navbar {
    padding: 15px 25px 15px 0px !important;
}

/* Top menu level 1: remove theme transform */
ul#main-menu .menu-title a::before {
    content: "";
    position: absolute;
    width: 7px;
    height: 1px;
    background-color: rgba(74, 85, 104, 0.65);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -4px
}

/* Top menu level 1: remove theme transform */

.pixelstrap .link-section .menu-content a::before,
ul#main-menu li ul.main-nav-more-content a::before {
    content: "";
    position: absolute;
    width: 7px;
    height: 1px;
    background-color: rgba(74, 85, 104, 0.65);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -4px
}



/* Top menu: main-nav-more-content */
ul#main-menu li ul.main-nav-more-content li {
    padding-left: 20px !important;
}

ul#main-menu li ul.main-nav-more-content li a {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* end Top menu: main-nav-more-content */



/* Top menu childen */
ul#main-menu li .menu-content ul li a {
    color: var(--theme-color) !important;
}

ul#main-menu li .menu-content ul li a {
    position: relative;
    /* Establishes positioning context for pseudo-element */
    display: inline-block;
    color: black;
}

ul#main-menu li .menu-content ul li a::after {
    content: '';
    position: absolute;
    width: 0;
    /* Starts as invisible */
    height: 2px;
    display: block;
    background: linear-gradient(currentColor, currentColor) no-repeat;
    bottom: 0;
    left: 0;
    transition: width 300ms ease;
    /* Animate the width property */
}

ul#main-menu li .menu-content ul li a:hover::after {
    width: 100%;
    /* Expands to full width on hover */
}


li.main-nav-more ul.main-nav-more-content li a {
    color: var(--theme-color) !important;
}

li.main-nav-more ul.main-nav-more-content li a {
    position: relative;
    /* Establishes positioning context for pseudo-element */
    display: inline-block;
    color: black;
}

li.main-nav-more ul.main-nav-more-content li a::after {
    content: '';
    position: absolute;
    width: 0;
    /* Starts as invisible */
    height: 2px;
    display: block;
    background: linear-gradient(currentColor, currentColor) no-repeat;
    bottom: 0;
    left: 0;
    transition: width 300ms ease;
    /* Animate the width property */
}

li.main-nav-more ul.main-nav-more-content li a:hover::after {
    width: 100%;
    /* Expands to full width on hover */
}








/* Left Menu: Sub-menu */

ul#sub-menu li ul li,
ul#sub-menu li ul li ul li {
    /*padding-left: 20px !important;*/
    margin: 0;
    padding: 0;
    display: block;
}

ul#sub-menu li ul li a,
ul#sub-menu li ul li ul li a {
    color: var(--theme-color) !important;
    position: relative;
    /*display: inline-block;*/
    /*display: grid;*/
    /*color: black;*/
    padding-left: 15px !important;
    /* 2026/01/26 */
    /*padding-right: 0px !important;*/
    padding-right: 15px !important;
    /* end 2026/01/26 */
}


ul#sub-menu li ul li a::before,
ul#sub-menu li ul li ul li a::before {
    content: "";
    position: absolute;
    width: 7px;
    height: 1px;
    background-color: rgba(74, 85, 104, 0.65);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -4px
}

ul#sub-menu li ul li a::after,
ul#sub-menu li ul li ul li a::after {
    content: '';
    position: absolute;
    width: 0;
    /* Starts as invisible */
    height: 2px;
    display: block;
    background: linear-gradient(currentColor, currentColor) no-repeat;
    bottom: 0;
    left: 15px !important;
    transition: width 300ms ease;
    /* Animate the width property */
}

ul#sub-menu li ul li a:hover::after,
ul#sub-menu li ul li ul li a:hover::after {
    /*width: 100%;*/
    /* Expands to full width on hover */
    width: 60px;
}















/* Left Menu: special-menu */
ul#sub-menu li ul.special-menu li ul li a {
    position: relative;
    display: inline-block;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

ul#sub-menu li ul.special-menu li ul li a::before {
    content: "";
    position: absolute;
    width: 7px;
    height: 1px;
    background-color: rgba(74, 85, 104, 0.65);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -4px
}

ul#sub-menu li ul.special-menu li ul li a::after {
    content: '';
    position: absolute;
    width: 0;
    /* Starts as invisible */
    height: 2px;
    display: block;
    background: linear-gradient(currentColor, currentColor) no-repeat;
    bottom: 0;
    left: 0 !important;
    transition: width 300ms ease;
    /* Animate the width property */
}

ul#sub-menu li ul.special-menu li ul li a:hover::after {
    width: 100% !important;
    /* Expands to full width on hover */
}


ul#sub-menu li ul.special-menu li .image-col a::after {
    content: '';
    position: absolute;
    width: 0;
    /* Starts as invisible */
    height: 0px;
    display: block;
    background: none !important;
    bottom: 0;
    left: 0 !important;
    /*transition: width 300ms ease;*/
    /* Animate the width property */
}

ul#sub-menu li ul.special-menu li .image-col a:hover::after {
    width: 0 !important;
    /* Expands to full width on hover */
}




/* end Left Menu: special-menu */

/* Colors and fonts */
.font-pd {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-weight: 400;
    font-size: 15px;
}

.title6 h2,
.breadcrumb-section h2,
.product-title,
.media-body h6,
.blog-details h4,
.gym-blog .blog-details p,
.product-page-details h2 {
    /* font-family: EB Garamond; */
    font-family: 'SFU Gill Sans', sans-serif;
    color: #333 !important;
}

.title6 h2 {
    font-size: 40px;
    font-weight: 400;
    line-height: 52px;
    letter-spacing: .01em;
    text-transform: capitalize;
}

.breadcrumb-section h2 {
    font-size: 30px;
}

.media-body h6 {
    font-size: 18px;
}

.blog-details h4 {
    text-transform: uppercase;
}

.product-item:hover .blog-details h4 {
    color: var(--theme-color) !important;
}

.product-title:hover,
.media-body h6:hover {
    color: var(--theme-color) !important;
}

.basic-product .price,
.element-price-box {
    font-size: calc(15px + (15 - 15) * ((100vw - 320px) / (1920 - 320)));
    color: var(--theme-color) !important;
}

/* Fix spacing */
.font-fraunces {
    margin-bottom: 10px !important;
}

.product-box-5-col {
    padding-top: 0 !important;
}

.offer-slider .media-body .add-round-btn {
    transform: translateX(-10px);
}

/* Button */
.text-end a.btn {
    position: relative;
    color: var(--theme-color) !important;
    text-decoration: none;
    margin-top: 5px;
    margin-right: 10px;
}

.text-end a.btn::after {
    content: "→";
    position: absolute;
    transition: all 0.6s ease;
    color: var(--theme-color);
    font-size: 20px;
    margin-left: 5px;
}

.text-end a.btn:hover::after {
    animation: arrow-wiggle 0.6s ease-in-out infinite;
}

@keyframes arrow-wiggle {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(3px);
    }

    100% {
        transform: translateX(0);
    }
}

.text-end a.btn:hover {
    text-decoration: underline;
}

.contact-thankyou .btn,
.messagebox-add,
.messagebox-cancel {
    position: relative;
    padding: 15px 25px;
    background-color: #333;
    color: #fff;
    text-transform: uppercase;
    border-radius: 50px;
    text-decoration: none;
    overflow: hidden;
    outline: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease;
    will-change: transform;
}

.contact-thankyou .btn:hover,
.messagebox-add:hover,
.messagebox-cancel:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, .12);
}

.contact-thankyou .btn::before,
.messagebox-add::before,
.messagebox-cancel::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg,
            transparent,
            rgba(255, 255, 255, 0.5),
            transparent);
    transition: .5s;
}

.contact-thankyou .btn:hover::before,
.messagebox-add:hover::before,
.messagebox-cancel:hover::before {
    left: 120%;
}

.messagebox-add:hover,
.messagebox-cancel:hover {
    background-color: var(--theme-color) !important;
}

section,
.section-t-space {
    padding-top: calc(30px + (30 - 30) * ((100vw - 320px) / (1920 - 320))) !important;
}

/* end Top menu childen */

/* end TODO: 17/10/2025 */

.category-top-banner {
    height: 250px !important;
    background: url("../../../static/assets/images/banner-gio-trai-cay.jpg") 50% 0 fixed no-repeat;
    height: auto;
    margin: 0 auto;
    width: 100%;
    position: relative;
    background-size: 100%
}

.cursor-pointer {
    cursor: pointer;
}

/* thank you */
.theme-modal-2 .modal-content {
    position: relative;
    border-radius: 15px !important;
    box-shadow: 0 0 5px #0000003e;
}

.theme-modal-2 .modal-content .thank-you {
    width: 100%;
    height: 100%;
    padding: 0;
    transform: translateY(-30px);
}

.cart-modal-custom .modal-content .btn-close,
.quick-view-modal .btn-close {
    top: 15px !important;
    right: 15px !important;
    width: 25px !important;
    height: 25px !important;
    border-radius: 50%;
    background-color: #ededee;
    color: #3c3f4b;
}

.cart-modal-custom .modal-content .btn-close:hover,
.quick-view-modal .btn-close:hover {
    background-color: var(--theme-color);
    color: #fff;
}

.thank-you .checkout-head {
    position: relative;
    margin-bottom: 15px;
    padding: 0 25px 10px 25px;
}

.thank-you .checkout-head::before {
    content: "";
    position: absolute;
    display: flex;
    justify-content: center;
    background: linear-gradient(to right,
            transparent,
            #bcb5b5 10%,
            #bcb5b5 90%,
            transparent);
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;

}

.thank-you .checkout-head__title {
    color: #000;
    margin: 0;
    font-weight: 700;
}

.thank-you .checkout-head__meta {
    margin-top: 6px;
    font-size: 14px;
    color: #000;
    display: flex;
    gap: 8px;
    align-items: center;
}

.thank-you .cart-modal-custom .modal-content .modal-body {
    padding-top: 10px !important;
}

.thank-you .order-layout,
.thank-you .order-layout__row,
.thank-you .order-layout__left,
.thank-you .order-layout__right {
    margin: 0;
}

.thank-you .order-layout__left,
.thank-you .order-layout__right {
    border-radius: 5px !important;
}

.thank-you .checkout-detail-box,
.thank-you .checkout-right-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.thank-you .checkout-right-box {
    padding: 0;
    background: #f8f8f8;
    overflow: clip;
}

.thank-you .checkout-detail-box .checkout-box,
.thank-you .checkout-right-box {
    border-radius: 5px !important;
    box-shadow: 0 0 5px #0000003e;
}

.thank-you .checkout-page .checkout-form .checkout-details .order-box .title-box h4 {
    line-height: 1;
}

.thank-you .checkout-page .checkout-form .checkout-details,
.thank-you .checkout-box {
    position: unset;
    padding: 20px 20px 0px 20px;
    background: #f8f8f8;
    border: none;
}

.thank-you .checkout-page .checkout-title {
    margin-bottom: 25px;
    border-bottom: 1px solid #eee;
}

.thank-you h4,
.thank-you .order-box .total li {
    font-size: calc(20px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
}

.thank-you .order-box .total li:last-child .count {
    font-family: "Montserrat", sans-serif;
}

.thank-you h4,
.thank-you .order-box .total li,
.thank-you .checkout-head__title,
.right-sidebar-modal .name {
    font-family: 'SFU Gill Sans', sans-serif;
}


.thank-you .order-success-box {
    padding-bottom: 10px;
    text-align: center;
}

.thank-you .btn-continue {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 5%);
    padding: 14px 20px;
    margin: 0 auto;
    background-color: var(--theme-color);
    color: #ffffff;
    text-decoration: none;
    border-radius: 10px;
    border: 1px solid var(--theme-color);
    font-size: 17px;
    font-weight: 700;
    transition: background-color 0.2s ease, transform 0.15s ease;
}

.thank-you .btn-continue:hover {
    background-color: #991b1b;
    transform: translateY(-1px);
}

.thank-you .btn-continue:active {
    transform: translateY(0);
}

.thank-you .order-success {
    margin-top: 12px;
}

.thank-you .order-success-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 4px;
    color: #111827;
}

.thank-you .order-success-note {
    font-size: 14px;
    color: #6b7280;
    line-height: 1.5;
}

.table-responsive .cart-info-form {
    padding-top: 10px;
}

/* contact thank you */
.contact-thankyou {
    width: 100%;
    display: flex;
    justify-content: center;
    background: #fff;
}

.contact-thankyou .contact-card {
    text-align: center;
    border-radius: 16px;
}

.contact-thankyou .illustration img {
    width: 200px;
    min-height: 100px;
    max-height: 200px;
}

.contact-thankyou h1 {
    font-family: 'SFU Gill Sans', sans-serif;
    text-transform: none;
    font-size: 30px;
    font-weight: 600;
    color: #333;
    margin-bottom: 12px;
}

.contact-thankyou .subtitle {
    font-size: 14px;
    color: #777;
    line-height: 1.6;
    margin: 0;
}

.contact-thankyou .actions {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-bottom: 32px;
    flex-wrap: wrap;
}

.contact-thankyou .btn-white,
.messagebox-cancel {
    border: 1px solid #ddd !important;
    color: #555 !important;
    background: #fff !important;
}

.contact-thankyou .btn-white:hover,
.messagebox-cancel:hover {
    background: #f7f7f7 !important;
    border-color: #ccc !important;
    color: #333 !important;
}

.contact-thankyou .btn-black,
.messagebox-add {
    background: #333 !important;
    color: #fff !important;
    border: 1px solid #333 !important;
}

.contact-thankyou .btn-black:hover,
.messagebox-add:hover {
    background: var(--theme-color) !important;
    border-color: var(--theme-color) !important;
    color: #fff !important;
}

.contact-thankyou .btn:focus-visible {
    box-shadow: 0 0 0 4px rgba(0, 0, 0, .12);
}

.contact-thankyou .social p {
    font-size: 13px;
    color: #777;
    margin-bottom: 12px;
}

.contact-thankyou .icons {
    display: flex;
    justify-content: center;
    gap: 16px;
}

.contact-thankyou .icons a {
    color: #555;
    font-size: 16px;
    transition: color 0.3s ease;
}

.contact-thankyou .icons a:hover {
    color: var(--theme-color);
}

/* Message place order */
.product-page-details .buy-box {
    width: 100%;
}

.product-page-details .accordion-item {
    position: relative;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.2);
    width: 100%;
}

.product-page-details .accordion-item .accordion-header {
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}

.product-page-details .accordion-button {
    position: relative;
    padding: 14px 22px;
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.product-page-details .accordion-button::before {
    content: "";
    display: block;
    position: absolute;
    right: 15px;
    width: 20px;
    height: 20px;
    transform: rotate(0deg);
    background-image: url("/static/assets/images/accordion_arrow.png");
    background-size: contain;
    background-repeat: no-repeat;
    transition: 0.3s linear;
}

.product-page-details .accordion-button:not(.collapsed)::before {
    transform: rotate(-180deg);
}

.product-page-details .accordion-body {
    width: 100%;
    padding: 20px 10px;
}

.product-page-details .accordion-button,
.product-options .form-label,
.messagebox-body .form-label,
.cardinfoinside .label,
.message-to,
.message-sender,
.service-block .media .media-body h4 {
    font-family: 'SFU Gill Sans', sans-serif;
}

.product-options .form-label,
.messagebox-body .form-label {
    font-weight: 600;
    font-size: 14px;
    color: #333;
    margin-bottom: 6px;
    text-align: left;
}

.product-options select,
.messagebox-body input,
.messagebox-body textarea {
    font-size: 12px;
    transition: all .2s ease;
    border-radius: 0px;
    padding: 0;
}

.product-options select {
    border: 1px solid #ddd;
    padding: 10px 14px;
}

.messagebox-body input:focus,
.messagebox-body textarea:focus {
    background: none;
    border: none;
    outline: none;
}

.messagebox-body {
    margin-top: 20px;
}

.cardInfo {
    border: 1px solid #D9D9D9;
    padding: 15px 0px 0;
}

.cardinfoinside {
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
    padding-left: 10px;
}

.cardinfoinside:first-child {
    padding-bottom: 20px;
}

.cardinfoinside:last-child {
    padding: 15px 13px;
    border-top: 1px solid #D9D9D9;
}

.message-to,
.message-sender,
.message-content {
    border: none !important;
    outline: none;
}

.message-sender {
    padding: 0 !important;
}

.message-content {
    padding: 0px;
    border: 0px;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
}

.cardinfoinside .label {
    font-size: 13px;
    font-weight: 600;
    color: #555;
}

p#char_count {
    display: none;
    text-align-last: right;
    color: var(--button, #333);
    font-family: Montserrat;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0 13px;
}

p#char_count.warning {
    color: #c0282d;
    font-weight: 700;
}

.button-div {
    display: flex;
    gap: 12px;
    margin-top: 18px;
    flex-wrap: wrap;
    justify-content: center;
}

#productQuickView .view-thumbnail-slider .slider-image,
.custom-container-slider .view-thumbnail-slider .slider-image {
    aspect-ratio: 1/1;
    align-content: center !important;
}

#productQuickView .slick-track,
.custom-container-slider .slick-track {
    display: flex;
    justify-content: center;
    align-items: center;
    /* Vertically centers the slides within the track */
}

#productQuickView .slick-slide,
.custom-container-slider .slick-slide {
    display: flex !important;
    justify-content: center;
    /* Horizontally centers content within each slide */
    align-items: center;
    /* Ensures individual slide content is vertically centered */
    height: auto;
    /* Allow height to adjust based on content if needed */
}

#productQuickView .slick-slide img,
.custom-container-slider .slick-slide img {
    /* Optional: helps images fill the space nicely without stretching */
    object-fit: contain;
    max-height: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* tools-service */
.tools-service {
    position: relative;
    margin: 0 !important;
    padding: 10px 0 !important;
    background: var(--brand-second-color);
    width: auto;
    border-bottom: 1px solid #e4e4e4;
}

.tools-service .container {
    max-width: 1700px;
    border: none;
}

.service-row {
    display: flex;
    justify-content: space-between;
}

.service-block .media {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.service-block .media .media-body {
    margin-top: 5px;
    text-align: center;
    border: none;
}

.home-banner-item {
    display: block !important;
}

.service-block .media img {
    width: 50px;
    height: 50px;
    margin: 0;
}

.service-block .media .media-body h4 {
    text-transform: uppercase;
    line-height: .5;
    margin-bottom: 5px;
    text-shadow: 0 0 0.3px rgba(0, 0, 0, 0.4);
}

.service-block .media .media-body p {
    font-size: 16px;
    text-transform: none;
    font-weight: 500;
}

/* Footer */
.my-footer {
    position: relative;
    overflow: hidden;
}

.my-footer .light-layout {
    background-color: #942021 !important;
    color: var(--brand-second-color) !important;
}

.my-footer .partition-f {
    position: relative;
    z-index: 1;
}

/* .my-footer .info-footer {
    border-right: 1px solid #d9c49e;
} */

.my-footer .light-layout .sub-title h4,
.my-footer .light-layout .sub-title .text-title,
.footer-title h4 {
    font-family: 'SFU Gill Sans', sans-serif;
    font-weight: 500 !important;
    color: #ffffff;
    font-size: 18px;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.my-footer .footer-theme .footer-logo {
    display: flex;
    justify-content: center;
}

.my-footer .footer-theme .footer-logo img {
    width: 70px;
    height: 70px;
}

.my-footer .contact-list li {
    padding: 0 !important;
    font-size: 14px;
    text-align: center;
}

.my-footer .light-layout .footer-content li,
.my-footer .light-layout .footer-content a {
    padding: 0 !important;
    color: #ffffff !important;
}
.my-footer .contact-list.text-left li {
    text-align: left;
}

/* reset css from _footer.scss (include in style.css.map) */
.footer-theme {
    .sub-title {

        li {
            /*position: relative;
            display: inherit;
            padding-top: 13px;
            text-transform: capitalize;
            font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
            color: $grey;*/

            a {
                position: relative;
                color: $grey;

                &:before {
                    position: absolute;
                    top: 20px;
                    content: "";
                    /*height: 2px;*/
                    height: 0;
                    width: 0;
                    /*background-color: var(--theme-color);*/
                    background-color: none;
                    transition: 0.5s ease;
                }
            }

            &:hover {
                a {
                    &:before {
                        /*
                        width: 100%;
                        height: 2px;
                        transition: 0.5s ease;
                        */
                        width: 0;
                        height: 0;
                        transition: none;
                    }
                }
            }
        }
    }
}
/* end reset css from _footer.scss (include in style.css.map) */

.my-footer ul li a {
    position: relative;
    display: inline-block;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.my-footer ul li a::before {
    content: "";
    position: absolute;
    width: 7px;
    height: 1px;
    background-color: rgba(74, 85, 104, 0.65);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -4px
}

.my-footer ul li a::after {
    content: '';
    position: absolute;
    width: 0;
    /* Starts as invisible */
    height: 2px;
    display: block;
    /*background: linear-gradient(currentColor, currentColor) no-repeat;*/
    background: var(--brand-second-color) !important;
    bottom: 0;
    left: 0 !important;
    transition: width 300ms ease;
    /* Animate the width property */
}

.my-footer ul li a:hover::after {
    width: 100% !important;
    /* Expands to full width on hover */
}






.my-footer ul li.no-decoration a::after {
    content: '';
    position: absolute;
    width: 0;
    /* Starts as invisible */
    height: 0px;
    display: block;
    /*background: linear-gradient(currentColor, currentColor) no-repeat;*/
    background: none !important;
    bottom: 0;
    left: 0 !important;
    /*transition: width 300ms ease;*/
    /* Animate the width property */
}

.my-footer ul li.no-decoration a:hover::after {
    width: 0 !important;
    /* Expands to full width on hover */
}






.my-footer .footer-decoration {
    position: absolute;
    pointer-events: none;
    width: 400px;
    height: auto;
    bottom: 0;
    right: 0;
    transform: translateX(120px) translateY(60px) rotate(-10deg);
    mask-image: radial-gradient(circle at top,
            black 30%,
            transparent 70%);
}

.my-footer .footer-decoration img {
    width: 100%;
    height: 100%;
}

.my-footer .sub-footer,
.top-header {
    position: relative;
    background-color: var(--brand-fourth-color) !important;
}

.my-footer .sub-footer .footer-end p {
    color: #fff;
}

@media (max-width: 1300px) {
    .my-footer .footer-decoration {
        width: 350px;
        height: auto;
        transform: translateX(110px) translateY(50px) rotate(-10deg);
    }
}

@media (max-width: 1000px) {
    .my-footer .footer-decoration {
        width: 300px;
        height: auto;
        transform: translateX(100px) translateY(40px) rotate(-10deg);
    }
}


@media (max-width: 768px) {
    .my-footer .footer-decoration {
        display: none;
    }

    .my-footer .info-footer {
        border-right: none;
    }
}

.my-footer .light-layout .footer-content li a {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}

/* CALL NOW BLOCK */
.hotline-phone-ring-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999999;
}

.hotline-phone-ring {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}

.hotline-phone-ring-circle {
    width: 85px;
    height: 85px;
    top: 10px;
    left: 10px;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid #e60808;
    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: .5;
}

.hotline-phone-ring-circle-fill {
    width: 55px;
    height: 55px;
    top: 25px;
    left: 25px;
    position: absolute;
    background-color: rgba(230, 8, 8, 0.7);
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.hotline-phone-ring-img-circle {
    background-color: #e60808;
    width: 33px;
    height: 33px;
    top: 37px;
    left: 37px;
    position: absolute;
    background-size: 20px;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hotline-phone-ring-img-circle .pps-btn-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.hotline-phone-ring-img-circle .pps-btn-img img {
    width: 20px;
    height: 20px;
}

.hotline-bar {
    position: absolute;
    background: rgba(230, 8, 8, 0.75);
    height: 40px;
    width: 200px;
    line-height: 40px;
    border-radius: 3px;
    padding: 0 10px;
    background-size: 100%;
    cursor: pointer;
    transition: all .8s;
    -webkit-transition: all .8s;
    z-index: 9;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
    border-radius: 50px !important;
    left: 33px;
    bottom: 37px;
}

.hotline-bar>a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    text-indent: 50px;
    display: block;
    letter-spacing: 1px;
    line-height: 40px;
    font-family: Arial;
}

.hotline-bar>a:hover,
.hotline-bar>a:active {
    color: #fff;
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.5) skew(1deg);
        -webkit-opacity: .1;
    }

    30% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        -webkit-opacity: .5;
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: .1;
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: .6;
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .6;
    }

    100% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: .6;
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}

@media (max-width: 768px) {
    .hotline-bar {
        display: none;
    }
}

.blog-details p,
.blog-contain h3 {
    text-overflow: ellipsis;
    white-space: nowrap !important;
    overflow: hidden !important;
}

/* Top menu */
.pixelstrap .full-mega-menu .mega-img {
    max-height: 250px !important;
}

header.sticky {
    z-index: 333 !important;
}

/* Cart */
.shipping-info-form .text-end a.btn {
    color: #ffffff !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
}

.shipping-info-form .text-end a.btn:hover {
    color: var(--theme-color) !important;
}

.shipping-info-form .my-label {
    line-height: 35px;
}

/* Product filter collection */

.cate-desc {
    position: relative;
    width: 100%;
    margin: 0 !important;
}

.sidebar-top-filter .btn-apply-price-range,
.sidebar-top-filter .irs-from,
.sidebar-top-filter .irs-to,
.sidebar-top-filter .irs-single,
.sidebar-top-filter .irs-bar,
.sidebar-top-filter .irs-slider,
.product-filter-content .collection-grid-view .grid-icon.active,
.product-filter-content .collection-grid-view .list-layout-view.active,
.product-filter-content .collection-grid-view .grid-icon.active,
.product-filter-content .collection-grid-view .list-layout-view.active   {
    background-color: var(--brand-fourth-color) !important;
    border-color: var(--brand-fourth-color) !important;
}

.collection-collapse-block .collection-accordion .accordion-item .accordion-body::-webkit-scrollbar-thumb {
    background: var(--brand-fourth-color);
    border-radius: 6px;
}

.collection-collapse-block .collection-accordion .accordion-item .accordion-body .collection-listing li .form-check .form-check-input:checked~.form-check-label {
    color: var(--brand-fourth-color) !important;
}
.collection-collapse-block .collection-accordion .accordion-item .accordion-body .collection-listing li .form-check .form-check-input:checked::before {
    -webkit-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
}
.collection-collapse-block .collection-accordion .accordion-item .accordion-body .collection-listing li .form-check .form-check-input::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 6px;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);
    left: 4px;
    top: 6px;
    z-index: 1;
    border: 2px solid var(--brand-fourth-color);
    border-top-style: none;
    border-right-style: none;
}
 .collection-collapse-block .collection-accordion .accordion-item .accordion-body .collection-listing li .form-check .form-check-input::after {
    content: "";
    position: absolute;
    width: 21px;
    height: 21px;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    background-color: #fff;
    border: 2px solid #ececec;
    cursor: pointer;
}

/* Responsive: 2026/01/15 */

.full-mega-menu, .pixelstrap .full-mega-menu {
    background-image: none !important;
}
.page-content-detail h1, .page-content-detail h2, .page-content-detail h3,
.blog-detail h1, .blog-detail h2, .blog-detail h3,
.product-tab-description h1, .product-tab-description h2, .product-tab-description h3 {
    text-transform: none !important;
}


.service-row {
    margin-bottom: 20px;
}
.service-desc .text-desc{
    font-size: 16px;
    line-height: 1.5;
}
.service-row .image-wraper {
    display: flex;
    gap: 5px; 
}
.service-row .image-wraper > div.flex-row {
    flex: 1;
    height: 385px;
}
.service-row .image-wraper > div img{
    width: 100%;
    height: 100%;
}
.service-row .image-wraper > div.full {
    height: 680px;
    width: 100%;
}
.service-row h3.text-title {
    font-weight: 700;
    font-size: 1.3rem;
    color: var(--bs-body-color);
}
.service-row .text-sub-title {
    font-weight: 700;
    font-size: 1.1rem;
}
.cart-info-form .cart-buttons .text-bold-total {
    text-align: left;
}
.cart-info-form small.cart-product-sku {
    font-size: 0.75em;
    font-style: italic;
    padding-left: 6px;
}
.shipping-info-form .cart-coupon-label {
    padding-left: 20px;
}
.shipping-info-form .cart-coupon-input {
    width: 240px;
    padding: 5px;
    line-height: 20px;
}

.my-footer .sub-title {
    margin-top: 15px;
}
.my-footer .light-layout .sub-title h4 {
    padding-bottom: 0px !important;
}

.basic-product .product-title {
    line-height: 1.7 !important; /* 2026/01/23 */
}

@media (max-width: 1199px) {
    .service-row .image-wraper > div.flex-row {
        height: 70vh;
    }
}
@media (max-width: 991px) {
    .service-row .image-wraper > div.flex-row {
        height: 65vh;
    }
    .hidden-sm {
        display:none!important
    }
}

@media (max-width: 767px) {
    .service-row .image-wraper > div.flex-row {
        height: 60vh;
    }
    .cart-section tbody tr td {
        min-width: 90px;
    }
    .hidden-xs {
        display: none !important;
    }
    .hidden-sm {
        display:none!important
    }

    .footer-theme .sub-title ul {
        padding-top: 7px;
        padding-bottom: 15px;
    }
    /* 2026/01/19 */
    .elements-product-box .basic-product {
        height: 311px !important;
    }

}
@media (max-width: 577px) {
    .service-row .image-wraper > div.flex-row {
        height: 58vh;
    }
    .cart-section tbody tr td {
        min-width: 70px;
    }
    .cart-modal-custom .live-cart-modal .btn {
        line-height: normal !important;
        font-size: 14px;
    }
    .hidden-xs {
        display: none !important;
    }
    /* reset menu.css for  */
    .top-header .header-dropdown .mobile-account i:before {
        content: "\f264" !important;
    }
    /* 2026/01/19 */
    .elements-product-box .basic-product {
        height: 277px !important;
    }
    /* fix menu.css tab icon on mobile */
    .main-menu .menu-right .icon-nav .mobile-cart {
        right: 55% !important;
    }
    .top-header .header-dropdown li:first-child {
        right: 36% !important;
    }
    .top-header .header-dropdown .mobile-account .onhover-show-div {
        right: -20px !important;
    }



    ul#main-menu .link-section .menu-title h5 {
        width: 100% !important;
    }
    ul#main-menu .mega .full-mega-menu {
        padding-right: 24px !important;
    }

    .top-header .header-dropdown .mobile-account {
        z-index: 8;
    }

}
@media (max-width: 480px) {
    .service-row .image-wraper > div.flex-row, .service-row .image-wraper > div.full {
        height: auto;
    }
    ul#main-menu .menu-title a::before, ul#main-menu li ul.main-nav-more-content a::before {
        width: 0px !important;
    }
    .cart-section tbody tr td {
        min-width: 50px;
    }
    .cart-modal-custom .live-cart-modal .btn {
        line-height: normal !important;
        font-size: 14px;
    }
    .cart-modal-custom .text-bold-total {
        font-size: 15px;
    }
    .hidden-xs {
        display: none !important;
    }

    .footer-theme .sub-title h4 {
        margin-bottom: 10px;
        margin-top: 14px;
    }

    /* 2026/01/19 */
    .elements-product-box .basic-product {
        height: 255px !important;
    }

    /* Hide icon - before li on mobile left menu */
    ul#sub-menu li ul li a::before, ul#sub-menu li ul li ul li a::before {
        width: 0px !important;
    }
    ul#sub-menu li>ul>li>a {
        line-height: 1.3rem !important;
        padding-right: 17px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        padding-left: 10px !important;
    }


}

/* 2026/01/19 */
.related-products .elements-product-box .basic-product {
    height: 335px !important;
}
/* 2026/01/21 Update size */
.product-para p {
    font-size: 15px;
    font-style: italic;
}
.menu-left .pixelstrap li a {
    font-size: 16px !important;
}
.menu-right .pixelstrap li a {
    font-size: 18px;
}
.menu-right .pixelstrap .link-section h5{
    font-size: 17px;
}
ul#main-menu li .menu-content ul li a{
    font-size: 16px;
}
ul#main-menu li ul.main-nav-more-content li {
    width: auto !important;
    padding-left: 10px !important;
}
ul#main-menu li ul.main-nav-more-content li a{
    font-size: 17px;
}
@media (max-width: 1199px) {
    ul#main-menu li ul.main-nav-more-content li a{
        font-size: 15px;
    }
}

.my-footer .light-layout .sub-title h4{
    font-size: 19px;
}

.my-footer .light-layout .footer-content li,
.my-footer .contact-list.text-left li {
    font-size: 16px;
}

.profile-order-list, .profile-order-detail {
    .badge {
        padding-top: 5px !important;
        padding-bottom: 7px !important;
        line-height: 1.1;
    }
    .badge-pending {
      background-color: #ffbc58;
    }
    .badge-confirmed {
      background-color: #17a2b8;
    }
    .badge-delivered {
      background-color: #007bff;
    }
    .badge-cancelled {
      background-color: #343a40;
    }
    .badge-delivery_approved {
      background-color: #6c757d;
    }
    .badge-finish {
      background-color: #28a745;
    }
    .badge-paid {
      background-color: #28a745;
    }
    .badge-unpaid {
      background-color: #ffc107;
    }        
}

.home-tab-product-list .text-end a.btn, .product-list-5-col .text-end a.btn{
    font-size: 16px;
}