.bg-whitesmoke {
    background: whitesmoke;
}

/*--------------------------------------------------------------------------
|  Header
--------------------------------------------------------------------------*/
.banner-top {
    background: #fc232e;
}

.text-box {
    font-size: clamp(1.2rem, 1vw - 0.05rem, 1.2rem);
}

.menu-vertical:hover .menu-vertical--nav .menu-vertical--content {
    display: block !important;
}

/*--------------------------------------------------------------------------
|  Main
--------------------------------------------------------------------------*/
.ratio-banner-wr {
    padding-top: 46.2%;
}

.section-fash-sale {
    background-color: var(--color-highlight);
    padding: 1.5rem;
    border-radius: 1.3rem;
    background-position: center;
}

.title_sale {
    background: linear-gradient(180deg, #1ad0f7 0%, #2940B8 100%);
    padding: 1rem;
    border-radius: .8rem;
}

#time_sale_all_product {
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

#time_sale_all_product p {
    background: red;
    padding: 5px 10px;
    border: 2px solid white;
    text-align: center;
    border-radius: 3rem;
    margin: 0 .5rem;
    color: white;
    font-weight: bold;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.section-fash-sale .title-section img {
    width: 4.5rem;
    margin-right: 1rem;
}

.section-fash-sale .product-item {
    background: white;
}

.section-flashsale {
    position: relative;
}

.section-flashsale:before, .section-flashsale:after {
    content: "";
    position: absolute;
    height: 130%;
    width: calc(120px + (100vw - 1440px) / 2);
    top: 50%;
    transform: translateY(-50%);
    background: var(
    --color-highlight);
    z-index: -1;
}

.section-flashsale:before {
    left: 0;
    -webkit-clip-path: polygon(0% 0%, 93.535% 11.004%, 93.535% 11.004%, 94.664% 11.161%, 95.705% 11.355%, 96.652% 11.582%, 97.496% 11.84%, 98.23% 12.125%, 98.848% 12.433%, 99.341% 12.762%, 99.702% 13.109%, 99.924% 13.469%, 100% 13.841%, 100% 86.159%, 100% 86.159%, 99.924% 86.531%, 99.702% 86.891%, 99.341% 87.238%, 98.848% 87.567%, 98.23% 87.875%, 97.496% 88.16%, 96.652% 88.418%, 95.705% 88.645%, 94.664% 88.839%, 93.535% 88.996%, 0% 100%, 0% 0%);
    clip-path: polygon(0% 0%, 93.535% 11.004%, 93.535% 11.004%, 94.664% 11.161%, 95.705% 11.355%, 96.652% 11.582%, 97.496% 11.84%, 98.23% 12.125%, 98.848% 12.433%, 99.341% 12.762%, 99.702% 13.109%, 99.924% 13.469%, 100% 13.841%, 100% 86.159%, 100% 86.159%, 99.924% 86.531%, 99.702% 86.891%, 99.341% 87.238%, 98.848% 87.567%, 98.23% 87.875%, 97.496% 88.16%, 96.652% 88.418%, 95.705% 88.645%, 94.664% 88.839%, 93.535% 88.996%, 0% 100%, 0% 0%);
}

.section-flashsale:after {
    right: 0;
    -webkit-clip-path: polygon(100% 0%, 6.466% 11.004%, 6.466% 11.004%, 5.337% 11.161%, 4.295% 11.355%, 3.349% 11.582%, 2.504% 11.84%, 1.77% 12.125%, 1.152% 12.433%, .659% 12.762%, .298% 13.109%, .076% 13.469%, 0% 13.841%, 0% 86.159%, 0% 86.159%, .076% 86.531%, .298% 86.891%, .659% 87.238%, 1.152% 87.567%, 1.77% 87.875%, 2.504% 88.16%, 3.349% 88.418%, 4.295% 88.645%, 5.337% 88.839%, 6.466% 88.996%, 100% 100%, 100% 0%);
    clip-path: polygon(100% 0%, 6.466% 11.004%, 6.466% 11.004%, 5.337% 11.161%, 4.295% 11.355%, 3.349% 11.582%, 2.504% 11.84%, 1.77% 12.125%, 1.152% 12.433%, .659% 12.762%, .298% 13.109%, .076% 13.469%, 0% 13.841%, 0% 86.159%, 0% 86.159%, .076% 86.531%, .298% 86.891%, .659% 87.238%, 1.152% 87.567%, 1.77% 87.875%, 2.504% 88.16%, 3.349% 88.418%, 4.295% 88.645%, 5.337% 88.839%, 6.466% 88.996%, 100% 100%, 100% 0%);
}

.prd-item-cate {
    background: white;
    display: block;
    height: 100%;
    padding: .5rem;
    border-radius: 1rem;
    font-weight: 500;
}

.content-filter-product {
    position: fixed;
    width: 32rem;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    z-index: 1100;
    background-color: #fff;
    overflow: auto;
    -webkit-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    -webkit-transform: translate3d(-32rem, 0, 0);
    -moz-transform: translate3d(-32rem, 0, 0);
    -ms-transform: translate3d(-32rem, 0, 0);
    -o-transform: translate3d(-32rem, 0, 0);
    transform: translate3d(-32rem, 0, 0);
    -webkit-transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.51, 0.82);
    transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.51, 0.82);
    -webkit-box-shadow: -0.1rem 0 0.3rem rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -0.1rem 0 0.3rem rgba(0, 0, 0, 0.2);
    box-shadow: -0.1rem 0 0.3rem rgba(0, 0, 0, 0.2);
}

