@font-face {
    font-family: "SFUFutura";
    src: url("../fonts/SFUFuturaRegular.TTF") format("truetype");
    font-display: swap;
    font-weight: 400;
}

@font-face {
    font-family: "SFUFutura";
    src: url("../fonts/SFUFuturaBold.TTF") format("truetype");
    font-display: swap;
    font-weight: 700;
}

@font-face {
    font-family: "Philosopher";
    src: url("../fonts/Philosopher-Regular.ttf") format("truetype");
    font-display: swap;
    font-weight: 400;
}

@font-face {
    font-family: "Philosopher";
    src: url("../fonts/Philosopher-Bold.ttf") format("truetype");
    font-display: swap;
    font-weight: 700;
}

body {
    max-width: 1920px;
    margin: auto;
}

body.show-menu,
html.show-menu {
    overflow: hidden;
    padding-right: 4px;
}

b,
strong {
    font-weight: 700 !important;
}

.f-title {
    font-family: 'Philosopher', sans-serif;
    color: #000 !important;
}

.fb-like.fb_iframe_widget {
    position: relative !important;
    z-index: 1;
    top: 2px !important;
}

body::-webkit-scrollbar-track {
    background-color: #fff;
}

body::-webkit-scrollbar {
    width: 7px;
    background-color: #f5f5f5;
}

body::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #833AB4 0%, #FE7272 48.96%, #FCB045 100%);
}

.box-menu-hover .list-item::-webkit-scrollbar-track {
    background-color: #fff;
}

.box-menu-hover .list-item::-webkit-scrollbar {
    width: 7px;
    background-color: #f5f5f5;
}

.box-menu-hover .list-item::-webkit-scrollbar-thumb {
    background: #FFE0A9;
}

.menu-main::-webkit-scrollbar-track {
    background-color: #fff;
}

.menu-main::-webkit-scrollbar {
    width: 7px;
    background-color: #f5f5f5;
}

.menu-main::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #833AB4 0%, #FE7272 48.96%, #FCB045 100%);
}

.container {
    padding-left: 0.938rem;
    padding-right: 0.938rem;
}