.content-filter-product.open {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.filter-url .back-drop {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    z-index: 1020;
    opacity: 0;
    filter: opacity(0);
    visibility: hidden;
}

.filter-url .back-drop.open {
    opacity: 1;
    filter: opacity(1);
    visibility: visible;
}

.content-filter-head {
    background: #faf9f8;
    padding: 2rem 3rem;
}

.content-detail-product {
    border: 1px solid #e3e3e3;
    padding: 10px;
    margin-bottom: 10px;
}

.ratio-image-cate {
    padding-top: 23%;
}

/*chi tiet san pham*/
.prd-detail-title {
    font-size: 2rem;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #dee2e6;
}

.product-detail-specifications table .row-info p {
    margin: 0;
}

.product-detail-specifications table tr td:first-child {
    width: 35%;
    background: #cdcdcd;
}

/*show room*/
.shops-system .list > .bg-shop:nth-child(odd) {
    background: whitesmoke;
}

.shops-system .list > .bg-shop {
    padding: 3rem 0;
}

.shop-city {
    text-align: center;
    background: var(--color-highlight);
    font-size: 3.5rem;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    padding: 2rem 0;
}

.shop-info .shop-name {
    font-size: 2.45rem;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
}

.shop-info .shop-name:before {
    content: "";
    width: 10rem;
    height: .3rem;
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--color-highlight);
}

.shop-info {
    font-size: 1.6rem;
}

.shop-info span {
    font-weight: bold;
}

.box-map {
    background: var(--color-highlight);
    padding: 1rem;
    border-radius: 1rem;
}

.box-map .map-info {
    padding-top: 40%;
}

.shop-address {
    display: flex;
    align-items: center;
    color: white;
    padding-top: 1rem;
}

.shop-address i {
    font-size: 5rem;
}

.shop-address .shop-add-info {
    font-size: 2rem;
    font-weight: bold;
    text-transform: uppercase;
}

.shop-address .shop-add-info p {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 500;
}

.banner-shop {
    padding: 3rem 0 0 0;
    background-position: center bottom;
    background-size: contain;
    border-bottom: 1rem solid var(--color-highlight);
    background-repeat: repeat-x;
}

.icon-simple img {
    width: 20rem;
    animation-name: fadeInLeftBig;
    animation-delay: 0s;
    animation-duration: 3s;
    animation-iteration-count: 1;
}

.icon-shop img {
    width: 30rem;
}

.title-banner-shop {
    font-size: 3.5rem;
    font-weight: bold;
    text-transform: uppercase;
}

.desc-banner-shop {
    font-size: 2rem;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes ring-ring {
    0%, 100% {
        transform: rotate(-20deg);
    }
    
    10% {
        transform: rotate(0);
    }
    
    20% {
        transform: rotate(-20deg);
    }
    
    30% {
        transform: rotate(0);
    }
    
    40% {
        transform: rotate(-20deg);
    }
    
    50% {
        transform: rotate(0);
    }
}


.image-utilities-shop img {
    width: 6.4rem;
    aspect-ratio: 1/1;
    object-fit: contain;
}

.utilities-shop--tile {
    font-size: 1.6rem;
    font-weight: bold;
    margin-top: 1rem;
}

.products_custom .product-item {
    margin-bottom: 0 !important;
}
/*--------------------------------------------------------------------------
|  Footer
--------------------------------------------------------------------------*/
.f-transport {
    display: flex;
    flex-wrap: wrap;
}

.footer_img > img {
    animation: ring-ring 0.8s infinite ease-in-out;
}
.footer_img {
    position: relative;
}

.footer_img:before,
.footer_img:after {
    content: "";
    position: absolute;
    top: -1.5rem;
    right: -1.5rem;
    bottom: -1.5rem;
    left: -1.5rem;
    -ms-transform-origin: 50% 50%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    border-radius: 50px;
    z-index: -1;
}

.footer_img:before {
    background-color: var(--color-home);
    animation: sacle-share-icon 1.5s infinite ease-in-out;
}

.footer_img:after {
    border: 2px solid var(--red);
    animation: sacle-share-icon-bd 1.5s infinite ease-in-out;
    background-color: transparent;
}

@keyframes sacle-share-icon {
    0%, 100% {
        transform: rotate(0) scale(0.7) skew(1deg);
        opacity: .3;
    }
    
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .3;
    }
}

@keyframes sacle-share-icon-bd {
    0% {
        transform: rotate(0) scale(0.5) skew(1deg);
        opacity: .1;
    }
    30% {
        transform: rotate(0) scale(0.7) skew(1deg);
        opacity: .5;
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1;
    }
}

.f-transport li {
    list-style: none;
}

.f-transport li img {
    width: 9rem;
}


.social-section a {
    background: var(--color-highlight);
    display: inline-flex;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    color: white;
}
/*--------------------------------------------------------------------------
|  Responsive
--------------------------------------------------------------------------*/
@media (min-width: 992px) {
    .product-item--cate {
        flex: 0 0 10%;
        max-width: 10%;
    }
    .home .menu-vertical--content {
        display: block !important;
        margin-top: 1rem;
        height: 30rem;
        overflow-y: scroll;
    }
    
    .home .menu-vertical--content::-webkit-scrollbar {
        width: .5em;
    }
     
    .home .menu-vertical--content::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: white;
    }
     
    .home .menu-vertical--content::-webkit-scrollbar-thumb {
        background-color: var(--color-home);
    }
    
    .home .menu-vertical--content .full-width {
        height: calc(100% - 8px);
        margin-top: 8px;
    }
}

/*--------------------------------------------------------------------------
| CSS by quyettq
--------------------------------------------------------------------------*/
.bg-header {
    background-color: #fcdb00;
}

.logo-section img {
    max-height: 9.5rem;
}

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