a {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

a:hover,
a:focus {
    color: #FE7272;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

.img__ {
    position: relative;
    overflow: hidden;
}

.img__:hover::after {
    -webkit-animation: shine 0.75s;
    animation: shine 0.75s;
}

.img__::after {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.img-ava img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

input {
    outline: none;
}

.c-img {
    position: relative;
    display: block;
}

.c-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img-full img {
    width: 100%;
}

.img-full-h img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.title-product {
    flex: 1 0 45px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.rating-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.rating-item .rating {
    margin-right: 0;
    position: relative;
    line-height: 1;
    display: inline-block;
    color: rgba(255, 220, 115, 0.6705882353);
}

.rating-item .rating-box {
    font-size: 0;
    line-height: 1;
    position: relative;
    white-space: nowrap;
    display: inline-block;
    margin: 0 auto;
    overflow: hidden;
    vertical-align: middle;
    font-size: 14px;
    color: #efc529;
    margin-right: 5px;
}

.rating-item .rating-box span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    overflow: hidden;
    line-height: 1;
    pointer-events: none;
    width: 80%;
    color: #efc529;
}

.rating-item p {
    font-size: 14px;
}

.img_full img {
    width: 100%;
    height: auto;
}

.img-h-full img {
    height: 100%;
}

.s-content ol {
    list-style: decimal;
    margin-left: 15px;
    margin-bottom: 10px;
}

.s-content ul {
    list-style: initial;
    margin-left: 15px;
    margin-bottom: 10px;
}

.s-content li {
    list-style: inherit;
    margin-bottom: 5px;
}

.s-content p {
    margin-bottom: 10px;
}

.s-content img {
    display: block;
    max-width: 100%;
    margin: 10px auto;
    width: auto !important;
    -o-object-fit: contain;
    object-fit: contain;
    height: auto !important;
}

.s-content table,
.s-content iframe {
    max-width: 100%;
    width: 100%;
}

.s-content table {
    border-collapse: collapse;
    width: 100%;
    border: solid 1px rgba(0, 0, 0, 0.431372549);
}

.s-content table td {
    border-collapse: collapse;
    border: solid 1px rgba(0, 0, 0, 0.431372549);
    padding: 3px;
}

.s-content h1,
.s-content h2,
.s-content h3,
.s-content h4,
.s-content h5,
.s-content h6 {
    display: block;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

.s-content h1 {
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
}

.s-content h2 {
    font-size: 1.5em;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
}

.s-content h3 {
    font-size: 1.17em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.s-content h4 {
    font-size: 1em;
    margin-top: 0.6em;
    margin-bottom: 0.6em;
}

.s-content h5 {
    font-size: 0.83em;
    margin-top: 0.8em;
    margin-bottom: 0.8em;
}

.s-content h6 {
    font-size: 0.67em;
    margin-top: 0.8em;
    margin-bottom: 0.8em;
}

.btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8px 16px;
    border: 1px solid transparent;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-all {
    background: linear-gradient(90deg, #833AB4 0%, #FE7272 48.96%, #FCB045 100%);
    color: #fff;
    position: relative;
    border-radius: 0 10px;
    border: none;
}

.btn-all:hover::before {
    transform: scaleX(1);
}

.btn-all.btn-all:hover,
.btn-all.btn-all:focus {
    color: #fff;
}

.btn-all::before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 50%;
    transition: all .25s ease-out;
    z-index: 0;
    background: linear-gradient(270deg, #e65640, #b448dc 50%, #5e34aa);
    border-radius: 0 10px;
}

.btn-all .text {
    position: relative;
}

.btn-gold__gradient {
    color: #252525;
    background: linear-gradient(98.49deg, #dfb557 -39.81%, #fdf7bf 33.9%, #d6ab48 94.09%, #ae832d 149.71%, #ce9f2b 209.9%, #b48b2e 283.6%);
}

.btn-black {
    background: #252525;
    color: #dfb557;
}

.btn-black:hover,
.btn-black:focus {
    background: linear-gradient(98.49deg, #dfb557 -39.81%, #fdf7bf 33.9%, #d6ab48 94.09%, #ae832d 149.71%, #ce9f2b 209.9%, #b48b2e 283.6%) !important;
    color: #252525 !important;
}

.btn-gold {
    color: #dfb557;
    border: 1px solid #dfb557;
}

.btn-gold:hover,
.btn-gold:focus {
    background: #dfb557;
    color: #fff;
}

.btn-border__gold {
    color: #dfb557;
    background: #252525;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-border__gold:hover {
    background: linear-gradient(98.49deg, #dfb557 -39.81%, #fdf7bf 33.9%, #d6ab48 94.09%, #ae832d 149.71%, #ce9f2b 209.9%, #b48b2e 283.6%);
    color: #252525;
}

.btn-border__gold:hover::after {
    display: none;
}

.btn-border__gold::after {
    content: "";
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    position: absolute;
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(98.49deg, #dfb557 -39.81%, #fdf7bf 33.9%, #d6ab48 94.09%, #ae832d 149.71%, #ce9f2b 209.9%, #b48b2e 283.6%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-border {
    border: 1px solid #454545;
}

.btn-border:hover,
.btn-border:focus {
    background: #454545;
    color: #fff;
}

.btn-border__green {
    border: 1px solid #0fa63c;
    color: #0fa63c;
    border-radius: 20px;
}

.btn-border__green:hover,
.btn-border__green:focus {
    background: #0fa63c;
    color: #fff;
}

.btn-green {
    background: #0fa63c;
    color: #fff;
}

.btn-gradient {
    background: linear-gradient(98.49deg, #dfb557 -39.81%, #fdf7bf 33.9%, #d6ab48 94.09%, #ae832d 149.71%, #ce9f2b 209.9%, #b48b2e 283.6%);
    color: #252525;
}

.btn-gold__gradient:hover,
.btn-gold__gradient:focus {
    color: #252525;
}

.menu ul li {
    display: block;
}

.menu ul li a {
    color: #252525;
    display: block;
}

.pagination-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}

.pagination-banner .swiper-pagination-bullet {
    opacity: 0.15;
    height: 2px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    background: #252525;
}

.pagination-banner .swiper-pagination-bullet-active {
    opacity: 1;
}

.swiper-banner__btn .swiper-button-disabled {
    color: #888;
}

.nav-link__all .link.active {
    color: #000;
    border-bottom: 1px solid #000;
}

.type-pro.new {
    color: #fff;
    background: #54be00;
}

.type-pro.premium {
    color: #252525;
    background: linear-gradient(98.49deg, #dfb557 -39.81%, #fdf7bf 33.9%, #d6ab48 94.09%, #ae832d 149.71%, #ce9f2b 209.9%, #b48b2e 283.6%);
}

.type-pro.sale {
    color: #fff;
    background: #ea0000;
}

.scroll-slide {
    background: #ebebeb;
}

.scroll-slide .swiper-scrollbar-drag {
    background: #454545;
}

.item-new__all .img img,
.item-new__sidebar .img img {
    object-fit: cover;
}

.menu-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.menu-footer ul {
    text-align: center;
}

.menu-footer ul li {
    display: inline-block;
    margin: 0 1.25rem;
}

.menu-footer ul li a {
    font-size: 0.875rem;
}

.footer .list-img .list__item {
    height: 47px;
    max-width: 130px;
}

.footer .list-img .list__item img {
    height: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down;
}

.form-search.active {
    top: 0;
}

.form-search .form-search {
    width: 100%;
    max-width: min(600px, 90%);
}

.close-form-search {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.close-form-search::before,
.close-form-search::after {
    content: "";
    width: 1px;
    height: 100%;
    top: 50%;
    left: 50%;
    background: #fff;
    position: absolute;
}

.close-form-search::before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.close-form-search::after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.header-premium {
    -webkit-box-shadow: 0px 8px 48px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 8px 48px rgba(0, 0, 0, 0.05);
    background: #fff;
    z-index: 200;
}

.header-premium .header-top {
    z-index: 1;
}

.paginationBannerPremium {
    position: absolute;
    top: 50%;
    right: 5%;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    height: auto;
    z-index: 1;
    bottom: unset !important;
    left: unset !important;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.paginationBannerPremium .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border: 1px solid #252525;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 0;
    opacity: 1;
    background: #fff;
    display: block;
}

.paginationBannerPremium .swiper-pagination-bullet:not(:last-child) {
    margin-bottom: 16px;
}

.paginationBannerPremium .swiper-pagination-bullet-active {
    background: #252525;
}

.nav-pro__cate .cate-link:not(:last-child) {
    border-right: 1px solid #ebebeb;
}

.nav-pro__cate .cate-link.active,
.nav-pro__cate .cate-link:hover,
.nav-pro__cate .cate-link:focus {
    background: #212121;
    color: #dfb557;
}

.item-pro__cate .title {
    color: #252525;
}

.item-pro__cate:hover .pro-content {
    opacity: 1;
}

.item-pro__cate .pro-content {
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.nav-footer ul li {
    font-size: 0.875rem;
    color: #252525;
}

.nav-footer ul li:not(:last-child) {
    margin-bottom: 1rem;
}

.body-premium {
    padding-top: 134px;
}

.header-narisup .h-top ul li {
    position: relative;
}

.header-narisup .h-top ul li:not(:last-child) {
    margin-right: 32px;
}

.header-narisup .h-top ul li:not(:last-child)::after {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #fff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -18px;
}

.item-pro .discount {
    background-image: url(../images/bg-discount.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.item-pro .progress-bar {
    background-image: url(../images/bg-process.svg);
}

.item-pro .progress-bar .ratio_ {
    white-space: nowrap;
}

.btn-favourite.like {
    color: red;
}

.pagination-all {
    text-align: center;
    margin-top: 1.25rem;
}

.pagination-all .swiper-pagination-bullet {
    width: 20px;
    height: 2px;
    border-radius: 2px;
    background: #ebebeb;
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.pagination-all .swiper-pagination-bullet-active {
    width: 50px;
    background: #0fa63c;
}

.swiper-button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 1px solid #9d9d9d;
    color: #9d9d9d;
    font-size: 1.25rem;
    cursor: pointer;
}

.swiper-button:hover {
    border: 1px solid #0fa63c;
    color: #0fa63c;
}

.swiper__prev {
    left: -70px;
}

.swiper__next {
    right: -70px;
}

.nav-link__cate li a {
    border-radius: 40px;
}

.nav-link__cate li a.active,
.nav-link__cate li a:hover {
    background: rgba(15, 166, 60, 0.1);
    color: #454545;
}

.banner-pro-hot img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.item-policy .icon img {
    width: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down;
}

.footer-naris-up .logo-footer::before,
.footer-naris-up .logo-footer::after {
    content: "";
    width: 800px;
    height: 1px;
    background: #ebebeb;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.footer-naris-up .logo-footer::before {
    left: calc(100% + 10px);
}

.footer-naris-up .logo-footer::after {
    right: calc(100% + 10px);
}

.footer-naris-up .list-img img {
    height: 22px;
}

#map iframe {
    width: 100%;
    height: 100%;
}

.h-modal {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    height: 100%;
}

.h-modal.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.breadcrumb li {
    text-align: #888;
    font-size: 0.875rem;
    display: inline-block;
}

.breadcrumb li a::after {
    content: "\f101";
    font-family: "fontAwesome";
    margin: 0 8px;
}

.sort-item input:checked~.text {
    background: #0fa63c;
    color: #fff;
}

.filter-item input:checked~.text::before {
    border: 1px solid #0fa63c;
}

.filter-item input:checked~.text::after {
    display: block;
}

.filter-item .text::before {
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #888888;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
}

.filter-item .text::after {
    content: "";
    background: #191817;
    border-radius: 3px;
    width: 14px;
    height: 14px;
    top: 3px;
    left: 3px;
    position: absolute;
    display: none;
}

.btn-black {
    background: #252525;
    color: #dfb557;
}

.item-pro__hot .img img {
    -o-object-fit: scale-down;
    object-fit: scale-down;
}

.info-user .ava img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.nav-link__account:hover,
.nav-link__account:focus,
.nav-link__account.active {
    color: #0fa63c;
}

.nav-link__account img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.img_ava img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.nav-link__order .link.active {
    border-bottom: 1px solid #dfb557;
    color: #252525;
}

.nav-link__order .link:hover,
.nav-link__order .link:focus {
    color: #252525;
}

.item-order__manager .item-order .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down;
}

.address-default input:checked~.text::after {
    display: block;
}

.address-default input:checked~.text::before {
    border: 1px solid #0fa63c;
}

.address-default .text {
    position: relative;
    padding-left: 40px;
}

.address-default .text::before {
    content: "";
    width: 24px;
    height: 24px;
    border: 1px solid #888;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.address-default .text::after {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 5px;
    background: #0fa63c;
    position: absolute;
    top: 50%;
    left: 3px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
}

.item-address.active .check-default {
    display: inline-block !important;
}

.item-address.active .btn-green {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

.module-slide__pro .img img {
    -o-object-fit: scale-down;
    object-fit: scale-down;
}

.module-slide__pro .slide-pro__thumbs .swiper-slide-thumb-active .img {
    border: 1px solid #000;
}

.module-slide__pro .slide-pro__thumbs .img {
    border: 1px solid transparent;
}

.check-properties input:checked~.text {
    color: #454545;
    background: rgba(15, 166, 60, 0.15);
    border: 1px solid rgba(15, 166, 60, 0.15);
}

.property-premium .check-properties input:checked~.text {
    color: #454545;
    background: linear-gradient(98.49deg, #dfb557 -39.81%, #fdf7bf 33.9%, #d6ab48 94.09%, #ae832d 149.71%, #ce9f2b 209.9%, #b48b2e 283.6%);
    border: 1px solid #dfb557;
}

.check-properties .text {
    border: 1px solid #ebebeb;
}

.img-contain img {
    -o-object-fit: scale-down;
    object-fit: scale-down;
}

.img-cover img {
    object-fit: cover;
}

.item-pro__endow .circle {
    position: relative;
}

.item-pro__endow .circle::after {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #0fa63c;
    display: none;
}

.item-pro__endow input:checked~.circle {
    border: 1px solid #0fa63c;
}

.item-pro__endow input:checked~.circle::after {
    display: block;
}

.quanty .value-button {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background: #ebebeb;
    position: relative;
    cursor: pointer;
}

.quanty .value-button::before,
.quanty .value-button::after {
    content: "";
    background: #252525;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.quanty .value-button::before {
    height: 12px;
    width: 1.5px;
}

.quanty .value-button::after {
    height: 1.5px;
    width: 12px;
}

.quanty .value-button.inputNumberMinus::before {
    display: none;
}

.quanty input {
    width: 83px;
}

.btn-favourite.active {
    border: 1px solid transparent;
    color: red;
}

.item-pro input:checked~.check-combo {
    background: #ea0000;
}

.check-combo::after {
    content: "";
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 6px;
    left: 10px;
    display: block;
    z-index: 1;
}

.progress-order ul li.active {
    color: #0fa63c;
}

.progress-order ul li.active .stt {
    background: #0fa63c;
}

.nav-link__cart li a.active,
.nav-link__cart li a:hover,
.nav-link__cart li a:focus {
    background: #FFE0A9;
    color: #191817;
}

.item-pro__cart .delete::before {
    content: "";
    width: 12px;
    height: 1.5px;
    background: #252525;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.checkbox-all input:checked~.text::before {
    border: 1px solid #000;
}

.checkbox-all input:checked~.text::after {
    display: block;
}

.checkbox-all input:checked~.text.change-color img {
    -webkit-filter: unset;
    filter: unset;
}

.checkbox-all .text {
    padding-left: 24px;
}

.checkbox-all .text::before {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border: 1px solid #888888;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.checkbox-all .text::after {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #000;
    position: absolute;
    top: 50%;
    left: 3px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
}

.logo-bank img {
    height: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down;
}

.show-transport__detail i {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.show-transport__detail.active {
    background: #f5f5f5;
}

.show-transport__detail.active i {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}

.show-list__address i {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.show-list__address.open i {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}

.item-tracking {
    position: relative;
}

.item-tracking:not(:last-child)::after {
    content: "";
    width: 184px;
    height: 2px;
    background: #888;
    position: absolute;
    top: 35px;
    left: 100%;
}

.item-tracking .icon {
    position: relative;
}

.item-tracking .icon img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.item-tracking.active::after {
    background: #f99f1b;
}

.item-tracking.active .text {
    color: #f99f1b;
}

.h-user:hover .user-content {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
}

.h-user .name-user {
    max-width: 85px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}

.h-user .user-content {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    background: #fff;
    min-width: 240px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.naris-home-pages .header {
    background: rgba(255, 255, 255, 0.4);
}

.featured-about ul {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0;
}

.tabs-system .tablinks:hover,
.tabs-system .tablinks:focus {
    color: #252525;
}

.tabs-system .tablinks.active {
    border-bottom: 2px solid #cbb852;
}

.tabcontent {
    display: none;
}

.tabcontent.active {
    display: block;
}

.nav-link__cate li a {
    border-radius: 40px;
}

.nav-link__cate li a.active,
.nav-link__cate li a:hover {
    background: rgba(15, 166, 60, 0.1);
    color: #454545;
}

.banner-pro-hot img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.item-policy .icon img {
    width: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down;
}

.footer-naris-up .logo-footer::before,
.footer-naris-up .logo-footer::after {
    content: "";
    width: 800px;
    height: 1px;
    background: #ebebeb;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.footer-naris-up .logo-footer::before {
    left: calc(100% + 10px);
}

.footer-naris-up .logo-footer::after {
    right: calc(100% + 10px);
}

.footer-naris-up .list-img img {
    height: 22px;
}

#map iframe {
    width: 100%;
    height: 100%;
}

.h-modal {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    height: 100%;
}

.h-modal.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.breadcrumb li {
    text-align: #888;
    font-size: 0.875rem;
    display: inline-block;
}

.breadcrumb li a::after {
    content: "\f101";
    font-family: "fontAwesome";
    margin: 0 8px;
}

.sort-item input:checked~.text {
    background: #FFE0A9;
    color: #191817;
}

.filter-item input:checked~.text::before {
    border: 1px solid #191817;
}

.filter-item input:checked~.text::after {
    display: block;
}

.filter-item .text::before {
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #888888;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
}

.filter-item .text::after {
    content: "";
    background: #191817;
    border-radius: 3px;
    width: 14px;
    height: 14px;
    top: 3px;
    left: 3px;
    position: absolute;
    display: none;
}

.item-pro__hot .img img {
    -o-object-fit: scale-down;
    object-fit: scale-down;
}

.info-user .ava img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.nav-link__account:hover,
.nav-link__account:focus,
.nav-link__account.active {
    color: #252525;
    background: linear-gradient(45deg, #EDE4D7 0%, #F3F0ED 51.04%, #EDE4D8 100%);
}

.nav-link__account img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.img_ava img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.nav-link__order .link.active {
    border-bottom: 1px solid #252525;
    color: #252525;
}

.nav-link__order .link:hover,
.nav-link__order .link:focus {
    color: #252525;
}

.item-order__manager .item-order .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down;
}

.address-default input:checked~.text::after {
    display: block;
}

.address-default input:checked~.text::before {
    border: 1px solid #dfb557;
}

.address-default .text {
    position: relative;
    padding-left: 40px;
}

.address-default .text::before {
    content: "";
    width: 24px;
    height: 24px;
    border: 1px solid #888;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.address-default .text::after {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 5px;
    background: #dfb557;
    position: absolute;
    top: 50%;
    left: 3px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
}

.item-address.active .check-default {
    display: inline-block !important;
}

.item-address.active .btn-green {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

.module-slide__pro .img img {
    -o-object-fit: scale-down;
    object-fit: scale-down;
}

.module-slide__pro .slide-pro__thumbs .swiper-slide-thumb-active .img {
    border: 1px solid #000;
}

.module-slide__pro .slide-pro__thumbs .img {
    border: 1px solid transparent;
}

.check-properties input:checked~.text {
    color: #454545;
    background: rgba(15, 166, 60, 0.15);
    border: 1px solid rgba(15, 166, 60, 0.15);
}

.check-properties .text {
    border: 1px solid #ebebeb;
}

.img-contain img {
    -o-object-fit: scale-down;
    object-fit: scale-down;
}

.item-pro__endow .circle {
    position: relative;
}

.item-pro__endow .circle::after {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #0fa63c;
    display: none;
}

.item-pro__endow input:checked~.circle {
    border: 1px solid #0fa63c;
}

.item-pro__endow input:checked~.circle::after {
    display: block;
}

.quanty .value-button {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background: #ebebeb;
    position: relative;
    cursor: pointer;
}

.quanty .value-button::before,
.quanty .value-button::after {
    content: "";
    background: #252525;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.quanty .value-button::before {
    height: 12px;
    width: 1.5px;
}

.quanty .value-button::after {
    height: 1.5px;
    width: 12px;
}

.quanty .value-button.inputNumberMinus::before {
    display: none;
}

.quanty input {
    width: 83px;
}

.btn-favourite.active {
    color: red;
}

.item-pro input:checked~.check-combo {
    background: #ea0000;
}

.check-combo::after {
    content: "";
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 6px;
    left: 10px;
    display: block;
    z-index: 1;
}

.progress-order ul li.active {
    color: #0fa63c;
}

.progress-order ul li.active .stt {
    background: #0fa63c;
}

.nav-link__cart li a.active,
.nav-link__cart li a:hover,
.nav-link__cart li a:focus {
    background: #FFE0A9;
    color: #191817;
}

.item-pro__cart .delete::before {
    content: "";
    width: 12px;
    height: 1.5px;
    background: #252525;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.checkbox-all input:checked~.text::before {
    border: 1px solid #000;
}

.checkbox-all input:checked~.text::after {
    display: block;
}

.checkbox-all .text {
    padding-left: 24px;
}

.checkbox-all .text::before {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border: 1px solid #888888;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.checkbox-all .text::after {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #000;
    position: absolute;
    top: 50%;
    left: 3px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
}

.logo-bank img {
    height: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down;
}

.show-transport__detail i {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.show-transport__detail.active {
    background: #f5f5f5;
}

.show-transport__detail.active i {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}

.show-list__address i {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.show-list__address.open i {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}

.item-tracking {
    position: relative;
}

.item-tracking:not(:last-child)::after {
    content: "";
    width: 184px;
    height: 2px;
    background: #888;
    position: absolute;
    top: 35px;
    left: 100%;
}

.item-tracking .icon {
    position: relative;
}

.item-tracking .icon img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.item-tracking.active::after {
    background: #f99f1b;
}

.item-tracking.active .icon {
    background: #FFE0A9;
}

.item-tracking.active .text {
    color: #252525;
}

.h-user:hover .user-content {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
}

.h-user .name-user {
    max-width: 85px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}

.h-user .user-content {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    background: #fff;
    min-width: 240px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.naris-home-pages .header {
    background: rgba(255, 255, 255, 0.4);
}

.featured-about ul {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0;
}

.tabs-system .tablinks:hover,
.tabs-system .tablinks:focus {
    color: #252525;
}

.tabs-system .tablinks.active {
    border-bottom: 2px solid #cbb852;
}

.tabcontent {
    display: none;
}

.tabcontent.active {
    display: block;
}

.view-detail__map {
    position: relative;
    background: linear-gradient(140.19deg, #cbb852 15.91%, #e2d488 54.51%, #cbb852 88.24%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.view-detail__map::after {
    content: "";
    width: 100%;
    height: 1.5px;
    background: linear-gradient(140.19deg, #cbb852 15.91%, #e2d488 54.51%, #cbb852 88.24%);
    position: absolute;
    bottom: 0;
    left: 0;
}

#map-system iframe {
    width: 100%;
    height: 100%;
}

.main-breadcrumb-home .breadcrumb li {
    display: inline-block;
}

.main-breadcrumb-home .breadcrumb li a {
    display: block;
    color: #888;
}

.main-breadcrumb-home .breadcrumb li a::after {
    content: '\f101';
    font-family: 'fontAwesome';
    margin: 0 8px;
}

.main-breadcrumb-home .breadcrumb li span {
    color: #252525;
}

.form-comment .btn-submit {
    background: linear-gradient(98.49deg, #dfb557 -39.81%, #fdf7bf 33.9%, #d6ab48 94.09%, #ae832d 149.71%, #ce9f2b 209.9%, #b48b2e 283.6%);
    color: #252525;
}

.section-pro__cate.premium .sort-item input:checked~.text {
    background: linear-gradient(140.19deg, #cbb852 15.91%, #e2d488 54.51%, #cbb852 88.24%);
}

.section-pro__cate.premium .filter-item .text::after {
    background: linear-gradient(98.49deg, #dfb557 -39.81%, #fdf7bf 33.9%, #d6ab48 94.09%, #ae832d 149.71%, #ce9f2b 209.9%, #b48b2e 283.6%);
}

.section-pro__cate.premium .filter-item input:checked~.text::before {
    border: 1px solid #dfb557;
}

.section-pro__cate.premium .show-form-filter {
    background: linear-gradient(98.49deg, #dfb557 -39.81%, #fdf7bf 33.9%, #d6ab48 94.09%, #ae832d 149.71%, #ce9f2b 209.9%, #b48b2e 283.6%);
}

.item-pro__hot .discount {
    background-image: url(../images/bg-discount.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.section-pro__detail.premium .module-slide__pro .slide-pro__thumbs {
    width: 126px;
}

.section-pro__detail.premium .module-slide__pro .slide-pro__thumbs .swiper-slide-thumb-active .img {
    border: 1px solid #dfb557;
    z-index: 1;
}

.module-service__pro .item-service:not(:last-child) {
    margin-bottom: 1rem;
}

.module-service__pro .item-service .content {
    padding: 8px !important;
}

.module-service__pro .item-service .button-action {
    gap: 8px !important;
}

.module-service__pro .item-service .button-action .btn {
    font-size: 14px;
}

.item-utility .content::before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(140.19deg, #cbb852 15.91%, #e2d488 54.51%, #cbb852 88.24%);
    opacity: 0.05;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

.text-gradient {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(29%, #cab748), color-stop(47.48%, #e8da90), color-stop(71%, #d6c86f));
    background: linear-gradient(0deg, #cab748 29%, #e8da90 47.48%, #d6c86f 71%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.slide-mega__thumbs .swiper-slide .img {
    border: 1px solid transparent;
}

.slide-mega__thumbs .swiper-slide-thumb-active .img {
    border: 1px solid #cab748;
}

.menu-naris-spa ul li a {
    color: #fff;
}

.tab-service .tablinks {
    position: relative;
}

.tab-service .tablinks.active::after {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(98.49deg, #dfb557 -39.81%, #fdf7bf 33.9%, #d6ab48 94.09%, #ae832d 149.71%, #ce9f2b 209.9%, #b48b2e 283.6%);
}

.slide-feedback__main .img::before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    pointer-events: none;
}

.slide-feedback__main .swiper-slide-active .img::before {
    opacity: 0;
    visibility: hidden;
}

.slide-feedback__thumbs .img {
    border: 2px solid transparent;
}

.slide-feedback__thumbs .swiper-slide-thumb-active .img {
    border: 2px solid #dfb557;
}

.item-effective {
    background: linear-gradient(140.19deg, #cbb852 15.91%, #e2d488 54.51%, #cbb852 88.24%);
}

.item-effective .text {
    background: linear-gradient(98.49deg, #dfb557 -39.81%, #fdf7bf 33.9%, #d6ab48 94.09%, #ae832d 149.71%, #ce9f2b 209.9%, #b48b2e 283.6%);
}

.new-spa::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
}

.item-system-spa .view-detail__map {
    background: unset;
    -webkit-background-clip: text;
    -webkit-text-fill-color: unset;
}

.item-system-spa .view-detail__map::after {
    display: none;
}

.spa-contact {
    position: relative;
}

.spa-contact::before {
    content: "";
    width: 70%;
    left: 0;
    height: 100%;
    top: 0;
    background-image: url(../images/rec-gold.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
}

.spa-contact::after {
    content: "";
    width: 1000px;
    height: 1px;
    background: linear-gradient(98.49deg, #dfb557 -39.81%, #fdf7bf 33.9%, #d6ab48 94.09%, #ae832d 149.71%, #ce9f2b 209.9%, #b48b2e 283.6%);
    position: absolute;
    top: 75%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 70%;
}

.footer-spa {
    background: radial-gradient(94.13% 166.12% at 49.72% -1.47%, #ffffff 0%, #ededed 100%);
}

.footer-spa .f-menu ul li {
    display: inline-block;
}

.footer-spa .f-menu ul li:not(:last-child) {
    margin-right: 2.5rem;
}

.footer-spa .f-menu ul li a {
    display: block;
    text-transform: uppercase;
    color: #252525;
    font-size: 1.125rem;
    font-weight: 500;
}

.footer-spa .footer-top {
    border-bottom: 1px solid #ebebeb;
}

.btn-like-spa.like {
    color: red;
}

.header-home {
    transition: all 0.3s;
}

.header-home ul li a:hover,
.header-home ul li a:focus {
    color: #dfb557;
}

.header-home.scroll {
    background: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

.slide-banner__premium .layout-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 45%;
    height: 100%;
}

.slide-banner__premium .layout-1 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.slide-banner__premium .layout-2 {
    position: absolute;
    width: 100%;
    max-width: 22%;
    height: 50%;
    top: 50%;
    right: 200px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pro-hot__index.premium .item-pro__hot .btn {
    display: flex !important;
}

.nav-tab-order .tablinks {
    border-bottom: 1px solid transparent;
}

.nav-tab-order .tablinks.active {
    border-bottom: 1px solid #cbb852;
}

.item-order input:checked~.text::before {
    border: 1px solid #cbb852;
}

.item-order input:checked~.text::after {
    display: block;
}

.item-order .text {
    padding-left: 28px;
}

.item-order .text::before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 1px solid #888;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.item-order .text::after {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: linear-gradient(140.19deg, #cbb852 15.91%, #e2d488 54.51%, #cbb852 88.24%);
    position: absolute;
    top: 50%;
    left: 3px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
}

.slide-banner__premium .layout-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 45%;
    height: 100%;
}

.slide-banner__premium .layout-1 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.slide-banner__premium .layout-2 {
    position: absolute;
    width: 100%;
    max-width: 22%;
    height: 50%;
    top: 50%;
    right: 200px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.swiper-slide {
    height: auto;
}

.item-service {
    display: flex;
    flex-direction: column;
}

.item-service .img {
    flex-shrink: 0;
}

.item-service .content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.item-service .content .button-action {
    margin-top: auto;
}

.h-user .ava img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.h-cart .count {
    display: flex;
    align-items: baseline;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    background: #ea0000;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    position: absolute;
    top: 0;
    right: -4px;
    border-radius: 100%;
}

.header-narisup .h-cart {
    padding-top: 4px;
}

[title="admin/images/noimage.svg"] {
    object-fit: contain !important;
}

.user-content .link {
    white-space: nowrap;
}

.item-pro .img img,
.item-new__index .img img {
    object-fit: cover;
}

.slide-order {
    padding: 8px 0;
}

.header-home {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}

.header-narisup {
    transition: all 0.3s;
}


/* pagination */

.pagination-general-style {
    display: flex;
    padding-left: 0;
    list-style: none;
    align-items: center;
}

.pagination-general-style {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
}

.pagination-general-style a,
.pagination-general-style strong {
    display: inline-block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    height: 35px;
    min-width: 35px;
    font-size: 16px;
    text-align: center;
    line-height: 26px;
    padding: 5px;
    border-radius: 5px;
    margin-top: 5px;
    margin-right: 5px;
}

.pagination-general-style strong {
    font-weight: normal;
}

.naris-up-pagination a:hover,
.naris-up-pagination strong {
    background: #191817;
    color: #fff;
}

.naris-premium-pagination a:hover,
.naris-premium-pagination strong {
    color: #191817;
    background: linear-gradient(45deg, #EDE4D7 0%, #F3F0ED 51.04%, #EDE4D8 100%);
    border: 1px solid transparent;
    border-radius: 40px;
    margin: 0 4px;
}


/* /pagination */

.menu ul li a {
    font-weight: 500;
}

.line-clamp-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
}

.line-clamp-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
}

.play-video__feedback iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1;
}

.play-video__feedback.show .btn-play {
    display: none !important;
}

.play-video__feedback.show iframe {
    display: block;
}

.list-shop-system-spa {
    max-height: 425px;
    overflow-y: auto;
}

.section-pro__detail.premium .name-pro {
    font-size: 1.125rem;
    text-transform: uppercase;
}

.item-pro__endow [name^="shop-address"] {
    max-width: 150px;
}

.header-narisup a:hover {
    color: #0fa63c;
}

.box-method__detail .info-banking,
.box-method__detail .box {
    display: none !important;
}

.box-method__detail .info-banking.open,
.box-method__detail .box.open {
    display: grid !important;
}

.z-100 {
    z-index: 100;
}

.head-flash-sale .btn-green {
    background: #fff !important;
}

.head-flash-sale .btn-green:hover,
.head-flash-sale .btn-green:focus {
    background: #0fa63c !important;
    color: #fff;
}

.header-narisup {
    z-index: 110 !important;
}

.slide-pro .item-pro {
    max-width: 269px;
}

.slide-feedback .item-feedback {
    max-width: 326px;
}

.slide-pro__hot .item-pro__hot {
    max-width: 351px;
}

.slide-feeling .item-feeling {
    max-width: 351px;
}

.slide-service .item-service {
    max-width: 476px;
}

.slide-pro__promotion .swiper-slide {
    max-width: 327px;
}

[rs-skeleton] img {
    opacity: 0;
}

.naris-up-pagination {
    text-align: center;
    margin-top: 1.25rem;
}

.menu ul li a[href^="khuyen-mai"],
.menu ul li a[title^="Khuyến mãi"] {
    position: relative;
    padding-right: 25px !important;
}

.menu ul li a[href^="khuyen-mai"]::after,
.menu ul li a[title^="Khuyến mãi"]::after {
    content: "";
    width: 17px;
    height: 17px;
    background-image: url(../images/hot-menu.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
}

.box-content {
    box-sizing: border-box !important;
}

.box-my-cart {
    width: 100%;
    max-width: min(620px, 100%);
    transition: all 0.3s;
}

.box-my-cart.active {
    right: 0;
}

.overlay-cart.show {
    left: 0;
}

.section-banner__pages {
    background-position: center;
}

.close-box-cart {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.close-box-cart::before,
.close-box-cart::after {
    content: "";
    width: 1px;
    height: 100%;
    top: 50%;
    left: 50%;
    background: #252525;
    position: absolute;
}

.close-box-cart::before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.close-box-cart::after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.theory-boxs {
    height: fit-content;
}

.theory-boxs .theory__item {
    padding-left: 80px;
    padding-right: 50px;
}

.theory-boxs .main-text .text {
    font-size: 220px;
    line-height: 1;
    color: #e3eeff;
    background-image: linear-gradient(75deg, #f3e7e9, #e3eeff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    min-width: 220px;
    text-align: center;
}

.theory-boxs .main-text .text-relative {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
}

.theory-boxs .main-text .text-relative .mincyo {
    color: #333;
    font-size: 2.5rem;
}

.theory-boxs .main-text .text-relative .en {
    color: #8888;
}

.show-theory__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 1;
    color: #252525;
    cursor: pointer;
}

.show-theory__content i {
    font-size: 40px;
    transition: all 0.3s;
}

.show-theory__content.open i {
    transform: rotate(-180deg);
}

.text-sticky .text {
    font-size: 60px;
    letter-spacing: 1.8em;
    writing-mode: vertical-rl;
    position: sticky;
    top: 120px;
}

.theory-boxs__content {
    padding: 24px;
    background-image: linear-gradient(75deg, #f3e7e9, #e3eeff);
}

.theory__item.open .theory-boxs__content {
    display: block;
}

.section-avertisement img {
    width: 100%;
    height: auto;
    min-height: 230px;
}

.section-avertisement .container {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
}

.slide-banner__premium .container .banner-content {
    position: absolute;
    top: 50%;
    left: 54%;
    transform: translate(-50%, -50%);
    max-width: 400px;
}

.head-flash-sale .btn-green {
    color: #0fa63c;
}

.pro-cate__index .img img {
    object-fit: scale-down;
}

.gradient-wrap {
    padding: 20px;
    background-image: linear-gradient(75deg, #f3e7e9, #e3eeff);
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}

.gradient-wrap .image {
    margin-bottom: 2rem;
}

.gradient-wrap .image img {
    margin-left: auto;
    margin-right: auto;
    -webkit-box-reflect: below -2px -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.25)), to(transparent));
    pointer-events: none;
}

.gradient-wrap .image-2 {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4rem;
}

.gradient-wrap .image-2 img {
    margin-left: auto;
    margin-right: auto;
}

.bundled-products-slide .item-pro {
    max-width: 297px;
}

.item-service .img img {
    object-fit: cover;
}

.social-img img {
    width: 18px;
    height: 18px;
}

.section-about__index .short_content a,
.border-link-tag a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8px 16px;
    border: 1px solid transparent;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border: 1px solid #454545;
}

.section-about__index .short_content a:hover,
.section-about__index .short_content a:focus,
.border-link-tag a:hover,
.border-link-tag a:focus {
    background: #454545;
    color: #fff;
}

.naris-premium-login .box-login span[data-modal-rs],
.naris-premium-login .box-login a.inline-block {
    color: #dfb557;
}

.naris-premium-login .box-login .btn-green {
    color: #252525;
    background: linear-gradient(98.49deg, #dfb557 -39.81%, #fdf7bf 33.9%, #d6ab48 94.09%, #ae832d 149.71%, #ce9f2b 209.9%, #b48b2e 283.6%);
}

.form-comment-naris-spa .btn-send-rating {
    color: #252525;
    background: linear-gradient(98.49deg, #dfb557 -39.81%, #fdf7bf 33.9%, #d6ab48 94.09%, #ae832d 149.71%, #ce9f2b 209.9%, #b48b2e 283.6%) !important;
}

.naris-premium-login .section-policy .grid {
    background: linear-gradient(98.49deg, #dfb557 -39.81%, #fdf7bf 33.9%, #d6ab48 94.09%, #ae832d 149.71%, #ce9f2b 209.9%, #b48b2e 283.6%);
}

.naris-premium-login .section-policy .item-policy .title,
.naris-premium-login .section-policy .item-policy .text {
    color: #252525;
}

.form-price__premium .price {
    color: #252525;
}

.list-voucher__detail {
    padding-bottom: 10px;
}

.voucher-hover {
    position: absolute;
    top: 100%;
    left: 0;
    width: 450px;
    border: 1px solid #ebebeb;
    background: #fff;
    z-index: 1;
    transition: all 0.3s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.voucher-item__detail .content {
    padding-left: 8px;
    border-left: 1px solid #ebebeb;
}

.list-voucher__detail:hover .voucher-hover {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}

.section-auth .item-pro:hover {
    border: 1px solid #dfb557;
}

.section-auth .item-pro .price {
    color: #dfb557;
}

.section-auth .item-pro .btn-action .link {
    border: 1px solid #dfb557;
}

.section-auth .item-pro .btn-action .link img {
    filter: grayscale(1);
}

.section-auth .item-pro .btn-action .link:hover,
.section-auth .item-pro .btn-action .link:focus {
    background: #dfb557;
}

.section-auth .item-pro .btn-action .link:hover img,
.section-auth .item-pro .btn-action .link:focus img {
    filter: brightness(100);
}

.section-auth .filter-item .text::after {
    background: #dfb557;
}

.section-auth .filter-item input:checked~.text::before {
    border: 1px solid #dfb557;
}

.pagination-banner-main .swiper-pagination-bullet-active {
    background: #0fa63c;
    opacity: 1;
}

.item-pro__hot .title-product {
    flex: unset;
}

.pagination-partner .swiper-pagination-bullet-active {
    background: #dfb557;
}

.tab-partner .tablinks.active {
    color: #252525;
}

.cloudzoom-zoom {
    border: 2px solid #252525;
}

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

.mobile-widget li a {
    background: linear-gradient(98.49deg, #dfb557 -39.81%, #fdf7bf 33.9%, #d6ab48 94.09%, #ae832d 149.71%, #ce9f2b 209.9%, #b48b2e 283.6%);
}

.mobile-widget.wg-up li a {
    background: #0fa63c;
}

.mobile-widget li a i {
    animation: lac 1s linear infinite;
}

.desktop-box-cart {
    transition: all 1s;
}

.desktop-box-cart.scroll {
    bottom: 1rem !important;
}

.desktop-box-cart .form-price .price {
    font-size: 0.875rem;
}

.item-pro__combo .circle::before {
    content: "";
    width: 6px;
    height: 11px;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 4px;
    left: 7px;
    display: none;
    z-index: 1;
}

.item-pro__combo input:checked~.circle::before {
    display: block;
}

.item-pro__combo input:checked~.circle {
    background: red;
    border: 1px solid red;
}

.section-banner__intro .main-img {
    height: 500px;
}

.section-banner__intro .main-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-banner__intro .main-img::before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    position: absolute;
    top: 0;
    left: 0;
}

.item-intro__page .img {
    padding-top: 100%;
}

.item-intro__page::before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 1;
}

.item-intro__page .content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    padding: 0.5rem;
}

.item-intro__page .content .banner-title {
    color: #fff;
}

.item-intro__page .readmore {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    color: #fff;
    font-size: 1.25rem;
    border: 2px solid #fff;
}

.item-intro__page .readmore:hover {
    background: #dfb557;
    border: 2px solid #dfb557;
}

.section-banner__intro .short_content {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.header {
    background: rgba(255, 255, 255, 0.10);
    position: relative;
}

.header::after {
    content: "";
    width: 100%;
    height: 1px;
    background: linear-gradient(270deg, rgba(238, 222, 188, 0.00) 0%, #DDC6A3 48.96%, rgba(238, 222, 188, 0.00) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
}

.item-transport .checkbox-all {
    color: #454545 !important;
}

.item-voucher__sidebar {
    background-image: url(../images/bg-voucher.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.header {
    transition: all .3s;
}

.header.fixedd {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}

.pagination-pro__list .swiper-pagination-bullet {
    background: rgba(252, 162, 79, 0.50);
    opacity: 1;
    width: 12px;
    height: 12px;
    border-radius: 50px;
    transition: all .3s;
}

.pagination-pro__list .swiper-pagination-bullet-active {
    width: 34px;
    background: linear-gradient(90deg, #833AB4 0%, #FE7272 48.96%, #FCB045 100%);
}

.filter-pro-favourite .rec {
    position: relative;
}

.filter-pro-favourite .item input:checked~.rec::before {
    display: block;
}

.filter-pro-favourite .rec::before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(../images/check.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

.header.scroll {
    background: #fff;
}
.slide-banner__index .container{
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        height: 100%;
        display: flex;
        align-items: flex-end;
    }
@media (min-width: 1024px) {
 
    .slide-banner__index .image-banner img{
        max-height: 720px;
    }
    .btn-add-image {
        position: relative;
    }
    .btn-add-image span {
        position: relative;
    }
    .btn-add-image:hover::before {
        width: 100%;
    }
    .btn-add-image:hover .text {
        color: #fff;
    }
    .btn-add-image:hover .icon {
        filter: brightness(100);
    }
    .btn-add-image::before {
        content: "";
        width: 0%;
        height: 100%;
        background: #454545;
        transition: all .3s;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        transform-origin: center;
        border-radius: 0 20px;
    }
    .header::after {
        content: "";
        width: 100%;
        height: 1px;
        background: #af8f70;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .menu ul li a:hover,
    .menu>ul>li>a.active {
        background: var(--gradient, linear-gradient(90deg, #833AB4 0%, #FE7272 48.96%, #FCB045 100%));
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .menu>ul>li>a {
        position: relative;
    }
    .menu>ul>li>a::after {
        content: "";
        width: 0;
        height: 3px;
        background: linear-gradient(90deg, #833AB4 0%, #FE7272 48.96%, #FCB045 100%);
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        transition: all .3s;
    }
    .menu>ul>li>a:hover::after {
        width: 100%;
    }
    .item-intro__page .content .banner-title {
        font-size: 1.875rem;
    }
    .lg-text-white {
        color: #fff;
    }
    .custom-list-cart {
        padding-right: 10px;
    }
    .custom-list-cart::-webkit-scrollbar-track {
        background-color: #fff;
    }
    .custom-list-cart::-webkit-scrollbar {
        width: 4px;
        background-color: #f5f5f5;
    }
    .custom-list-cart::-webkit-scrollbar-thumb {
        background: #FFE0A9;
    }
    .lg-block {
        display: block;
    }
    .slide-service {
        padding: 1rem 0;
    }
    .h-login span {
        display: inline-block;
    }
    .list-shop-system-spa {
        max-height: 512px;
        overflow-y: auto;
    }
    .list-shop-system-spa::-webkit-scrollbar-track {
        background-color: #f5f5f5;
    }
    .list-shop-system-spa::-webkit-scrollbar {
        width: 7px;
        background-color: #f5f5f5;
    }
    .list-shop-system-spa::-webkit-scrollbar-thumb {
        background: linear-gradient(98.49deg, #dfb557 -39.81%, #fdf7bf 33.9%, #d6ab48 94.09%, #ae832d 149.71%, #ce9f2b 209.9%, #b48b2e 283.6%);
    }
    .item-pro .form-price .price {
        font-size: 1.125rem;
    }
    .module-vision {
        background-image: url(../images/bg-text-vision.png);
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: left;
    }
    .item-pro:hover .btn-action {
        left: 0;
    }
    .item-pro__cate .title {
        background: linear-gradient(98.49deg, #dfb557 -39.81%, #fdf7bf 33.9%, #d6ab48 94.09%, #ae832d 149.71%, #ce9f2b 209.9%, #b48b2e 283.6%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }
    .header .menu>ul {
        display: flex;
        justify-content: center;
    }
    .header .menu>ul>li>a {
        display: block;
        padding: 12px;
        font-size: 14px;
        font-weight: 400;
    }
}

.btn-favourite.active {
    background: red;
    color: #fff;
}

.box-menu-hover .list-item::-webkit-scrollbar-track {
    background-color: #fff;
}

.box-menu-hover .list-item::-webkit-scrollbar {
    width: 7px;
    background-color: #f5f5f5;
}

.box-menu-hover .list-item::-webkit-scrollbar-thumb {
    background: #FFE0A9;
}
.list-method-icon li a{
    width: 100%;
    height: 100%;
}
.list-method-icon li{
    height: 1.5rem;
}
@media (min-width: 1280px) {
    .header .menu>ul>li>a {
        padding: 16px 12px;
    }
    .slide-banner__index .img-banner img {
        height: auto;
    }
    .item-feeling .img {
        overflow: hidden;
    }
    .item-pro__hot .img img,
    .item-service .img img,
    .item-feeling .img img {
        transition: all 0.5s;
    }
    .item-pro__hot:hover .img img,
    .item-service:hover .img img,
    .item-feeling:hover .img img {
        transform: scale(1.1);
    }
}

@media(min-width:1400px) {
    .container {
        max-width: 1342px !important;
    }
}

@media (min-width: 1536px) {
    .header-narisup .h-middle {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .naris-up .title-all {
        font-size: 36px !important;
    }
    .menu>ul>li:not(:last-child) {
        margin-right: 15px;
    }
    .menu>ul>li>a {
        padding: 2.5rem 0;
    }
    .title-all {
        font-size: 56px;
    }
}

@media (max-width: 1535px) {
    .box-my-cart {
        padding: 0.5rem;
    }
    .box-my-cart .item-pro__cart {
        margin-bottom: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .box-my-cart .form-bottom,
    .box-my-cart .form-bottom .price {
        font-size: 0.875rem;
    }
    .box-my-cart .form-bottom .total-price {
        padding-bottom: 0.5rem;
        margin-bottom: 0.5rem;
    }
    .box-my-cart .form-bottom .text-deal {
        margin-bottom: 0.5rem;
    }
    .slide-banner__premium .container .banner-content {
        left: 60%;
    }
    .slide-banner__premium .layout-2 {
        right: 50px;
    }
    .footer-spa .f-menu ul li a {
        font-size: 0.875rem;
    }
    .item-tracking:not(:last-child)::after {
        width: 120px;
    }
    .body-premium {
        padding-top: 115px;
    }
    .swiper__prev {
        left: -35px;
    }
    .swiper__next {
        right: -35px;
    }
}

@media (max-width: 1399px) {
    .slide-banner__premium .container .banner-content {
        left: 58%;
    }
}

@media (max-width: 1279px) {
    .item-pro__hot .pro-content {
        padding: 8px;
    }
    .item-pro__hot .btn-black {
        background: linear-gradient(98.49deg, #dfb557 -39.81%, #fdf7bf 33.9%, #d6ab48 94.09%, #ae832d 149.71%, #ce9f2b 209.9%, #b48b2e 283.6%);
        color: #252525;
    }
}

@media (max-width: 1023px) {
    .section-banner__index .swiper-slide {
        background-image: none !important;
    }
    .over-lay.show {
        right: 0;
    }
    .section-banner__intro .main-img,
    .section-banner__intro .main-img::before {
        display: none;
    }
    .fb_dialog_content iframe {
        bottom: 80px !important;
    }
    .voucher-hover {
        width: 300px;
        left: 0;
        transform: translateX(-20%);
    }
    .swiper-button:hover {
        background: #fff;
    }
    .slide-banner__premium .container .banner-content {
        position: unset;
        transform: unset;
    }
    .slide-banner__premium .container {
        min-height: unset !important;
        margin-top: 1.5rem;
        position: unset;
        transform: unset !important;
    }
    .slide-banner__premium .layout-1,
    .slide-banner__premium .layout-2 {
        position: unset;
        transform: unset;
    }
    .slide-banner__premium .banner-content {
        text-align: center !important;
    }
    .section-advertisement .container {
        position: unset;
        transform: unset;
        margin-top: 1rem;
    }
    .section-advertisement::after {
        display: none;
    }
    .section-advertisement .title-all,
    .section-advertisement .short_content,
    .section-advertisement .subtitle {
        color: #252525;
    }
    .text-sticky {
        display: none;
    }
    .theory-boxs__head {
        display: block;
    }
    .theory-boxs__head .main-text {
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }
    .theory-boxs__intro {
        text-align: center;
        margin-top: 1rem;
    }
    .show-theory__content {
        position: relative;
        transform: unset;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }
    .theory-boxs .main-text .text {
        font-size: 150px;
    }
    .theory-boxs .main-text .text-relative .mincyo {
        font-size: 30px;
    }
    .theory-boxs .theory__item {
        padding-left: 0;
        padding-right: 0;
    }
    .menu ul li {
        position: relative;
    }
    .menu ul li .btn-dropdown-menu {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.25rem;
        width: 29.5px;
        height: 29.5px;
        position: absolute;
        top: 0;
        right: 0;
        transition: all 0.3s;
    }
    .menu ul li ul li a {
        padding-left: 30px;
    }
    .menu ul li ul li ul li a {
        padding-left: 45px;
    }
    .menu ul li .btn-dropdown-menu.open {
        transform: rotate(-180deg);
    }
    .header-home {
        background-color: #fff !important;
    }
    .form-sort-mobile {
        flex: 1;
    }
    .form-sort-mobile .sort-list-product {
        width: 100%;
        height: 46px;
    }
    .menu .img-menu {
        display: none;
    }
    .header-premium .menu ul li ul {
        display: none;
    }
    .menu ul li ul {
        display: none;
    }
    .h-user .name-user {
        display: none;
    }
    .item-service .btn-black {
        background: transparent;
        color: #252525;
    }
    .item-service .btn {
        padding: 8px;
    }
    .item-service .btn img {
        display: inline-block !important;
        filter: grayscale(1) brightness(0.5);
    }
    .pro-cate__index {
        padding: 0 !important;
        border: none !important;
    }
    .pagination-all {
        margin-top: 8px;
    }
    .swiper-button {
        width: 24px;
        height: 24px;
    }
    .header-narisup .h-logo {
        max-width: 75px;
    }
    .footer-premium {
        background: radial-gradient(95.52% 95.52% at 50% 4.48%, #ffffff 0%, #f5f5f5 100%);
    }
    .swiper__slide {
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(255, 255, 255, 0.8);
        box-shadow: 2px 4px 14px rgba(0, 0, 0, 0.06);
    }
    .swiper__slide i {
        font-size: 1.25rem;
    }
    .nav-pro__cate .cate-link.active,
    .nav-pro__cate .cate-link:hover,
    .nav-pro__cate .cate-link:focus {
        background: transparent;
    }
    .nav-pro__cate .cate-link:not(:last-child) {
        border-right: unset;
    }
    .pro-hot__index.premium .item-pro__hot .btn {
        background: linear-gradient(98.49deg, #dfb557 -39.81%, #fdf7bf 33.9%, #d6ab48 94.09%, #ae832d 149.71%, #ce9f2b 209.9%, #b48b2e 283.6%);
        color: #252525;
    }
    .head-nav .nav-footer ul li:not(:last-child) {
        margin-bottom: 1rem;
    }
    .head-nav .nav-footer ul li a {
        padding: 0;
        font-size: 12px;
        color: #454545;
    }
    .slide-banner__premium .layout-2 {
        right: 0;
    }
    .item-pro__hot {
        border: 1px solid #ccc;
    }
    .slide-banner__premium .swiper-slide-active .layout-2 {
        right: 0;
    }
    .item-pro__hot {
        border: 1px solid #ccc;
    }
    .nav-tab-order {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        white-space: nowrap;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
        overflow-x: auto;
    }
    .tab-service {
        overflow-x: auto;
    }
    .swiper__next {
        right: 0;
    }
    .swiper__prev {
        left: 0;
    }
    .tabs-system {
        overflow-x: auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start !important;
    }
    .tabs-system>* {
        width: 33.333%;
    }
    .item-tracking:not(:last-child)::after {
        display: none;
    }
    .item-tracking .icon {
        width: 50px;
        height: 50px;
        border-width: 1px !important;
    }
    .item-tracking .icon img {
        width: 24px;
        -o-object-fit: scale-down;
        object-fit: scale-down;
    }
    .nav-link__order {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
    }
    .nav-link__cate {
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
    }
    section {
        overflow: hidden;
    }
    .logo-mobile img {
        margin-left: auto;
        margin-right: auto;
    }
    .head-flash-sale .btn-green {
        padding: 0;
        flex-shrink: 0;
    }
    .pagination-all .swiper-pagination-bullet {
        width: 10px;
    }
    .pagination-all .swiper-pagination-bullet-active {
        width: 25px;
    }
    .item-pro__cate .pro-content {
        opacity: 1;
        padding: 8px;
    }
    .item-pro__cate .title {
        background: linear-gradient(98.49deg, #dfb557 -39.81%, #fdf7bf 33.9%, #d6ab48 94.09%, #ae832d 149.71%, #ce9f2b 209.9%, #b48b2e 283.6%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }
    .item-pro__cate .btn-gold {
        padding: 0;
        border: none;
        background: linear-gradient(98.49deg, #dfb557 -39.81%, #fdf7bf 33.9%, #d6ab48 94.09%, #ae832d 149.71%, #ce9f2b 209.9%, #b48b2e 283.6%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        margin-top: 1rem;
    }
    .nav-pro__cate {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
    }
    .pagination-banner {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .pagination-banner .swiper-pagination-bullet {
        width: 30px;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
    }
    .menu {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        max-width: min(350px, 80%);
        overflow-y: auto;
        background: #f5f5f5;
        z-index: 100;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    .menu.active {
        left: 0;
    }
    .menu li a {
        padding: 10px 15px;
    }
    .header-home .menu {
        text-align: center;
    }
    .pagination-banner {
        display: none;
    }
    .over-lay.show {
        right: 0;
    }
    .body-premium {
        padding-top: 64px;
    }
    .form-filter__pro {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: #fff;
        padding: 1rem;
        z-index: 200;
        overflow-y: auto;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    .form-filter__pro.active {
        left: 0;
    }
    .form-filter__pro .readmore {
        display: none;
    }
    .filter-item {
        display: inline-block !important;
        width: -webkit-fit-content !important;
        width: -moz-fit-content !important;
        width: fit-content !important;
        margin-right: 8px;
    }
    .filter-item input:checked~.text {
        border: 1px solid #0fa63c;
    }
    .filter-item .text {
        padding: 8px 12px;
        border: 1px solid #ebebeb;
    }
    .filter-item .text::before,
    .filter-item .text::after {
        display: none !important;
    }
    .close-filter {
        position: absolute;
        top: 8px;
        right: 8px;
        z-index: 1;
    }
    .close-filter::before,
    .close-filter::after {
        content: "";
        width: 1px;
        height: 100%;
        background: #252525;
        position: absolute;
        top: 50%;
        left: 50%;
    }
    .close-filter::before {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);
    }
    .close-filter::after {
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate(-45deg);
    }
}

@media (max-width: 767px) {
    .spection-offers .bg {
        display: block !important;
    }
    .spection-offers .box-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 140px;
    }
    .spection-offers .box-content .subtitle {
        font-size: 10px;
        letter-spacing: 0.1em;
    }
    .spection-offers .box-content .title-all {
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }
    .spection-offers .box-content .short_content {
        display: none;
    }
    .spection-offers .btn-border {
        padding: 4px 8px;
        font-size: 10px;
        background: #252525;
        color: #dfb557;
    }
}

@media (max-width: 575px) {
    .filter-pro-favourite .rec::before {
        width: 16px;
        height: 16px;
    }
    .tabs-system>* {
        width: 50%;
    }
    .show-content-footer {
        position: relative;
    }
    .show-content-footer::before {
        content: "\f107";
        font-family: "fontAwesome";
        position: absolute;
        top: 0;
        right: 0;
        transition: all 0.3s;
    }
    .show-content-footer.open::before {
        transform: rotate(-180deg);
    }
    .footer-naris-up .nav-footer {
        display: none;
    }
    .item-new__sidebar .image {
        width: 100px;
    }
    .gradient-wrap {
        padding: 8px;
    }
    .mobile-gradient {
        background: linear-gradient(98.49deg, #dfb557 -39.81%, #fdf7bf 33.9%, #d6ab48 94.09%, #ae832d 149.71%, #ce9f2b 209.9%, #b48b2e 283.6%);
        color: #252525;
        padding: 4px 8px;
    }
    .nav-pro__cate .cate-link {
        background: linear-gradient(0deg, #cab748 29%, #e8da90 47.48%, #d6c86f 71%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }
    .item-pro .cate {
        font-size: 10px;
    }
    .item-pro .title {
        font-size: 14px;
        margin-bottom: 8px;
    }
    .item-pro .price {
        font-size: 12px;
    }
    .rating-item .rating-box {
        font-size: 12px;
    }
    .item-pro .btn-favourite {
        font-size: 0.875rem;
    }
    .item-pro .add-to-cart img {
        width: 20px;
    }
    .swiper-button {
        background: #fff;
    }
    .item-pro .check-combo {
        width: 16px;
        height: 16px;
    }
    .item-pro .check-combo::after {
        width: 4px;
        height: 8px;
        top: 3px;
        left: 6px;
    }
    .slide-feedback__main .swiper-feedback {
        width: 2rem;
        height: 2rem;
    }
    .slide-cate__mobile .swiper-wrapper {
        flex-direction: unset !important;
    }
    .slide-cate__mobile .swiper-slide {
        margin-top: 0 !important;
        margin-bottom: 0.5rem;
    }
    .naris-up .menu-mobile img {
        max-width: 100px;
        margin-left: 0;
    }
    .item-policy .icon {
        margin-left: 0;
        margin-right: 0;
    }
    .item-feedback .show-feedback-content {
        width: 32px;
        height: 32px;
    }
    .swiper__prev {
        left: -12px;
    }
    .swiper__next {
        right: -12px;
    }
    .naris-up .title-all {
        font-size: 22px;
        font-weight: 600;
    }
    .time-countdown .item {
        background: linear-gradient(180deg, #fe6232 0%, #f5745d 42.71%, #f6442e 100%);
        color: #fff;
        border-radius: 5px;
    }
    .section-new__index .btn-readmore {
        border: 1px solid #cebb59;
        padding: 10px 24px;
    }
    .view-detail__map {
        position: relative;
        background: linear-gradient(140.19deg, #cbb852 15.91%, #e2d488 54.51%, #cbb852 88.24%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }
    .view-detail__map::after {
        content: "";
        width: 100%;
        height: 1.5px;
        background: linear-gradient(140.19deg, #cbb852 15.91%, #e2d488 54.51%, #cbb852 88.24%);
        position: absolute;
        bottom: 0;
        left: 0;
    }
    #map-system iframe {
        width: 100%;
        height: 100%;
    }
    .main-breadcrumb-home .breadcrumb li {
        display: inline-block;
    }
    .main-breadcrumb-home .breadcrumb li a {
        display: block;
        color: #888;
    }
    .main-breadcrumb-home .breadcrumb li a::after {
        content: url(../images/arrow-right-gold.svg);
        margin: 0 8px;
        position: relative;
        top: 4px;
    }
    .main-breadcrumb-home .breadcrumb li span {
        color: #cab748;
    }
    .form-comment .btn-submit {
        background: linear-gradient(98.49deg, #dfb557 -39.81%, #fdf7bf 33.9%, #d6ab48 94.09%, #ae832d 149.71%, #ce9f2b 209.9%, #b48b2e 283.6%);
        color: #252525;
    }
    .section-pro__cate.premium .sort-item input:checked~.text {
        background: linear-gradient(140.19deg, #cbb852 15.91%, #e2d488 54.51%, #cbb852 88.24%);
    }
    .section-pro__cate.premium .filter-item .text::after {
        background: linear-gradient(98.49deg, #dfb557 -39.81%, #fdf7bf 33.9%, #d6ab48 94.09%, #ae832d 149.71%, #ce9f2b 209.9%, #b48b2e 283.6%);
    }
    .section-pro__cate.premium .filter-item input:checked~.text::before {
        border: 1px solid #dfb557;
    }
    .section-pro__cate.premium .show-form-filter {
        background: linear-gradient(98.49deg, #dfb557 -39.81%, #fdf7bf 33.9%, #d6ab48 94.09%, #ae832d 149.71%, #ce9f2b 209.9%, #b48b2e 283.6%);
    }
    .item-pro__hot .discount {
        background-image: url(../images/bg-discount.svg);
        background-repeat: no-repeat;
        background-size: contain;
    }
    .section-pro__detail.premium .module-slide__pro .slide-pro__thumbs {
        width: 126px;
    }
    .section-pro__detail.premium .module-slide__pro .slide-pro__thumbs .swiper-slide-thumb-active .img {
        border: 1px solid #dfb557;
        z-index: 1;
    }
    .module-service__pro .item-service:not(:last-child) {
        margin-bottom: 1rem;
    }
    .module-service__pro .item-service .content {
        padding: 8px !important;
    }
    .module-service__pro .item-service .button-action {
        gap: 8px !important;
    }
    .module-service__pro .item-service .button-action .btn {
        font-size: 14px;
    }
    .item-utility .content::before {
        content: "";
        width: 100%;
        height: 100%;
        background: linear-gradient(140.19deg, #cbb852 15.91%, #e2d488 54.51%, #cbb852 88.24%);
        opacity: 0.05;
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
    }
    .text-gradient {
        background: -webkit-gradient(linear, left bottom, left top, color-stop(29%, #cab748), color-stop(47.48%, #e8da90), color-stop(71%, #d6c86f));
        background: linear-gradient(0deg, #cab748 29%, #e8da90 47.48%, #d6c86f 71%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }
    .slide-mega__thumbs .swiper-slide .img {
        border: 1px solid transparent;
    }
    .slide-mega__thumbs .swiper-slide-thumb-active .img {
        border: 1px solid #cab748;
    }
    .tab-service .tablinks {
        position: relative;
    }
    .tab-service .tablinks.active::after {
        content: "";
        width: 100%;
        height: 2px;
        position: absolute;
        bottom: 0;
        left: 0;
        background: linear-gradient(98.49deg, #dfb557 -39.81%, #fdf7bf 33.9%, #d6ab48 94.09%, #ae832d 149.71%, #ce9f2b 209.9%, #b48b2e 283.6%);
    }
    .slide-feedback__main .img::before {
        content: "";
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        pointer-events: none;
    }
    .slide-feedback__main .swiper-slide-active .img::before {
        opacity: 0;
        visibility: hidden;
    }
    .slide-feedback__thumbs .img {
        border: 2px solid transparent;
    }
    .slide-feedback__thumbs .swiper-slide-thumb-active .img {
        border: 2px solid #dfb557;
    }
    .item-effective {
        background: linear-gradient(140.19deg, #cbb852 15.91%, #e2d488 54.51%, #cbb852 88.24%);
    }
    .item-effective .text {
        background: linear-gradient(98.49deg, #dfb557 -39.81%, #fdf7bf 33.9%, #d6ab48 94.09%, #ae832d 149.71%, #ce9f2b 209.9%, #b48b2e 283.6%);
    }
    .new-spa::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
        pointer-events: none;
    }
    .item-system-spa .view-detail__map {
        background: unset;
        -webkit-background-clip: text;
        -webkit-text-fill-color: unset;
    }
    .item-system-spa .view-detail__map::after {
        display: none;
    }
    .spa-contact {
        position: relative;
    }
    .spa-contact::before {
        content: "";
        width: 70%;
        left: 0;
        height: 100%;
        top: 0;
        background-image: url(../images/rec-gold.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
    }
    .spa-contact::after {
        content: "";
        width: 1000px;
        height: 1px;
        background: linear-gradient(98.49deg, #dfb557 -39.81%, #fdf7bf 33.9%, #d6ab48 94.09%, #ae832d 149.71%, #ce9f2b 209.9%, #b48b2e 283.6%);
        position: absolute;
        top: 75%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 70%;
    }
    .footer-spa {
        background: radial-gradient(94.13% 166.12% at 49.72% -1.47%, #ffffff 0%, #ededed 100%);
    }
    .footer-spa .f-menu ul li {
        display: block;
    }
    .footer-spa .f-menu ul li:not(:last-child) {
        margin-right: 2.5rem;
    }
    .footer-spa .f-menu ul li a {
        display: block;
        text-transform: uppercase;
        color: #252525;
        font-size: 0.875rem;
        font-weight: 500;
    }
    .footer-spa .footer-top {
        border-bottom: 1px solid #ebebeb;
    }
    .btn-like-spa.like {
        color: red;
    }
    .nav-tab-order .tablinks {
        border-bottom: 1px solid transparent;
    }
    .nav-tab-order .tablinks.active {
        border-bottom: 1px solid #cbb852;
    }
    .item-order input:checked~.text::before {
        border: 1px solid #cbb852;
    }
    .item-order input:checked~.text::after {
        display: block;
    }
    .item-order .text {
        padding-left: 28px;
    }
    .item-order .text::before {
        content: "";
        width: 20px;
        height: 20px;
        border-radius: 100%;
        border: 1px solid #888;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .item-order .text::after {
        content: "";
        width: 14px;
        height: 14px;
        border-radius: 100%;
        background: linear-gradient(140.19deg, #cbb852 15.91%, #e2d488 54.51%, #cbb852 88.24%);
        position: absolute;
        top: 50%;
        left: 3px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        display: none;
    }
    .slide-banner__premium .layout-1 img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .slide-banner__premium .container {
        min-height: unset !important;
    }
    .module-system {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
    }
    .module-system .col-span-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
    }
    .nav-policy li {
        font-size: 12px;
    }
}

.-translate-y-\[50\%\] {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.banner__premium .banner {
    transform: translateY(-50%);
}

.fa:before {
    font-family: "FontAwesome";
}

.justify-around .item-tracking:not(:last-child)::after {
    content: "";
    width: 400px;
    height: 2px;
    background: #888;
    position: absolute;
    top: 35px;
    left: 100%;
}

.btn-comment-naris-up {
    background: #FFE0A9;
    color: #191817;
    border-radius: 0;
    transition: all .3s;
}

.btn-comment-naris-up:hover {
    background: #191817;
    color: #FFE0A9;
}

.btn-comment-naris-premium {
    color: #252525 !important;
    background: linear-gradient(98.49deg, #dfb557 -39.81%, #fdf7bf 33.9%, #d6ab48 94.09%, #ae832d 149.71%, #ce9f2b 209.9%, #b48b2e 283.6%) !important;
    border-radius: 20px;
}

.section-pro__des form input,
.section-pro__des form textarea {
    border: 1px solid #ebebeb;
}

[input-choose-example]:checked+span {
    background: #FFE0A9 !important;
    color: #191817 !important;
}

.text-premium {
    background: linear-gradient(140.19deg, #cbb852 15.91%, #e2d488 54.51%, #cbb852 88.24%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

input,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}