.fs-13 {
    font-size: 13px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-17 {
    font-size: 17px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-22 {
    font-size: 22px !important;
}

.header-main > .container > .row > div:first-child,
.header-main > .container > .row > div:last-child {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    width: 100%;
}

.header-main > .container > .row > div:first-child {
    justify-content: start;
}

#btnHeaderMenu {
    margin-right: 10px;
    font-size: 13px;
    line-height: 1;
    color: #000;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    background: rgb(70 69 69 / 20%);
    padding: 10px 5px;
    border-radius: 10px;
    cursor: pointer;
}

.header-main .menu-vertical--nav {
    display: none;
    padding-top: 38px;
    position: absolute;
    top: 100%;
    left: -185px;
    z-index: 1000;
    background: transparent;
    width: 21rem;
}

.header-overlay {
    position: fixed;
    width: 100%;
    height: 100vh;
    content: "";
    top: 15px;
    left: 0;
    z-index: 22;
    background: rgb(0 0 0 / 0.6);
    display: block;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    visibility: hidden;
    opacity: 0;
}

.header-overlay.active {
    visibility: visible;
    opacity: 1;
}

.header-main .menu-container.menu-vertical:hover > a {
    font-weight: 700;
}

.header-main .menu-container.menu-vertical:hover .menu-vertical--nav, .header-main .menu-container.menu-vertical:hover .back-drop {
    display: block;
}

.header-main .menu-container.menu-vertical:hover .header-overlay {
    opacity: 1;
    visibility: visible;
}

.img-header {
    height: 3.2rem;
}

.items-number {
    /* right: 3.8rem; */
    /* top: -0.8rem; */
}

.btn_acc {
    display: inline-block;
    min-width: 2.5em;
    padding: 0.35rem 1rem;
    margin: 1rem 0;
    background: var(--color-main);
    color: white;
    border: 1px solid var(--color-main);
    border-radius: 2rem;
}

.header-main .btn, .header-main .form-control {
    padding: 0.5rem 1.25rem;
    border: 1px solid #fff;
    height: calc(1.2em + 1.2rem + 2px);
}

.header-main .entire-action-header {
    padding: 0;
}

.icon-footer {
    height: 3rem;
}

.button-social {
    display: flex;
    align-items: center;
}

.icon-button {
    margin-right: 0.5rem;
}

.img-pay {
    height: 42px;
    width: 172px !important;
}

.tag--item {
    padding: 0 1rem;
    border: none;
    border-right: 1px solid var(--color-main);
    margin-bottom: 1rem;
    color: var(--color-main);
}

.tag-html > div > a:last-child {
    border: none;
}

.tag--item:hover {
    font-weight: 600;
    border-color: transparent;
    border-right: 1px solid var(--color-main);
    background-color: transparent;
    color: var(--color-main);
}

.bg-copyright {
    background-color: #5b5b5b;
}

.text-content {
    font-size: 13.5px;
    color: hsla(0, 0%, 100%, .5);
}

.img-content {
    display: flex;
    justify-content: center;
}

.footer-menu-section ul li:hover {
    font-weight: 600;
}

.menu-setting {
    position: relative;
    z-index: 99;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.header-main .btn-action-header:hover {
    color: var(--color-main);
}

.menu-setting.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    margin-top: 0 !important;
    background-color: white;
    transition: top 0.3s ease;
}

.scroll-to-top {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: transparent;
    color: var(--color-main);
    border: 2px solid var(--color-main);
    border-radius: 8px;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 15px;
    z-index: 1000;
}

.scroll-to-top:hover {
    background-color: var(--color-main);
    color: white
}

.rounded-20 {
    border-radius: 2rem !important;
}

.rounded-10 {
    border-radius: 1rem !important;
}

ul.menu-vertical--content li a {
    /* padding: 0.65rem 1rem !important; */
    /* font-size: 1.3rem !important; */
    /* font-weight: 600; */
    /* color: #333; */
    display: flex;
    /* text-transform: inherit; */
    /* align-items: center; */
    justify-content: space-between;
}

.img-banner-small {
    object-fit: inherit !important;
}

.img-banner, .swiper-container {
    border-radius: 2rem;
    -webkit-box-shadow: rgba(60, 64, 67, 0.1) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    box-shadow: rgba(60, 64, 67, 0.1) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.home-slide .menu-vertical--content, .menu-vertical--title {
    /* background-color: transparent; */
}

.home .home-slide .menu-vertical--content .full-width {
    height: calc(100% - 0px);
    margin-top: 0px;
}

.home-slide .menu-vertical--content > li > a:hover,
.header-main .menu-vertical--content > li > a:hover,
.menu-vertical--content .dropdown .has-child:hover > a,
.menu-vertical--content .dropdown a:hover,
.title-tab .nav-link:hover .title-section { 
    color: var(--color-home);
}

.swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.home-slide .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
    opacity: 0;
}

.home-slide .swiper-button-next,
.home-slide .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 10;
    overflow: hidden;
}

.home-slide .swiper-button-next {
    right: -25px;
}

.home-slide .swiper-button-prev {
    left: -25px;
}

.swiper-container:hover .swiper-button-next,
.swiper-container:hover .swiper-button-prev {
    opacity: 1;
}

.home-slide .swiper-button-prev i {
    font-size: 25px;
    padding-left: 2rem;
    margin: 0;
}

.home-slide .swiper-button-next i {
    font-size: 25px;
    padding-right: 2rem;
    margin: 0;
}

.block-tab.nav .nav-item .nav-link {
    font-weight: 500;
    font-size: 12px;
    /* height: 34px; */
    margin: 0 10px 0 0;
    padding: 0.5rem 0.5rem;
    border: 1px solid var(--color-home);
    border-radius: 10px;
    color: black;
    text-decoration: none;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    width: auto;
    display: inline-block;
}

.block-tab.nav .nav-item .nav-link.active, .block-tab.nav .nav-item .nav-link:hover, .article-category .bg-cate {
    color: var(--white);
    background-color: var(--color-home);
}

.effect-nav li a.active::after, .effect-nav li a:hover::after {
    opacity: 0;
}

@media screen and (min-width: 992px) {
    .col-lg-2 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media screen and (max-width: 1200px) {
    .header-main > .container > .row > div:first-child {
        flex: 0 0 33%;
        max-width: 33%;
    }
    
    .header-main > .container > .row > div:nth-child(2) {
        flex: 0 0 27%;
        max-width: 27%;
    }
    
    .header-main > .container > .row > div:last-child {
        flex: 0 0 40%;
        max-width: 40%;
    }
    
    .header-main > .container > .row > div:last-child {
        padding-left: 1rem;
    }
    
    .header-main .menu-vertical--nav {
        left: -140px;
    }
    
    .img-slide-home {
        min-height: 45.5rem;
        /* object-fit: inherit !important; */
    }
    
    .logo-section img {
        max-height: 7.5rem;
    }
}

.btn-product-cart {
    color: var(--color-main);
    font-size: 16px;
    font-weight: bolder;
}

.article-item .article-title a:hover {
    color: var(--color-home);
}

.product-content-detail .add-to-cart:hover, .product-action-detail a:hover, .product-action-detail a.added-compare {
    border-color: red;
    background-color: var(--color-highlight);
    color: red;
}

.product-quantity .btn-quantity:hover {
    color: white;
    background-color: red;
    border-color: red !important;
}

.btn-submit {
    background-color: red;
    border: 1px solid red;
}

.btn-submit:hover {
    background-color: var(--white);
    color: red;
}

.title-article-detail {
    background: var(--color-home);
    color: white;
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 14px;
    width: max-content;
    font-weight: 700;
    padding: 10px;
}

.share-button-secondary-content {
    color: var(--color-main);
}

.inner-support {
    display: flex;
    align-items: center;
    color: red;
}

.support-footer a:hover .inner-support {
    color: var(--color-main);
}

.title-page {
    font-size: 1.8rem !important;
    font-weight: bold !important;
    height: max-content !important;
}

.is-divider {
    background-color: rgba(0, 0, 0, .1);
    display: block;
    height: 3px;
    margin: 1em 0;
    max-width: 30px;
    width: 100%;
}

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

.pagination .page-item {
    background: var(--white);
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-main) !important;
    margin-right: 0.5rem;
}

.page-item.active, .page-item:hover {
    background: var(--color-main);
}
/*end pagination*/

.sticky-top {
    top: 110px;
    z-index: 999;
}

.menu-header {
    /* display: none; */
}

.menu-section, .content-profile a {
    color: var(--color-main);
}

.menu-section.open > ul > li.has-child > a span, .menu-section.open .child-indicator {
    display: none;
}

.menu-section.open .has-child > .entry-menu {
    position: static;
    padding: 0;
    min-width: auto;
    width: auto;
    display: none;
    opacity: 1;
    filter: opacity(1);
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


.menu-section .entry-menu.dropdown ul {
    position: relative;
    top: 0;
    left: 0;
    min-width: 25rem;
    margin-top: -0.1rem;
    padding: 1rem 1.5rem;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    opacity: 1;
    filter: opacity(1);
    visibility: visible;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    z-index: 17;
    background-color: var(--white);
    display: none;
}

.menu-section.open > ul li, .menu-section .grower {
    border: none;
}

.menu-section > ul > li.has-child:hover > a,
.menu-section .entry-menu.dropdown li:hover > a,
.product-title a:hover, .price a:hover,
.color-home, .btn-product-cart, .view-map:hover,
.content-profile a:hover {
    color: var(--color-home) !important;
}
.menu-section .active {
    color: black;
}
.currency-symbol {
    font-size: 85%;
}
.menu-vertical--content li a{
    font-weight: 500;
}

.is-mobile footer .logo-section {
    padding-bottom: 3rem;
}

.is-mobile .btn-action-header .items-number {
    background-color: var(--color-home);
}

.is-mobile .img-slide-home {
    min-height: 20.5rem;
}

.is-mobile .title-section {
    margin-bottom: 1rem !important;
}

.pagination .page-link {
    padding: 0;
}

.btn-filter-mobile:hover {
    color: var(--color-main);
}

/*CSS product detail*/
.img-thumbs {
    background-color: #fff;
    display: block;
    overflow: hidden;
    transform: translateY(0);
    border: 1px solid #ddd;
    border-radius: 10px;
}

.swiper-thumbs img {
    backface-visibility: hidden;
    opacity: .5;
    transition: transform .6s, opacity .6s;
}

.swiper-thumbs .swiper-slide-thumb-active img, .swiper-thumbs a:hover img {
    opacity: 1;
}

.lg-backdrop {
    background: rgb(0 0 0 / 80%);
}

.lg-sub-html, .lg-thumb-outer.lg-grab {
    display: none;
}

.lg-outer .lg-img-rotate {
    left: 5%;
    right: 5%;
    top: 5%;
    bottom: 5%;
}

.lg-object.lg-image {
    border-radius: 1rem;
}

.lg-toolbar {
    background-color: rgb(0, 0, 0, 0);
}

#lg-counter, .lg-toolbar.lg-icon {
    color: #fff;
}

.product-desc {
    border: 1px solid #333;
    border-radius: 1rem;
    padding: 20px 10px 5px 10px;
    position: relative;
    margin-top: 2rem;
}

.promotion-icon {
    position: absolute;
    top: -17px;
    background: #FCDB00;
    color: black;
    padding: 5px 15px;
    border-radius: 10px;
    font-size: 15px;
    border: 1px solid black;
    font-weight: bold;
}
.article-description-custom {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.post-date-custom span {
    color: black;
    font-size: 1.4rem;
    /* font-weight: 500; */
    /*margin-right: 0.5rem;*/
}

.post-date-custom {
    font-size: 1.4rem;
}
.post-date-custom {
    color: black;
}
.article-title-custom {
    margin-bottom: 0;
    font-size: 1.6rem;
    font-weight: 500;
    min-height: 5.8rem;
     overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.article-title-custom a {
    color: var(--color-main);
}
.article-title-custom a:hover {
    color: var(--color-home) !important;
}

@media screen and (max-width: 850px) {
    .menu-vertical-header, .header-main .text-box.cart, .btn_acc  {
        display: none;
    }
    
    .items-number {
        right: -1.2rem;
    }
    
    .header-main > .container > .row > div:last-child {
        flex: 0 0 180px;
        max-width: 180px;
    }
    
    .header-main > .container > .row > div:first-child {
        flex: 0 0 150px;
        max-width: 150px;
    }
    
    .header-main > .container > .row > div:nth-child(2) {
        flex: 0 0 calc(100% - 180px - 150px);
        max-width: calc(100% - 180px - 150px);
        padding-left: 10rem;
    }
    
    .icon-user, .menu-header{
        display: block !important;
    }
}

@media screen and (max-width: 768px ) {
    .header-main > .container > .row > div:nth-child(2) {
        padding-left: 0rem;
    }
    
    .menu-container.menu-vertical {
        display: none;
    }
}

@media screen and (max-width: 530px) {
    .header-main > .container > .row > div:first-child {
        flex: 0 0 110px;
        max-width: 110px;
    }
    
    .header-main > .container > .row > div:last-child {
        flex: 0 0 150px;
        max-width: 150px;
    }
    
    .header-main > .container > .row > div:nth-child(2) {
        flex: 0 0 calc(100% - 150px - 110px);
        max-width: calc(100% - 150px - 110px);
    }
}

@media screen and (max-width: 460px ) {
    .header-main > .container > .row > div:nth-child(2) {
        display: none;
    }
    
    .header-main > .container > .row > div:first-child {
        margin-right: auto;
    }

}

.featured {
    background-color: var(--yellow);
}

.menu-section.open > ul > li > a {
    color: white;
}

.btn-menu-mobile {
    color: white;
}

.is-mobile .btn-menu-mobile {
    color: var(--color-home);
}

.is-mobile .btn-action-header {
    color: var(--color-home) !important;
}

.is-mobile .btn-menu-mobile:hover {
    color: var(--color-home);
}

.btn-menu-mobile:hover {
    color: white;
}

/*Google Translate*/

#google_translate_element select {
    height: 30px;
    /* padding: 5px; */
    width: 100%;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #ccc;
    /* margin-bottom: 10px; */
}

#google_translate_element select option {
    white-space: wrap;
}

.skiptranslate.goog-te-gadget {
    color: transparent;
    font-size: 0;
    padding-left: 0;
}

.skiptranslate.goog-te-gadget span {
    display: none;
}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

.middle-header > .container > .row > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.modal-header-login .close{
    display: none;
}
#login-modal .close {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    opacity: 1;
    z-index: 10;
    text-shadow: unset;
    color: var(--color-home);
    display: block;
}
@media (max-width: 850px) {
    .middle-header > .container > .row > div > div:last-child {
        margin-right: auto;
    }
    
    .items-number {
        right: 0.8rem;
    }
}