@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

::-webkit-scrollbar {
  width: 6px;
  border-radius: 15px;
}

::-webkit-scrollbar-track {
  border-radius: 15px;
  background: transparent;
}

::-webkit-scrollbar-thumb {
  border-radius: 15px;
  background-color: darkgrey;
}

:root {
  --white: rgba(255, 255, 255, 1);
  --black: hsla(0, 0%, 0%, 1);
  --black-alpha-50: hsla(0, 0%, 0%, 0.5);
  --grey: rgba(41, 41, 41, 1);
  --grey-6: rgba(41, 41, 41, 0.6);
  --grey-5: rgba(41, 41, 41, 0.5);
  --grey-alpha-70: rgba(41, 41, 41, 0.7);
  --green: rgba(5, 71, 42, 1);
  --fontFamily-primary: "Moulin Web";
  --fontSize-title-1: 80px;
  --fontSize-title-2: 60px;
  --fontSize-title-3: 36px;
  --fontSize-body-1: 14px;
  --fontSize-body-2: 16px;
  --fontSize-body-3: 18px;
  --fontSize-body-4: 20px;
  /* line-height */
  --lineHeight-1: calc(15.68 / 14);
  --lineHeight-2: calc(22 / 16);
  --lineHeight-3: calc(20 / 18);
  --lineHeight-4: calc(22.4 / 20);
  /* font-weight */
  --weight-regular: 300;
  --weight-bold: 400;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}

.js-scroll-change-color {
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

body {
  font-family: var(--fontFamily-primary);
  line-height: var(--lineHeight-2);
  font-size: var(--fontSize-body-2);
  color: var(--grey);
  font-weight: var(--weight-regular);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  font-style: italic !important;
}
body * {
  font-family: var(--fontFamily-primary) !important;
  font-style: italic !important;
}
body.body-fixed {
  position: fixed;
  max-height: 100vh;
  inset: 0;
}

.overlay-body {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 9;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  display: none;
}
.overlay-body.active {
  display: block;
}

.title-section {
  font-size: var(--fontSize-title-2);
  line-height: 1.1666666667;
  font-weight: 400;
}
@media screen and (max-width: 1399px) {
  .title-section {
    font-size: 42px;
  }
}
@media screen and (max-width: 1199px) {
  .title-section {
    font-size: 32px;
    line-height: 1.25;
  }
}
.title-section span {
  color: var(--grey);
  text-align: justify;
  font-size: 24px;
  line-height: 22px;
  display: block;
  font-weight: 300;
}
@media screen and (max-width: 1199px) {
  .title-section span {
    font-size: 20px;
  }
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
}

.row {
  margin: 0 -15px;
}

.container-fluid, .page-news-blog-gallery .product-exclusively, .banner-section h2 {
  padding-left: 16px;
  padding-right: 16px;
}
@media screen and (min-width: 1200px) {
  .container-fluid, .page-news-blog-gallery .product-exclusively, .banner-section h2 {
    max-width: 100%;
  }
}
@media screen and (min-width: 1280px) {
  .container-fluid, .page-news-blog-gallery .product-exclusively, .banner-section h2 {
    max-width: 1280px;
  }
}
@media screen and (min-width: 1600px) {
  .container-fluid, .page-news-blog-gallery .product-exclusively, .banner-section h2 {
    max-width: 1380px;
  }
}
@media screen and (min-width: 1700px) {
  .container-fluid, .page-news-blog-gallery .product-exclusively, .banner-section h2 {
    max-width: 1752px;
  }
}
@media screen and (max-width: 767px) {
  .container-fluid, .page-news-blog-gallery .product-exclusively, .banner-section h2 {
    max-width: 540px;
  }
}

.row [class*=col-],
.container {
  padding-left: 15px;
  padding-right: 15px;
}

ol,
ul {
  list-style: none;
}

.cta-viewall {
  flex-shrink: 0;
  gap: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--grey);
  font-size: 20px;
  line-height: normal;
}
.cta-viewall:hover {
  color: var(--green);
}
@media screen and (max-width: 1399px) {
  .cta-viewall {
    font-size: 18px;
  }
}
@media screen and (max-width: 1199px) {
  .cta-viewall {
    font-size: 16px;
    gap: 8px;
  }
  .cta-viewall img,
  .cta-viewall svg {
    width: 24px;
    height: 24px;
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }
}

.gap-12 {
  gap: 12px;
}

.pb-100, .main-category-page .happniess-section {
  padding-bottom: 100px;
}
@media screen and (max-width: 1679px) {
  .pb-100, .main-category-page .happniess-section {
    padding-bottom: 50px;
  }
}

.pb-120, .main-category-page .shop-the-look-section {
  padding-bottom: 120px;
}
@media (max-width: 1199px) {
  .pb-120, .main-category-page .shop-the-look-section {
    padding-bottom: 80px;
  }
}
@media (max-width: 575px) {
  .pb-120, .main-category-page .shop-the-look-section {
    padding-bottom: 32px;
  }
}

.pt-120 {
  padding-top: 120px;
}

.dong {
  color: currentColor;
  line-height: normal;
  text-decoration: underline;
  transform: translateY(-1px);
  display: inline-block;
  font-size: 13px;
  margin: 0;
}

.prices, .style-look-section.style-look-detail-section .product-information .price-box .price-old, .product-details .product-information .price-box .price-old, .product-component-prices {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .prices, .style-look-section.style-look-detail-section .product-information .price-box .price-old, .product-details .product-information .price-box .price-old, .product-component-prices {
    gap: 8px 16px;
  }
}
.prices .price-sale, .style-look-section.style-look-detail-section .product-information .price-box .price-old .price-sale, .product-details .product-information .price-box .price-old .price-sale, .product-component-prices .price-sale {
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .prices .price-sale, .style-look-section.style-look-detail-section .product-information .price-box .price-old .price-sale, .product-details .product-information .price-box .price-old .price-sale, .product-component-prices .price-sale {
    font-size: 16px;
  }
}
@media screen and (max-width: 575px) {
  .prices .price-sale, .style-look-section.style-look-detail-section .product-information .price-box .price-old .price-sale, .product-details .product-information .price-box .price-old .price-sale, .product-component-prices .price-sale {
    flex-basis: 100%;
  }
}
.prices .price-old, .style-look-section.style-look-detail-section .product-information .price-box .price-old .price-old, .product-details .product-information .price-box .price-old .price-old, .product-component-prices .price-old {
  color: var(--grey-5);
}
.prices .price-old del, .style-look-section.style-look-detail-section .product-information .price-box .price-old .price-old del, .product-details .product-information .price-box .price-old .price-old del, .product-component-prices .price-old del {
  font-size: 16px;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .prices .price-old del, .style-look-section.style-look-detail-section .product-information .price-box .price-old .price-old del, .product-details .product-information .price-box .price-old .price-old del, .product-component-prices .price-old del {
    font-size: 14px;
  }
}
.prices .price-old .dong, .style-look-section.style-look-detail-section .product-information .price-box .price-old .price-old .dong, .product-details .product-information .price-box .price-old .price-old .dong, .product-component-prices .price-old .dong {
  color: var(--grey-5);
}
.prices .percent, .style-look-section.style-look-detail-section .product-information .price-box .price-old .percent, .product-details .product-information .price-box .price-old .percent, .product-component-prices .percent {
  color: var(--brown, #715d47);
  font-size: 16px;
  line-height: normal;
  border-radius: 4px;
  border: 1px solid var(--Chai, #d2ab80);
  padding: 4px 8px;
}
@media screen and (max-width: 767px) {
  .prices .percent, .style-look-section.style-look-detail-section .product-information .price-box .price-old .percent, .product-details .product-information .price-box .price-old .percent, .product-component-prices .percent {
    font-size: 14px;
  }
}
.prices .percent.percent-bg-green, .style-look-section.style-look-detail-section .product-information .price-box .price-old .percent.percent-bg-green, .product-details .product-information .price-box .price-old .percent.percent-bg-green, .product-component-prices .percent.percent-bg-green {
  background: var(--ever-gr, #05472a);
  border: 1px solid transparent;
  color: var(--white);
  font-size: 16px;
  border-radius: 0;
}

.banner-section {
  height: 400px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .banner-section {
    height: auto;
  }
}
.banner-section img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner-section a {
  color: #fff;
}
.banner-section .text {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  padding-top: 30px;
  padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .banner-section .text {
    min-height: 200px;
  }
}
.banner-section h2 {
  color: #fff;
  font-size: 36px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.banner-section h2 span {
  font-size: 14px;
  font-weight: 300;
  line-height: normal;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .banner-section h2 {
    font-size: 26px;
    padding-top: 108px;
    padding-bottom: 20px;
  }
  .banner-section h2 span {
    font-size: 12px;
  }
}

@media screen and (min-width: 1680px) {
  .col-3xl-3 {
    width: 25%;
  }
}

.fancybox__container {
  --fancybox-bg: #eff0f1;
  background: var(--fancybox-bg);
}
.fancybox__container .fancybox__nav {
  display: none;
}

.fancybox__container.has-toolbar {
  --fancybox-bg: #eff0f1;
  background: var(--fancybox-bg);
  opacity: 1;
  flex-direction: column-reverse;
  z-index: 9999;
}
.fancybox__container.has-toolbar .fancybox__toolbar {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 46px;
  z-index: 99;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  align-self: flex-end;
}
.fancybox__container.has-toolbar .fancybox__slide {
  padding: 0;
}
.fancybox__container.has-toolbar .fancybox__slide img:hover {
  cursor: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2035%2035%22%3E%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%3Ccircle%20cx%3D%2217.5%22%20cy%3D%2217.5%22%20r%3D%2217.5%22%20fill%3D%22%23323232%22%20opacity%3D%22.6%22%20transform%3D%22matrix%28-1%200%200%201%2035%200%29%22%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M18%2C10%20L17.999%2C16.984%20L25%2C16.9844468%20L25%2C17.9844468%20L17.999%2C17.984%20L18%2C25%20L17%2C25%20L16.999%2C17.984%20L10%2C17.9844468%20L10%2C16.9844468%20L16.999%2C16.984%20L17%2C10%20L18%2C10%20Z%22%20transform%3D%22matrix%28-1%200%200%201%2035%200%29%22%2F%3E%20%20%3C%2Fg%3E%3C%2Fsvg%3E"), zoom-in;
}
.fancybox__container.has-toolbar .fancybox__toolbar__column.is-middle {
  gap: 20px;
  align-items: center;
}
.fancybox__container.has-toolbar .fancybox__toolbar__column.is-middle .f-button {
  height: 48px;
  width: 48px;
  background: #fff;
  border-radius: 50%;
}
.fancybox__container.has-toolbar .fancybox__toolbar__column.is-middle .f-button svg {
  stroke: #292929;
}
.fancybox__container.has-toolbar .fancybox__toolbar__column.is-middle .f-button:nth-of-type(2) {
  width: 60px;
  height: 60px;
}

._add-to-wishlist.active svg path {
  fill: var(--green);
  stroke: var(--green);
  fill-opacity: 1;
}

.overlay-modal {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  inset: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9;
}
.overlay-modal.z-inx {
  opacity: 1;
  visibility: visible;
}

.mt24 {
  margin-top: 24px;
}

.mb24 {
  margin-bottom: 24px;
}

.my24 {
  margin: 24px 0;
}

.mt32, #product-filter-results-wrapper .pagination {
  margin-top: 32px;
}

.mt20 {
  margin-top: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.my20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mb32 {
  margin-bottom: 32px;
}

.my32 {
  margin-bottom: 32px;
  margin-top: 32ox;
}

.py32 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.search-form-result {
  max-width: 1000px;
  margin: 30px auto 36px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--ever-gr, #05472a);
}
@media screen and (max-width: 1439px) {
  .search-form-result {
    padding: 20px 1rem;
    margin: 25px auto;
  }
}
@media screen and (max-width: 1199px) {
  .search-form-result {
    max-width: 70%;
  }
}
@media screen and (max-width: 767px) {
  .search-form-result {
    max-width: 100%;
    margin: 0 16px;
    padding: 16px 0;
  }
}
.search-form-result input {
  border: none;
  outline: 0;
  color: var(--green);
  font-size: 24px;
  line-height: 1;
}
@media screen and (max-width: 1439px) {
  .search-form-result input {
    font-size: 19px;
  }
}
@media screen and (max-width: 1199px) {
  .search-form-result input {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .search-form-result input::-moz-placeholder {
    color: var(--green);
  }
  .search-form-result input::placeholder {
    color: var(--green);
  }
}
.search-form-result .search-btn {
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .search-form-result .search-btn svg {
    height: 24px;
    width: 24px;
  }
}

input[type=number] {
  -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}

.ipt-error {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

form button[type=submit] {
  background: var(--green);
}
form button[type=submit].disabled {
  background: var(--mist, #cbd3b0);
  pointer-events: none;
}

.show-linear {
  position: relative;
}
.show-linear::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 81px;
  background: linear-gradient(270deg, #fff 0.34%, rgba(255, 255, 255, 0.8) 38.51%, rgba(255, 255, 255, 0) 92.31%);
  pointer-events: none;
  z-index: 1;
}

.swiper-slide-active .word-effect {
  --ease-out-jim: cubic-bezier(0.42, 0, 0.002, 1);
  animation-name: fade-in-up-100;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  animation-timing-function: var(--ease-out-jim);
  will-change: transform;
  transform: translate3d(0, 100%, 0);
}

@keyframes fade-in-up-100 {
  0% {
    transform: translate3d(0, 100%, 0);
  }
  to {
    transform: none;
  }
}
.fw-bold {
  font-weight: 400 !important;
}

.wrapper-category-detail {
  position: relative;
  margin: 20px 0 40px;
}
.wrapper-category-detail .view-more,
.wrapper-category-detail .view-less {
  font-size: 16px;
  position: relative;
  z-index: 2;
  text-decoration: underline;
  color: var(--green);
  font-weight: 400;
  background: transparent;
  border: 0;
}
.wrapper-category-detail.view-more-wrapper::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 250px;
  width: 100%;
  background: linear-gradient(0deg, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%);
}

.grid-cols-3 {
  grid-template-columns: repeat(3, 1fr);
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
}

@font-face {
    font-family: "Moulin Web";
    src: url("/fonts/moulin/Moulin-Light-Web.woff2") format("woff2"), url("/fonts/moulin/Moulin-Light-Web.woff") format("woff");
    font-weight: 300;
    font-style: italic;
}
.Moulin-Light-Web {
  font-family: "Moulin Web";
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Moulin Web";
  src: url("/fonts/moulin/Moulin-Regular-Web.woff2") format("woff2"), url("/fonts/moulin/Moulin-Regular-Web.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
.Moulin-Regular-Web {
  font-family: "Moulin Web";
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Moulin Web";
  src: url("/fonts/moulin/Moulin-Bold-Web.woff2") format("woff2"), url("/fonts/moulin/Moulin-Bold-Web.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
.Moulin-Bold-Web {
  font-family: "Moulin Web";
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "Inter";
  src: url("/fonts/inter/Inter-Regular.woff2") format("woff2"), url("/fonts/inter/Inter-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/fonts/inter/Inter-Regular.woff2") format("woff2"), url("/fonts/inter/Inter-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/fonts/inter/Inter-Regular.woff2") format("woff2"), url("/fonts/inter/Inter-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/fonts/inter/Inter-Regular.woff2") format("woff2"), url("/fonts/inter/Inter-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/fonts/inter/Inter-Italic.woff2") format("woff2"), url("/fonts/inter/Inter-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/fonts/inter/Inter-Italic.woff2") format("woff2"), url("/fonts/inter/Inter-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/fonts/inter/Inter-Italic.woff2") format("woff2"), url("/fonts/inter/Inter-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/fonts/inter/Inter-Italic.woff2") format("woff2"), url("/fonts/inter/Inter-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/fonts/inter/Inter-Italic.woff2") format("woff2"), url("/fonts/inter/Inter-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/fonts/inter/Inter-Regular.woff2") format("woff2"), url("/fonts/inter/Inter-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/fonts/inter/Inter-Regular.woff2") format("woff2"), url("/fonts/inter/Inter-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/fonts/inter/Inter-Regular.woff2") format("woff2"), url("/fonts/inter/Inter-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/fonts/inter/Inter-Italic.woff2") format("woff2"), url("/fonts/inter/Inter-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/fonts/inter/Inter-Italic.woff2") format("woff2"), url("/fonts/inter/Inter-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter 18pt";
  src: url("/fonts/inter/Inter18pt-LightItalic.woff2") format("woff2"), url("/fonts/inter/Inter18pt-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
.header {
  position: fixed;
  inset: 0;
  z-index: 99;
  height: -moz-fit-content;
  height: fit-content;
  background: #fff;
}
.header.z-inx {
  z-index: 2;
}
.header.active {
  background: #fff;
}
.header.scrollable {
  background: #fff !important;
  box-shadow: 0 0 10px rgba(203, 211, 176, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  animation: scroll-head 1s cubic-bezier(0.23, 1, 0.32, 1);
  display: block;
}
.header.scrollable.header-home {
  background: #fff;
}
.header.header-home {
  background: transparent;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}
.header.header-home .header__promotion {
  background: transparent;
}
.header__logo {
  width: 120px;
  height: 57px;
  z-index: 99;
}
@media screen and (max-width: 1199px) {
  .header__logo {
    width: 93px;
    height: 45px;
  }
}
.header__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.header.header-home-page .header__promotion {
  background: #fff;
}
.header__promotion {
  padding: 8px 0;
  font-size: var(--fontSize-body-2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 1;
  background: var(--mist, #cbd3b0);
  color: rgba(41, 41, 41, 0.7);
}
.header__promotion.active {
  display: none;
}
.header__promotion h3 {
  color: var(--green);
  font-size: var(--fontSize-body-1);
  line-height: var(--lineHeight-1);
}
@media screen and (max-width: 1199px) {
  .header__promotion {
    background: var(--white);
    font-size: 14px;
    line-height: normal;
  }
  .header__promotion h3 {
    margin-bottom: 4px;
    font-size: 13px;
  }
}
.header__main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
}
@media screen and (min-width: 1200px) {
  .header__main {
    gap: 20px;
  }
}
@media screen and (min-width: 1440px) {
  .header__main {
    gap: 30px;
  }
}
@media screen and (min-width: 1680px) {
  .header__main {
    gap: 80px;
  }
}
.header__nav {
  color: var(--grey);
  font-size: var(--fontSize-body-2);
  line-height: var(--lineHeight-2);
  flex: 1;
}
@media screen and (min-width: 1680px) {
  .header__nav {
    max-width: 1052px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1199px) {
  .header__nav {
    position: fixed;
    right: 0;
    max-width: 400px;
    background: var(--white);
    z-index: 99;
    height: calc(100vh - 61px);
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
    transition: 0.3s ease-in-out;
    overflow: hidden;
  }
  .header__nav.active {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    overflow-y: auto;
    min-height: calc(100vh - 61px);
  }
}
.header__nav-list {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1199px) {
  .header__nav-list {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-bottom: 50px;
    padding: 1rem 1rem 32px;
    overflow-y: auto;
    height: -moz-fit-content;
    height: fit-content;
  }
}
@media screen and (max-width: 1199px) {
  .header__nav-item {
    width: 100%;
    position: relative;
  }
  .header__nav-item-last {
    margin-top: 16px;
  }
  .header__nav-item .icon-arrow-mobile {
    position: absolute;
    top: 0;
    right: 0;
    height: 52px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 2;
  }
}
@media screen and (min-width: 1200px) {
  .header__nav-item:hover .header__nav--submenu ~ .header__megamenu, .header__nav-item.active .header__nav--submenu ~ .header__megamenu {
    opacity: 1;
    visibility: visible;
  }
  .header__nav-item:hover .header__nav--submenu ~ .header__megamenu .megamenu__item:first-of-type .megamenu__category, .header__nav-item.active .header__nav--submenu ~ .header__megamenu .megamenu__item:first-of-type .megamenu__category {
    opacity: 1;
    visibility: visible;
  }
  .header__nav-item:hover .header__megamenu::after, .header__nav-item.active .header__megamenu::after {
    display: block;
  }
  .header__nav-item:hover .header__megamenu .megamenu, .header__nav-item.active .header__megamenu .megamenu {
    opacity: 1;
    transform: translateY(0);
    transition: transform 0.3s ease, opacity 0.2s linear;
    transition-delay: 0.2s;
  }
}
.header__nav-item.active .header__nav-link {
  color: var(--green);
}
.header__nav-link {
  color: var(--grey);
  transition: 0.3s ease-in-out;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1199px) {
  .header__nav-link {
    padding: 16px 31px 16px 0;
    font-size: 18px;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
  }
  .header__nav-link .js-arrow-megamenu {
    flex-shrink: 0;
    pointer-events: none;
  }
}
.header__nav-link:hover {
  color: var(--green);
}
.header__nav-link.header__nav--submenu:hover {
  color: var(--green);
}
.header__nav-link-cta {
  border-radius: 50px;
  background-clip: padding-box;
  position: relative;
  display: block;
  padding: 0;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 1199px) {
  .header__nav-link-cta {
    display: inline-flex;
    margin-top: 1rem;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.header__nav-link-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  padding: 1px;
  background: linear-gradient(90deg, #cbd3b0 2.78%, rgba(203, 211, 176, 0) 53.41%, #cbd3b0 98.48%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.header__nav-link-cta div {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 6px 16px;
  position: relative;
  z-index: 2;
  color: var(--green);
  font-size: var(--fontSize-body-2);
  line-height: var(--lineHeight-2);
}
.header__nav-link-cta div img {
  width: 25px;
  height: 25px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.header__nav-link-cta div span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-shrink: 0;
}
@media screen and (min-width: 1440px) {
  .header__cta {
    gap: 24px;
  }
}
.header__cta-icon {
  position: relative;
}
.header__cta-cart span {
  position: absolute;
  top: -14px;
  right: -10px;
  background: #89c35c;
  color: var(--white);
  font-size: 12px;
  line-height: 1;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px 4px;
  min-width: 18px;
  min-height: 16px;
}
.header__cta-user-icon {
  cursor: pointer;
}
.header__cta-user:hover .header__cta-user-option, .header__cta-user.active .header__cta-user-option, .header__cta-user:focus .header__cta-user-option {
  opacity: 1;
  visibility: visible;
  transition: all 0.2s;
}
.header__cta-user-option {
  position: absolute;
  top: 32px;
  right: 50%;
  width: 188px;
  transform: translate(50%, 0);
  opacity: 0;
  visibility: hidden;
  z-index: 9;
}
.header__cta-user-option.active {
  opacity: 1;
  visibility: visible;
}
.header__cta-user-option::after {
  content: "";
  position: absolute;
  left: 0;
  top: -11px;
  height: 40px;
  width: 100%;
  background: transparent;
}
@media screen and (max-width: 767px) {
  .header__cta-user-option {
    transform: translate(20%, 0);
  }
}
.header__cta-user-option-style {
  border-radius: 8px;
  border: 1px solid var(--stroke, #eaeaea);
  background: #fff;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  position: relative;
}
.header__cta-user-option-style::after {
  content: "";
  position: absolute;
  top: -8px;
  right: 50%;
  border: 1px solid var(--stroke, #eaeaea);
  border-width: 0 2px 2px 0;
  transform: rotate(226deg);
  width: 14px;
  height: 14px;
  background: #fff;
  margin-right: -6px;
}
@media screen and (max-width: 767px) {
  .header__cta-user-option-style::after {
    right: 30px;
    margin-right: 0;
  }
}
.header__cta-user-option-style a {
  color: var(--grey);
  font-size: 16px;
  line-height: 22px;
  display: block;
  padding: 8px 20px;
  position: relative;
  z-index: 9;
}
.header__cta-user-option-style a.login {
  text-align: center;
}
.header__cta-user-option-style a.active, .header__cta-user-option-style a:hover {
  background: rgba(203, 211, 176, 0.2);
  color: var(--green);
  z-index: 1;
  position: relative;
}
.header__cta-search {
  position: static;
}
.header__cta-search .icon {
  cursor: pointer;
}
.header__cta-search .btn-close {
  background: transparent;
  opacity: 1;
  top: 44px;
  right: 46px;
  left: unset;
  padding: 0;
  height: auto;
  width: auto;
  outline: 0;
  position: absolute;
  box-shadow: none;
}
@media screen and (max-width: 1199px) {
  .header__cta-search .btn-close {
    position: static;
    float: right;
  }
  .header__cta-search .btn-close svg {
    width: 24px;
    height: 24px;
  }
}
.header__cta-search .search-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: #fff;
  padding: 20px 0 40px;
  z-index: 9999;
  height: -moz-fit-content;
  height: fit-content;
  transition: -webkit-clip-path 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: clip-path 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: clip-path 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-clip-path 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  box-shadow: 0px 30px 20px 0px rgba(0, 0, 0, 0.05);
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
          clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
}
.header__cta-search .search-box.active {
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
}
@media screen and (max-width: 1199px) {
  .header__cta-search .search-box {
    padding: 20px;
  }
}
@media screen and (max-width: 767px) {
  .header__cta-search .search-box {
    -webkit-clip-path: none !important;
            clip-path: none !important;
  }
  .header__cta-search .search-box.active {
    border-radius: 12px 12px 0 0;
    padding: 1rem !important;
    min-height: 60vh;
  }
}
.header__cta-search .search-wrapper {
  max-width: 1000px;
  margin: 0 auto;
  background: #fff;
}
.header__cta-search .search-form {
  padding: 30px 16px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--ever-gr, #05472a);
  margin-bottom: 30px;
}
@media screen and (max-width: 1199px) {
  .header__cta-search .search-form {
    padding: 16px 0;
  }
}
.header__cta-search .search-input {
  flex: 1;
  border: 0;
  outline: 0;
  color: var(--green);
  font-size: 26px;
  line-height: 24px;
  box-shadow: none;
  padding-right: 30px;
}
.header__cta-search .search-input::-moz-placeholder {
  color: var(--green);
}
.header__cta-search .search-input::placeholder {
  color: var(--green);
}
@media screen and (max-width: 1199px) {
  .header__cta-search .search-input {
    font-size: 18px;
    line-height: 24px;
  }
}
.header__cta-search .search-btn {
  flex-shrink: 0;
  background: transparent;
  border: 0;
  outline: 0;
}
@media screen and (max-width: 1199px) {
  .header__cta-search .search-btn svg {
    width: 24px;
    height: 24px;
  }
}
.header__cta-search .search__list--popular h3 {
  text-transform: uppercase;
  color: var(--grey);
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
@media screen and (max-width: 1199px) {
  .header__cta-search .search__list--popular h3 {
    margin: 0;
  }
}
.header__cta-search .search__list--popular .list {
  width: 100%;
  max-height: 600px;
  overflow-y: auto;
}
.header__cta-search .search__list--popular .list .item a {
  color: var(--grey);
  font-size: 20px;
  line-height: normal;
  padding: 16px 12px;
  position: relative;
  border-bottom: 1px solid var(--stroke, #eaeaea);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1199px) {
  .header__cta-search .search__list--popular .list .item a {
    font-size: 18px;
    line-height: normal;
    padding-bottom: 18px;
    padding-top: 18px;
  }
}
.header__cta-search .search__list--popular .list .item a svg {
  flex-shrink: 0;
}
.header__cta-search .suggestion-box {
  display: none;
  max-height: 600px;
}
@media screen and (max-width: 1199px) {
  .header__cta-search .suggestion-box {
    max-height: 500px;
  }
}
.header__cta-search .suggestion-box .suggestion__title {
  color: var(--green);
  font-size: 20px;
  line-height: normal;
  background: rgba(203, 211, 176, 0.2);
  padding: 12px 20px;
  margin-bottom: 1rem;
}
.header__cta-search .suggestion-box .suggestion__item {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 1199px) {
  .header__cta-search .suggestion-box .suggestion__item {
    gap: 20px;
  }
}
.header__cta-search .suggestion-box .suggestion__image {
  width: 100px;
  height: 100px;
  flex-shrink: 0;
}
@media screen and (max-width: 1199px) {
  .header__cta-search .suggestion-box .suggestion__image {
    width: 68px;
    height: 68px;
  }
}
.header__cta-search .suggestion-box .suggestion__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.header__cta-search .suggestion-box .suggestion__name {
  color: var(--grey);
  font-size: 20px;
  line-height: normal;
  margin-bottom: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.header__megamenu {
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  right: 0;
  background: var(--white);
  opacity: 0;
  visibility: hidden;
  padding: 40px 16px 60px;
  min-height: 384px;
}
@media screen and (max-width: 1199px) {
  .header__megamenu {
    position: fixed;
    inset: 0;
    transform: translateX(-100%);
    width: 100%;
    z-index: 9;
    background: var(--white);
    transition: 0.3s ease-in-out;
    padding: 1rem;
    height: 100%;
  }
  .header__megamenu.show-megamenu {
    opacity: 1;
    visibility: visible;
    transform: unset;
  }
  .header__megamenu .megamenu {
    overflow-y: auto;
    height: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .header__megamenu::before {
    content: "";
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    min-height: 150px;
    width: 100%;
    z-index: 1;
  }
}
.header__megamenu ul {
  padding: 0;
  margin: 0;
}
.header__megamenu .megamenu {
  max-width: 1320px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 1200px) {
  .header__megamenu .megamenu {
    transform: translateY(-10px);
    transition: transform 0.1s, opacity 0.1s;
    transition-delay: 0s;
    opacity: 0;
  }
}
@media screen and (max-width: 1199px) {
  .header__megamenu .megamenu {
    background: #fff;
    z-index: 2;
  }
}
.header__megamenu .megamenu__item {
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 1199px) {
  .header__megamenu .megamenu__item {
    width: 100%;
    position: relative;
  }
}
.header__megamenu .megamenu__item:hover .megamenu__item--link, .header__megamenu .megamenu__item.active .megamenu__item--link {
  color: var(--green);
  position: relative;
}
@media screen and (min-width: 1200px) {
  .header__megamenu .megamenu__item:hover .megamenu__item--link, .header__megamenu .megamenu__item.active .megamenu__item--link {
    border-bottom: 1px solid rgba(203, 211, 176, 0.5);
  }
}
.header__megamenu .megamenu__item:hover .megamenu__item--link::after, .header__megamenu .megamenu__item.active .megamenu__item--link::after {
  display: block;
}
.header__megamenu .megamenu__item .js-next-menu {
  height: 56px;
  z-index: 9;
}
.header__megamenu .megamenu__item--link {
  width: 250px;
  color: var(--grey);
  font-size: var(--fontSize-body-3);
  line-height: 24px;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 10px 25px 10px 0;
  position: relative;
}
@media screen and (max-width: 1279px) {
  .header__megamenu .megamenu__item--link {
    width: 190px;
  }
}
@media screen and (max-width: 1199px) {
  .header__megamenu .megamenu__item--link {
    width: 100%;
    padding: 16px 25px 16px 0;
  }
}
.header__megamenu .megamenu__item--link.show-icon::after {
  content: "";
  position: absolute;
  right: 0;
  top: 10px;
  background: url("../images/icon-arrow-right.png") no-repeat;
  height: 24px;
  width: 24px;
  display: block;
}
.header__megamenu .megamenu__item--link:hover, .header__megamenu .megamenu__item--link.active {
  color: var(--green);
}
.header__megamenu .megamenu__item--link:hover img, .header__megamenu .megamenu__item--link.active img {
  filter: unset;
}
@media screen and (min-width: 1200px) {
  .header__megamenu .megamenu__item--link:hover, .header__megamenu .megamenu__item--link.active {
    border-bottom: 1px solid rgba(203, 211, 176, 0.5);
  }
}
@media screen and (min-width: 1200px) {
  .header__megamenu .megamenu__item--link:hover ~ .megamenu__category, .header__megamenu .megamenu__item--link.active ~ .megamenu__category {
    opacity: 1;
    visibility: visible;
  }
}
.header__megamenu .megamenu__item--link img {
  flex-shrink: 0;
  filter: grayscale(1) contrast(0);
}
.header__megamenu .megamenu__category {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 950px;
  opacity: 0;
  visibility: hidden;
}
.header__megamenu .megamenu__category .wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 60px;
}
@media screen and (min-width: 1399px) {
  .header__megamenu .megamenu__category .wrapper {
    gap: 30px;
  }
}
@media screen and (max-width: 1199px) {
  .header__megamenu .megamenu__category .wrapper {
    grid-template-columns: 1fr 1fr;
    gap: 8px 32px;
  }
}
@media screen and (max-width: 1199px) {
  .header__megamenu .megamenu__category {
    position: fixed;
    background: #fff;
    inset: 0;
    overflow-y: auto;
  }
  .header__megamenu .megamenu__category-btn-turn-back {
    color: var(--grey-5);
    font-size: 18px;
    line-height: normal;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
  }
  .header__megamenu .megamenu__category--title-mb {
    color: var(--grey);
    font-size: 22px;
    line-height: normal;
    margin: 16px 0 8px;
  }
  .header__megamenu .megamenu__category.show-megamenu {
    opacity: 1;
    visibility: visible;
    background: #fff;
    z-index: 99;
    padding: 1rem;
    height: calc(100vh - 61px);
    overflow-y: auto;
  }
}
.header__megamenu .megamenu__category-item h4 {
  color: var(--grey);
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
  padding: 10px 0;
}
.header__megamenu .megamenu__category-item a {
  color: var(--grey);
  font-size: 16px;
  line-height: 22px;
  padding: 6px 0;
  display: block;
}
.header__megamenu .megamenu__category-item a:hover, .header__megamenu .megamenu__category-item a.active {
  font-weight: 400;
  color: var(--green);
}
.header__megamenu--collections {
  min-height: 520px;
}
.header__megamenu--collections .megamenu__item--link > img {
  width: 24px;
  height: 24px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.header__megamenu--collections .megamenu {
  max-width: 1240px;
}
.header__megamenu--collections .megamenu__category {
  max-width: 870px;
}
.header__megamenu--collections .megamenu .h3-title {
  color: var(--grey);
  margin-bottom: 24px;
  font-size: 22px;
  line-height: normal;
}
@media screen and (max-width: 1199px) {
  .header__megamenu--collections .megamenu .h3-title {
    margin-bottom: 8px;
  }
}
.header__megamenu--collections .megamenu .megamenu__item:first-of-type .megamenu__item--link {
  border-top: 1px solid rgba(203, 211, 176, 0.5);
}
.header__megamenu--collections .megamenu .megamenu__item .megamenu__item--link {
  border-bottom: 1px solid rgba(203, 211, 176, 0.5);
}
.header__megamenu--collections .megamenu .megamenu__item .megamenu__item--link img {
  width: 24px;
  height: 24px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.header__megamenu--collections .head {
  padding: 3px 0 15px;
  border-bottom: 1px solid var(--stroke, #eaeaea);
  margin-bottom: 24px;
}
.header__megamenu--collections .head h3 {
  font-size: var(--fontSize-body-3);
  line-height: normal;
}
.header__megamenu--collections .head a {
  color: var(--green);
  font-size: var(--fontSize-body-2);
  line-height: normal;
}
.header__megamenu--collections .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.header__megamenu--collections .list .item .img {
  position: relative;
  width: 100%;
  height: 248px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 20px;
}
.header__megamenu--collections .list .item .name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  color: var(--grey);
  font-size: 20px;
  line-height: normal;
  margin-bottom: 12px;
}
.header__megamenu--collections .list .item span {
  font-size: 13px;
  line-height: normal;
  text-decoration-line: underline;
  font-weight: normal;
}
.header__megamenu--collections .list .item .price-sale {
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
}
.header__megamenu--collections .list .item .price-old {
  font-size: 16px;
  line-height: normal;
  color: #949494;
}
.header__megamenu--collections .list .item .percent {
  color: var(--brown, #715d47);
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px solid var(--Chai, #d2ab80);
}
.header__megamenu--collections .megamenu__category {
  display: block;
}
@media screen and (max-width: 1199px) {
  .header__megamenu--collections .megamenu__category {
    display: none;
  }
}
@media screen and (max-width: 1199px) {
  .header__megamenu--collections .megamenu__item--link {
    z-index: 99;
  }
  .header__megamenu--collections .icon-arrow-mobile {
    z-index: -1 !important;
  }
}

.header-payment .header__main {
  display: none;
}
.header-payment #payment-nav .container-fluid, .header-payment #payment-nav .page-news-blog-gallery .product-exclusively, .page-news-blog-gallery .header-payment #payment-nav .product-exclusively, .header-payment #payment-nav .banner-section h2, .banner-section .header-payment #payment-nav h2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  background: #fff;
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #eaeaea;
}
.header-payment #payment-nav .left {
  display: flex;
  align-items: center;
  gap: 24px;
  color: var(--green);
  font-size: 24px;
  line-height: normal;
}
.header-payment #payment-nav .left span {
  width: 1px;
  height: 22px;
  display: inline-block;
  background: var(--grey-5);
}
@media screen and (max-width: 767px) {
  .header-payment #payment-nav .left {
    font-size: 18px;
    gap: 12px;
  }
}
.header-payment #payment-nav .hotline {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media screen and (max-width: 767px) {
  .header-payment #payment-nav .hotline {
    display: none;
  }
}

.overlay {
  position: fixed;
  inset: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 9;
  opacity: 0;
  visibility: hidden;
}
.overlay.active {
  opacity: 1;
  visibility: visible;
}

.burger-icon {
  width: 24px;
  height: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  transition: 300ms;
}
.burger-icon.active span:nth-of-type(1) {
  position: absolute;
  animation: animation1 300ms ease-out 0s 1 both;
}
.burger-icon.active span:nth-of-type(2) {
  transform: scale(0);
}
.burger-icon.active span:nth-of-type(3) {
  position: absolute;
  animation: animation2 300ms ease-out 0s 1 both;
}
.burger-icon span {
  display: inline-flex;
  height: 2px;
  width: 100%;
  background: #292929;
  border-radius: 9px;
  transition: 0.3s ease-in-out;
}

@keyframes animation1 {
  0% {
    transform: translateY(8px) rotate(0deg);
  }
  50% {
    transform: translateY(0px) rotate(0deg);
  }
  100% {
    transform: translateY(0px) rotate(45deg);
  }
}
@keyframes animation2 {
  0% {
    transform: translateY(-8px) rotate(0deg);
  }
  50% {
    transform: translateY(0px) rotate(0deg);
  }
  100% {
    transform: translateY(0px) rotate(-45deg);
  }
}
@media screen and (max-width: 1199px) {
  .container-fluid-relative {
    position: relative;
  }
}

@keyframes scroll-head {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
.js-btn-back {
  color: var(--grey-5);
  font-size: 18px;
  line-height: normal;
  margin-bottom: 1rem;
}

.header-mb-cate .footer__main {
  gap: 32px;
  display: flex;
  flex-direction: column;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .header-mb-cate .footer__main--left {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
  .header-mb-cate .footer__col:first-child {
    display: none;
  }
  .header-mb-cate .footer__col ul {
    display: grid;
    gap: 12px;
  }
  .header-mb-cate .footer__col ul li {
    margin-bottom: 0;
  }
}

.nav__actions-mb {
  padding: 24px 16px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  place-items: center;
  border-top: 1px solid #eaeaea;
  margin: 0 16px;
}
.nav__actions-mb .item {
  color: var(--grey);
  font-size: 18px;
  line-height: normal;
  background: transparent;
  border-radius: 0;
  border: 0;
  outline: 0;
  justify-content: center;
  width: 100%;
}
.nav__actions-mb .item.item-heart {
  border-right: 1px solid rgba(234, 234, 234, 0.92);
}
.nav__actions-mb .item::after {
  display: none;
}
.nav__actions-mb .dropdown-menu {
  border: none;
  box-shadow: none;
  width: -moz-max-content;
  width: max-content;
  padding: 0;
}
.nav__actions-mb .header__cta-user-option-style::after {
  display: none;
}

#nav__mobile h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
}
#nav__mobile .footer__main--right {
  font-size: 14px;
}
#nav__mobile .nav__category-mobile {
  margin: 24px 0;
}
#nav__mobile .nav__category-mobile .accordion-item {
  border: none;
  border-radius: 0;
  width: 100%;
  background: transparent;
  border-top: 1px solid #295640;
}
#nav__mobile .nav__category-mobile .accordion-item:last-child {
  border-bottom: 1px solid #295640;
}
#nav__mobile .nav__category-mobile .accordion-header {
  margin: 0;
}
#nav__mobile .nav__category-mobile .accordion-button {
  --bs-accordion-btn-icon: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNoZXZyb24tZG93biI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik00LjUgMTEuMzk1OEw5IDYuODk1NzVMMTMuNSAxMS4zOTU4IiBzdHJva2U9IiNDQkQzQjAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L3N2Zz4K");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNoZXZyb24tZG93biI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik00LjUgMTEuMzk1OEw5IDYuODk1NzVMMTMuNSAxMS4zOTU4IiBzdHJva2U9IiNDQkQzQjAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L3N2Zz4K");
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  padding: 12px 0;
  box-shadow: none;
  border-radius: 0;
  background: transparent;
}
#nav__mobile .nav__category-mobile .accordion-body {
  padding: 0;
  font-size: 14px;
}
#nav__mobile .nav__category-mobile .accordion-body ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem 8px;
}
#nav__mobile .btn-agent {
  color: #89c35c;
  font-size: 16px;
  line-height: normal;
  border-radius: 8px;
  background: #053c23;
  padding: 12px 16px;
}

.footer, .header-mb-cate {
  padding: 60px 0 90px;
  background: #05472a;
  color: var(--white);
  font-size: 16px;
  line-height: normal;
}
.footer .btn-agent, .header-mb-cate .btn-agent {
  border-radius: 8px;
  background: #053c23;
  display: flex;
  padding: 12px 24px;
  align-items: center;
  gap: 8px;
  color: #89c35c;
  font-size: 18px;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .footer .btn-agent, .header-mb-cate .btn-agent {
    padding: 12px 16px;
    color: #89c35c;
    font-size: 16px;
    line-height: normal;
    border-radius: 8px;
  }
}
.footer a, .header-mb-cate a {
  color: var(--white);
}
.footer ul, .header-mb-cate ul {
  padding: 0;
}
.footer h4, .header-mb-cate h4 {
  color: var(--mist, #cbd3b0);
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .footer h4, .header-mb-cate h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
  }
}
.footer__logo {
  align-self: flex-start;
}
@media screen and (max-width: 991px) {
  .footer__logo {
    align-self: center;
  }
  .footer__logo img {
    filter: brightness(8);
  }
}
.footer__form {
  border-radius: 6px 0px 0px 6px;
  background: #053c23;
  color: var(--mist, #cbd3b0);
  font-size: 16px;
  line-height: normal;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1199px) {
  .footer__form {
    background: transparent;
    gap: 1rem;
  }
}
@media screen and (max-width: 991px) {
  .footer__form {
    width: 100%;
    justify-content: center;
  }
}
.footer__form span {
  font-style: italic;
  color: var(--mist, #cbd3b0);
  font-size: 16px;
  font-style: italic;
}
.footer__form .form {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1199px) {
  .footer__form .form {
    padding: 12px;
    border-radius: 6px;
    background: #053b23;
    flex-direction: column;
    align-items: start;
  }
}
.footer__form .form #email-error {
  position: absolute;
  top: -23px;
  left: 0;
  font-size: 13px;
  color: rgb(220, 53, 69);
}
.footer__form .form-title {
  color: var(--mist, #cbd3b0);
  font-size: 16px;
  font-style: italic;
  line-height: normal;
  padding: 10px 16px 10px 30px;
}
@media screen and (max-width: 1199px) {
  .footer__form .form-title {
    padding: 0 0 1rem;
    text-align: left;
  }
}
.footer__form .form-input {
  color: var(--grey);
  font-size: 16px;
  line-height: normal;
  border-radius: 6px 0px 0px 6px;
  background: var(--mist, #cbd3b0);
  display: block;
  width: 100%;
  padding: 10px 16px;
  border: none;
  min-width: 286px;
  outline: 0;
}
@media screen and (max-width: 767px) {
  .footer__form .form-input {
    min-width: auto;
  }
}
.footer__form .form-input::-moz-placeholder {
  color: var(--grey);
  opacity: 1;
}
.footer__form .form-input::placeholder {
  color: var(--grey);
  opacity: 1;
}
.footer__form .form-btn {
  color: #fff;
  font-size: 14px;
  line-height: normal;
  border-radius: 0px 6px 6px 0px;
  background: #89c35c;
  border: 0;
  display: block;
  padding: 12px 16px;
}
@media screen and (max-width: 767px) {
  .footer__form .form-btn {
    padding: 12px 14px;
  }
}
.footer__main {
  margin-top: 30px;
  display: grid;
  gap: 31px;
  grid-template-columns: unset;
}
@media screen and (min-width: 1200px) {
  .footer__main {
    grid-template-columns: 1fr 350px;
  }
}
@media screen and (min-width: 1440px) {
  .footer__main {
    gap: 50px;
  }
}
@media screen and (min-width: 1680px) {
  .footer__main {
    grid-template-columns: 1fr 419px;
    gap: 61px;
  }
}
.footer__main--left {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 30px;
}
@media screen and (max-width: 767px) {
  .footer__main--left {
    display: none;
  }
}
.footer__main--right {
  width: -moz-fit-content;
  width: fit-content;
}
.footer__main--right ul {
  margin-bottom: 30px;
}
.footer__main--right ul li {
  display: flex;
  align-items: center;
  gap: 16px;
}
.footer__main--right ul li:not(:last-child) {
  margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
  .footer__main--right ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 14px;
    margin-bottom: 0;
  }
  .footer__main--right ul li {
    margin-bottom: 0 !important;
  }
  .footer__main--right ul img {
    display: none;
  }
}
.footer__main--right .connect {
  color: var(--mist, #cbd3b0);
  font-size: 18px;
  font-style: italic;
  line-height: normal;
  margin-bottom: 24px;
}
.footer__main--right .connect .icon-socials {
  gap: 12px;
}
.footer__col:first-of-type ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem 8px;
}
.footer__col:first-of-type ul li {
  margin-bottom: 0;
}
.footer__col h4 {
  margin-bottom: 24px;
}
.footer__col ul li {
  margin-bottom: 1rem;
}
.footer__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
@media screen and (max-width: 1199px) {
  .footer__wrapper {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 991px) {
  .footer__wrapper {
    justify-content: center;
    padding-bottom: 24px;
    border-bottom: 1px solid #295640;
    color: #fff;
  }
}
@media screen and (min-width: 1440px) {
  .footer .container, .header-mb-cate .container {
    max-width: 1350px;
  }
}
.footer .hotline, .header-mb-cate .hotline {
  padding: 10px 30px;
  display: flex;
  gap: 8px;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  border-right: 1px solid #05472a;
}
@media screen and (max-width: 1199px) {
  .footer .hotline, .header-mb-cate .hotline {
    padding: 0;
  }
}
@media screen and (max-width: 1199px) {
  .footer, .header-mb-cate {
    padding: 60px 0;
  }
}
@media screen and (max-width: 767px) {
  .footer, .header-mb-cate {
    padding: 32px 0 78px;
  }
  .footer .accordion-item, .header-mb-cate .accordion-item {
    border: none;
    border-radius: 0;
    width: 100%;
    background: transparent;
    border-top: 1px solid #295640;
  }
  .footer .accordion-item:last-child, .header-mb-cate .accordion-item:last-child {
    border-bottom: 1px solid #295640;
  }
  .footer .accordion-header, .header-mb-cate .accordion-header {
    margin: 0;
  }
  .footer .accordion-button, .header-mb-cate .accordion-button {
    --bs-accordion-btn-active-icon: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNoZXZyb24tZG93biI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik00LjUgMTEuMzk1OEw5IDYuODk1NzVMMTMuNSAxMS4zOTU4IiBzdHJva2U9IiNDQkQzQjAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L3N2Zz4K");
    --bs-accordion-btn-icon: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNoZXZyb24tZG93biI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik00LjUgMTEuMzk1OEw5IDYuODk1NzVMMTMuNSAxMS4zOTU4IiBzdHJva2U9IiNDQkQzQjAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L3N2Zz4K");
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    padding: 12px 0;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
  }
  .footer .accordion-button:not(.collapsed)::after, .header-mb-cate .accordion-button:not(.collapsed)::after {
    transform: rotate(0);
  }
  .footer .accordion-button.active::after, .header-mb-cate .accordion-button.active::after {
    transform: rotate(-180deg);
  }
  .footer .accordion-body, .header-mb-cate .accordion-body {
    padding: 0;
    font-size: 14px;
  }
  .footer .accordion-body ul, .header-mb-cate .accordion-body ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem 8px;
  }
}

.box_fixhotline {
  width: 42px;
  border-radius: 100%;
  position: fixed;
  right: 30px;
  bottom: 50px;
  z-index: 2;
  transition: all 0.3s;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.box_fixhotline.active .wrap {
  opacity: 1;
  visibility: visible;
  pointer-events: unset;
}
.box_fixhotline.active a {
  transform: unset;
  opacity: 1;
  visibility: visible;
}
.box_fixhotline.active .btn-results {
  background: rgba(0, 0, 0, 0.5);
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
}
.box_fixhotline.active .btn-results img {
  display: none;
}
.box_fixhotline.active .btn-results .close-x {
  display: block;
}
.box_fixhotline .wrap {
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: visible;
  display: flex;
  flex-direction: column;
  gap: 12px;
  pointer-events: none;
}
.box_fixhotline a {
  display: flex;
  align-items: center;
  width: 42px;
  height: 42px;
  border-radius: 100%;
  justify-content: center;
  position: relative;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease-in;
  transform: translateY(10px);
  transition-delay: 0.15s;
}
.box_fixhotline a:last-child {
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
}
.box_fixhotline a.btn-results {
  background: #fff;
  opacity: 1;
  visibility: visible;
  transform: unset;
}
.box_fixhotline a.btn-results .close-x {
  display: none;
}
.box_fixhotline a.btn-results.close {
  background: rgba(0, 0, 0, 0.5);
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
}
.box_fixhotline a.btn-results.close img {
  display: none;
}
.box_fixhotline a.btn-results.close img.close-x {
  display: block;
}
@media screen and (max-width: 767px) {
  .box_fixhotline {
    right: 10px;
    bottom: 4%;
  }
}

.product-component {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.product-component-image {
  position: relative;
  padding-bottom: 100%;
  overflow: hidden;
}
.product-component-image img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-object-fit: contain;
     object-fit: contain;
}
.product-component-image .badge {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #fff;
  font-size: 13px;
  display: inline-block;
  border-radius: 4px;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #292929;
  padding: 2px;
  white-space: break-spaces;
}
.product-component-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 20px 0;
}
@media screen and (max-width: 991px) {
  .product-component-content {
    padding: 20px 0 0;
  }
}
.product-component-name {
  color: var(--grey);
  font-size: 20px;
  line-height: normal;
  transition: 0.2s ease-in-out;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
@media screen and (max-width: 991px) {
  .product-component-name {
    font-size: 16px;
  }
}
.product-component-name:hover {
  color: var(--green);
}
.product-component-sku {
  color: rgba(41, 41, 41, 0.5);
  font-size: 14px;
  line-height: normal;
}
.product-component-price {
  color: var(--grey);
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 991px) {
  .product-component-price {
    font-size: 16px;
  }
}
.product-component-prices {
  display: flex;
  align-items: center;
  min-height: 28px;
  gap: 8px 1rem;
}
.product-component-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: auto;
}
.product-component-actions .icon-add-like {
  height: 42px;
  width: 42px;
  flex-shrink: 0;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease-in-out;
}
.product-component-actions .icon-add-like:hover {
  background: rgba(203, 211, 176, 0.5);
}
.product-component-actions .icon-add-like.active svg path {
  fill: #05472a;
  fill-opacity: 1;
}
@media screen and (max-width: 991px) {
  .product-component-actions .icon {
    width: 36px;
    height: 36px;
  }
  .product-component-actions .icon > img {
    width: 100%;
    height: 100%;
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }
}

.product-component-asset-v2 .product__item {
  display: flex;
  gap: 16px;
}
.product-component-asset-v2 .product__image {
  width: 126px;
  height: 126px;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .product-component-asset-v2 .product__image {
    width: 80px;
    height: 80px;
  }
}
.product-component-asset-v2 .product__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.product-component-asset-v2 .product__name {
  color: var(--grey);
  font-size: 20px;
  line-height: normal;
  margin-bottom: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
@media screen and (max-width: 767px) {
  .product-component-asset-v2 .product__name {
    font-size: 16px;
  }
}
.product-component-asset-v2 .product-sku {
  color: var(--grey-5);
  font-size: 16px;
  line-height: normal;
  margin-bottom: 8px;
}
.product-component-asset-v2 .product__price {
  margin-bottom: 20px;
}
.product-component-asset-v2 .price {
  font-size: 16px;
  line-height: normal;
  text-decoration-line: strikethrough;
}
.product-component-asset-v2 .price-old {
  color: var(--grey-5);
}
@media screen and (max-width: 767px) {
  .product-component-asset-v2 .price {
    gap: 8px;
  }
  .product-component-asset-v2 .price-sale {
    flex-basis: auto;
  }
}

.filter-sort-assets {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  padding-bottom: 15px;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--seashell, #f1f1f1);
}
.filter-sort-assets .filter {
  padding: 4px 0;
  display: flex;
  align-items: center;
}
.filter-sort-assets .filter__icon, .filter-sort-assets .filter__number {
  display: flex;
  align-items: center;
}
.filter-sort-assets .filter__icon {
  gap: 12px;
  color: var(--grey);
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.filter-sort-assets .filter__number {
  color: rgba(41, 41, 41, 0.6);
  font-size: 16px;
  line-height: 22px;
  border-left: 1px solid #c4c4c4;
  padding-left: 12px;
  margin-left: 16px;
}
.filter-sort-assets .sort {
  font-size: 16px;
  line-height: 22px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.filter-sort-assets .sort a {
  color: var(--grey);
}
.filter-sort-assets .sort span {
  opacity: 0.6;
}
.filter-sort-assets .sort__list ul li:not(:last-child) {
  margin-bottom: 24px;
}
.filter-sort-assets .dropdown-toggle {
  display: flex;
  padding: 10px 12px 10px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 30px;
  border: 1px solid var(--seashell, #f1f1f1);
}
.filter-sort-assets .dropdown-toggle::after {
  border: none;
  background: transparent;
  background-image: url("../images/chevron-down.png");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 0;
  height: 18px;
  width: 18px;
}
.filter-sort-assets .dropdown-menu {
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  border: 0;
  padding: 20px 30px;
  min-width: 220px;
  z-index: 99;
}
.filter-sort-assets .dropdown-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.filter-sort-assets .dropdown-item:hover, .filter-sort-assets .dropdown-item:focus, .filter-sort-assets .dropdown-item:active {
  background: transparent;
  color: currentColor;
}
.filter-sort-assets .dropdown-item input {
  display: none;
}
.filter-sort-assets .dropdown-item input:checked ~ .checkmark {
  background: #715d47;
  border: 1px solid transparent;
  opacity: 1;
}
.filter-sort-assets .dropdown-item input:checked ~ .checkmark::before {
  display: block;
}
.filter-sort-assets .dropdown-item .checkmark {
  border-radius: 50%;
  border: 1px solid #bfbfbf;
  width: 20px;
  height: 20px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
}
.filter-sort-assets .dropdown-item .checkmark::before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 7px;
  width: 7px;
  background: #fff;
  display: none;
}
@media screen and (max-width: 1199px) {
  .filter-sort-assets {
    padding: 0 0 16px;
    margin-bottom: 16px;
    gap: 12px;
  }
}
@media screen and (max-width: 767px) {
  .filter-sort-assets {
    padding: 16px 0;
  }
}

.wrapper-container-assets {
  padding: 60px 0;
}

.pagination {
  padding: 0;
}
.pagination li {
  list-style: none !important;
}

.pagination-asset {
  gap: 4px;
  padding: 0;
}
.pagination-asset li {
  list-style: none;
}
.pagination-asset .page-item.active .page-link {
  font-weight: 400;
  background: var(--dbw, #e6d7b9);
}
.pagination-asset .page-link {
  border-radius: 50% !important;
  border: 0;
  margin: 0;
  min-height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 0;
  box-shadow: none;
  color: var(--grey);
  font-size: 16px;
  line-height: normal;
}

.title-main-page-asset {
  margin-bottom: 30px;
  color: var(--grey);
  font-size: 36px;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .title-main-page-asset {
    font-size: 26px;
  }
}

.sku-asset {
  color: rgba(41, 41, 41, 0.5);
  font-size: 16px;
  line-height: normal;
}

.rating-asset {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
}
.rating-asset-star {
  background-image: url(../images/rate-none.svg);
  background-size: contain;
  width: 85px;
  height: 17px;
  vertical-align: sub;
  display: inline-block;
  background-repeat: no-repeat;
  position: relative;
}
.rating-asset-star .rated {
  background-image: url(../images/rate-ok.svg);
  height: 17px;
  vertical-align: sub;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  background-repeat: no-repeat;
}
.rating-asset-star img {
  vertical-align: text-bottom;
}

.breadcrumb {
  padding: 12px 0;
  border-bottom: 1px solid #eaeaea;
  margin: 0;
}
.breadcrumb-item {
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0em;
  text-align: left;
  text-transform: uppercase;
  color: rgba(41, 41, 41, 0.6);
  transition: 0.3s ease-in-out;
}
.breadcrumb-item:hover {
  color: var(--green);
}
.breadcrumb-item.active {
  color: #292929;
}

.dots-combo,
.js-dot-hover .dot {
  cursor: pointer;
  position: absolute;
  outline: 0;
  opacity: 1;
  height: 28px;
  width: 28px;
  border-radius: 50%;
  z-index: 8;
  display: block;
  background: rgba(0, 0, 0, 0.4);
}
.dots-combo::after,
.js-dot-hover .dot::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  transform: scale(0.4);
  background: #fff;
  border-radius: 50%;
}

.combo {
  display: block;
  background: #fff;
  position: absolute;
}
.combo__item {
  background: #fff;
  width: 170px;
  height: auto;
  position: absolute;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-in-out;
}
.combo__item::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  height: calc(100% + 70px);
  background: transparent;
}
@media screen and (max-width: 991px) {
  .combo__item::before {
    display: none;
  }
}
.combo__image {
  height: 170px;
  width: 170px;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  z-index: 2;
}
.combo__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1199px) {
  .combo__image {
    display: none;
  }
}
.combo__content {
  padding: 16px 12px;
}
@media screen and (max-width: 1199px) {
  .combo__content {
    padding: 10px;
  }
}
.combo__name {
  color: var(--grey);
  font-size: 20px;
  line-height: normal;
  margin-bottom: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1199px) {
  .combo__name {
    font-size: 16px;
    margin-bottom: 6px;
  }
}
.combo__name:hover {
  color: var(--green);
}
.combo__price-sale {
  color: var(--grey);
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 1199px) {
  .combo__price-sale {
    font-size: 16px;
  }
}
.combo__price-sale .dong {
  color: var(--grey);
}
.combo__price-old {
  font-size: 16px;
  line-height: normal;
  color: var(--grey-6);
}
@media screen and (max-width: 1199px) {
  .combo__price-old {
    font-size: 14px;
  }
}
.combo__price-old .price {
  text-decoration: line-through;
}
.combo__percent {
  border-radius: 4px;
  border: 1px solid var(--Chai, #d2ab80);
  display: flex;
  padding: 4px 8px;
  align-items: center;
  color: var(--brown, #715d47);
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}

.scrollbar-style-asset, .modal-product-review, .style-look-section .product__list .wrapper, .modal-present-addtocart .offcanvas-add-to-cart, .modal-present .modal-present-list, .promotional_products .promotional_content .products_right, .modal-product-evaluate .review, .offcanvas-body, .header__cta-search .suggestion-box {
  overflow-y: auto;
}
.scrollbar-style-asset::-webkit-scrollbar, .modal-product-review::-webkit-scrollbar, .style-look-section .product__list .wrapper::-webkit-scrollbar, .modal-present-addtocart .offcanvas-add-to-cart::-webkit-scrollbar, .modal-present .modal-present-list::-webkit-scrollbar, .promotional_products .promotional_content .products_right::-webkit-scrollbar, .modal-product-evaluate .review::-webkit-scrollbar, .offcanvas-body::-webkit-scrollbar, .header__cta-search .suggestion-box::-webkit-scrollbar {
  width: 3px;
  border-radius: 10px;
}
.scrollbar-style-asset::-webkit-scrollbar-track, .modal-product-review::-webkit-scrollbar-track, .style-look-section .product__list .wrapper::-webkit-scrollbar-track, .modal-present-addtocart .offcanvas-add-to-cart::-webkit-scrollbar-track, .modal-present .modal-present-list::-webkit-scrollbar-track, .promotional_products .promotional_content .products_right::-webkit-scrollbar-track, .modal-product-evaluate .review::-webkit-scrollbar-track, .offcanvas-body::-webkit-scrollbar-track, .header__cta-search .suggestion-box::-webkit-scrollbar-track {
  background: transparent;
}
.scrollbar-style-asset::-webkit-scrollbar-thumb, .modal-product-review::-webkit-scrollbar-thumb, .style-look-section .product__list .wrapper::-webkit-scrollbar-thumb, .modal-present-addtocart .offcanvas-add-to-cart::-webkit-scrollbar-thumb, .modal-present .modal-present-list::-webkit-scrollbar-thumb, .promotional_products .promotional_content .products_right::-webkit-scrollbar-thumb, .modal-product-evaluate .review::-webkit-scrollbar-thumb, .offcanvas-body::-webkit-scrollbar-thumb, .header__cta-search .suggestion-box::-webkit-scrollbar-thumb {
  background: rgba(41, 41, 41, 0.3);
  border-radius: 10px;
}

@media screen and (max-width: 1199px) {
  .row {
    row-gap: 24px;
  }
}
@media screen and (max-width: 1023px) {
  .row {
    margin-left: -8px;
    margin-right: -8px;
  }
  .row [class*=col-] {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media screen and (max-width: 575px) {
  .row {
    margin-left: -4px;
    margin-right: -4px;
  }
  .row [class*=col-] {
    padding-left: 4px;
    padding-right: 4px;
  }
}

.navigation-between-page {
  padding: 20px 0;
  background: #fff;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
  position: fixed;
  inset: 0;
  z-index: 9;
  height: -moz-fit-content;
  height: fit-content;
}
.navigation-between-page .wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
@media screen and (max-width: 991px) {
  .navigation-between-page .wrapper {
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
  }
}
.navigation-between-page .nav__list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 36px;
  flex: 1;
}
@media screen and (max-width: 1199px) {
  .navigation-between-page .nav__list {
    gap: 1rem;
  }
}
@media screen and (max-width: 991px) {
  .navigation-between-page .nav__list {
    display: grid;
    justify-content: flex-start;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    grid-gap: 24px;
    overflow: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-snap-stop: always;
    touch-action: manipulation;
    -webkit-overflow-scrolling: touch;
    scroll-padding: 0;
    grid-template-columns: unset;
  }
  .navigation-between-page .nav__list::-webkit-scrollbar {
    display: none;
    width: 0;
  }
  .navigation-between-page .nav__list > * {
    scroll-snap-align: start;
  }
}
.navigation-between-page .title-not-show {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.navigation-between-page .title-not-show,
.navigation-between-page h2 {
  color: var(--grey);
  font-size: 22px;
  line-height: normal;
}
.navigation-between-page a {
  color: var(--grey);
  font-size: 16px;
  line-height: normal;
  transition: 0.3s ease-in-out;
}
.navigation-between-page a.active, .navigation-between-page a:hover {
  color: var(--Chai, #d2ab80);
}

.toast-container {
  bottom: 24px;
}
@media screen and (min-width: 768px) {
  .toast-container {
    top: 0;
    right: 0;
  }
}
.toast-container .toast {
  --bs-toast-max-width: 465px;
  max-width: var(--bs-toast-max-width);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  padding: 20px 30px;
  font-size: 18px;
  line-height: 24px;
  border: 0;
  opacity: 1;
  visibility: visible;
  transition: 0.3s ease-in-out;
  transform: unset;
}
.toast-container .toast:not(.show) {
  transform: translateX(-100px);
  display: block;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 767px) {
  .toast-container .toast {
    max-width: 100% !important;
  }
}
.toast-container .toast-header {
  padding: 0;
  border: none;
  display: flex;
  align-items: flex-start;
  color: var(--grey);
  gap: 24px;
}
.toast-container .toast-text {
  font-size: 18px;
  line-height: 24px;
}
.toast-container .btn-close {
  padding: 0;
  margin: 0;
  flex-shrink: 0;
  background: transparent;
  outline: 0;
  opacity: 1;
  box-shadow: none;
  height: auto;
  width: auto;
  position: static !important;
  margin-left: auto;
}
.toast-container a {
  display: inline-flex;
  margin-top: 6px;
  color: var(--green);
  font-size: 16px;
  line-height: 22px;
  /* 137.5% */
  text-decoration-line: underline;
}

.quantity {
  flex-shrink: 0;
}
.quantity-container {
  border: 1px solid var(--stroke, #eaeaea);
  height: 48px;
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
}
.quantity-container * {
  height: 100%;
}
.quantity [class*=quantity-btn] {
  background: #f8f8f8;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
}
.quantity-btn-minus, .quantity-btn-plus {
  background: #f8f8f8;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  border: 0;
}
.quantity-btn-plus {
  border-left: 1px solid var(--stroke, #eaeaea);
}
.quantity-btn-minus {
  border-right: 1px solid var(--stroke, #eaeaea);
}
.quantity-input {
  background: transparent;
  max-width: 48px;
  border: 0;
  outline: 0;
  text-align: center;
  padding: 0 4px;
  color: var(--grey);
  font-size: 16px;
  line-height: normal;
  text-transform: uppercase;
}

.parameter-box--asset {
  display: grid;
  gap: 24px;
}
.parameter-box--asset .parameter {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 12px;
}
.parameter-box--asset .parameter--color .parameter__item .color {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 12px;
  z-index: 2;
}
.parameter-box--asset .parameter--color .parameter__item .txt {
  padding-left: 46px;
}
.parameter-box--asset .parameter__title {
  color: var(--grey);
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  padding: 12px 0;
}
.parameter-box--asset .parameter__list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 10px;
}
.parameter-box--asset .parameter__item {
  position: relative;
  display: block;
}
.parameter-box--asset .parameter__item input {
  display: none;
}
.parameter-box--asset .parameter__item input:checked ~ .txt {
  border: 1px solid #89c35c;
  color: var(--grey);
}
.parameter-box--asset .parameter__item input:checked ~ .txt::after {
  display: block;
}
.parameter-box--asset .parameter__item .txt {
  color: var(--grey-6);
  font-size: 16px;
  line-height: normal;
  border-radius: 4px;
  border: 1px solid var(--stroke, #eaeaea);
  background: #fff;
  padding: 12px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  display: block;
}
.parameter-box--asset .parameter__item .txt::after {
  content: "";
  position: absolute;
  bottom: -1px;
  right: 0;
  background: url("../images/check-mark-active.png") no-repeat;
  height: 15px;
  width: 16px;
  display: none;
}

.custom-radio-checkbox-asset {
  position: relative;
  display: block;
  padding-left: 20px;
  cursor: pointer;
}
.custom-radio-checkbox-asset input {
  display: none;
}
.custom-radio-checkbox-asset input:checked ~ .checkmark {
  background: #715d47;
  border: 1px solid transparent;
}
.custom-radio-checkbox-asset input:checked ~ .checkmark::before {
  display: block;
}
.custom-radio-checkbox-asset .checkmark {
  border: 1px solid #bfbfbf;
  width: 20px;
  height: 20px;
  background: #fff;
  position: absolute;
  top: 0;
  border-radius: 4px;
  left: 0;
  cursor: pointer;
}
.custom-radio-checkbox-asset .checkmark::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 7px;
  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.custom-radio label {
  margin: 0 !important;
  cursor: pointer;
}
.custom-radio .txt {
  padding-left: 12px;
}
.custom-radio .checkmark {
  border-radius: 50%;
}
.custom-radio .checkmark::before {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background: #fff;
  border: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.custom-radio2 input {
  display: none;
}
.custom-radio2 input:checked + .checkmark {
  background: #715d47;
  border: 1px solid #715d47;
}
.custom-radio2 input:checked + .checkmark::before {
  display: block;
}
.custom-radio2 .checkmark {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #bfbfbf;
  background: #fff;
  position: relative;
  cursor: pointer;
}
.custom-radio2 .checkmark::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background: #fff;
  display: none;
}

.modal-small-asset .modal-dialog {
  max-width: 560px;
}

.sidebars__asset {
  display: grid;
  grid-template-columns: 1fr 27.9069767442%;
}
@media screen and (max-width: 1199px) {
  .sidebars__asset {
    grid-template-columns: 70% 1fr;
  }
}
@media screen and (max-width: 991px) {
  .sidebars__asset {
    grid-template-columns: 63% 1fr;
  }
}
@media screen and (max-width: 767px) {
  .sidebars__asset {
    grid: none;
  }
}
.sidebars__left {
  padding: 60px 100px 60px 0;
  max-width: 1240px;
  position: relative;
  z-index: 2;
  background: #fff;
}
@media screen and (max-width: 1681px) {
  .sidebars__left {
    padding-right: 30px;
  }
}
@media screen and (max-width: 1199px) {
  .sidebars__left {
    padding-right: 20px;
    padding: 20px;
  }
}
@media screen and (max-width: 767px) {
  .sidebars__left {
    padding-top: 0;
  }
}
.sidebars__right {
  font-size: 16px;
  line-height: normal;
  padding: 60px 0 60px 100px;
  position: relative;
}
@media screen and (max-width: 1681px) {
  .sidebars__right {
    padding-left: 30px;
  }
}
@media screen and (max-width: 1199px) {
  .sidebars__right {
    padding: 20px 1rem;
    background: #fbf7f3;
  }
}
@media screen and (max-width: 767px) {
  .sidebars__right--mobile {
    padding: 32px 16px;
    margin: 0 -16px;
  }
  .sidebars__right--mobile #box-money {
    width: 100%;
    left: 0;
    z-index: 99;
    background: #fff;
    margin: 0 !important;
    border-top: 1px solid #e1e1e1;
    background: #fff;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    display: none;
  }
  .sidebars__right--mobile #box-money.fixed {
    display: block;
    transform: unset;
    position: fixed;
  }
  .sidebars__right--mobile #box-money.box-money {
    padding: 16px !important;
  }
}
.sidebars__right > div {
  margin-bottom: 1rem;
}
.sidebars__right .title-box {
  color: var(--grey);
  font-size: 22px;
  line-height: normal;
}
@media screen and (max-width: 1199px) {
  .sidebars__right .title-box {
    font-size: 20px;
  }
}
.sidebars__right .box-money {
  padding: 20px;
  background: #fff;
}
@media screen and (max-width: 1199px) {
  .sidebars__right .box-money {
    padding: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .sidebars__right .box-money {
    padding: 20px;
  }
}
.sidebars__right .box-money .price-sale {
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
}
.sidebars__right .coupon-wrapper {
  margin: 20px 0 40px;
}
@media screen and (max-width: 1199px) {
  .sidebars__right .coupon-wrapper {
    margin: 1rem 0;
  }
}
@media screen and (max-width: 767px) {
  .sidebars__right .coupon-wrapper {
    margin: 6px 16px;
  }
}
.sidebars__right .box-promotion {
  position: relative;
  border: 1px solid rgba(41, 41, 41, 0.2);
  padding: 10px 14px 10px 42px;
  background: url("../images/icon-voucher.png") no-repeat #fff;
  background-position: 10px center;
  background-size: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 42px;
}
.sidebars__right .box-promotion input {
  border: 0;
  outline: 0;
  flex: 1;
  width: 100%;
}
.sidebars__right .box-promotion input::-moz-placeholder {
  color: var(--grey-5);
}
.sidebars__right .box-promotion input::placeholder {
  color: var(--grey-5);
}
.sidebars__right .box-promotion .btn-apply {
  color: rgba(5, 71, 42, 0.5);
  background: transparent;
  outline: 0;
  box-shadow: none;
  border: none;
}
.sidebars__right .total-money {
  color: var(--grey);
  font-size: 22px;
  line-height: normal;
  margin-bottom: 24px;
}
@media screen and (max-width: 1199px) {
  .sidebars__right .total-money {
    font-size: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sidebars__right .total-money {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .sidebars__right .total-money {
    font-size: 20px;
  }
}
.sidebars__right .total-money .dong {
  color: var(--grey);
}
.sidebars__right .total-money .cc {
  color: var(--grey-5);
  font-size: 16px;
}
.sidebars__right .btn-buy {
  margin-top: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
  line-height: normal;
  border-radius: 6px;
  background: var(--ever-gr, #05472a);
  padding: 14px 24px;
}
.sidebars__right .box-policy {
  padding: 20px;
  background: rgba(203, 211, 176, 0.3);
}
.sidebars__right .box-policy img {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.sidebars__right .box-receiver {
  font-size: 16px;
  line-height: 22px;
  padding: 20px;
  background: #fff;
}
@media screen and (max-width: 991px) {
  .sidebars__right .box-receiver {
    padding: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .sidebars__right .box-receiver {
    padding: 20px;
  }
}
.sidebars__right .box-receiver [class*=btn-] {
  color: var(--green);
}
.sidebars__right .box-receiver .name {
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}
.sidebars__right .box-receiver .name span {
  color: var(--grey-5);
  font-weight: normal;
}
.sidebars__right .box-receiver .address {
  margin: 12px 0;
  padding-bottom: 12px;
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid var(--stroke, #eaeaea);
  gap: 8px;
}
@media screen and (max-width: 1199px) {
  .sidebars__right .box-receiver .address {
    flex-wrap: wrap;
  }
}
.sidebars__right .box-receiver .address .position {
  border-radius: 15px;
  background: #e6d7b9;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  flex-shrink: 0;
  font-size: 14px;
}

@media screen and (min-width: 768px) {
  .bg-after-asset::after {
    content: "";
    position: absolute;
    right: 0%;
    top: 0;
    width: 40vw;
    height: 100%;
    background: #fbf7f3;
    z-index: -1;
  }
}

.btn-asset {
  font-size: 18px;
  line-height: normal;
  color: #05472a;
  padding: 14px 24px;
  border: 1px solid currentColor;
  border-radius: 6px;
}
.btn-asset-green {
  background: var(--ever-gr, #05472a);
  border: 1px solid var(--green);
  color: #fff;
}

.form-control-asset {
  font-size: 16px;
  line-height: 22px;
}
.form-control-asset sup {
  color: var(--red, #f00);
}
.form-control-asset label {
  color: var(--black80, #575756);
  margin-bottom: 12px;
}
.form-control-asset input {
  border: 1px solid rgba(41, 41, 41, 0.2);
  padding: 10px 14px;
  min-height: 42px;
  border-radius: 0;
  outline: 0;
  box-shadow: 0;
  border-color: none;
}
.form-control-asset input:focus {
  box-shadow: none;
}
.form-control-asset input::-moz-placeholder {
  color: var(--black40, #aeafb0);
}
.form-control-asset input::placeholder {
  color: var(--black40, #aeafb0);
}

.custom-tooltip-asset {
  padding: 0;
  opacity: 1 !important;
}
.custom-tooltip-asset .tooltip-inner {
  max-width: 170px;
  padding: 0;
  background-color: #fff;
  border-radius: 0;
  opacity: 1;
  padding: 0;
}
.custom-tooltip-asset .tooltip-arrow {
  display: none;
}

@media screen and (max-width: 767px) {
  .extend-modal-mobile, .cart-page .sidebars__left .cart-body .product__type .dropdown-menu.change-product-in-cart, .together_products .promotional_content .product__item .product__content .product__type .dropdown-menu.change-product-in-cart, .header__cta-search .search-box {
    transform: translateY(100%);
    opacity: 0;
    position: fixed;
    visibility: hidden;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  }
  .extend-modal-mobile.active, .cart-page .sidebars__left .cart-body .product__type .active.dropdown-menu.change-product-in-cart, .together_products .promotional_content .product__item .product__content .product__type .active.dropdown-menu.change-product-in-cart, .header__cta-search .active.search-box {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (max-width: 767px) {
  .modal-asset-mobile, #modalUpdateUserPhone,
  #modalUpdateUserPassword, .modal-addnew-address, .modal-change-address, .modal-delete-product, .modal-product-shipping, .modal-add-cart-all-product, .modal-product-detail-asset, .modal-choose-type-product, .offcanvas-asset, .sidebars__right--mobile #box-money, .extend-modal-mobile, .cart-page .sidebars__left .cart-body .product__type .dropdown-menu.change-product-in-cart, .together_products .promotional_content .product__item .product__content .product__type .dropdown-menu.change-product-in-cart, .header__cta-search .search-box {
    height: auto;
    top: unset;
    bottom: 0;
    max-height: 90%;
    padding: 0 !important;
    overflow: unset;
    z-index: 999;
    overflow-y: auto;
  }
  .modal-asset-mobile .modal-header, #modalUpdateUserPhone .modal-header,
  #modalUpdateUserPassword .modal-header, .modal-addnew-address .modal-header, .modal-change-address .modal-header, .modal-delete-product .modal-header, .modal-product-shipping .modal-header, .modal-add-cart-all-product .modal-header, .modal-product-detail-asset .modal-header, .modal-choose-type-product .modal-header, .offcanvas-asset .modal-header, .sidebars__right--mobile #box-money .modal-header, .extend-modal-mobile .modal-header, .cart-page .sidebars__left .cart-body .product__type .dropdown-menu.change-product-in-cart .modal-header, .together_products .promotional_content .product__item .product__content .product__type .dropdown-menu.change-product-in-cart .modal-header, .header__cta-search .search-box .modal-header {
    margin: -16px -16px 22px -16px;
    padding: 16px;
    position: sticky;
    top: 0;
    background: #fff;
    border-radius: 6px 6px 0 0;
    z-index: 3;
  }
  .modal-asset-mobile .modal-title, #modalUpdateUserPhone .modal-title,
  #modalUpdateUserPassword .modal-title, .modal-addnew-address .modal-title, .modal-change-address .modal-title, .modal-delete-product .modal-title, .modal-product-shipping .modal-title, .modal-add-cart-all-product .modal-title, .modal-product-detail-asset .modal-title, .modal-choose-type-product .modal-title, .offcanvas-asset .modal-title, .sidebars__right--mobile #box-money .modal-title, .extend-modal-mobile .modal-title, .cart-page .sidebars__left .cart-body .product__type .dropdown-menu.change-product-in-cart .modal-title, .together_products .promotional_content .product__item .product__content .product__type .dropdown-menu.change-product-in-cart .modal-title, .header__cta-search .search-box .modal-title {
    font-size: 18px !important;
  }
  .modal-asset-mobile.fade .modal-dialog, .fade#modalUpdateUserPhone .modal-dialog,
  .fade#modalUpdateUserPassword .modal-dialog, .fade.modal-addnew-address .modal-dialog, .fade.modal-change-address .modal-dialog, .fade.modal-delete-product .modal-dialog, .fade.modal-product-shipping .modal-dialog, .fade.modal-add-cart-all-product .modal-dialog, .fade.modal-product-detail-asset .modal-dialog, .fade.modal-choose-type-product .modal-dialog, .fade.offcanvas-asset .modal-dialog, .sidebars__right--mobile .fade#box-money .modal-dialog, .fade.extend-modal-mobile .modal-dialog, .cart-page .sidebars__left .cart-body .product__type .fade.dropdown-menu.change-product-in-cart .modal-dialog, .together_products .promotional_content .product__item .product__content .product__type .fade.dropdown-menu.change-product-in-cart .modal-dialog, .header__cta-search .fade.search-box .modal-dialog {
    transform: translate(0, 100%) !important;
  }
  .modal-asset-mobile.show .modal-dialog, .show#modalUpdateUserPhone .modal-dialog,
  .show#modalUpdateUserPassword .modal-dialog, .show.modal-addnew-address .modal-dialog, .show.modal-change-address .modal-dialog, .show.modal-delete-product .modal-dialog, .show.modal-product-shipping .modal-dialog, .show.modal-add-cart-all-product .modal-dialog, .show.modal-product-detail-asset .modal-dialog, .show.modal-choose-type-product .modal-dialog, .show.offcanvas-asset .modal-dialog, .sidebars__right--mobile .show#box-money .modal-dialog, .show.extend-modal-mobile .modal-dialog, .cart-page .sidebars__left .cart-body .product__type .show.dropdown-menu.change-product-in-cart .modal-dialog, .together_products .promotional_content .product__item .product__content .product__type .show.dropdown-menu.change-product-in-cart .modal-dialog, .header__cta-search .show.search-box .modal-dialog {
    transform: translate(0, 0) !important;
  }
  .modal-asset-mobile .modal-dialog, #modalUpdateUserPhone .modal-dialog,
  #modalUpdateUserPassword .modal-dialog, .modal-addnew-address .modal-dialog, .modal-change-address .modal-dialog, .modal-delete-product .modal-dialog, .modal-product-shipping .modal-dialog, .modal-add-cart-all-product .modal-dialog, .modal-product-detail-asset .modal-dialog, .modal-choose-type-product .modal-dialog, .offcanvas-asset .modal-dialog, .sidebars__right--mobile #box-money .modal-dialog, .extend-modal-mobile .modal-dialog, .cart-page .sidebars__left .cart-body .product__type .dropdown-menu.change-product-in-cart .modal-dialog, .together_products .promotional_content .product__item .product__content .product__type .dropdown-menu.change-product-in-cart .modal-dialog, .header__cta-search .search-box .modal-dialog {
    margin: 0 auto;
  }
}
.overlay-backdrop-asset {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s linear;
}
.overlay-backdrop-asset.show {
  visibility: visible;
  opacity: 0.5;
}

button {
  outline: 0;
}

.table > :not(caption) > * > * {
  border: none;
}

.offcanvas {
  --bs-offcanvas-width: 660px;
  width: var(--bs-offcanvas-width);
  padding: 30px 60px;
}
.offcanvas .btn-close {
  outline: 0;
  box-shadow: none;
}
.offcanvas-title {
  color: var(--grey);
  font-size: 22px;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .offcanvas-title {
    font-size: 18px !important;
    line-height: normal;
  }
}
.offcanvas-header {
  padding: 0 0 20px;
  margin-bottom: 25px;
  border-bottom: 1px solid var(--stroke, #eaeaea);
}
.offcanvas-body {
  padding: 0;
}
@media screen and (max-width: 767px) {
  .offcanvas-backdrop {
    transition: opacity 0.15s linear !important;
  }
  .offcanvas-asset {
    bottom: 0 !important;
    top: unset !important;
    position: fixed;
    height: calc(100% - 90px) !important;
    padding: 16px !important;
    border-radius: 12px 12px 0 0 !important;
    transform: translateY(100%) !important;
    transition: 0.25s ease-in-out !important;
    opacity: 0;
    visibility: hidden;
  }
  .offcanvas-asset .offcanvas-header {
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
  .offcanvas.show {
    transform: translateY(0) !important;
    opacity: 1;
    visibility: visible;
  }
}

.link-acc {
  margin-top: 26px;
}
.link-acc a {
  color: var(--green);
}

.page-404 {
  min-height: 100vh;
  position: relative;
  background: url("../images/bg-404.png") no-repeat center center;
  padding-top: 60px;
}
.page-404 h1 {
  border: 10px solid #fff;
  background: #f8f8f8;
  box-shadow: 5px 4px 20px 0px rgba(0, 0, 0, 0.15), 10px 0px 30px 0px rgba(0, 0, 0, 0.15) inset;
  width: 264px;
  height: 264px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
}
.page-404 h1 span {
  color: var(--brown, #715d47);
  text-shadow: 10px 4px 10px rgba(0, 0, 0, 0.05);
  -webkit-text-stroke-color: #fff;
  font-size: 110px;
  font-weight: 400;
  line-height: normal;
  display: inline-block;
  -webkit-text-fill-color: #715d47;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #fff;
}
.page-404 h2 {
  color: var(--grey, #292929);
  font-size: 36px;
  line-height: normal;
  margin-bottom: 12px;
}
.page-404 p {
  color: var(--grey, #292929);
  font-size: 18px;
  line-height: 24px;
}
.page-404 .btn-404 {
  color: #fff;
  font-size: 18px;
  line-height: normal;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: var(--ever-gr, #05472a);
  padding: 12px 24px;
}

@media screen and (max-width: 991px) {
  .page-static img {
    width: auto !important;
    height: auto !important;
  }
}

.add-overflow-hidden {
  overflow: hidden;
}

.hover-change-image:hover .img-back {
  opacity: 1;
  visibility: visible;
}
.hover-change-image:hover .img-front {
  opacity: 0;
  transition: 0.1s ease-in;
  visibility: hidden;
}

.img-front {
  transition: 0.1s ease-in;
}

.img-back {
  opacity: 0;
  transition: 0.1s ease-in;
  visibility: hidden;
}

.modal-asset .modal-dialog {
  max-width: 900px;
}
@media (max-width: 991px) {
  .modal-asset .modal-dialog {
    max-width: 95%;
  }
}
@media screen and (max-width: 767px) {
  .modal-asset .modal-dialog {
    max-width: 100%;
  }
}

.modal-header {
  padding-bottom: 20px;
  margin-bottom: 30px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.modal-header .btn-close {
  outline: 0;
  box-shadow: none;
}
@media screen and (max-width: 767px) {
  .modal-header {
    padding: 0 0 16px;
    margin-bottom: 16px;
  }
}
.modal-title {
  color: var(--grey);
  font-size: 22px;
  line-height: normal;
}
.modal-dialog {
  border: 0;
}
@media screen and (min-width: 1200px) {
  .modal-dialog {
    max-width: 900px;
  }
}
.modal-content {
  border: 0;
  padding: 30px 60px 30px 60px;
}
@media screen and (max-width: 1199px) {
  .modal-content {
    padding: 30px;
  }
}
@media screen and (max-width: 767px) {
  .modal-content {
    padding: 16px;
    border-radius: 6px 6px 0 0;
  }
}
.modal-body {
  padding: 0;
}
.modal-footer {
  margin: 35px -60px 0;
  padding: 30px 60px;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
  border-top: 1px solid #e1e1e1;
}
@media screen and (max-width: 1199px) {
  .modal-footer {
    margin-right: -30px;
    margin-left: -30px;
  }
}
.modal-backdrop {
  --bs-backdrop-zindex: 100;
}
@media screen and (max-width: 767px) {
  .modal-backdrop {
    --bs-backdrop-opacity: 0.3;
  }
}

.modal-choose-type-product .product {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .modal-choose-type-product .product {
    grid-template-columns: 80px 1fr;
  }
}
.modal-choose-type-product .product__image {
  height: 110px;
  width: 110px;
}
@media screen and (max-width: 767px) {
  .modal-choose-type-product .product__image {
    height: 80px;
    width: 80px;
  }
}
.modal-choose-type-product .product__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.modal-choose-type-product .product__content {
  display: grid;
  gap: 8px;
}
.modal-choose-type-product .product__name {
  color: var(--grey);
  font-size: 20px;
  line-height: normal;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
@media screen and (max-width: 767px) {
  .modal-choose-type-product .product__name {
    font-size: 18px;
  }
}
.modal-choose-type-product .product__price {
  display: flex;
}
.modal-choose-type-product .cta-view-detail {
  color: var(--grey);
  font-size: 15px;
  line-height: normal;
  text-decoration-line: underline;
  display: flex;
  align-items: center;
  gap: 4px;
}
@media screen and (max-width: 767px) {
  .modal-choose-type-product .cta-view-detail {
    font-size: 14px;
  }
}
.modal-choose-type-product .btn-addt-cart {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border-radius: 6px;
  padding: 14px 24px;
  background: var(--ever-gr, #05472a);
  color: var(--white, #fff);
  font-size: 18px;
  line-height: normal;
  width: 100%;
  margin: 0;
  border: 0;
}
@media screen and (min-width: 768px) {
  .modal-choose-type-product .modal-footer {
    margin-bottom: -30px;
  }
}
@media screen and (max-width: 767px) {
  .modal-choose-type-product .modal-footer {
    margin: 181px -16px -16px -16px;
    padding: 16px;
  }
}

.selections-asset {
  margin-top: 10px;
  display: grid;
  grid-template-columns: 1fr 187px 187px;
  gap: 10px;
}
@media screen and (max-width: 991px) {
  .selections-asset {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
  }
}
.selections-asset .select-box {
  border-radius: 4px;
  background: #fff;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--grey);
  font-size: 16px;
  line-height: normal;
}
@media screen and (max-width: 991px) {
  .selections-asset .select-box:first-child {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .selections-asset .select-box {
    width: calc(50% - 5px);
  }
}
.selections-asset .icon {
  flex-shrink: 0;
}
.selections-asset .dropdown {
  width: 100%;
}
.selections-asset .dropdown span {
  color: rgba(41, 41, 41, 0.6);
  display: block;
  margin-bottom: 4px;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.selections-asset .dropdown-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  border: 1px solid var(--stroke, #eaeaea);
  background: #fff;
  padding: 10px 12px;
  flex: 1;
  border-radius: 4px;
  min-height: 60px;
  margin: 0;
  gap: 4px;
}
.selections-asset .dropdown-toggle::after {
  display: none;
}
.selections-asset .dropdown-toggle .txt {
  width: calc(100% - 18px);
  text-align: left;
}
.selections-asset .dropdown-menu {
  width: 100%;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  border: 0;
  max-height: 288px;
  overflow-y: auto;
}
@media screen and (max-width: 767px) {
  .selections-asset .dropdown-menu {
    max-height: 245px;
    z-index: 2;
  }
}
.selections-asset .dropdown-menu::-webkit-scrollbar {
  width: 3px;
  border-radius: 3px;
  background: transparent;
}
.selections-asset .dropdown-menu::-webkit-scrollbar-thumb {
  background: rgba(41, 41, 41, 0.3);
  border-radius: 3px;
}
.selections-asset .dropdown-item {
  padding: 6px 20px;
  line-height: 22px;
  white-space: initial;
}
.selections-asset .dropdown-item:hover, .selections-asset .dropdown-item.active, .selections-asset .dropdown-item:focus {
  background: rgba(210, 171, 128, 0.1);
  color: #292929;
}
.selections-asset .dropdown-item:not(:last-child) {
  margin-bottom: 6px;
}
.selections-asset .select-data {
  white-space: nowrap;
  max-width: calc(100% - 20px);
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--grey);
}

.modal-product-detail-asset {
  color: var(--grey);
  font-size: 16px;
  line-height: 22px;
}
.modal-product-detail-asset * {
  font-family: var(--fontFamily-primary) !important;
}
.modal-product-detail-asset form {
  width: 100%;
}
.modal-product-detail-asset > p,
.modal-product-detail-asset ul {
  margin-bottom: 30px;
}
.modal-product-detail-asset ul,
.modal-product-detail-asset ol {
  padding-left: 18px;
}
.modal-product-detail-asset ol li {
  list-style: decimal;
}
.modal-product-detail-asset ul li {
  list-style: initial;
}
.modal-product-detail-asset table {
  width: 100% !important;
  border: 0 !important;
}
.modal-product-detail-asset table th,
.modal-product-detail-asset table td {
  padding: 6px 10px;
}
@media screen and (max-width: 1199px) {
  .modal-product-detail-asset .modal-dialog {
    max-width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .modal-product-detail-asset .modal-dialog {
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .modal-product-shipping {
    overflow-y: auto;
  }
  .modal-product-shipping .modal-header {
    margin: -16px -16px 22px -16px;
    padding: 16px;
    position: sticky;
    top: 0;
    z-index: 2;
    background: #fff;
    border-radius: 6px 6px 0 0;
  }
}

@media screen and (min-width: 768px) {
  .modal-dialog-scrollable .modal-body {
    margin-right: -16px;
    padding-left: 16px;
  }
}

.modal-comming-soon .button {
  padding: 12px 24px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 6px;
  background: var(--ever-gr, #05472a);
  color: #fff;
  font-size: 16px;
  line-height: normal;
}
.modal-comming-soon .btn-close {
  opacity: 1;
  background: transparent;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 992px) {
  .modal-comming-soon .modal-dialog {
    max-width: 900px;
  }
}
.modal-comming-soon .modal-content {
  border-radius: 12px;
  background: #fff;
  padding: 30px 20px;
}
@media screen and (min-width: 768px) {
  .modal-comming-soon .modal-content {
    padding: 30px 60px;
  }
}
.modal-comming-soon [class*=swiper-button] {
  width: 27px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  background: rgba(255, 255, 255, 0.8);
  top: 30%;
}
.modal-comming-soon [class*=swiper-button]::after {
  font-size: 16px;
  color: #292929;
  font-weight: 400;
}
.modal-comming-soon [class*=swiper-button].swiper-button-prev {
  left: 0;
  border-radius: 0 6px 6px 0;
}
.modal-comming-soon [class*=swiper-button].swiper-button-next {
  right: 0;
  border-radius: 6px 0 0 6px;
}
.modal-comming-soon [class*=swiper-button].swiper-button-disabled {
  display: none;
}

#modalSeasonNew .modal-body {
  display: grid;
  gap: 20px;
}
@media screen and (min-width: 1200px) {
  #modalSeasonNew .modal-body {
    gap: 32px;
  }
}
@media screen and (min-width: 992px) {
  #modalSeasonNew .modal-content {
    padding: 30px 60px 40px;
  }
}
#modalSeasonNew .button {
  padding: 12px 24px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 6px;
  background: var(--ever-gr, #05472a);
  color: #fff;
  font-size: 16px;
  line-height: normal;
}

.category-section {
  padding: 100px 0;
}
@media screen and (max-width: 1399px) {
  .category-section {
    padding: 48px 0;
  }
}
@media screen and (max-width: 1199px) {
  .category-section {
    padding: 32px 0;
  }
}
.category-section .nav-slides {
  width: 82px;
  gap: 12px;
  position: absolute;
  justify-content: space-between;
  flex-shrink: 0;
  top: 6px;
  right: 0;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .category-section .nav-slides {
    display: none;
  }
}
.category-section .nav-slides [class*=swiper-button] {
  height: 36px;
  width: 36px;
  position: static;
  margin: 0;
}
.category-section .nav-slides [class*=swiper-button]::after {
  display: none;
}
.category-section--home .wrapper {
  overflow: hidden;
}
.category-section--home .swiper-wrapper,
.category-section--home .swiper {
  overflow: visible;
}
.category-section--home .nav-slides {
  top: -89px;
}
@media screen and (max-width: 1199px) {
  .category-section--home .nav-slides {
    top: -66px;
  }
}
.category-section .slicker .slick-track {
  margin-left: unset;
  margin-right: unset;
}
.category-section .slicker .slick-arrow {
  display: none !important;
}
@media screen and (max-width: 575px) {
  .category-section .slick-slide {
    width: 190px;
  }
}
@media screen and (max-width: 575px) {
  .category-section .category .wrapper {
    margin-right: -16px;
  }
}
.category-section .category .wrapper > .d-flex {
  margin-bottom: 48px;
}
@media screen and (max-width: 1199px) {
  .category-section .category .wrapper > .d-flex {
    margin-bottom: 26px;
  }
}
.category-section .category__title {
  color: var(--grey, #292929);
  font-size: 60px;
  line-height: 1.1666666667;
  max-width: 550px;
  margin-bottom: 48px;
  font-weight: 400;
}
@media screen and (max-width: 1399px) {
  .category-section .category__title {
    font-size: 42px;
    max-width: 460px;
  }
}
@media screen and (max-width: 1199px) {
  .category-section .category__title {
    margin-bottom: 24px;
    font-size: 32px;
    line-height: 1.25;
  }
}
.category-section .category__nav {
  display: flex;
  align-items: center;
  width: calc(100% - 100px);
  margin-left: unset;
  font-style: italic;
}
@media screen and (max-width: 767px) {
  .category-section .category__nav {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .category-section .category__nav .swiper-wrapper {
    gap: 12px;
  }
}
.category-section .category__nav--item {
  padding: 12px 24px;
  border-radius: 30px;
  border: 1px solid var(--seashell, #f1f1f1);
  color: var(--grey);
  font-size: 18px;
  line-height: normal;
  transition: 0.2s ease-in-out;
  margin-bottom: 0;
  font-style: italic;
}
.category-section .category__nav--item.active, .category-section .category__nav--item:hover {
  color: var(--white);
  border: 1px solid var(--seashell, #f1f1f1);
  background: var(--Chai, #d2ab80);
}
@media screen and (max-width: 1199px) {
  .category-section .category__nav--item {
    padding: 12px;
    font-size: 16px;
    margin-bottom: 1px;
  }
}
.category-section .category__list .swiper-slide {
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 575px) {
  .category-section .category__list .swiper-slide {
    width: 190px;
    height: 190px;
  }
}
.category-section .category__list--item {
  display: block;
  position: relative;
  padding-bottom: 100%;
}
.category-section .category__list--item:hover img {
  transform: scale(1.1);
}
.category-section .category__list--item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: absolute;
  top: 0;
  left: 0;
}
.category-section .category__list--item span {
  padding: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  background: linear-gradient(150deg, rgba(113, 93, 71, 0.7) 5.32%, rgba(113, 93, 71, 0) 86.16%);
  color: var(--white, #fff);
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .category-section .category__list--item span {
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .category__swiper--nav-mb.show-linear::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0px;
    background: linear-gradient(270deg, #fff 0.34%, rgba(255, 255, 255, 0.8) 38.51%, rgba(255, 255, 255, 0) 92.31%);
    height: 100%;
    width: 81px;
    z-index: 2;
  }
}
@media screen and (min-width: 768px) {
  .category__swiper--nav-mb .swiper-wrapper {
    transform: unset;
  }
}
.category__swiper--nav-mb .swiper-slide {
  width: -moz-fit-content;
  width: fit-content;
}

.product-new-section {
  padding-bottom: 100px;
}
@media screen and (max-width: 1399px) {
  .product-new-section {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1199px) {
  .product-new-section {
    padding-bottom: 32px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .product-new-section .list.row [class*=col-]:last-child {
    display: none;
  }
}
.product-new-section .tilte {
  color: var(--grey);
  font-size: 36px;
  line-height: normal;
  margin-bottom: 0;
}
@media screen and (max-width: 1023px) {
  .product-new-section .tilte {
    font-size: 26px;
  }
}
.product-new-section .list {
  padding-bottom: 22px;
  row-gap: 30px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .product-new-section .list {
    margin-left: -8px;
    margin-right: -8px;
    padding: 0;
  }
  .product-new-section .list [class*=col-] {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media screen and (max-width: 767px) {
  .product-new-section .list {
    margin: 0 -16px 0 0;
    display: grid;
    justify-content: flex-start;
    grid-auto-columns: 230px;
    grid-auto-flow: column;
    grid-gap: 16px;
    overflow: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-snap-stop: always;
    touch-action: manipulation;
    -webkit-overflow-scrolling: touch;
    scroll-padding: 0;
    grid-template-columns: unset;
    padding-bottom: 25px;
  }
  .product-new-section .list::-webkit-scrollbar {
    display: none;
    width: 0;
  }
  .product-new-section .list > * {
    scroll-snap-align: start;
  }
  .product-new-section .list [class*=col-] {
    padding-left: 0;
    padding-right: 0;
    width: 100% !important;
  }
}

.wrapper-product-detail .happniess-section {
  padding: 120px 0;
}
@media screen and (max-width: 1439px) {
  .wrapper-product-detail .happniess-section {
    padding: 60px 0;
  }
}
@media screen and (max-width: 1199px) {
  .wrapper-product-detail .happniess-section {
    padding: 48px 0;
  }
}
.wrapper-product-detail .happniess-section .happniess__image {
  padding-bottom: calc(100% + 188px);
  align-self: flex-start;
}
@media screen and (max-width: 767px) {
  .wrapper-product-detail .happniess-section .happniess__image {
    padding-bottom: 374px;
  }
}

.happniess-section {
  padding: 17px 0 80px;
}
@media screen and (max-width: 1199px) {
  .happniess-section {
    padding: 32px 0;
  }
}
@media screen and (max-width: 767px) {
  .happniess-section {
    background: linear-gradient(180deg, #f7f7f7 0%, rgba(255, 255, 255, 0) 100%);
  }
}
@media screen and (min-width: 1400px) {
  .happniess-section .container-fluid, .happniess-section .page-news-blog-gallery .product-exclusively, .page-news-blog-gallery .happniess-section .product-exclusively, .happniess-section .banner-section h2, .banner-section .happniess-section h2 {
    max-width: 1339px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.happniess-section .happniess {
  position: relative;
}
.happniess-section .happniess__item {
  display: grid;
  grid-template-columns: 24.1009946442% 1fr 24.4835501148%;
  gap: 60px;
}
@media screen and (max-width: 1199px) {
  .happniess-section .happniess__item {
    grid-template-columns: 1fr 40% 1fr !important;
    gap: 24px;
  }
}
@media screen and (max-width: 767px) {
  .happniess-section .happniess__item {
    grid-template-columns: auto !important;
    grid-auto-columns: auto;
  }
}
.happniess-section .happniess__title {
  font-size: 60px;
  font-weight: 400;
  line-height: normal;
  text-align: right;
  align-self: flex-start;
  padding-top: 35px;
}
@media screen and (min-width: 1200px) {
  .happniess-section .happniess__title {
    align-self: center;
  }
}
.happniess-section .happniess__title > div {
  display: inline-block;
  overflow: hidden;
}
.happniess-section .happniess__title .word-effect {
  display: inline-block;
}
@media screen and (min-width: 1680px) {
  .happniess-section .happniess__title {
    padding-top: 17px;
  }
}
@media screen and (max-width: 1399px) {
  .happniess-section .happniess__title {
    font-size: 40px;
  }
}
@media screen and (max-width: 1199px) {
  .happniess-section .happniess__title {
    font-size: 32px;
    line-height: 1.25;
  }
}
@media screen and (max-width: 767px) {
  .happniess-section .happniess__title {
    text-align: center;
    padding: 0 !important;
  }
}
.happniess-section .happniess__title .data {
  max-width: 333px;
  margin-left: auto;
}
.happniess-section .happniess__title span {
  display: block;
  margin-top: 12px;
  color: #292929;
  font-size: 32px;
  letter-spacing: -0.3px;
  font-weight: 300;
}
@media screen and (max-width: 1399px) {
  .happniess-section .happniess__title span {
    font-size: 25px;
  }
}
@media screen and (max-width: 1199px) {
  .happniess-section .happniess__title span {
    font-size: 20px;
    margin-top: 8px;
    letter-spacing: unset;
  }
}
.happniess-section .happniess__title span div {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.happniess-section .happniess__image {
  position: relative;
  padding-bottom: 576px;
  overflow: hidden;
}
@media screen and (max-width: 1679px) {
  .happniess-section .happniess__image {
    padding-bottom: 100%;
  }
}
@media screen and (max-width: 767px) {
  .happniess-section .happniess__image {
    padding-bottom: 300px !important;
  }
}
.happniess-section .happniess__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.happniess-section .happniess__description {
  align-self: center;
  text-align: justify;
  font-size: 16px;
  line-height: 1.375;
  max-width: 320px;
}
@media screen and (max-width: 767px) {
  .happniess-section .happniess__description {
    font-size: 14px;
    max-width: 100%;
  }
  .happniess-section .happniess__description .desc {
    display: none;
  }
}
.happniess-section .happniess-cta {
  margin-top: 32px;
  font-weight: 400;
}
@media screen and (max-width: 1199px) {
  .happniess-section .happniess-cta {
    margin-top: 24px;
  }
}
@media screen and (max-width: 767px) {
  .happniess-section .happniess-cta {
    margin-bottom: 24px;
  }
}
.happniess-section .happniess__navigation {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  gap: 12px;
  max-width: 310px;
  width: 100%;
}
@media screen and (max-width: 1199px) {
  .happniess-section .happniess__navigation {
    justify-content: center;
    position: static;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    align-items: center;
    margin-top: 24px;
    margin-top: 0;
  }
}
.happniess-section .happniess__navigation [class*=swiper-button] {
  position: static;
  margin: 0;
  height: 36px;
  width: 36px;
}
.happniess-section .happniess__navigation [class*=swiper-button]::after {
  display: none;
}
.happniess-section .happniess__navigation .swiper-pagination {
  position: static;
  height: 1px;
  max-width: 260px;
}
.happniess-section .happniess__navigation .swiper-pagination-progressbar {
  background: rgba(41, 41, 41, 0.2);
}
.happniess-section .happniess__navigation .swiper-pagination-progressbar-fill {
  background: #715d47;
}

.collection-section {
  padding-bottom: 110px;
}
@media screen and (max-width: 1199px) {
  .collection-section {
    padding: 50px 0;
  }
}
@media screen and (max-width: 767px) {
  .collection-section {
    padding: 32px 0;
    background: linear-gradient(180deg, #f7f7f7 0%, rgba(255, 255, 255, 0) 100%);
  }
}
.collection-section .collection-banner {
  position: relative;
  padding-bottom: 44.04%;
  overflow: hidden;
  margin-bottom: 32px;
}
@media screen and (max-width: 575px) {
  .collection-section .collection-banner {
    padding-bottom: 185px;
  }
}
.collection-section .collection-banner img {
  height: 100%;
  width: 100%;
  position: absolute;
  inset: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.collection-section .collection__head {
  margin-bottom: 48px;
  overflow: hidden;
}
@media screen and (max-width: 1199px) {
  .collection-section .collection__head {
    margin-bottom: 44px;
  }
}
.collection-section .collection__title {
  color: var(--grey);
  font-size: 60px;
  line-height: normal;
  margin: 0;
  font-weight: 400;
}
@media screen and (max-width: 1399px) {
  .collection-section .collection__title {
    font-size: 42px;
  }
}
@media screen and (max-width: 1199px) {
  .collection-section .collection__title {
    font-size: 32px;
    line-height: 1.25;
  }
}
.collection-section .collection__title span {
  color: #000;
  font-size: 16px;
  line-height: 1.375;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-weight: 300;
}
@media screen and (max-width: 1199px) {
  .collection-section .collection__title span {
    font-size: 14px;
    line-height: 1.5714285714;
    margin-bottom: 4px;
  }
}
@media screen and (max-width: 1199px) {
  .collection-section .collection .cta-viewall {
    align-self: flex-end;
  }
}
.collection-section .collection .list {
  overflow: hidden;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .collection-section .collection .list [class*=col-] {
    display: none;
  }
  .collection-section .collection .list [class*=col-]:nth-of-type(1), .collection-section .collection .list [class*=col-]:nth-of-type(2), .collection-section .collection .list [class*=col-]:nth-of-type(3) {
    display: block;
  }
}
@media screen and (max-width: 575px) {
  .collection-section .collection .list {
    display: grid;
    justify-content: flex-start;
    grid-auto-columns: 230px;
    grid-auto-flow: column;
    grid-gap: 1rem;
    overflow: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-snap-stop: always;
    touch-action: manipulation;
    -webkit-overflow-scrolling: touch;
    scroll-padding: 0;
    grid-template-columns: unset;
    margin: 0 -16px 0 0;
  }
  .collection-section .collection .list [class*=col-] {
    padding: 0;
  }
  .collection-section .collection .list::-webkit-scrollbar {
    display: none;
    width: 0;
  }
  .collection-section .collection .list > * {
    scroll-snap-align: start;
  }
}

.page-shop-the-look .shop-the-look-section .list {
  row-gap: 90px;
}
@media (max-width: 991px) {
  .page-shop-the-look .shop-the-look-section .list {
    row-gap: 32px;
  }
}

@media screen and (max-width: 767px) {
  .shop-the-look-section {
    background: linear-gradient(180deg, #f7f7f7 0%, rgba(255, 255, 255, 0) 100%);
    padding-top: 32px;
    padding-bottom: 64px;
  }
}
.shop-the-look-section .title-section span {
  margin-top: 12px;
}
.shop-the-look-section .list {
  row-gap: 30px;
}
@media screen and (max-width: 575px) {
  .shop-the-look-section .list [class*=col-]:not(:first-child) {
    display: none;
  }
}
.shop-the-look-section .item-stl-odd .item .image {
  padding-bottom: 49.4%;
}
.shop-the-look-section .item .image {
  display: block;
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 69.19%;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .shop-the-look-section .item .image {
    padding-bottom: 218px;
  }
}
.shop-the-look-section .item .image img {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.shop-the-look-section .item .name {
  color: var(--grey);
  font-size: 22px;
  line-height: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .shop-the-look-section .item .name {
    margin-bottom: 1rem;
  }
}
.shop-the-look-section .prices .price-sale, .shop-the-look-section .style-look-section.style-look-detail-section .product-information .price-box .price-old .price-sale, .style-look-section.style-look-detail-section .product-information .price-box .shop-the-look-section .price-old .price-sale, .shop-the-look-section .product-details .product-information .price-box .price-old .price-sale, .product-details .product-information .price-box .shop-the-look-section .price-old .price-sale, .shop-the-look-section .product-component-prices .price-sale {
  flex-basis: auto;
}
@media screen and (max-width: 767px) {
  .shop-the-look-section .prices .price-sale, .shop-the-look-section .style-look-section.style-look-detail-section .product-information .price-box .price-old .price-sale, .style-look-section.style-look-detail-section .product-information .price-box .shop-the-look-section .price-old .price-sale, .shop-the-look-section .product-details .product-information .price-box .price-old .price-sale, .product-details .product-information .price-box .shop-the-look-section .price-old .price-sale, .shop-the-look-section .product-component-prices .price-sale {
    font-size: 18px;
  }
}
.shop-the-look-section .prices .price-old del, .shop-the-look-section .style-look-section.style-look-detail-section .product-information .price-box .price-old .price-old del, .style-look-section.style-look-detail-section .product-information .price-box .shop-the-look-section .price-old .price-old del, .shop-the-look-section .product-details .product-information .price-box .price-old .price-old del, .product-details .product-information .price-box .shop-the-look-section .price-old .price-old del, .shop-the-look-section .product-component-prices .price-old del {
  font-size: 16px;
}

.advertise-section {
  position: relative;
}
@media screen and (max-width: 767px) {
  .advertise-section {
    padding-bottom: 32px;
  }
}
@media screen and (min-width: 768px) {
  .advertise-section .swiper-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
  }
}
.advertise-section .swiper-navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
  gap: 10px;
}
.advertise-section [class*=swiper-button-] {
  position: static;
  height: auto;
  width: auto;
  margin: 0;
}
.advertise-section [class*=swiper-button-]::after {
  display: none;
}
.advertise-section .item {
  position: relative;
  overflow: hidden;
  display: block;
  padding-bottom: 63.6%;
}
@media screen and (max-width: 575px) {
  .advertise-section .item {
    padding-bottom: 226px;
  }
}
.advertise-section .item:hover img {
  transform: scale(1.06);
}
.advertise-section .item img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 1s cubic-bezier(0.15, 0.75, 0.5, 1) 0s;
  position: absolute;
  inset: 0;
}

.reasons-section {
  overflow: hidden;
}
.reasons-section .container {
  max-width: 1296px;
}
.reasons-section .swiper-slide-active .reason__title div {
  animation-name: fade-in-up-100;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-timing-function: var(--ease-out-jim);
}
.reasons-section .reason {
  display: grid;
  grid-template-columns: 310px 880px;
  gap: 60px;
}
@media screen and (max-width: 1199px) {
  .reasons-section .reason {
    gap: 30px;
    grid-template-columns: 280px calc(100% - 310px);
  }
}
@media screen and (max-width: 991px) {
  .reasons-section .reason {
    display: block;
    padding-bottom: 85px;
  }
}
@media screen and (max-width: 767px) {
  .reasons-section .reason {
    padding-bottom: 60px;
  }
}
.reasons-section .reason__left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-shrink: 0;
  max-height: 710px;
  height: 100%;
}
@media screen and (max-width: 1679px) {
  .reasons-section .reason__left {
    max-height: 640px;
  }
}
.reasons-section .reason__nav {
  max-width: 260px;
  width: 100%;
  margin-left: auto;
}
@media screen and (max-width: 991px) {
  .reasons-section .reason__nav {
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
  }
}
.reasons-section .reason__nav [class*=swiper-button] {
  position: static;
  margin: 0;
  height: 37px;
  width: 37px;
}
.reasons-section .reason__nav [class*=swiper-button]::after {
  display: none;
}
.reasons-section .reason__nav .swiper-pagination {
  position: static;
}
.reasons-section .reason__nav .swiper-pagination.swiper-pagination-progressbar {
  height: 1px;
  background: rgba(41, 41, 41, 0.2);
}
.reasons-section .reason__nav .swiper-pagination .swiper-pagination-progressbar-fill {
  background: #715d47;
}
.reasons-section .reason__head {
  color: #292929;
  text-align: right;
  position: absolute;
  top: 0;
  z-index: 2;
  max-width: 310px;
  width: 100%;
}
.reasons-section .reason__head span {
  font-size: 32px;
  line-height: normal;
  text-align: right;
}
@media screen and (max-width: 1199px) {
  .reasons-section .reason__head {
    max-width: 280px;
  }
  .reasons-section .reason__head span {
    font-size: 20px;
    line-height: normal;
    margin-top: 8px;
  }
}
@media screen and (max-width: 991px) {
  .reasons-section .reason__head {
    position: static;
    max-width: 100%;
    text-align: center;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 24px;
  }
  .reasons-section .reason__head span {
    text-align: center;
  }
}
.reasons-section .reason__main {
  position: relative;
}
.reasons-section .reason__main .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.reasons-section .reason__main .swiper-slide .reason__title,
.reasons-section .reason__main .swiper-slide .reason__item,
.reasons-section .reason__main .swiper-slide .reason__description {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s, visibility 0.5s;
}
.reasons-section .reason__main .swiper-slide-active .reason__title,
.reasons-section .reason__main .swiper-slide-active .reason__item,
.reasons-section .reason__main .swiper-slide-active .reason__description {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s, visibility 0.5s;
}
.reasons-section .reason__item {
  position: relative;
  display: flex;
}
@media screen and (max-width: 991px) {
  .reasons-section .reason__item {
    display: grid;
    grid-template-columns: 48% 48%;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .reasons-section .reason__item {
    display: block;
    max-width: 280px;
    margin: 0 auto;
  }
}
.reasons-section .reason__image {
  max-width: 554px;
  width: 100%;
  height: 705px;
  position: relative;
  flex-shrink: 0;
}
.reasons-section .reason__image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1679px) {
  .reasons-section .reason__image {
    height: 640px;
  }
}
@media screen and (max-width: 1199px) {
  .reasons-section .reason__image {
    max-width: 420px;
  }
}
@media screen and (max-width: 991px) {
  .reasons-section .reason__image {
    height: 440px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .reasons-section .reason__image {
    height: 366px;
  }
}
.reasons-section .reason__content {
  z-index: 2;
  margin-top: 100px;
}
@media screen and (max-width: 1679px) {
  .reasons-section .reason__content {
    margin-top: 66px;
  }
}
@media screen and (max-width: 1199px) {
  .reasons-section .reason__content {
    margin-top: 0;
  }
}
@media screen and (max-width: 991px) {
  .reasons-section .reason__content {
    position: static;
    padding: 0;
    align-self: center;
    height: -moz-fit-content;
    height: fit-content;
    transform: unset;
    margin: 0;
  }
}
.reasons-section .reason__title {
  color: var(--grey);
  font-size: 80px;
  line-height: normal;
  margin-bottom: 60px;
  max-width: 510px;
  overflow: hidden;
  position: relative;
  left: -140px;
  width: calc(100% + 140px);
}
@media screen and (max-width: 1679px) {
  .reasons-section .reason__title {
    font-size: 42px;
    max-width: 470px;
  }
}
@media screen and (max-width: 1199px) {
  .reasons-section .reason__title {
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 30px;
    left: -80px;
    width: calc(100% + 80px);
  }
}
@media screen and (max-width: 991px) {
  .reasons-section .reason__title {
    left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .reasons-section .reason__title {
    text-align: center;
    margin: 24px 0;
  }
}
.reasons-section .reason__description {
  color: var(--grey);
  text-align: justify;
  font-size: 16px;
  line-height: 22px;
  max-width: 231px;
  margin-right: 57px;
  margin-left: auto;
}
@media (max-width: 1199px) {
  .reasons-section .reason__description {
    margin-right: 36px;
  }
}
@media screen and (max-width: 991px) {
  .reasons-section .reason__description {
    max-width: 100%;
    font-size: 14px;
    line-height: 22px;
    margin-right: 0;
  }
}
.reasons-section .reason__thumbs {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (max-width: 991px) {
  .reasons-section .reason__thumbs {
    margin-bottom: 24px;
  }
}
.reasons-section .reason__thumbs .swiper {
  max-height: 180px;
  height: 100%;
}
@media screen and (min-width: 992px) {
  .reasons-section .reason__thumbs .swiper {
    margin-right: unset;
  }
}
.reasons-section .reason__thumbs .swiper-slide {
  cursor: pointer;
}
@media screen and (max-width: 991px) {
  .reasons-section .reason__thumbs .swiper-slide {
    width: -moz-max-content;
    width: max-content;
  }
}
.reasons-section .reason__thumbs .swiper-slide-thumb-active {
  color: var(--Chai, #d2ab80);
}
.reasons-section .reason__thumbs .swiper-slide-thumb-active .reason__thumbs--item {
  color: var(--Chai, #d2ab80);
}
.reasons-section .reason__thumbs--item {
  text-align: right;
  cursor: pointer;
  color: var(--grey);
  font-size: 18px;
  line-height: normal;
}
@media screen and (max-width: 991px) {
  .reasons-section {
    padding-bottom: 72px;
  }
}
@media screen and (max-width: 767px) {
  .reasons-section {
    padding: 32px 0;
  }
}

.music-section {
  padding: 106px 0 100px;
}
@media screen and (max-width: 1399px) {
  .music-section {
    padding: 50px 0;
  }
}
@media screen and (max-width: 767px) {
  .music-section {
    padding: 32px 0;
  }
}
.music-section .title-section {
  line-height: 1;
}
@media screen and (min-width: 1200px) {
  .music-section iframe {
    height: 475px;
  }
}

.news-section {
  padding: 90px 0;
}
@media screen and (max-width: 1399px) {
  .news-section {
    padding: 50px 0;
  }
}
@media screen and (max-width: 767px) {
  .news-section {
    padding: 32px 0;
  }
}
.news-section .news__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px;
}
@media screen and (max-width: 1199px) {
  .news-section .news__list {
    gap: 30px;
  }
}
@media screen and (max-width: 991px) {
  .news-section .news__list {
    gap: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .news-section .news__list {
    justify-content: flex-start;
    grid-auto-columns: 320px;
    grid-auto-flow: column;
    grid-gap: 1rem;
    overflow: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-snap-stop: always;
    touch-action: manipulation;
    -webkit-overflow-scrolling: touch;
    scroll-padding: 0;
    grid-template-columns: unset;
    margin-right: -16px;
  }
  .news-section .news__list::-webkit-scrollbar {
    display: none;
    width: 0;
  }
  .news-section .news__list > * {
    scroll-snap-align: start;
  }
}
.news-section .news__item {
  position: relative;
}
.news-section .news__item:hover img {
  transform: scale(1.06);
}
.news-section .news__item:hover .news__name {
  color: var(--green);
}
.news-section .news__image {
  display: block;
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
}
.news-section .news__image img {
  width: 100%;
  height: 100%;
  transition: all 1s cubic-bezier(0.15, 0.75, 0.5, 1) 0s;
}
.news-section .news__content {
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: 30px;
}
@media screen and (max-width: 1399px) {
  .news-section .news__content {
    gap: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .news-section .news__content {
    grid-auto-flow: row;
    grid-template-columns: unset;
    gap: 10px;
  }
}
.news-section .news__tag {
  color: var(--grey);
  font-size: 14px;
  line-height: normal;
}
@media screen and (max-width: 991px) {
  .news-section .news__tag {
    opacity: 0.8;
  }
}
.news-section .news__data {
  display: grid;
  gap: 8px;
}
.news-section .news__name {
  color: var(--grey);
  font-size: 24px;
  line-height: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  transition: 0.3s ease-in-out;
}
@media screen and (max-width: 1399px) {
  .news-section .news__name {
    font-size: 20px;
  }
}
.news-section .news__name:hover {
  color: var(--green);
}
.news-section .news__description {
  color: var(--grey);
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
@media screen and (max-width: 991px) {
  .news-section .news__description {
    color: rgba(41, 41, 41, 0.8);
    -webkit-line-clamp: 4;
  }
}
.news-section .news__date {
  color: #848484;
  font-size: 14px;
  line-height: normal;
}
.news-section .news-cta {
  color: var(--grey);
  font-size: 20px;
  line-height: normal;
  transition: 0.3s ease-in-out;
  position: relative;
}
.news-section .news-cta::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 0;
  transition: 0.3s ease-in;
  background: currentColor;
}
.news-section .news-cta:hover::before {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .news-section .news-cta svg circle {
    stroke: transparent;
  }
  .news-section .news-cta svg path {
    stroke: #292929;
  }
}
@media screen and (max-width: 991px) {
  .news-section .news-cta {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .news-section .news-cta .icon {
    width: 24px;
    height: 24px;
    border: 1px solid var(--green);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.banner__home {
  --ease-out-jim: cubic-bezier(0.42, 0, 0.002, 1);
  position: relative;
}
.banner__home img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner__home .content {
  position: absolute;
  top: 27%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  width: 90%;
  padding: 0 30px;
}
@media screen and (max-width: 767px) {
  .banner__home .content {
    width: 100%;
    top: 37%;
    padding: 0 16px;
  }
}
.banner__home .content .title {
  color: var(--green);
  text-align: center;
  font-size: 80px;
  line-height: 1.25;
  margin-bottom: 12px;
  position: relative;
  overflow: hidden;
}
.banner__home .content .title span {
  display: inline-block;
}
@media screen and (max-width: 1199px) {
  .banner__home .content .title {
    font-size: 40px;
    line-height: 1.3;
  }
}
.banner__home .content .sub-title {
  color: var(--grey);
  font-size: 18px;
  line-height: normal;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-weight: 400;
}
@media screen and (max-width: 1399px) {
  .banner__home .content .sub-title {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .banner__home .content .sub-title {
    font-size: 14px;
  }
  .banner__home .content .sub-title svg {
    width: 24px;
    height: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .banner__home--main::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 32.74%, rgba(0, 0, 0, 0.3) 114.7%);
    height: 72px;
    z-index: 2;
    pointer-events: none;
  }
}
.banner__home--main [class*=swiper-button-]::after {
  display: none;
}
.banner__home--main .swiper-slide {
  height: 100vh;
}
@media screen and (max-width: 1199px) {
  .banner__home--main .swiper-slide {
    height: 600px;
  }
}
.banner__home--main .swiper-slide .title {
  position: relative;
  overflow: hidden;
}
.banner__home--main .swiper-slide .title span {
  transform: translate3d(0, 120%, 0);
}
.banner__home--main .swiper-slide .sub-title {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s var(--ease-out-jim) 0.75s;
}
.banner__home--main .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  transform: scale(1.2);
  transition: transform 1.5s var(--ease-out-jim), opacity 1s var(--ease-out-jim);
}
.banner__home--main .swiper-slide-active .title span {
  animation-name: fade-in-up-100;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  animation-timing-function: var(--ease-out-jim);
}
.banner__home--main .swiper-slide-active .sub-title {
  opacity: 1;
  visibility: visible;
}
.banner__home--main .swiper-slide-active img {
  opacity: 1;
  transform: scale(1);
}
.banner__home--main .swiper-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  z-index: 2;
  pointer-events: none;
  height: 72%;
  background: linear-gradient(188deg, #fff 10.87%, rgba(255, 255, 255, 0.91) 40.72%, rgba(255, 255, 255, 0.6) 67.14%, rgba(255, 255, 255, 0) 92.12%);
}
@media screen and (min-width: 1200px) {
  .banner__home--main .swiper-slide::before {
    height: 438px;
    background: linear-gradient(to bottom, #fff 10.87%, rgba(255, 255, 255, 0.91) 40.72%, rgba(255, 255, 255, 0.6) 67.14%, rgba(255, 255, 255, 0) 92.12%);
  }
}
.banner__home--main .swiper-pagination {
  bottom: 20px;
}
.banner__home--main .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.6);
  opacity: 1;
}
.banner__home--main .swiper-pagination-bullet-active {
  background: rgb(255, 255, 255);
}
.banner__home--thumbs {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 30px;
  max-width: 1323px;
  width: 100%;
  z-index: 2;
}
@media screen and (max-width: 1199px) {
  .banner__home--thumbs {
    display: none;
  }
}
.banner__home--thumbs .swiper-slide {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  cursor: pointer;
  text-align: center;
  padding-top: 24px;
  width: -moz-fit-content;
  width: fit-content;
}
.banner__home--thumbs .swiper-slide span {
  position: relative;
  z-index: 3;
}
.banner__home--thumbs .swiper-slide-thumb-active {
  border-top: 1px solid rgb(255, 255, 255);
}

@keyframes jss362 {
  0% {
    transform: translateX(-100%);
    width: 0;
  }
  to {
    width: 100%;
    transform: translateX(0%);
  }
}
@keyframes fade-in-up-100 {
  0% {
    transform: translate3d(0, 120%, 0);
    opacity: 0;
    visibility: hidden;
  }
  to {
    opacity: 1;
    visibility: visible;
    transform: none;
  }
}
.main-category-page .category-section {
  padding-top: 60px;
}
@media screen and (max-width: 1199px) {
  .main-category-page .category-section {
    padding: 32px 0;
  }
}
.main-category-page .category-section .category__list--item span {
  padding: 30px;
  font-size: 36px;
  line-height: normal;
}
@media screen and (max-width: 1199px) {
  .main-category-page .category-section .category__list--item span {
    font-size: 20px;
    padding: 20px;
  }
}
@media screen and (max-width: 575px) {
  .main-category-page .category-section .category__title {
    max-width: 100%;
  }
  .main-category-page .category-section .category__list {
    margin-right: -16px;
  }
}
.main-category-page .happniess-section {
  padding-top: 0;
}
@media screen and (min-width: 1440px) {
  .main-category-page .happniess-section .happniess .container {
    max-width: 1357px;
  }
}
.main-category-page .happniess-section .happniess__image {
  position: relative;
  padding-bottom: calc(100% + 126px);
  height: auto;
}
.main-category-page .happniess-section .happniess__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-category-page .happniess-section .happniess__navigation {
  bottom: 127px;
}
@media screen and (max-width: 1199px) {
  .main-category-page .happniess-section {
    padding: 32px 0;
  }
}
@media screen and (max-width: 767px) {
  .main-category-page .happniess-section .happniess-cta {
    margin-top: 0;
  }
}
@media screen and (max-width: 1199px) {
  .main-category-page .collection__head {
    margin-bottom: 36px;
  }
}
.main-category-page .collection-section .collection-banner {
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .main-category-page .wrapper-container-assets {
    padding-top: 0;
    padding-bottom: 32px;
  }
}

.categories-menu-sticky-swiper {
  width: 100%;
  /* .swiper-wrapper {
     @media screen and (min-width: 768px) {
        gap: 36px;
        justify-content: center;
     }
  }
  .swiper-slide {
     width: fit-content;
  } */
}
.categories-menu-sticky-swiper::after {
  right: -16px;
}

.categories-menu-sticky {
  padding: 20px 0;
  background: #fff;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
  position: fixed;
  inset: 0;
  z-index: 91;
  height: -moz-fit-content;
  height: fit-content;
  display: none;
  animation: scrollCategory 0.4s ease-in-out;
}
@media screen and (max-width: 991px) {
  .categories-menu-sticky {
    padding-top: 12px;
    padding-bottom: 16px;
  }
}
@keyframes scrollCategory {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
.categories-menu-sticky .categories__title {
  color: var(--grey);
  font-size: 22px;
  line-height: normal;
}
.categories-menu-sticky .categories__menu {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.categories-menu-sticky .categories__menu a {
  color: var(--grey);
  font-size: 16px;
  line-height: normal;
}

.product__lists-cate {
  margin-bottom: 48px;
}
.product__lists-cate .row {
  row-gap: 48px;
}
@media screen and (max-width: 1199px) {
  .product__lists-cate .row {
    row-gap: 24px;
    margin-right: -8px;
    margin-left: -8px;
  }
  .product__lists-cate .row [class*=col-] {
    padding-left: 8px;
    padding-right: 8px;
  }
  .product__lists-cate .row .prices, .product__lists-cate .row .style-look-section.style-look-detail-section .product-information .price-box .price-old, .style-look-section.style-look-detail-section .product-information .price-box .product__lists-cate .row .price-old, .product__lists-cate .row .product-details .product-information .price-box .price-old, .product-details .product-information .price-box .product__lists-cate .row .price-old, .product__lists-cate .row .product-component-prices {
    gap: 8px;
  }
  .product__lists-cate .row .prices .price-sale, .product__lists-cate .row .style-look-section.style-look-detail-section .product-information .price-box .price-old .price-sale, .style-look-section.style-look-detail-section .product-information .price-box .product__lists-cate .row .price-old .price-sale, .product__lists-cate .row .product-details .product-information .price-box .price-old .price-sale, .product-details .product-information .price-box .product__lists-cate .row .price-old .price-sale, .product__lists-cate .row .product-component-prices .price-sale {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 767px) {
  .product__lists-cate .row {
    margin-right: -4px;
    margin-left: -4px;
  }
  .product__lists-cate .row [class*=col-] {
    padding-left: 4px;
    padding-right: 4px;
  }
}
.product__lists-cate .content {
  gap: 12px;
}
@media screen and (max-width: 767px) {
  .product__lists--wishlist {
    padding: 16px;
    margin: 0 -16px;
    border-top: 1px solid var(--seashell, #f1f1f1);
    margin-bottom: 0;
  }
}

.category-filter-mobile {
  padding: 16px;
  border-bottom: 1px solid var(--stroke, #eaeaea);
  z-index: 8;
}
.category-filter-mobile.show-linear::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 81px;
  background: linear-gradient(270deg, #fff 0.34%, rgba(255, 255, 255, 0.8) 38.51%, rgba(255, 255, 255, 0) 92.31%);
  pointer-events: none;
  z-index: 2;
}
.category-filter-mobile .swiper-slide {
  width: -moz-fit-content;
  width: fit-content;
}
.category-filter-mobile a {
  color: var(--grey-5);
  font-size: 16px;
  line-height: 22px;
}
.category-filter-mobile a.active {
  color: #292929;
}

@media screen and (max-width: 767px) {
  #modalAttributeProductMobile .modal-header {
    padding-top: 0;
  }
}

.product-watched {
  padding: 60px 0;
  background: #fbf7f3;
}
.product-watched .title-section {
  margin-bottom: 48px;
  color: var(--grey);
  font-size: 36px;
  line-height: 70px;
}
.product-watched [class*=swiper-button] {
  width: 36px;
  height: 48px;
  margin: 0;
  top: 37%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 0;
}
.product-watched [class*=swiper-button]::after {
  font-size: 20px;
  color: #292929;
  font-weight: 400;
}
.product-watched [class*=swiper-button].swiper-button-prev {
  left: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.product-watched [class*=swiper-button].swiper-button-next {
  right: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.product-watched [class*=swiper-button].swiper-button-lock {
  display: none;
}
@media screen and (max-width: 767px) {
  .product-watched [class*=swiper-button] {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .product-watched {
    padding: 32px 0;
  }
  .product-watched .title-section {
    font-size: 26px;
    line-height: 1;
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 767px) {
  .product-watched .swiper-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px 8px;
    transform: unset;
  }
  .product-watched .swiper-wrapper .swiper-slide {
    width: 100%;
    margin-right: 0;
  }
}

.wrapper-list-product-filter.show-filter {
  display: grid;
  grid-template-columns: 22.5581395349% 1fr;
  gap: 50px;
}
.wrapper-list-product-filter.show-filter .sidebar {
  display: block;
  opacity: 1;
  visibility: visible;
}
@media screen and (min-width: 768px) {
  .wrapper-list-product-filter.show-filter .sidebar__wrapper {
    position: sticky;
    top: 0;
  }
}
@media screen and (max-width: 767px) {
  .wrapper-list-product-filter.show-filter .sidebar {
    display: flex;
  }
  .wrapper-list-product-filter.show-filter .sidebar__wrapper {
    transform: translate(0, 0);
  }
  .wrapper-list-product-filter.show-filter .sidebar-filter .filter__icon svg {
    display: none;
  }
}
.wrapper-list-product-filter.show-filter .wrapper__right .filter__icon {
  display: none !important;
}
@media screen and (max-width: 1199px) {
  .wrapper-list-product-filter.show-filter {
    grid-template-columns: 25% 1fr;
    gap: 24px;
  }
}
@media screen and (max-width: 767px) {
  .wrapper-list-product-filter.show-filter {
    display: block;
  }
}
.wrapper-list-product-filter .head {
  padding: 12px 0;
  border-bottom: 1px solid var(--stroke, #eaeaea);
}
.wrapper-list-product-filter .cta-delete-filter {
  color: rgba(41, 41, 41, 0.6);
  font-size: 16px;
  line-height: 22px;
  /* 137.5% */
  text-decoration-line: underline;
}
.wrapper-list-product-filter .filter__icon {
  cursor: pointer;
}
.wrapper-list-product-filter .wrapper__right .filter__icon {
  padding-right: 16px;
  margin-right: 16px;
  position: relative;
}
.wrapper-list-product-filter .wrapper__right .filter__icon::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 18px;
  width: 1px;
  background: #c4c4c4;
}
.wrapper-list-product-filter .sidebar {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
  display: none;
}
@media screen and (max-width: 767px) {
  .wrapper-list-product-filter .sidebar {
    display: flex;
    flex-direction: column;
    justify-content: end;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: calc(100vh - 81px);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s linear;
  }
  .wrapper-list-product-filter .sidebar::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1039;
  }
  .wrapper-list-product-filter .sidebar.show {
    visibility: visible;
    opacity: 1;
  }
  .wrapper-list-product-filter .sidebar__wrapper {
    bottom: 0;
    background: #fff;
    z-index: 999;
    width: 100%;
    left: 0;
    padding: 12px 16px 0px 16px;
    border-radius: 12px 12px 0px 0px;
    height: 100%;
    overflow-y: auto;
    transform: translate(0, 100%);
    transition: 0.3s ease-out;
    z-index: 1040;
  }
}
.wrapper-list-product-filter .sidebar__list {
  height: calc(100% - 132px);
  overflow-y: auto;
}
.wrapper-list-product-filter .sidebar-filter a {
  transition: 0.3s ease-in-out;
}
.wrapper-list-product-filter .sidebar-filter .head {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .wrapper-list-product-filter .sidebar-filter .head {
    margin-bottom: 0;
  }
}
.wrapper-list-product-filter .sidebar h3 {
  color: var(--grey);
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 12px;
}
.wrapper-list-product-filter .sidebar .list {
  display: grid;
  gap: 12px;
  margin-bottom: 12px;
}
.wrapper-list-product-filter .sidebar .list .form-check {
  position: relative;
  padding-left: 32px;
  margin: 0;
  cursor: pointer;
}
.wrapper-list-product-filter .sidebar .list .form-check-input {
  display: none;
}
.wrapper-list-product-filter .sidebar .list .form-check-input:checked ~ .form-check-checkmark {
  background: var(--brown, #715d47);
  border: 1px solid currentColor;
}
.wrapper-list-product-filter .sidebar .list .form-check-input:checked ~ .form-check-checkmark::before {
  display: block;
}
.wrapper-list-product-filter .sidebar .list .form-check-input:checked ~ .txt {
  color: var(--grey);
}
.wrapper-list-product-filter .sidebar .list .form-check-checkmark {
  border-radius: 4px;
  border: 1px solid #bfbfbf;
  background: #fff;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 1px;
  left: 3px;
}
.wrapper-list-product-filter .sidebar .list .form-check-checkmark::before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 6px;
  width: 6px;
  height: 11px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  display: none;
}
.wrapper-list-product-filter .sidebar .accordion-item {
  border-radius: 0;
  border: none;
  color: #646464;
  font-size: 16px;
  line-height: 22px;
  /* 137.5% */
}
.wrapper-list-product-filter .sidebar .accordion-button {
  color: var(--grey);
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  padding: 4px 0 8px;
  border-radius: 0 !important;
  background: transparent;
  outline: 0;
  margin: 0;
  box-shadow: none;
}
.wrapper-list-product-filter .sidebar .accordion-button.active::after {
  transform: rotate(0);
}
.wrapper-list-product-filter .sidebar .accordion-button::after {
  background-image: url(../images/acc-img.png);
  background-size: auto;
  background-position: center;
  transition: unset;
}
.wrapper-list-product-filter .sidebar .accordion-collapse {
  border-radius: 0;
}
.wrapper-list-product-filter .sidebar .accordion-body {
  padding: 1rem 0 0;
}
@media screen and (max-width: 767px) {
  .wrapper-list-product-filter .sidebar .accordion-body {
    margin-bottom: 0;
  }
}
.wrapper-list-product-filter .sidebar__item {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eaeaea;
}
@media screen and (max-width: 767px) {
  .wrapper-list-product-filter .sidebar__item {
    padding-bottom: 16px;
    margin-top: 16px;
  }
}
.wrapper-list-product-filter .sidebar__item--category {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #eaeaea;
  display: block;
}
.wrapper-list-product-filter .sidebar__item--category a {
  color: rgba(41, 41, 41, 0.5);
  font-size: 16px;
  line-height: 22px;
}
.wrapper-list-product-filter .sidebar__item--category a:hover, .wrapper-list-product-filter .sidebar__item--category a.active {
  color: #292929;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .wrapper-list-product-filter .sidebar__item--category {
    display: none;
  }
}
.wrapper-list-product-filter .sidebar__item--color .list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 12px 24px;
}
.wrapper-list-product-filter .sidebar__item--color .list .form-check-input {
  display: none;
}
.wrapper-list-product-filter .sidebar__item--color .list .form-check-input:checked ~ .form-check-checkmark {
  border: 1px solid transparent;
}
.wrapper-list-product-filter .sidebar__item--color .list .form-check-input:checked ~ .form-check-checkmark::before {
  border: none;
  display: block;
}
.wrapper-list-product-filter .sidebar__item--color .list .form-check-input:checked ~ .form-check-checkmark::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform: scale(1.5);
  border: 1px solid #292929;
  border-radius: 50%;
}
.wrapper-list-product-filter .sidebar__item--color .list .form-check-input:checked ~ .txt {
  color: var(--grey);
}
.wrapper-list-product-filter .sidebar__item--color .list .form-check-checkmark {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #ccc;
  top: 1px;
}
.wrapper-list-product-filter .sidebar__item--color .form-check-checkmark {
  border: 1px solid #ccc;
}
.wrapper-list-product-filter .sidebar__btns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 16px;
  border-top: 1px solid #e1e1e1;
  background: #fff;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
  margin: 0 -16px;
}
.wrapper-list-product-filter .sidebar__btns [class*=btn] {
  font-size: 16px;
  line-height: normal;
  padding: 14px 24px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 0;
  box-shadow: none;
  border: 1px solid var(--green);
  min-height: 42px;
  background: transparent;
  color: var(--green);
}
.wrapper-list-product-filter .sidebar__btns .btn-apply {
  background: var(--green);
  color: #fff;
}

.banner-psub {
  position: relative;
}
.banner-psub::after {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 158px;
  z-index: 1;
}
.banner-psub .img {
  width: 100%;
  padding-bottom: 21.065%;
  position: relative;
}
@media (max-width: 1199px) {
  .banner-psub .img {
    padding-bottom: 200px;
  }
}
.banner-psub .img img {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner-psub .content-desc {
  position: absolute;
  bottom: 30px;
  z-index: 11;
}
@media (max-width: 767px) {
  .banner-psub .content-desc {
    left: 10px;
    right: 10px;
    bottom: 20px;
  }
}
.banner-psub .breadcrumb {
  margin: 0 0 10px;
  border: none;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .banner-psub .breadcrumb {
    margin-bottom: 0;
  }
}
.banner-psub .breadcrumb li:not(.breadcrumb-item) {
  flex-basis: 100%;
}
.banner-psub .breadcrumb-item {
  position: relative;
}
.banner-psub .breadcrumb-item + .breadcrumb-item {
  margin-left: var(--bs-breadcrumb-item-padding-x);
}
.banner-psub .breadcrumb-item::before {
  display: none;
}
.banner-psub .breadcrumb-item::after {
  content: "/";
  color: var(--white);
  margin: 0 5px;
  position: absolute;
  top: 1px;
}
.banner-psub .breadcrumb-item a {
  color: var(--white);
  font-size: 14px;
  line-height: normal;
  text-transform: uppercase;
}
@media (max-width: 575px) {
  .banner-psub .breadcrumb-item a {
    font-size: 12px;
  }
}
.banner-psub .title {
  color: var(--white, #fff);
  font-size: 36px;
  line-height: normal;
  margin: 0;
}
@media (max-width: 575px) {
  .banner-psub .title {
    font-size: 26px;
  }
}
.banner-psub .desc-title {
  color: var(--white, #fff);
  text-align: justify;
  font-size: 24px;
  font-style: italic;
  line-height: 22px;
  margin: 8px 0 0;
}
@media (max-width: 575px) {
  .banner-psub .desc-title {
    font-size: 16px;
  }
}

@media (min-width: 1680px) {
  .everpia-section-brand .reason {
    grid-template-columns: 380px minmax(921px, 1fr);
  }
}
.everpia-section-brand .reason__head span {
  margin-top: 10px;
  display: inline-block;
}

.achievements-section {
  padding-top: 80px;
  background: linear-gradient(180deg, rgba(210, 171, 128, 0) 0%, rgba(210, 171, 128, 0.1) 100%);
  position: relative;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .achievements-section {
    padding-top: 60px;
    padding-bottom: 120px;
  }
}
@media (max-width: 767px) {
  .achievements-section {
    padding-top: 32px;
    padding-bottom: 110px;
    background: transparent;
  }
}
.achievements-section .container-wrapper {
  margin-left: calc(50vw - 870px);
}
@media (max-width: 1680px) {
  .achievements-section .container-wrapper {
    margin-left: calc(50vw - 700px);
  }
}
@media (max-width: 1399px) {
  .achievements-section .container-wrapper {
    margin-left: 0;
    padding-left: 50px;
  }
}
@media (max-width: 1199px) {
  .achievements-section .container-wrapper {
    padding-left: 20px;
  }
}
@media (max-width: 575px) {
  .achievements-section .container-wrapper {
    padding: 0 16px;
  }
}
@media screen and (min-width: 1680px) {
  .achievements-section .achievements__head {
    font-size: 80px;
  }
}
.achievements-section .achievements__head span {
  line-height: 1.1666666667;
}
@media screen and (min-width: 1680px) {
  .achievements-section .achievements__head span {
    font-size: var(--fontSize-title-2);
  }
}
@media (max-width: 767px) {
  .achievements-section .achievements__head span {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .achievements-section .achievements__head {
    margin-bottom: 24px !important;
    text-align: center;
    font-size: 40px;
  }
  .achievements-section .achievements__head span {
    font-size: 32px;
    text-align: center;
  }
}
.achievements-section .achievements {
  display: grid;
  grid-template-columns: 338px minmax(921px, 1fr);
  gap: 100px;
}
@media (max-width: 1680px) {
  .achievements-section .achievements {
    gap: 50px;
  }
}
@media (max-width: 1199px) {
  .achievements-section .achievements {
    grid-template-columns: 270px minmax(921px, 1fr);
  }
}
@media (max-width: 991px) {
  .achievements-section .achievements {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .achievements-section .achievements {
    gap: 24px;
  }
}
.achievements-section .achievements_left .content_list {
  color: var(--grey);
  font-size: 18px;
  line-height: normal;
  padding: 0 32px;
}
@media screen and (max-width: 767px) {
  .achievements-section .achievements_left .content_list {
    margin-bottom: 0;
  }
  .achievements-section .achievements_left .content_list ul {
    padding-left: 1rem;
    padding-right: 0;
    margin-bottom: 0;
  }
  .achievements-section .achievements_left .content_list > p {
    text-align: center;
    font-size: 48px !important;
  }
  .achievements-section .achievements_left .content_list > p span {
    font-size: 48px !important;
    line-height: normal;
  }
}
.achievements-section .achievements_left .content_list > * {
  margin-bottom: 24px;
  list-style: initial;
}
.achievements-section .achievements__nav {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  gap: 12px;
  max-width: 338px;
  width: 100%;
  position: absolute;
  bottom: 0;
}
@media (max-width: 1199px) {
  .achievements-section .achievements__nav {
    max-width: 270px;
  }
}
@media (max-width: 991px) {
  .achievements-section .achievements__nav {
    bottom: -80px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
@media (max-width: 991px) {
  .achievements-section .achievements__nav .align-items-center {
    margin-left: auto;
    margin-right: auto;
    width: 84px;
  }
}
.achievements-section .achievements__nav [class*=swiper-button] {
  position: static;
  margin: 0;
  height: 36px;
  width: 36px;
}
.achievements-section .achievements__nav [class*=swiper-button]::after {
  display: none;
}
.achievements-section .achievements__nav .swiper-pagination {
  position: static;
  height: 1px;
  max-width: 100%;
}
.achievements-section .achievements__nav .swiper-pagination-progressbar {
  background: rgba(41, 41, 41, 0.2);
}
.achievements-section .achievements__nav .swiper-pagination-progressbar-fill {
  background: #715d47;
}
@media (min-width: 768px) {
  .achievements-section .achievements_main .achieve__item {
    min-height: 600px;
  }
}
.achievements-section .achievements_main .achieve__item .achieve__image {
  width: 100%;
  padding-bottom: 490px;
  position: relative;
  transition: all 0.3s;
}
@media screen and (max-width: 767px) {
  .achievements-section .achievements_main .achieve__item .achieve__image {
    padding-bottom: 456px;
  }
}
.achievements-section .achievements_main .achieve__item .achieve__image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  .achievements-section .achievements_main .swiper-slide-active .achieve__item .achieve__image {
    padding-bottom: 600px;
  }
}

.hotel-section {
  padding-top: 100px;
}
@media (max-width: 1199px) {
  .hotel-section {
    padding-top: 60px;
  }
}
@media (max-width: 767px) {
  .hotel-section {
    padding-top: 32px;
  }
}
.hotel-section .title-section {
  text-align: center;
}
.hotel-section .title-section span {
  text-align: center;
  font-size: 36px;
  margin-top: 5px;
  line-height: normal;
}
@media (max-width: 767px) {
  .hotel-section .title-section span {
    font-size: 20px;
  }
}
.hotel-section .hotel_main {
  position: relative;
  padding-bottom: 60px;
  overflow: hidden;
}
.hotel-section .hotel_main .hotel__item {
  padding: 0;
}
.hotel-section .hotel_main .hotel__item .image {
  width: 100%;
  position: relative;
  padding-bottom: 490px;
}
@media screen and (max-width: 1199px) {
  .hotel-section .hotel_main .hotel__item .image {
    padding-bottom: 100%;
  }
}
@media screen and (max-width: 575px) {
  .hotel-section .hotel_main .hotel__item .image {
    padding-bottom: 274px;
  }
}
.hotel-section .hotel_main .hotel__item .image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hotel-section .hotel_main .hotel__item .name {
  display: block;
  margin-top: 50px;
  color: #000;
  text-align: center;
  font-size: 22px;
  line-height: normal;
}
@media screen and (max-width: 575px) {
  .hotel-section .hotel_main .hotel__item .name {
    margin-top: 1rem;
  }
}
.hotel-section .hotel-cta {
  border-radius: 6px;
  background: var(--ever-gr, #05472a);
  color: var(--white);
  font-size: 18px;
  line-height: 52px;
  padding: 16px 36px;
}
.hotel-section .hotel_main-swiper {
  margin-top: 60px;
}
@media screen and (max-width: 1199px) {
  .hotel-section .hotel_main-swiper {
    margin-top: 32px;
  }
}
.hotel-section .hotel_main-swiper .swiper-wrapper {
  min-height: 710px;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .hotel-section .hotel_main-swiper .swiper-wrapper {
    min-height: 450px;
  }
}
.hotel-section .hotel_main-swiper .swiper-slide {
  width: 380px;
  height: auto;
}
@media screen and (max-width: 1199px) {
  .hotel-section .hotel_main-swiper .swiper-slide {
    width: 320px;
  }
}
@media screen and (max-width: 767px) {
  .hotel-section .hotel_main-swiper .swiper-slide {
    width: 220px;
  }
}
.hotel-section .hotel_main-swiper .swiper-slide .image {
  transition: 0.3s ease;
}
.hotel-section .hotel_main-swiper .swiper-slide-active {
  width: 460px;
}
@media screen and (max-width: 1199px) {
  .hotel-section .hotel_main-swiper .swiper-slide-active {
    width: 400px;
  }
}
@media screen and (max-width: 767px) {
  .hotel-section .hotel_main-swiper .swiper-slide-active {
    width: 300px;
  }
}
.hotel-section .hotel_main-swiper .swiper-slide-active .image {
  padding-bottom: 600px;
}
@media screen and (max-width: 1199px) {
  .hotel-section .hotel_main-swiper .swiper-slide-active .image {
    padding-bottom: 500px;
  }
}
@media screen and (max-width: 991px) {
  .hotel-section .hotel_main-swiper .swiper-slide-active .image {
    padding-bottom: 450px;
  }
}
@media screen and (max-width: 767px) {
  .hotel-section .hotel_main-swiper .swiper-slide-active .image {
    padding-bottom: 364px;
  }
}
@media screen and (max-width: 1679px) {
  .hotel-section .slider-groups-btn {
    margin-top: 35px;
  }
}
.hotel-section .slider-groups-btn [class*=swiper-button-] {
  position: static;
  height: 36px;
  width: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hotel-section .slider-groups-btn [class*=swiper-button-]::after {
  display: none;
}
.hotel-section .slider-groups-btn .swiper-pagination-progressbar {
  position: static;
  margin-top: 10px;
  background: rgba(41, 41, 41, 0.2);
}
.hotel-section .slider-groups-btn .swiper-pagination-progressbar-fill {
  background-color: var(--grey);
}

.shop-system-section {
  padding: 60px 0;
}
@media screen and (max-width: 1199px) {
  .shop-system-section {
    padding: 32px 0;
  }
}
@media screen and (max-width: 767px) {
  .shop-system-section {
    padding: 0 0 32px;
  }
}
.shop-system-section .system_top {
  margin-bottom: 36px;
  gap: 24px;
  display: grid;
  grid-template-columns: 24.2441860465% 1fr;
}
@media screen and (max-width: 1199px) {
  .shop-system-section .system_top {
    gap: 12px;
    grid-template-columns: max-content 1fr;
  }
}
@media screen and (max-width: 991px) {
  .shop-system-section .system_top {
    grid: none;
  }
}
.shop-system-section .system_top .form-system {
  align-items: center;
  gap: 24px;
  display: grid;
  grid-template-columns: minmax(auto, 437px) 1fr 1fr;
}
@media screen and (max-width: 1199px) {
  .shop-system-section .system_top .form-system {
    gap: 12px;
    grid-template-columns: max-content 1fr 1fr;
  }
}
@media (max-width: 991px) {
  .shop-system-section .system_top .form-system .system_btn.check-shop {
    width: 100%;
    justify-content: center;
  }
}
.shop-system-section .system_top .system_btn {
  background: rgba(210, 171, 128, 0.1);
  padding: 10px 24px;
  text-align: center;
  min-height: 42px;
}
@media screen and (max-width: 1199px) {
  .shop-system-section .system_top .system_btn {
    padding: 10px;
  }
}
.shop-system-section .system_top .system_btn a {
  color: var(--grey);
  font-size: 16px;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shop-system-section .system_top .system_btn a svg {
  margin-right: 8px;
}
@media (max-width: 575px) {
  .shop-system-section .system_top .system_btn a {
    justify-content: flex-start;
  }
}
.shop-system-section .system_top .system_btn.check-shop {
  gap: 10px;
}
@media (min-width: 1400px) {
  .shop-system-section .system_top .system_btn.check-shop {
    gap: 32px;
  }
}
.shop-system-section .system_top .system_btn.check-shop .ipt-shop {
  color: var(--grey);
  font-size: 16px;
  line-height: 22px;
  display: flex;
  align-items: center;
  position: relative;
}
.shop-system-section .system_top .system_btn.check-shop .ipt-shop input {
  opacity: 0;
  visibility: hidden;
}
.shop-system-section .system_top .system_btn.check-shop .ipt-shop .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: var(--white);
  transition: background-color 0.25s ease;
  border-radius: 4px;
  border: 1px solid #bfbfbf;
  cursor: pointer;
}
.shop-system-section .system_top .system_btn.check-shop .ipt-shop .checkmark::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid var(--white);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.25s ease;
}
.shop-system-section .system_top .system_btn.check-shop .ipt-shop label {
  padding-left: 12px;
}
.shop-system-section .system_top .system_btn.check-shop .ipt-shop input:checked ~ .checkmark {
  background: #715d47;
  border-color: #715d47;
}
.shop-system-section .system_top .system_btn.check-shop .ipt-shop input:checked ~ .checkmark::after {
  opacity: 1;
}
.shop-system-section .system_top .select_btn {
  position: relative;
}
.shop-system-section .system_top .select_btn select {
  border: 1px solid rgba(41, 41, 41, 0.2);
  padding: 9px 25px 9px 14px;
  width: 100%;
  outline: none;
  color: var(--black40, #aeafb0);
  font-size: 16px;
  line-height: 22px;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
.shop-system-section .system_top .select_btn::after {
  content: "";
  background: url(../images/about/ic-down.png);
  background-repeat: no-repeat;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 17px;
  height: 17px;
  transform: translate(0, -50%);
}
.shop-system-section .system_map {
  display: grid;
  grid-template-columns: 24.2441860465% 1fr;
  gap: 30px;
}
@media screen and (max-width: 1199px) {
  .shop-system-section .system_map {
    gap: 15px;
    grid-template-columns: 30% 1fr;
  }
}
.shop-system-section .system_map .system_map_left .search_showroom {
  margin-bottom: 16px;
}
.shop-system-section .system_map .system_map_left .search_showroom form {
  position: relative;
}
.shop-system-section .system_map .system_map_left .search_showroom form input {
  border: 1px solid rgba(41, 41, 41, 0.2);
  padding: 9px 14px 9px 40px;
  background: var(--white);
  width: 100%;
  color: var(--grey);
  font-size: 16px;
  line-height: 22px;
  outline: none;
}
.shop-system-section .system_map .system_map_left .search_showroom form #search_submit {
  position: absolute;
  top: 10px;
  left: 14px;
}
.shop-system-section .system_map .system_map_left .showroom_list {
  overflow-x: auto;
  max-height: 795px;
  padding-right: 17px;
}
@media screen and (max-width: 1679px) {
  .shop-system-section .system_map .system_map_left .showroom_list {
    max-height: 580px;
  }
}
@media screen and (max-width: 1199px) {
  .shop-system-section .system_map .system_map_left .showroom_list {
    padding-right: 10px;
  }
}
.shop-system-section .system_map .system_map_left .showroom_list::-webkit-scrollbar {
  background-color: var(--white);
  cursor: pointer;
  width: 6px;
}
.shop-system-section .system_map .system_map_left .showroom_list::-webkit-scrollbar-thumb {
  background-color: rgba(41, 41, 41, 0.1);
  width: 6px;
  border-radius: 30px;
}
.shop-system-section .system_map .system_map_left .showroom_list .showroom_item {
  border-bottom: 1px solid var(--stroke, #eaeaea);
  padding: 15px 0;
}
.shop-system-section .system_map .system_map_left .showroom_list .showroom_item .name {
  color: var(--grey);
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  display: inline-block;
  margin-bottom: 8px;
}
.shop-system-section .system_map .system_map_left .showroom_list .showroom_item .name.name-monopoly {
  display: flex;
  align-items: center;
  gap: 4px;
}
.shop-system-section .system_map .system_map_left .showroom_list .showroom_item .wrap {
  display: flex;
  align-items: center;
  gap: 48px;
  justify-content: space-between;
}
@media screen and (max-width: 1679px) {
  .shop-system-section .system_map .system_map_left .showroom_list .showroom_item .wrap {
    gap: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .shop-system-section .system_map .system_map_left .showroom_list .showroom_item .wrap {
    align-items: flex-start;
  }
}
.shop-system-section .system_map .system_map_left .showroom_list .showroom_item .infore .address {
  display: flex;
  align-items: flex-start;
  margin-bottom: 8px;
  color: #666;
  font-size: 16px;
  line-height: 22px;
}
.shop-system-section .system_map .system_map_left .showroom_list .showroom_item .infore .address img {
  margin-right: 8px;
}
.shop-system-section .system_map .system_map_left .showroom_list .showroom_item .infore .phone_zalo a {
  color: #666;
  font-size: 16px;
  line-height: 22px;
  position: relative;
  margin-right: 32px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .shop-system-section .system_map .system_map_left .showroom_list .showroom_item .infore .phone_zalo a {
    margin-right: 12px;
  }
}
.shop-system-section .system_map .system_map_left .showroom_list .showroom_item .infore .phone_zalo a img {
  margin-right: 8px;
}
.shop-system-section .system_map .system_map_left .showroom_list .showroom_item .infore .phone_zalo a:last-child {
  margin-right: 0;
}
.shop-system-section .system_map .system_map_left .showroom_list .showroom_item .infore .phone_zalo a:last-child::after {
  display: none;
}
.shop-system-section .system_map .system_map_left .showroom_list .showroom_item .infore .phone_zalo a::after {
  content: "";
  width: 1px;
  height: 2px;
  background: #292929;
  right: -16px;
  position: absolute;
  top: 50%;
}
@media screen and (max-width: 767px) {
  .shop-system-section .system_map .system_map_left .showroom_list .showroom_item .infore .phone_zalo a::after {
    right: -6px;
  }
}
.shop-system-section .system_map .system_map_left .showroom_list .showroom_item .icon-view-direct {
  flex: 0 0 57px;
  max-width: 57px;
  text-align: center;
}
.shop-system-section .system_map .system_map_left .showroom_list .showroom_item .icon-view-direct span {
  color: #999;
  font-size: 13px;
  line-height: 24px;
}
.shop-system-section .system_map .system_map_right {
  height: 850px;
}
@media screen and (max-width: 1679px) {
  .shop-system-section .system_map .system_map_right {
    height: 650px;
  }
}
@media screen and (max-width: 767px) {
  .shop-system-section .system_map .system_map_right {
    height: 343px;
  }
}
.shop-system-section .system_map .system_map_right iframe {
  width: 100% !important;
  height: 100% !important;
}
.shop-system-section .note-position {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--white);
  font-size: 18px;
  line-height: normal;
}
.shop-system-section .note-position > div {
  padding: 12px;
  color: var(--grey);
  text-align: center;
  border-radius: 8px;
  background: var(--dbw, #e6d7b9);
  flex: 1;
}
.shop-system-section .note-position a {
  display: inline-flex;
  padding: 12px 32px;
  flex-shrink: 0;
  color: var(--white);
  border-radius: 8px;
  background: var(--green);
}
@media screen and (max-width: 767px) {
  .shop-system-section.mobile-show .tab-change-store-setting {
    background: rgba(210, 171, 128, 0.1);
    margin: 0 -16px 16px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border: 0;
  }
  .shop-system-section.mobile-show .tab-change-store-setting .nav-item {
    border-radius: 0;
    position: relative;
  }
  .shop-system-section.mobile-show .tab-change-store-setting .nav-item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 50%;
    width: 1px;
    right: 0;
    background: #e2dfdb;
  }
  .shop-system-section.mobile-show .tab-change-store-setting .nav-link {
    color: var(--grey-5);
    font-size: 16px;
    line-height: 22px;
    padding: 10px;
    text-align: center;
    position: relative;
    border: 0;
    background: rgba(210, 171, 128, 0.1);
    width: 100%;
  }
  .shop-system-section.mobile-show .tab-change-store-setting .nav-link.active {
    color: var(--grey);
    background: rgba(210, 171, 128, 0.1);
  }
  .shop-system-section.mobile-show #list-store-pane select,
  .shop-system-section.mobile-show #list-store-pane input {
    min-height: 42px;
    color: var(--grey-5);
    font-size: 16px;
    line-height: 22px;
    padding: 10px 14px;
    border: 1px solid rgba(41, 41, 41, 0.2);
    width: 100%;
    outline: 0;
  }
  .shop-system-section.mobile-show #list-store-pane select:focus,
  .shop-system-section.mobile-show #list-store-pane input:focus {
    outline: 0;
    border-color: unset;
  }
  .shop-system-section.mobile-show #list-store-pane select::-moz-placeholder, .shop-system-section.mobile-show #list-store-pane input::-moz-placeholder {
    color: var(--grey-5);
  }
  .shop-system-section.mobile-show #list-store-pane select:-moz-placeholder-shown, .shop-system-section.mobile-show #list-store-pane input:-moz-placeholder-shown {
    color: var(--grey-5);
  }
  .shop-system-section.mobile-show #list-store-pane select:placeholder-shown, .shop-system-section.mobile-show #list-store-pane select::placeholder,
  .shop-system-section.mobile-show #list-store-pane input:placeholder-shown,
  .shop-system-section.mobile-show #list-store-pane input::placeholder {
    color: var(--grey-5);
  }
  .shop-system-section.mobile-show #list-store-pane select {
    padding-right: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .shop-system-section.mobile-show .search-name {
    position: relative;
  }
  .shop-system-section.mobile-show .search-name input {
    padding-left: 40px !important;
  }
  .shop-system-section.mobile-show .search-name #search_submit {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 14px;
    z-index: 2;
  }
  .shop-system-section.mobile-show .select_btn {
    margin-bottom: 8px;
  }
  .shop-system-section.mobile-show .select_btn .select-dropdown {
    position: relative;
  }
  .shop-system-section.mobile-show .select_btn .select-dropdown::after {
    content: "";
    background: url(../images/about/ic-down.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 17px;
    height: 17px;
    transform: translate(0, -50%);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .shop-system-section.mobile-show .check-shop {
    margin: 16px 0 0;
    flex-direction: column;
    color: var(--grey, #292929);
    font-size: 16px;
    line-height: 22px;
    gap: 13px;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--stroke, #eaeaea);
  }
  .shop-system-section.mobile-show .check-shop .ipt-shop {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 12px;
  }
  .shop-system-section.mobile-show .check-shop .ipt-shop input {
    display: none;
  }
  .shop-system-section.mobile-show .check-shop .ipt-shop input:checked + .checkmark {
    background: #715d47;
  }
  .shop-system-section.mobile-show .check-shop .ipt-shop input:checked + .checkmark::after {
    border-color: #fff;
    display: inline-block;
  }
  .shop-system-section.mobile-show .check-shop .ipt-shop .checkmark {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid #bfbfbf;
    background: #fff;
    position: relative;
  }
  .shop-system-section.mobile-show .check-shop .ipt-shop .checkmark::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 7px;
    transform: rotate(45deg);
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: none;
  }
  .shop-system-section.mobile-show .system_map {
    grid: none;
    margin-top: 0 !important;
    gap: 30px;
  }
  .shop-system-section.mobile-show .note-position {
    flex-direction: column;
    margin-top: 0 !important;
  }
  .shop-system-section.mobile-show .note-position > div {
    padding: 8px 12px;
    font-size: 16px;
  }
  .shop-system-section.mobile-show .note-position .current-position {
    width: 100%;
    text-align: center;
    justify-content: center;
    align-items: center;
  }
}

.conttact_main {
  background: rgba(210, 171, 128, 0.1);
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .conttact_main {
    background-color: #fff;
  }
}
@media screen and (max-width: 991px) {
  .conttact_main .row {
    gap: unset;
  }
}
.conttact_main .col:first-child {
  padding-right: 0;
}
@media screen and (max-width: 1199px) {
  .conttact_main .col:first-child {
    align-self: flex-start;
  }
}
.conttact_main .col:last-child {
  padding-left: 0;
}
@media (max-width: 991px) {
  .conttact_main .col {
    flex: 1 0 100%;
    padding: 0;
  }
}
.conttact_main .conttact_left .image {
  position: relative;
  padding-bottom: 100%;
  overflow: hidden;
}
@media (min-width: 1680px) {
  .conttact_main .conttact_left .image {
    padding-bottom: 93.8%;
  }
}
@media screen and (max-width: 991px) {
  .conttact_main .conttact_left .image {
    padding-bottom: 56.25%;
  }
}
@media (max-width: 575px) {
  .conttact_main .conttact_left .image {
    padding-bottom: 200px;
  }
}
.conttact_main .conttact_left .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  inset: 0;
  transition: 1s;
}
.conttact_main .conttact_right {
  padding: 30px 60px 30px 45px;
}
@media (min-width: 1680px) {
  .conttact_main .conttact_right {
    padding: 30px 185px 30px 85px;
  }
}
@media (max-width: 1199px) {
  .conttact_main .conttact_right {
    padding: 32px 16px;
  }
}
@media screen and (max-width: 991px) {
  .conttact_main .conttact_right {
    max-width: 720px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .conttact_main .conttact_right {
    max-width: 540px;
    padding-bottom: 0;
  }
}
.conttact_main .conttact_right .cnt-title {
  color: var(--grey);
  font-size: var(--fontSize-title-2);
  line-height: 1.1666666667;
  margin-bottom: 24px;
}
@media screen and (max-width: 1199px) {
  .conttact_main .conttact_right .cnt-title {
    font-size: 26px;
  }
}
.conttact_main .conttact_right .cnt_address .address {
  color: var(--grey);
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 24px;
}
.conttact_main .conttact_right .cnt_address .address span {
  opacity: 0.5;
}
.conttact_main .conttact_right .cnt_infore {
  padding-bottom: 40px;
  border-bottom: 1px solid var(--stroke, #eaeaea);
  margin-bottom: 24px;
  gap: 24px;
}
@media (max-width: 1399px) {
  .conttact_main .conttact_right .cnt_infore {
    gap: 16px;
  }
  .conttact_main .conttact_right .cnt_infore > * {
    width: calc(35% - 16px);
  }
  .conttact_main .conttact_right .cnt_infore .nums {
    order: 3;
  }
}
@media screen and (max-width: 1199px) {
  .conttact_main .conttact_right .cnt_infore .nums {
    order: unset;
  }
}
@media screen and (max-width: 991px) {
  .conttact_main .conttact_right .cnt_infore {
    justify-content: space-between;
  }
  .conttact_main .conttact_right .cnt_infore > * {
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (max-width: 767px) {
  .conttact_main .conttact_right .cnt_infore {
    flex-direction: column;
    padding-bottom: 24px;
  }
}
.conttact_main .conttact_right .cnt_infore .inf_left {
  gap: 12px;
}
@media (max-width: 575px) {
  .conttact_main .conttact_right .cnt_infore .item:first-child {
    width: 100%;
  }
}
.conttact_main .conttact_right .cnt_infore .item.phone {
  position: relative;
}
.conttact_main .conttact_right .cnt_infore .item.phone::after {
  content: "";
  background-color: #eaeaea;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -12px;
  bottom: 0;
}
@media (max-width: 575px) {
  .conttact_main .conttact_right .cnt_infore .item.phone::after {
    right: -8px;
  }
}
.conttact_main .conttact_right .cnt_infore .item .icon {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
}
.conttact_main .conttact_right .cnt_infore .item .icon img {
  width: 36px;
  height: 36px;
  -o-object-fit: none;
     object-fit: none;
}
.conttact_main .conttact_right .cnt_infore .item .text {
  color: var(--grey);
  font-size: 16px;
  line-height: 22px;
  margin: 0;
}
.conttact_main .conttact_right .cnt_infore .item .text span {
  opacity: 0.5;
}
.conttact_main .conttact_right .description {
  color: var(--grey);
  font-size: 16px;
  font-style: italic;
  line-height: 22px;
}
.conttact_main .conttact_right .preform-form-main {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.conttact_main .conttact_right .preform-form-main .ipt-radio {
  width: 100%;
}
.conttact_main .conttact_right .preform-form-main .ipt-radio input {
  width: 20px;
  height: 20px;
}
.conttact_main .conttact_right .preform-form-main .ipt-radio [type=radio]:checked,
.conttact_main .conttact_right .preform-form-main .ipt-radio [type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.conttact_main .conttact_right .preform-form-main .ipt-radio [type=radio]:checked + label,
.conttact_main .conttact_right .preform-form-main .ipt-radio [type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}
.conttact_main .conttact_right .preform-form-main .ipt-radio [type=radio]:checked + label:before,
.conttact_main .conttact_right .preform-form-main .ipt-radio [type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #bfbfbf;
  border-radius: 100%;
  background: #fff;
}
.conttact_main .conttact_right .preform-form-main .ipt-radio [type=radio]:checked + label:before {
  background: #715d47;
  border-color: #715d47;
}
.conttact_main .conttact_right .preform-form-main .ipt-radio [type=radio]:checked + label:after,
.conttact_main .conttact_right .preform-form-main .ipt-radio [type=radio]:not(:checked) + label:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #fff;
  position: absolute;
  top: 6px;
  left: 6px;
  border-radius: 100%;
  transition: all 0.2s ease;
}
.conttact_main .conttact_right .preform-form-main .ipt-radio [type=radio]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.conttact_main .conttact_right .preform-form-main .ipt-radio [type=radio]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
.conttact_main .conttact_right .preform-form-main .ipt-radio label {
  color: var(--grey);
  font-size: 16px;
  line-height: 22px;
}
.conttact_main .conttact_right .preform-form-main .ipt-radio#enterprise {
  margin-left: 36px;
}
.conttact_main .conttact_right .preform-form-main .ipt-radio .individual {
  margin-right: 36px;
}
.conttact_main .conttact_right .preform-form-main .ipt-field {
  width: calc(50% - 8px);
}
.conttact_main .conttact_right .preform-form-main .ipt-field:nth-child(4n) {
  width: 100%;
}
.conttact_main .conttact_right .preform-form-main .ipt-field.ipt-textarea {
  width: 100%;
}
.conttact_main .conttact_right .preform-form-main .ipt-field textarea,
.conttact_main .conttact_right .preform-form-main .ipt-field input {
  padding: 9px 14px;
  border: 1px solid rgba(210, 171, 128, 0.3);
  background: #fff;
  width: 100%;
  color: var(--black40, #aeafb0);
  font-size: 16px;
  line-height: 22px;
}
.conttact_main .conttact_right .preform-form-main .ipt-field textarea:focus-visible,
.conttact_main .conttact_right .preform-form-main .ipt-field input:focus-visible {
  outline: none;
}
.conttact_main .conttact_right .preform-form-main .ipt-field textarea {
  min-height: 110px;
  width: 100%;
}
.conttact_main .conttact_right .preform-form-main .submit-field button {
  padding: 12px 32px;
  border-radius: 6px;
  background: var(--ever-gr, #05472a);
  border: none;
}
.conttact_main .conttact_right .preform-form-main .submit-field button span {
  color: #fff;
  font-size: 18px;
  line-height: normal;
}

.slider-rotate {
  margin: 0 auto;
  padding-top: 82px;
}
@media screen and (max-width: 1199px) {
  .slider-rotate {
    padding: 32px 0;
  }
}

.slider-rotate__container {
  position: relative;
  visibility: hidden;
  margin: 0 auto;
  height: 600px;
}

.slider-rotate__item {
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  transform: translateY(-50%) translateX(-50%) scale(1);
  transition: all 0.3s ease;
  max-width: 380px;
  width: 100%;
}
@media screen and (max-width: 1679px) {
  .slider-rotate__item {
    display: none;
  }
}
@media screen and (max-width: 1199px) {
  .slider-rotate__item {
    max-width: 40%;
  }
}
@media screen and (max-width: 767px) {
  .slider-rotate__item {
    max-width: 50%;
  }
}

[class*=slider-rotate__item--] {
  display: block;
}

.slider-rotate__item.slider-rotate__item--next {
  left: 76%;
}
@media screen and (max-width: 1679px) {
  .slider-rotate__item.slider-rotate__item--next {
    left: 90%;
  }
}
@media screen and (max-width: 1199px) {
  .slider-rotate__item.slider-rotate__item--next {
    left: 100%;
  }
}
@media screen and (max-width: 767px) {
  .slider-rotate__item.slider-rotate__item--next {
    left: calc(100% + 110px);
  }
}
@media screen and (max-width: 575px) {
  .slider-rotate__item.slider-rotate__item--next {
    left: calc(100% + 70px);
  }
}

.slider-rotate__item.slider-rotate__item--prev {
  left: 24%;
}
@media screen and (max-width: 1679px) {
  .slider-rotate__item.slider-rotate__item--prev {
    left: 10%;
  }
}
@media screen and (max-width: 1199px) {
  .slider-rotate__item.slider-rotate__item--prev {
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  .slider-rotate__item.slider-rotate__item--prev {
    left: -110px;
  }
}
@media screen and (max-width: 575px) {
  .slider-rotate__item.slider-rotate__item--prev {
    left: -70px;
  }
}

.slider-rotate__item.slider-rotate__item--prev,
.slider-rotate__item.slider-rotate__item--next {
  opacity: 1;
  z-index: 2;
  filter: blur(0);
  padding: 10px;
}

.slider-rotate__item img {
  position: relative;
}
.slider-rotate__item .slider-inner-link {
  visibility: hidden;
  position: absolute;
  display: flex;
  width: 100%;
  justify-content: center;
  bottom: 85px;
}
.slider-rotate__item p {
  text-align: center;
  padding: 20px 0 0 0;
  margin: 0;
  font-size: 24px;
  letter-spacing: 0.128px;
}

.slider-rotate__arrow {
  cursor: pointer;
}

.slider-rotate__item.slider-rotate__item--next-2 {
  left: 100%;
}

.slider-rotate__item.slider-rotate__item--prev-2 {
  left: 0%;
}

.slider-rotate__item.slider-rotate__item--next-2,
.slider-rotate__item.slider-rotate__item--prev-2 {
  opacity: 1;
  z-index: 1;
  transform: translateY(-50%) translateX(-50%) scale(0.85);
  filter: blur(0);
}
@media screen and (min-width: 1680px) {
  .slider-rotate__item.slider-rotate__item--next-2,
  .slider-rotate__item.slider-rotate__item--prev-2 {
    transform: translateY(-50%) translateX(-50%) scale(1);
  }
}
.slider-rotate__item.slider-rotate__item--next-2 p,
.slider-rotate__item.slider-rotate__item--prev-2 p {
  visibility: hidden;
}

.slider-groups-btn {
  display: flex;
  align-items: center;
  flex-direction: column;
  max-width: 440px;
  margin: 91px auto 0 auto;
}
@media screen and (max-width: 1199px) {
  .slider-groups-btn {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .slider-groups-btn {
    max-width: 260px;
  }
}
.slider-groups-btn .progress-bar-container {
  height: 1px;
  width: 100%;
  background: rgba(41, 41, 41, 0.2);
}
.slider-groups-btn .progress-bar-container .progress-bar {
  height: 1px;
  background: #292929;
  transition: width 0.3s ease;
}

.slider-rotate__item.slider-rotate__item--active {
  z-index: 2;
  opacity: 1;
  z-index: 5;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%) scale(1);
  filter: blur(0);
  max-width: 490px;
}
@media screen and (max-width: 1199px) {
  .slider-rotate__item.slider-rotate__item--active {
    max-width: 55%;
  }
}
@media screen and (max-width: 767px) {
  .slider-rotate__item.slider-rotate__item--active {
    max-width: 100%;
    width: 75%;
  }
}
.slider-rotate__item.slider-rotate__item--active .slider-inner-link {
  visibility: visible;
}
.slider-rotate__item.slider-rotate__item--active.hotel__item .image {
  padding-bottom: 600px;
}
@media screen and (max-width: 1199px) {
  .slider-rotate__item.slider-rotate__item--active.hotel__item .image {
    padding-bottom: 100%;
  }
}
@media screen and (max-width: 575px) {
  .slider-rotate__item.slider-rotate__item--active.hotel__item .image {
    padding-bottom: 364px;
  }
}

.dot-item-none {
  display: none;
}

.form-search-tin {
  min-width: 305px;
}
@media screen and (max-width: 1199px) {
  .form-search-tin {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
  }
}
.form-search-tin .form-search-input {
  color: var(--grey, #292929);
  font-size: 16px;
  line-height: normal;
  padding: 16px 35px 16px 4px;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #292929;
  outline: 0;
  box-shadow: none;
  width: 100%;
}
.form-search-tin .form-search-input::-moz-placeholder {
  color: rgba(41, 41, 41, 0.5);
}
.form-search-tin .form-search-input::placeholder {
  color: rgba(41, 41, 41, 0.5);
}
@media screen and (min-width: 1200px) {
  .form-search-tin .form-search-input {
    font-size: 20px;
  }
}
.form-search-tin .form-search-btn {
  background: transparent;
  padding: 0;
  border: 0;
  position: absolute;
  top: 13px;
  right: 4px;
}

.search-result-blog {
  padding: 30px 0 10px;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .search-result-blog {
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: row;
  }
}
@media screen and (min-width: 1200px) {
  .search-result-blog {
    padding: 60px 0;
  }
}
.search-result-blog .form-search-tin {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .search-result-blog .form-search-tin {
    width: 46.511627907%;
  }
}
@media screen and (max-width: 767px) {
  .search-result-blog .cta-viewall {
    align-self: flex-end;
  }
}
.search-result-blog h2 {
  color: var(--grey, #292929);
  font-size: 24px;
  line-height: normal;
}
@media screen and (min-width: 1200px) {
  .search-result-blog h2 {
    font-size: 36px;
  }
}

.news-blog-section {
  padding: 80px 0 0;
}
@media (max-width: 767px) {
  .news-blog-section {
    padding: 32px 0 0;
  }
}
.news-blog-section .news_blog_link {
  gap: 60px;
  margin-bottom: 90px;
  position: relative;
}
@media (max-width: 1199px) {
  .news-blog-section .news_blog_link {
    margin-bottom: 60px;
    gap: 32px;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .news-blog-section .news_blog_link {
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .news-blog-section .news_blog_link .title-section {
    font-size: 32px;
  }
}
@media (max-width: 1439px) {
  .news-blog-section .news_blog_link .category__blog {
    gap: 32px;
  }
}
.news-blog-section .news_blog_link .category__blog .category__nav--item {
  color: var(--grey);
  font-size: 32px;
  line-height: normal;
  opacity: 0.5;
  width: -moz-fit-content;
  width: fit-content;
}
.news-blog-section .news_blog_link .category__blog .category__nav--item:hover, .news-blog-section .news_blog_link .category__blog .category__nav--item.active {
  opacity: 1;
}
.news-blog-section .news_blog_link .category__blog .category__nav--item.active {
  font-size: 45px;
}
@media screen and (min-width: 1680px) {
  .news-blog-section .news_blog_link .category__blog .category__nav--item.active {
    font-size: 60px;
  }
}
@media screen and (max-width: 991px) {
  .news-blog-section .news_blog_link .category__blog .category__nav--item.active {
    font-size: 26px;
  }
}
@media (max-width: 991px) {
  .news-blog-section .news_blog_link .category__blog .category__nav--item {
    font-size: 18px;
  }
}
.news-blog-section .news_blog_item {
  background: rgba(210, 171, 128, 0.1);
}
@media (max-width: 575px) {
  .news-blog-section .news_blog_item {
    background: #fff;
  }
}
@media (max-width: 991px) {
  .news-blog-section .news_blog_item_wrapper {
    flex-direction: column-reverse;
  }
}
.news-blog-section .news_blog_item .news__content_top {
  width: 50%;
  padding: 100px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 1680px) {
  .news-blog-section .news_blog_item .news__content_top {
    padding: 50px 30px;
  }
}
@media screen and (max-width: 1199px) {
  .news-blog-section .news_blog_item .news__content_top {
    padding: 30px;
  }
}
@media (max-width: 991px) {
  .news-blog-section .news_blog_item .news__content_top {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .news-blog-section .news_blog_item .news__content_top {
    padding: 24px 0;
  }
}
@media (min-width: 1200px) {
  .news-blog-section .news_blog_item .news__content_top .news__content {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 30px;
  }
}
@media screen and (max-width: 1199px) {
  .news-blog-section .news_blog_item .news__content_top .news__content .content_tag {
    margin-bottom: 12px;
  }
}
.news-blog-section .news_blog_item .news__content_top .news__content .content_tag a {
  color: var(--grey);
  font-size: 18px;
  line-height: normal;
}
.news-blog-section .news_blog_item .news__content_top .news__content .content_main .news__date {
  color: #848484;
  font-size: 14px;
  line-height: normal;
  display: block;
  margin-bottom: 24px;
}
.news-blog-section .news_blog_item .news__content_top .news__content .content_main .news__name {
  color: var(--grey);
  font-size: 36px;
  line-height: normal;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  margin-bottom: 24px;
}
.news-blog-section .news_blog_item .news__content_top .news__content .content_main .news__description {
  color: rgba(41, 41, 41, 0.8);
  font-size: 20px;
  line-height: normal;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  transition: 0.3s ease-in-out;
  margin: 0;
}
.news-blog-section .news_blog_item .news__content_top .news__content .content_main .news-cta {
  color: var(--grey);
  font-size: 20px;
  line-height: normal;
  margin-top: 32px;
  display: block;
  transition: 0.3s ease;
}
.news-blog-section .news_blog_item .news__content_top .news__content_bot {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-left: 130px;
}
@media (max-width: 1199px) {
  .news-blog-section .news_blog_item .news__content_top .news__content_bot {
    margin: 30px 0 0;
  }
}
@media (max-width: 575px) {
  .news-blog-section .news_blog_item .news__content_top .news__content_bot {
    display: none;
  }
}
.news-blog-section .news_blog_item .news__content_top .news__content_bot .bot_item {
  padding: 10px 30px;
  color: var(--grey);
  font-size: 20px;
  line-height: normal;
  border-left: 1px solid var(--Chai, #d2ab80);
}
@media (max-width: 1399px) {
  .news-blog-section .news_blog_item .news__content_top .news__content_bot .bot_item {
    padding: 10px 15px;
    font-size: 16px;
  }
}
.news-blog-section .news_blog_item .news__content_top .news__content_bot .bot_item .news__name {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.news-blog-section .news_blog_item .news__content_top .news__content_bot .bot_item .news__date {
  color: #848484;
  font-size: 14px;
  line-height: normal;
  margin-top: 21px;
  display: block;
}
.news-blog-section .news_blog_item .news_image {
  width: 50%;
  padding-bottom: 50%;
  position: relative;
}
@media (max-width: 991px) {
  .news-blog-section .news_blog_item .news_image {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .news-blog-section .news_blog_item .news_image {
    padding-bottom: 100%;
  }
}
.news-blog-section .news_blog_item .news_image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.blog-news-list {
  background: #fff;
}
.blog-news-list .pagination-asset {
  margin: 90px 0 0;
}
@media (max-width: 767px) {
  .blog-news-list .pagination-asset {
    margin: 32px 0 0;
  }
}
@media screen and (max-width: 1199px) {
  .blog-news-list .news__name {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .blog-news-list .news__list {
    scroll-snap-type: unset;
    grid-auto-columns: unset;
    grid-auto-flow: unset;
    margin-right: 0;
    gap: 32px;
  }
}

.scroll {
  width: 100vw;
  height: 100vh;
  /*   overflow: auto; */
}
.scroll .container {
  width: 300%;
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
}
.scroll .description.panel p {
  text-align: center;
}
.scroll .box {
  width: 120px;
  height: 120px;
  background-color: white;
  color: black;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.scroll .box.active {
  background-color: orange;
  border: 2px solid white;
}
.scroll .panel {
  min-height: 100vh;
}

.news-blog-detail-breadcrumb .breadcrumb .breadcrumb-item {
  color: var(--grey, #292929);
  font-size: 12px;
  line-height: normal;
  text-transform: uppercase;
  opacity: 0.6;
}
.news-blog-detail-breadcrumb .breadcrumb .breadcrumb-item a {
  color: var(--grey, #292929);
}
.news-blog-detail-breadcrumb .breadcrumb .breadcrumb-item.active {
  display: none;
}

.news-blog-detail {
  padding: 80px 0;
}
@media screen and (max-width: 1199px) {
  .news-blog-detail {
    padding: 32px 0;
  }
  .news-blog-detail .title-section {
    font-size: 26px;
  }
}
.news-blog-detail .detail_title {
  max-width: 65%;
  margin: 0 auto 90px;
}
@media screen and (max-width: 991px) {
  .news-blog-detail .detail_title {
    max-width: 100%;
    margin-bottom: 30px;
  }
}
.news-blog-detail .detail_title .detail_news_date {
  color: #848484;
  font-size: 16px;
  line-height: normal;
  margin-top: 30px;
}
.news-blog-detail .detail_title .detail_news_date span {
  position: relative;
  margin-right: 20px;
}
.news-blog-detail .detail_title .detail_news_date span:last-child {
  margin-right: 0;
}
.news-blog-detail .detail_title .detail_news_date span:last-child::after {
  display: none;
}
.news-blog-detail .detail_title .detail_news_date span::after {
  content: "";
  width: 2px;
  height: 2px;
  opacity: 0.5;
  background: var(--grey, #292929);
  position: absolute;
  top: 50%;
  right: -12px;
}
.news-blog-detail .news_detail_image {
  position: relative;
  overflow: hidden;
  display: block;
  text-align: center;
}
.news-blog-detail .news_detail_image img {
  inset: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-blog-detail .news_detail_content_body {
  display: flex;
  gap: 100px;
  margin-top: 90px;
  align-items: start;
  justify-content: space-between;
}
@media screen and (max-width: 1399px) {
  .news-blog-detail .news_detail_content_body {
    gap: 60px;
    margin-top: 50px;
  }
}
@media screen and (max-width: 1199px) {
  .news-blog-detail .news_detail_content_body {
    gap: 24px;
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .news-blog-detail .news_detail_content_body {
    flex-direction: column;
  }
  .news-blog-detail .news_detail_content_body .news_detail_heading,
  .news-blog-detail .news_detail_content_body .news_detail_main {
    width: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .news-blog-detail .news_detail_content_body .content_heading__wrapper {
    max-height: 70vh;
    overflow-y: auto;
    margin-right: -16px;
    padding-right: 16px;
  }
}
.news-blog-detail .news_detail_content_body .content_heading__wrapper::-webkit-scrollbar {
  width: 6px;
  border-radius: 10px;
}
.news-blog-detail .news_detail_content_body .content_heading__wrapper::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  border-radius: 10px;
}
.news-blog-detail .news_detail_content_body .news_detail_heading {
  padding-right: 60px;
  border-right: 1px solid var(--stroke, #eaeaea);
  position: sticky;
  top: 75px;
  width: 19.8837209302%;
  max-width: 342px;
}
@media screen and (max-width: 1439px) {
  .news-blog-detail .news_detail_content_body .news_detail_heading {
    width: 23%;
  }
}
@media screen and (max-width: 1399px) {
  .news-blog-detail .news_detail_content_body .news_detail_heading {
    padding-right: 40px;
  }
}
@media screen and (max-width: 1199px) {
  .news-blog-detail .news_detail_content_body .news_detail_heading {
    width: 30%;
    padding-right: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .news-blog-detail .news_detail_content_body .news_detail_heading {
    padding: 0;
    border: 0;
    position: static;
  }
}
.news-blog-detail .news_detail_content_body .news_detail_heading .title-heading {
  color: var(--grey, #292929);
  font-size: 22px;
  line-height: normal;
  margin-bottom: 32px;
}
@media screen and (max-width: 1199px) {
  .news-blog-detail .news_detail_content_body .news_detail_heading .title-heading {
    margin-bottom: 24px;
  }
}
.news-blog-detail .news_detail_content_body .news_detail_heading .table-of-content .toc_list {
  display: grid;
  gap: 18px;
}
.news-blog-detail .news_detail_content_body .news_detail_heading .content_heading ul.toc_list li a,
.news-blog-detail .news_detail_content_body .news_detail_heading .content_heading ol li a {
  color: var(--grey, #292929);
  display: flex;
  gap: 16px;
}
.news-blog-detail .news_detail_content_body .news_detail_heading .content_heading ul.toc_list li a .toc_depth_1,
.news-blog-detail .news_detail_content_body .news_detail_heading .content_heading ol li a .toc_depth_1 {
  color: var(--brown, #715d47);
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  border-right: 1px solid var(--brown, #715d47);
  padding-right: 10px;
}
.news-blog-detail .news_detail_content_body .news_detail_heading .content_heading ul.toc_list li ul,
.news-blog-detail .news_detail_content_body .news_detail_heading .content_heading ul.toc_list li ol,
.news-blog-detail .news_detail_content_body .news_detail_heading .content_heading ol li ul,
.news-blog-detail .news_detail_content_body .news_detail_heading .content_heading ol li ol {
  color: rgb(41, 41, 41);
  font-size: 16px;
  line-height: 22px;
  margin: 20px 0;
}
.news-blog-detail .news_detail_content_body .news_detail_heading .content_heading ul.toc_list li ul li,
.news-blog-detail .news_detail_content_body .news_detail_heading .content_heading ul.toc_list li ol li,
.news-blog-detail .news_detail_content_body .news_detail_heading .content_heading ol li ul li,
.news-blog-detail .news_detail_content_body .news_detail_heading .content_heading ol li ol li {
  padding: 8px 0;
  border-bottom: 1px dashed var(--stroke, #eaeaea);
}
.news-blog-detail .news_detail_content_body .news_detail_heading .content_heading ul.toc_list li ul a,
.news-blog-detail .news_detail_content_body .news_detail_heading .content_heading ul.toc_list li ol a,
.news-blog-detail .news_detail_content_body .news_detail_heading .content_heading ol li ul a,
.news-blog-detail .news_detail_content_body .news_detail_heading .content_heading ol li ol a {
  color: rgb(41, 41, 41);
  gap: 8px;
}
.news-blog-detail .news_detail_content_body .news_detail_heading .content_heading ul.toc_list li ul a .toc_depth_2,
.news-blog-detail .news_detail_content_body .news_detail_heading .content_heading ul.toc_list li ol a .toc_depth_2,
.news-blog-detail .news_detail_content_body .news_detail_heading .content_heading ol li ul a .toc_depth_2,
.news-blog-detail .news_detail_content_body .news_detail_heading .content_heading ol li ol a .toc_depth_2 {
  flex: 0 0 25px;
  max-width: 25px;
  color: var(--brown, #715d47);
  font-size: 16px;
}
.news-blog-detail .news_detail_content_body .news_detail_heading .content_heading > * {
  color: var(--grey, #292929);
  font-size: 18px;
  line-height: normal;
  padding: 0;
  margin: 0;
}
.news-blog-detail .news_detail_content_body .news_detail_heading .content_heading .item {
  margin-bottom: 16px;
}
.news-blog-detail .news_detail_content_body .news_detail_heading .content_heading .item .tilte {
  color: var(--grey, #292929);
  font-size: 18px;
  line-height: normal;
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: 16px;
  margin-bottom: 20px;
}
.news-blog-detail .news_detail_content_body .news_detail_heading .content_heading .item .tilte span {
  color: var(--brown, #715d47);
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  border-right: 1px solid var(--brown, #715d47);
}
.news-blog-detail .news_detail_content_body .news_detail_heading .content_heading .item ul {
  padding-left: 40px;
}
.news-blog-detail .news_detail_content_body .news_detail_heading .content_heading .item ul li {
  color: rgba(41, 41, 41, 0.5);
  font-size: 16px;
  line-height: 22px;
  padding: 8px 0;
  display: flex;
  gap: 10px;
}
.news-blog-detail .news_detail_content_body .news_detail_heading .content_heading .item ul li span {
  color: var(--brown, #715d47);
}
.news-blog-detail .news_detail_content_body .news_detail_heading .share-bt {
  margin-top: 32px;
  display: flex;
  gap: 16px;
  align-items: center;
}
.news-blog-detail .news_detail_content_body .news_detail_heading .share-bt span {
  color: var(--grey, #292929);
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
}
.news-blog-detail .news_detail_content_body .news_detail_main {
  width: 74.3023255814%;
  max-width: 1278px;
}
@media screen and (max-width: 1199px) {
  .news-blog-detail .news_detail_content_body .news_detail_main {
    width: 70%;
  }
}
.news-blog-detail .news_detail_content_body .news_detail_main .detail_main_content {
  color: var(--grey, #292929);
  text-align: justify;
  font-size: 18px;
  line-height: 1.6666666667;
}
.news-blog-detail .news_detail_content_body .news_detail_main .detail_main_content .sapo {
  margin-bottom: 62px;
}
.news-blog-detail .news_detail_content_body .news_detail_main .detail_main_content h2 {
  color: var(--grey, #292929);
  font-size: 36px;
  line-height: normal;
}
.news-blog-detail .news_detail_content_body .news_detail_main .detail_main_content h3 {
  color: var(--grey, #292929);
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
}
.news-blog-detail .news_detail_content_body .news_detail_main .detail_main_content em {
  opacity: 0.5;
  text-align: center;
  display: block;
  margin-top: 16px;
}
.news-blog-detail .news_detail_content_body .news_detail_main .detail_main_content p img {
  height: 100% !important;
  width: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 1s cubic-bezier(0.15, 0.75, 0.5, 1) 0s;
}
@media screen and (max-width: 767px) {
  .news-blog-detail .news_detail_content_body .news_detail_main .post-post_content img {
    width: auto;
    height: auto;
  }
}
.news-blog-detail b,
.news-blog-detail strong {
  font-weight: bold !important;
}
.news-blog-detail ul {
  list-style-type: disc;
  list-style-position: inside;
}
.news-blog-detail ol {
  list-style-type: decimal;
  list-style-position: inside;
}
.news-blog-detail a > span {
  color: inherit !important;
}

.product-exclusively {
  padding: 20px 30px;
  background: #fbf7f3;
  margin: 90px 0;
}
.product-exclusively .title-section {
  margin-bottom: 48px;
  color: var(--grey, #292929);
  font-size: 36px;
  line-height: 70px;
  /* 194.444% */
}
.product-exclusively .product-component-image .percent {
  background: #715d47;
  color: var(--white, #fff);
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  padding: 8px 16px;
  position: absolute;
  left: 0;
  top: 0;
}
.product-exclusively .product-component-image .icon-add-like {
  width: 42px;
  height: 42px;
  position: absolute;
  right: 0;
  top: 0;
}
.product-exclusively .product-component-image .icon-add-like img {
  width: auto;
  height: auto;
  transform: unset;
}
.product-exclusively .product-component-msp {
  color: var(--grey, #292929);
  font-size: 16px;
  line-height: normal;
  opacity: 0.5;
}
.product-exclusively .product-component-trademark {
  color: rgba(41, 41, 41, 0.5);
  font-size: 16px;
  line-height: normal;
}
.product-exclusively .product-component-trademark img {
  max-width: 64px;
}
.product-exclusively .product-component .total-rate {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
}
.product-exclusively .product-component .total-rate .rating-asset-total {
  font-size: 14px;
  color: rgba(41, 41, 41, 0.5);
}
.product-exclusively [class*=swiper-button] {
  width: 36px;
  height: 48px;
  margin: 0;
  top: 37%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 0;
}
.product-exclusively [class*=swiper-button]::after {
  font-size: 20px;
  color: #292929;
  font-weight: 400;
}
.product-exclusively [class*=swiper-button].swiper-button-prev {
  left: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.product-exclusively [class*=swiper-button].swiper-button-next {
  right: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.section-emagzine-info {
  position: absolute;
  top: 0;
  z-index: 2;
  top: 46px;
  width: 100%;
  color: #000;
}
@media screen and (max-width: 991px) {
  .section-emagzine-info {
    top: 36px;
    text-align: center;
  }
}
.section-emagzine-info .container-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}
@media screen and (max-width: 991px) {
  .section-emagzine-info .container-wrapper {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .section-emagzine-info .container-wrapper {
    max-width: 310px;
    margin: 0 auto;
  }
}
.section-emagzine-info .title-section {
  max-width: 680px;
  font-size: 60px;
  line-height: normal;
  max-width: 34.4%;
}
@media screen and (max-width: 1199px) {
  .section-emagzine-info .title-section {
    font-size: 40px;
    max-width: 40%;
  }
}
@media screen and (max-width: 991px) {
  .section-emagzine-info .title-section {
    font-size: 28px;
    max-width: 100%;
  }
}
.section-emagzine-info .news__data {
  text-align: right;
  font-size: 20px;
  font-style: italic;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 25px;
  flex-shrink: 0;
  margin-top: 28px;
}
@media screen and (max-width: 1199px) {
  .section-emagzine-info .news__data {
    font-size: 16px;
    gap: 8px;
    margin-top: 10px;
  }
}

.section-collection-classic {
  position: relative;
  gap: 0;
  overflow: hidden;
}
.section-collection-classic .swiper-slide {
  height: auto;
}
.section-collection-classic .item {
  position: relative;
  padding-bottom: 100vh;
  overflow: hidden;
}
.section-collection-classic .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  inset: 0;
  transition: all 1s cubic-bezier(0.15, 0.75, 0.5, 1) 0s;
}

.gallery_title_header {
  padding: 140px 0 130px;
}
.gallery_title_header .title {
  color: #000;
  font-size: 72px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 0;
  max-width: 87%;
  margin: auto;
}
@media screen and (max-width: 1679px) {
  .gallery_title_header {
    padding: 100px 0;
  }
  .gallery_title_header .title {
    font-size: 60px;
  }
}
@media screen and (max-width: 1199px) {
  .gallery_title_header {
    font-size: 32px;
    padding: 60px 0;
  }
  .gallery_title_header .title {
    font-size: 42px;
  }
}
@media screen and (max-width: 991px) {
  .gallery_title_header {
    padding: 54px 0;
  }
  .gallery_title_header .title {
    font-size: 28px;
    text-align: justify;
    padding: 0 10px;
    max-width: 100%;
  }
}

.block-img-gallery .img-gallery {
  position: relative;
  overflow: hidden;
  display: block;
  max-height: 1067px;
  height: calc(100vh - 73px);
}
@media screen and (max-width: 1199px) {
  .block-img-gallery .img-gallery {
    height: auto;
  }
}
.block-img-gallery .img-gallery img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 1s cubic-bezier(0.15, 0.75, 0.5, 1) 0s;
}

.product-combinations {
  padding: 114px 0 60px;
}
@media (max-width: 1399px) {
  .product-combinations {
    padding: 80px 0 60px;
  }
}
@media screen and (max-width: 1199px) {
  .product-combinations {
    padding: 60px 0;
  }
}
@media screen and (max-width: 991px) {
  .product-combinations {
    padding: 45px 0 30px;
  }
}
.product-combinations-header {
  margin-bottom: 80px;
}
@media screen and (max-width: 1199px) {
  .product-combinations-header {
    margin-bottom: 30px;
  }
}
.product-combinations-header .title-section {
  font-size: 72px;
  text-align: center;
  max-width: 85%;
  margin: 0 auto;
}
@media screen and (max-width: 1679px) {
  .product-combinations-header .title-section {
    font-size: 60px;
  }
}
@media screen and (max-width: 1199px) {
  .product-combinations-header .title-section {
    font-size: 42px;
  }
}
@media screen and (max-width: 991px) {
  .product-combinations-header .title-section {
    font-size: 28px;
  }
}
.product-combinations-main {
  overflow: hidden;
  position: relative;
}
.product-combinations-main .horizontal-sliders {
  display: flex;
  flex-wrap: no-wrap;
  width: 500%;
  overflow-x: hidden;
}
.product-combinations-main .scrlloer-section {
  overflow-x: hidden;
  position: relative;
  overflow: hidden;
}
.product-combinations-main .image {
  height: 491px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1199px) {
  .product-combinations-main .image {
    height: 350px;
  }
}
@media screen and (max-width: 767px) {
  .product-combinations-main .image {
    height: 151px;
  }
}
.product-combinations-main .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.product-combinations-desc {
  margin: 60px auto 0;
  max-width: 850px;
}
.product-combinations-desc .content {
  margin-bottom: 40px;
  text-align: justify;
}
.product-combinations-desc .content:last-child {
  margin-bottom: 0;
}
.product-combinations-desc .content .tilte {
  color: #000;
  text-align: justify;
  font-size: 24px;
  font-weight: 400;
  line-height: 41px;
}
.product-combinations-desc .content .des {
  color: #000;
  font-size: 20px;
  line-height: 41px;
  margin: 0;
}

.emaginze-description {
  max-width: 850px;
  margin: 0 auto;
  color: #000;
  font-size: 20px;
  line-height: 2.05;
}
.emaginze-description h3 {
  font-size: 24px;
  line-height: 1.7083333333;
  font-weight: 400;
}
@media screen and (max-width: 991px) {
  .emaginze-description {
    font-size: 18px;
    line-height: 32px;
  }
  .emaginze-description h3 {
    font-size: 20px;
    line-height: 32px;
  }
}

.background-main {
  background: rgba(210, 171, 128, 0.1);
  transition: 0.3s ease-in-out;
}

.product-outstanding {
  padding-bottom: 195px;
}
@media (max-width: 1399px) {
  .product-outstanding {
    padding-bottom: 100px;
  }
}
.product-outstanding [class*=swiper-button] {
  width: 36px;
  height: 48px;
  margin: 0;
  top: 37%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 0;
}
.product-outstanding [class*=swiper-button]::after {
  font-size: 20px;
  color: #292929;
  font-weight: 400;
}
.product-outstanding [class*=swiper-button].swiper-button-prev {
  left: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.product-outstanding [class*=swiper-button].swiper-button-next {
  right: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.page-news-blog-gallery > h1,
.page-news-blog-gallery > h2,
.page-news-blog-gallery > h3,
.page-news-blog-gallery > h4,
.page-news-blog-gallery > h5,
.page-news-blog-gallery > h6,
.page-news-blog-gallery > p {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
  color: #000;
  padding-left: 16px;
  padding-right: 16px;
}
.page-news-blog-gallery > h1,
.page-news-blog-gallery > h2,
.page-news-blog-gallery > h3,
.page-news-blog-gallery > h4,
.page-news-blog-gallery > h5,
.page-news-blog-gallery > h6 {
  color: #000;
  text-align: justify;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.7083333333;
}
@media screen and (max-width: 1199px) {
  .page-news-blog-gallery > h1,
  .page-news-blog-gallery > h2,
  .page-news-blog-gallery > h3,
  .page-news-blog-gallery > h4,
  .page-news-blog-gallery > h5,
  .page-news-blog-gallery > h6 {
    font-size: 20px;
  }
}
.page-news-blog-gallery > p {
  font-size: 20px;
  line-height: 2.05;
}
@media screen and (max-width: 1199px) {
  .page-news-blog-gallery > p {
    font-size: 16px;
  }
}
.page-news-blog-gallery .product-exclusively {
  background: transparent;
  position: relative;
  margin: 85px 0 0;
  padding-top: 68px;
  padding-bottom: 195px;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
}
.page-news-blog-gallery .product-exclusively::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  height: 1px;
  width: 100%;
  background: #000;
}
@media screen and (max-width: 1679px) {
  .page-news-blog-gallery .product-exclusively {
    padding-bottom: 68px;
  }
}
@media screen and (max-width: 1199px) {
  .page-news-blog-gallery .product-exclusively {
    padding-top: 54px;
    margin-top: 54px;
  }
}
@media screen and (max-width: 991px) {
  .page-news-blog-gallery .product-exclusively {
    margin-top: 0;
    padding-bottom: 16px;
  }
  .page-news-blog-gallery .product-exclusively::after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .page-news-blog-gallery .product-exclusively {
    padding-right: 0;
  }
}
.page-news-blog-gallery .product-exclusively-swiper {
  margin: 0 auto;
  overflow: hidden;
}
.page-news-blog-gallery .product-exclusively-swiper [class*=swiper-button] {
  display: none;
}
@media screen and (max-width: 767px) {
  .page-news-blog-gallery .product-exclusively-swiper {
    max-width: 100%;
  }
}
.page-news-blog-gallery .product-exclusively .title-section {
  color: #000;
  text-align: center;
  font-size: 72px;
  line-height: normal;
  margin-bottom: 80px;
}
@media screen and (max-width: 1399px) {
  .page-news-blog-gallery .product-exclusively .title-section {
    font-size: 42px;
  }
}
@media screen and (max-width: 991px) {
  .page-news-blog-gallery .product-exclusively .title-section {
    font-size: 28px;
    margin-bottom: 30px;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .page-news-blog-gallery .product-exclusively .title-section {
    padding-right: 16px;
  }
}
.page-news-blog-gallery .news-section {
  padding: 80px 0;
}
@media screen and (max-width: 767px) {
  .page-news-blog-gallery .news-section {
    padding: 38px 0;
  }
  .page-news-blog-gallery .news-section .title-section {
    text-align: left !important;
    font-size: 28px;
    margin-bottom: 24px !important;
  }
}

.offcanvas-find-store .position {
  grid-template-columns: 177px 1fr 1fr;
  gap: 1rem;
  display: grid;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .offcanvas-find-store .position {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
  }
  .offcanvas-find-store .position .position-near {
    flex-basis: 100%;
  }
  .offcanvas-find-store .position .position-near a {
    color: var(--grey, #292929);
  }
  .offcanvas-find-store .position .position-city,
  .offcanvas-find-store .position .position-district {
    flex-basis: calc(50% - 4px);
  }
}
.offcanvas-find-store .position-near {
  background: rgba(210, 171, 128, 0.1);
  display: flex;
  padding: 10px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: var(--grey);
  font-size: 16px;
  line-height: 22px;
}
.offcanvas-find-store .position-near a {
  color: var(--grey);
}
.offcanvas-find-store .position .form-select {
  border: 1px solid rgba(41, 41, 41, 0.2);
  border-radius: 0;
  font-size: 16px;
  line-height: 22px;
  outline: 0;
  padding: 10px 28px 10px 14px;
  box-shadow: none;
  color: #aeafb0;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.offcanvas-find-store .offcanvas-body {
  padding-right: 1rem;
}
@media screen and (max-width: 767px) {
  .offcanvas-find-store .offcanvas-body {
    padding-right: 7px;
  }
}
.offcanvas-find-store .showroom ul {
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}
.offcanvas-find-store .showroom ul li {
  display: flex;
  gap: 8px;
}
.offcanvas-find-store .showroom ul li:first-child img {
  margin-top: 2px;
}
.offcanvas-find-store .showroom .icon {
  height: 18px;
  width: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.offcanvas-find-store .showroom__item {
  padding: 16px 0;
  border-bottom: 1px solid var(--stroke, #eaeaea);
  display: flex;
  gap: 48px;
  align-items: center;
}
.offcanvas-find-store .showroom__item .wrap {
  display: flex;
  align-items: center;
  gap: 48px;
}
@media screen and (max-width: 1679px) {
  .offcanvas-find-store .showroom__item .wrap {
    gap: 30px;
  }
}
@media screen and (max-width: 1199px) {
  .offcanvas-find-store .showroom__item .wrap {
    gap: 24px;
  }
}
@media screen and (max-width: 991px) {
  .offcanvas-find-store .showroom__item .wrap {
    gap: 16px;
  }
}
@media screen and (max-width: 767px) {
  .offcanvas-find-store .showroom__item .wrap {
    gap: 8px;
  }
}
@media screen and (max-width: 991px) {
  .offcanvas-find-store .showroom__item {
    gap: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .offcanvas-find-store .showroom__item {
    flex-wrap: wrap;
    gap: 8px;
  }
}
.offcanvas-find-store .showroom__left {
  color: #666;
  font-size: 16px;
  line-height: 22px;
}
@media screen and (max-width: 767px) {
  .offcanvas-find-store .showroom__left {
    flex-basis: calc(100% - 80px);
  }
}
.offcanvas-find-store .showroom__name {
  color: var(--grey);
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .offcanvas-find-store .showroom__name {
    flex-basis: 100%;
  }
}
.offcanvas-find-store .showroom__phone {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
}
@media screen and (max-width: 767px) {
  .offcanvas-find-store .showroom__phone {
    gap: 4px;
  }
}
.offcanvas-find-store .showroom__phone img {
  margin-top: -2px;
}
.offcanvas-find-store .showroom__phone > div div,
.offcanvas-find-store .showroom__phone > a div {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #666;
}
.offcanvas-find-store .showroom__map {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #999;
  font-size: 13px;
  line-height: 24px;
  /* 184.615% */
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .offcanvas-find-store .showroom__map {
    align-self: flex-start;
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .offcanvas-find-store {
    z-index: 9999;
  }
}

.offcanvas-add-to-cart {
  z-index: 9999;
}
.offcanvas-add-to-cart .offcanvas-title {
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
}
@media screen and (max-width: 767px) {
  .offcanvas-add-to-cart .offcanvas-header {
    padding-bottom: 0;
    border: 0;
  }
  .offcanvas-add-to-cart .offcanvas-title svg {
    width: 20px;
    height: 20px;
  }
}
.offcanvas-add-to-cart .product-added-cart {
  margin-bottom: 60px;
}
@media screen and (max-width: 1199px) {
  .offcanvas-add-to-cart .product-added-cart {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 767px) {
  .offcanvas-add-to-cart .product-added-cart {
    margin-bottom: 24px;
  }
}
.offcanvas-add-to-cart .product-added-cart .show-cart {
  border-radius: 6px;
  border: 1px solid var(--ever-gr, #05472a);
  padding: 8px 12px;
  display: inline-flex;
  flex-shrink: 0;
  color: var(--green);
  font-size: 16px;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .offcanvas-add-to-cart .product-added-cart .show-cart {
    margin-left: 92px;
  }
}
.offcanvas-add-to-cart .product-added-cart .product__item {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media screen and (max-width: 767px) {
  .offcanvas-add-to-cart .product-added-cart .product__item {
    gap: 12px;
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
.offcanvas-add-to-cart .product-added-cart .product__image {
  width: 110px;
  height: 110px;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .offcanvas-add-to-cart .product-added-cart .product__image {
    width: 80px;
    height: 80px;
  }
}
.offcanvas-add-to-cart .product-added-cart .product__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.offcanvas-add-to-cart .product-added-cart .product__content {
  color: var(--grey);
  font-size: 16px;
  line-height: normal;
  flex: 1;
}
.offcanvas-add-to-cart .product-added-cart .product__content .data {
  display: grid;
  gap: 8px;
}
.offcanvas-add-to-cart .product-added-cart .product__name {
  color: var(--grey);
  font-size: 18px;
  line-height: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.offcanvas-add-to-cart .product-added-cart .product-sku {
  color: var(--grey-5);
}
@media screen and (max-width: 767px) {
  .offcanvas-add-to-cart .product-added-cart .product-sku {
    font-size: 14px;
  }
}
.offcanvas-add-to-cart .product-added-cart .product__price {
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .offcanvas-add-to-cart .product-added-cart .product__price {
    font-size: 16px;
  }
}
.offcanvas-add-to-cart .product__purchased {
  border-top: 1px solid rgba(41, 41, 41, 0.3);
}
.offcanvas-add-to-cart .product__purchased h3 {
  font-size: 22px;
  line-height: normal;
  margin: 30px 0;
}
@media screen and (max-width: 767px) {
  .offcanvas-add-to-cart .product__purchased h3 {
    font-size: 18px;
    margin: 24px 0 28px;
  }
}
.offcanvas-add-to-cart .product__purchased .product__item:not(:last-child) {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--stroke, #eaeaea);
}
@media screen and (max-width: 767px) {
  .offcanvas-add-to-cart .product__purchased .product__item:not(:last-child) {
    margin-bottom: 16px;
    padding-bottom: 16px;
  }
}
@media screen and (max-width: 767px) {
  .offcanvas-add-to-cart .offcanvas-header {
    margin-bottom: 26px;
  }
}

@media screen and (max-width: 1199px) {
  .modal-add-cart-all-product .modal-dialog {
    max-width: 900px;
  }
}
@media screen and (max-width: 991px) {
  .modal-add-cart-all-product .modal-dialog {
    max-width: 700px;
  }
}
.modal-add-cart-all-product .checkmark {
  width: 20px;
  height: 20px;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
  position: relative;
}
.modal-add-cart-all-product .checkmark::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 7px;
  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  display: none;
}
.modal-add-cart-all-product .checkbox-choose-all {
  cursor: pointer;
}
.modal-add-cart-all-product .checkbox-choose-all input {
  display: none;
}
.modal-add-cart-all-product .checkbox-choose-all input:checked ~ .checkmark {
  background: #715d47;
  border: 1px solid #715d47;
}
.modal-add-cart-all-product .checkbox-choose-all input:checked ~ .checkmark::before {
  display: block;
}
.modal-add-cart-all-product .modal-body {
  padding-right: 1rem;
}
@media screen and (max-width: 767px) {
  .modal-add-cart-all-product .modal-body {
    max-height: 62vh;
    overflow-y: auto;
    padding-right: 0;
  }
}
.modal-add-cart-all-product .modal-footer {
  margin: 50px -60px -30px -60px;
  padding: 30px 60px;
  justify-content: flex-start;
  align-items: center;
  gap: 40px;
  border-radius: 0px 0px 12px 12px;
  border-top: 1px solid #e1e1e1;
  background: #fff;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 1199px) {
  .modal-add-cart-all-product .modal-footer {
    margin: 50px -30px -30px -30px;
    padding: 30px;
  }
}
@media screen and (max-width: 767px) {
  .modal-add-cart-all-product .modal-footer {
    margin: 33px -16px -16px -16px;
    padding: 16px;
    gap: 16px;
    flex-wrap: wrap;
    border-radius: 0;
  }
}
.modal-add-cart-all-product .modal-footer > * {
  margin: 0;
}
.modal-add-cart-all-product .modal-footer .total-price {
  color: var(--green);
  font-size: 28px;
  font-weight: 400;
  line-height: normal;
}
.modal-add-cart-all-product .modal-footer .total-price .dong {
  font-size: 22px;
}
@media screen and (max-width: 767px) {
  .modal-add-cart-all-product .modal-footer .total-price {
    font-size: 22px;
  }
  .modal-add-cart-all-product .modal-footer .total-price .dong {
    font-size: 18px;
  }
}
.modal-add-cart-all-product .modal-footer .cta-add-all {
  border-radius: 6px;
  background: var(--ever-gr, #05472a);
  height: 48px;
  padding: 14px 24px;
  color: var(--white, #fff);
  font-size: 18px;
  line-height: normal;
  flex: 1;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .modal-add-cart-all-product .modal-footer .cta-add-all {
    font-size: 16px;
    height: 42px;
    flex: auto;
    padding: 12px;
  }
}
.modal-add-cart-all-product .product__inner {
  display: flex;
  gap: 16px;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .modal-add-cart-all-product .product__inner {
    gap: 16px;
  }
}
.modal-add-cart-all-product .product__item:not(:last-child) {
  border-bottom: 1px solid rgba(41, 41, 41, 0.2);
  padding-bottom: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .modal-add-cart-all-product .product__item:not(:last-child) {
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
}
.modal-add-cart-all-product .product__image {
  width: 110px;
  height: 110px;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .modal-add-cart-all-product .product__image {
    width: 80px;
    height: 80px;
  }
}
.modal-add-cart-all-product .product__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.modal-add-cart-all-product .product__content {
  flex: 1;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.modal-add-cart-all-product .product__data {
  display: grid;
  gap: 8px;
  flex: 1;
  justify-items: start;
}
.modal-add-cart-all-product .product__name {
  color: var(--grey);
  font-size: 20px;
  line-height: normal;
}
@media screen and (max-width: 991px) {
  .modal-add-cart-all-product .product__name {
    font-size: 18px;
  }
}
.modal-add-cart-all-product .product__sku {
  color: var(--grey-5);
  font-size: 16px;
  line-height: normal;
}
.modal-add-cart-all-product .product__cta {
  color: var(--grey);
  font-size: 15px;
  line-height: normal;
  text-decoration-line: underline;
  gap: 4px;
}
@media screen and (max-width: 767px) {
  .modal-add-cart-all-product .product__cta {
    font-size: 14px;
  }
}
.modal-add-cart-all-product .product__cta:not(svg) {
  text-decoration: underline;
}
.modal-add-cart-all-product .product__checkbox {
  flex-shrink: 0;
}
.modal-add-cart-all-product .product__checkbox input {
  display: none;
}
.modal-add-cart-all-product .product__checkbox input:checked ~ .checkmark {
  background: var(--ever-gr, #715d47);
  border: 1px solid #715d47;
}
.modal-add-cart-all-product .product__checkbox input:checked ~ .checkmark::before {
  display: block;
}
.modal-add-cart-all-product .selections {
  padding: 0;
  margin: 0;
  border: none;
}
.feature-row-wrapper {
  display: grid;
  gap: 24px;
}
.feature-row-wrapper .text-content-title {
  font-size: 22px;
}
@media screen and (min-width: 1200px) {
  .feature-row-wrapper {
    gap: 40px;
  }
}
.feature-row-wrapper .feature-row {
  display: grid;
  gap: 16px;
}
@media screen and (min-width: 768px) {
  .feature-row-wrapper .feature-row {
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
}
@media screen and (min-width: 1200px) {
  .feature-row-wrapper .feature-row {
    gap: 40px;
  }
}
.feature-row-wrapper .feature-row .feature-row__item--overlap-images {
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  min-height: 220px;
}
.feature-row-wrapper .feature-row .feature-row__item--overlap-images .image-wrap {
  border-radius: 8px;
  position: relative;
}
.feature-row-wrapper .feature-row .feature-row__item--overlap-images .image-wrap img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.feature-row-wrapper .feature-row .feature-row__item--overlap-images .image-wrap iframe {
  border-radius: 8px;
  width: 100% !important;
  height: 100% !important;
}

@media screen and (max-width: 767px) {
  .ltr .text_content__item {
    order: 2;
  }
  .ltr .feature-row__item--overlap-images {
    order: 1;
  }
}

@media screen and (max-width: 1199px) {
  .product-detail-page .wrapper-container-assets {
    padding: 32px 0;
  }
}
@media screen and (max-width: 767px) {
  .product-detail-page .wrapper-container-assets {
    padding: 0;
  }
  .product-detail-page .style-look-section .btn-add-cart-all {
    background: #fff;
    font-size: 16px;
    border: 1px solid var(--green);
    color: var(--green);
    margin-top: 1rem;
  }
  .product-detail-page .happniess__navigation {
    display: none;
  }
}

.product-details {
  display: grid;
  grid-template-columns: 1fr 46.511627907%;
  gap: 86px;
  padding-bottom: 80px;
}
@media screen and (max-width: 1399px) {
  .product-details {
    padding-bottom: 50px;
    gap: 40px;
  }
}
@media screen and (max-width: 1199px) {
  .product-details {
    grid-template-columns: 50% calc(50% - 24px);
    gap: 24px;
    padding-bottom: 32px;
    max-width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .product-details {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .product-details {
    gap: 12px;
  }
  .product-details .quantity-container {
    position: relative;
    border: 0;
    width: 100%;
    justify-content: space-between;
    margin: 24px 0;
  }
  .product-details .quantity-container::before {
    content: "Số lượng:";
    color: var(--grey);
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin-right: 30px;
    flex: 1;
  }
  .product-details .quantity-container .quantity-input {
    border-top: 1px solid var(--stroke, #eaeaea);
    border-bottom: 1px solid var(--stroke, #eaeaea);
    max-width: 77px;
    border-radius: 0;
  }
  .product-details .quantity-container .quantity-btn-minus,
  .product-details .quantity-container .quantity-btn-plus {
    width: 77px;
    border: 1px solid var(--stroke, #eaeaea);
    flex-shrink: 0;
    border-radius: 0;
  }
}
.product-details .product-image-soldout .slides-main .badge-out-of-stock {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--white, #fff);
  font-size: 20px;
  line-height: normal;
  width: 120px;
  height: 120px;
  background: #292929;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  border-radius: 50%;
}
.product-details .form-advise-product {
  font-size: 16px;
  line-height: 22px;
}
.product-details .form-advise-product .form-group label {
  color: var(--black80, #575756);
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 12px;
}
.product-details .form-advise-product .form-group label sup {
  color: var(--red, #f00);
}
.product-details .form-advise-product .form-control {
  border: 1px solid rgba(41, 41, 41, 0.2);
  border-radius: 0;
  padding: 10px 14px;
}
.product-details .form-advise-product .form-control::-moz-placeholder {
  color: var(--black40, #aeafb0);
}
.product-details .form-advise-product .form-control::placeholder {
  color: var(--black40, #aeafb0);
}
.product-details .product-information {
  align-self: flex-start;
}
@media screen and (min-width: 992px) {
  .product-details .product-information {
    position: sticky;
    top: 80px;
  }
}
.product-details .product-information .btn-advise-product {
  min-height: 48px;
  border-radius: 6px;
  background: #05472a;
  color: #fff;
}
.product-details .product-information .name {
  font-size: 36px;
  line-height: 1.3333333333;
  text-align: left;
  margin-bottom: 15px;
}
@media screen and (max-width: 1399px) {
  .product-details .product-information .name {
    font-size: 28px;
  }
}
@media screen and (max-width: 1199px) {
  .product-details .product-information .name {
    font-size: 22px;
    line-height: normal;
    margin-bottom: 11px;
  }
}
@media screen and (max-width: 767px) {
  .product-details .product-information .name {
    margin-bottom: 0;
  }
}
.product-details .product-information .tag-box {
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: left;
  color: rgba(41, 41, 41, 0.5);
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .product-details .product-information .tag-box {
    padding-bottom: 0;
  }
}
.product-details .product-information .tag-box > div {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
}
.product-details .product-information .tag-box > div:not(:last-child) {
  padding-right: 12px;
  margin-right: 12px;
}
.product-details .product-information .tag-box > div:not(:last-child)::after {
  content: "";
  width: 1px;
  height: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  background: #c4c4c4;
}
.product-details .product-information .tag-box .brand img {
  width: 68px;
  height: 30px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
@media screen and (max-width: 767px) {
  .product-details .product-information .tag-box .brand {
    display: none;
  }
}
.product-details .product-information .price-box {
  padding: 30px 0;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}
@media screen and (max-width: 1199px) {
  .product-details .product-information .price-box {
    padding: 20px 0;
  }
}
@media screen and (max-width: 767px) {
  .product-details .product-information .price-box {
    border: 0;
    display: flex;
    flex-direction: column-reverse;
    gap: 12px;
  }
}
.product-details .product-information .price-box .price-old {
  color: #949494;
}
@media screen and (max-width: 1199px) {
  .product-details .product-information .price-box .price-old del {
    font-size: 14px;
  }
}
.product-details .product-information .price-box-wrapper {
  margin-top: 12px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .product-details .product-information .price-box-wrapper {
    margin: 0;
  }
}
.product-details .product-information .price-box-wrapper .price-sale {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.product-details .product-information .price-box-wrapper .price-sale .money {
  color: var(--green);
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 1199px) {
  .product-details .product-information .price-box-wrapper .price-sale .money {
    font-size: 22px;
  }
}
.product-details .product-information .price-box-wrapper .price-sale .money .dong {
  color: var(--green);
  font-size: 18px;
  line-height: normal;
}
@media screen and (max-width: 1199px) {
  .product-details .product-information .price-box-wrapper .price-sale .money .dong {
    font-size: 16px;
  }
}
.product-details .product-information .price-box-wrapper .price-sale .percent {
  background: #715d47;
  display: flex;
  padding: 4px 8px;
  align-items: center;
  justify-content: center;
  color: var(--white, #fff);
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}
.product-details .product-information .price-box-wrapper .tra-gop {
  margin-left: 24px;
  padding-left: 24px;
  color: var(--grey-6);
  font-size: 16px;
  line-height: 22px;
  border-left: 1px solid var(--seashell, #f1f1f1);
}
.product-details .product-information .parameter-box {
  padding: 30px 0 36px;
  display: grid;
  gap: 24px;
}
@media screen and (max-width: 1199px) {
  .product-details .product-information .parameter-box {
    padding: 20px 0;
    gap: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .product-details .product-information .parameter-box {
    display: flex;
    flex-direction: column;
    margin-top: 0;
    padding-top: 0;
  }
}
.product-details .product-information .parameter-box .parameter {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 12px;
}
@media screen and (max-width: 1199px) {
  .product-details .product-information .parameter-box .parameter {
    grid-template-columns: unset;
  }
}
@media screen and (max-width: 767px) {
  .product-details .product-information .parameter-box .parameter {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
  }
}
.product-details .product-information .parameter-box .parameter--color .parameter__item .color {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 12px;
  z-index: 2;
  border: 1px solid var(--stroke, #eaeaea);
}
.product-details .product-information .parameter-box .parameter--color .parameter__item .txt {
  padding-left: 46px;
}
.product-details .product-information .parameter-box .parameter__title {
  color: var(--grey);
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  padding: 12px 0;
}
@media screen and (max-width: 1199px) {
  .product-details .product-information .parameter-box .parameter__title {
    padding: 0 0;
  }
}
.product-details .product-information .parameter-box .parameter__list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 10px;
}
.product-details .product-information .parameter-box .parameter__item {
  position: relative;
  display: block;
}
.product-details .product-information .parameter-box .parameter__item input {
  display: none;
}
.product-details .product-information .parameter-box .parameter__item input:checked ~ .txt {
  border: 1px solid #89c35c;
  color: var(--grey);
}
.product-details .product-information .parameter-box .parameter__item input:checked ~ .txt::after {
  display: block;
}
.product-details .product-information .parameter-box .parameter__item .txt {
  color: var(--grey-6);
  font-size: 16px;
  line-height: normal;
  border-radius: 4px;
  border: 1px solid var(--stroke, #eaeaea);
  background: #fff;
  padding: 12px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  display: block;
}
@media screen and (max-width: 1199px) {
  .product-details .product-information .parameter-box .parameter__item .txt {
    font-size: 14px;
  }
}
.product-details .product-information .parameter-box .parameter__item .txt::after {
  content: "";
  position: absolute;
  bottom: -1px;
  right: 0;
  background: url("../images/check-mark-active.png") no-repeat;
  height: 15px;
  width: 16px;
  display: none;
}
.product-details .product-information .actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.product-details .product-information .sold-out {
  color: var(--warning, #f53b00);
  font-size: 20px;
  font-style: italic;
  line-height: normal;
  margin: 30px 0;
}
.product-details .product-information .btn-groups {
  flex-shrink: 0;
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr 1fr;
  flex: 1;
}
@media screen and (max-width: 991px) {
  .product-details .product-information .btn-groups {
    order: 3;
  }
}
@media screen and (max-width: 767px) {
  .product-details .product-information .btn-groups {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9;
    left: 0;
    transform: translateY(100%);
    transition: 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    gap: 0;
  }
  .product-details .product-information .btn-groups.fixed {
    transform: unset;
    display: block;
    opacity: 1;
    visibility: visible;
  }
}
.product-details .product-information .btn-groups [class*=btn-]:not(.btn-close) {
  font-size: 18px;
  line-height: normal;
  border-radius: 6px;
  display: flex;
  padding: 14px 24px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  max-height: 48px;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details .product-information .btn-groups [class*=btn-]:not(.btn-close) {
    padding: 12px;
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  .product-details .product-information .btn-groups [class*=btn-]:not(.btn-close) {
    border-radius: 0;
    flex-direction: column;
    gap: 0;
  }
}
.product-details .product-information .btn-groups .btn-add-cart {
  background: var(--mist, #cbd3b0);
  color: var(--green);
}
@media screen and (max-width: 767px) {
  .product-details .product-information .btn-groups .btn-add-cart {
    min-height: 64px;
  }
}
.product-details .product-information .btn-groups .btn-buy {
  background: #05472a;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .product-details .product-information .btn-groups .btn-buy {
    min-height: 64px;
  }
  .product-details .product-information .btn-groups .btn-buy svg {
    display: none;
  }
}
.product-details .product-information .btn-add-like {
  height: 48px;
  width: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--stroke, #eaeaea);
}
@media screen and (max-width: 991px) {
  .product-details .product-information .btn-add-like {
    order: 2;
  }
}
.product-details .product-information .btn-find-store {
  display: flex;
  height: 48px;
  padding: 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  background: #fbf7f3;
  color: #715d47;
  font-size: 16px;
  line-height: normal;
  margin-bottom: 50px;
}
@media screen and (max-width: 1199px) {
  .product-details .product-information .btn-find-store {
    height: 46px;
    margin-bottom: 32px;
  }
}
.product-details .product-information .product-desc .product-short-desc {
  border-radius: 4px;
  border: 1px solid #edeaea;
  padding: 8px 16px;
  color: #7f7f7f;
}
@media screen and (min-width: 768px) {
  .product-details .product-information .product-desc .product-short-desc {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
}
@media screen and (min-width: 1200px) {
  .product-details .product-information .product-desc .product-short-desc {
    gap: 20px;
  }
}
.product-details .slides {
  max-width: 830px;
}
.product-details .slides-wrapper {
  display: flex;
  gap: 14px;
  align-self: flex-start;
}
@media screen and (max-width: 1199px) {
  .product-details .slides-wrapper {
    max-width: 100%;
    width: 100%;
    flex-direction: column-reverse;
  }
}
.product-details .slides-main {
  flex: 1;
}
.product-details .slides-main .swiper-slide .image {
  position: relative;
  padding-bottom: 100%;
  height: 100%;
}
.product-details .slides-main .swiper-slide .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1023px) {
  .product-details .slides-main {
    margin: 0 -16px;
  }
}
.product-details .slides-thumbs {
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .product-details .slides-thumbs.show-linear::after {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .product-details .slides-thumbs {
    display: none;
  }
}
.product-details .slides-thumbs .swiper-slide {
  opacity: 0.5;
  border: 1px solid transparent;
  cursor: pointer;
  position: relative;
  height: 96px;
  width: 96px;
}
.product-details .slides-thumbs .swiper-slide:last-child {
  margin-right: 0;
}
.product-details .slides-thumbs .swiper-slide:last-child::before {
  display: none;
}
.product-details .slides-thumbs .swiper-slide-thumb-active {
  opacity: 1;
  border: 1px solid var(--ever-gr, #05472a);
}
.product-details .slides-thumbs .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 1200px) {
  .product-details .slides-thumbs .swiper-slide.swiper-slide-visible:not(.swiper-slide-fully-visible)::before {
    content: "";
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 42%, #fff 76.5%);
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
  }
}
.product-details .slides .swiper-button-nav {
  display: flex;
  gap: 10px;
  margin-top: 12px;
  justify-content: center;
}
@media screen and (min-width: 1200px) {
  .product-details .slides .swiper-button-nav {
    justify-content: flex-end;
  }
}
.product-details .slides .swiper-button-nav [class*=swiper-button] {
  height: 36px;
  width: 36px;
  position: static;
  transform: unset;
  margin: 0;
  z-index: 2;
  outline: 0;
}
@media screen and (max-width: 1199px) {
  .product-details .slides .swiper-button-nav [class*=swiper-button].swiper-button-next {
    right: 10px;
  }
  .product-details .slides .swiper-button-nav [class*=swiper-button].swiper-button-prev {
    left: 10px;
  }
}
.product-details .slides .swiper-button-nav [class*=swiper-button]::after {
  display: none;
}
.product-details .slides .swiper-buttons-group .swiper-pagination {
  display: none;
}
@media screen and (max-width: 1023px) {
  .product-details .slides .swiper-buttons-group .swiper-pagination {
    display: block;
  }
}
@media screen and (max-width: 1679px) {
  .product-details .slides .swiper-buttons-group {
    position: absolute;
    bottom: 10px;
    right: 10px;
  }
  .product-details .slides .swiper-buttons-group [class*=swiper-button] {
    position: static;
    transform: unset;
    margin: 0;
    outline: 0;
    z-index: 2;
    border-radius: 50%;
    background: #fff;
  }
  .product-details .slides .swiper-buttons-group [class*=swiper-button] svg rect {
    stroke: #fff;
  }
  .product-details .slides .swiper-buttons-group [class*=swiper-button]::after {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .product-details .slides .swiper-buttons-group {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 12px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    gap: 4px;
    z-index: 2;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 85px;
  }
  .product-details .slides .swiper-buttons-group [class*=swiper-button] {
    height: unset;
    width: unset;
    position: static;
    transform: unset;
    margin: 0;
    width: 100%;
    border-radius: 0;
    background: transparent;
  }
  .product-details .slides .swiper-buttons-group [class*=swiper-button] svg {
    display: none;
  }
  .product-details .slides .swiper-buttons-group [class*=swiper-button]::after {
    display: inline-block;
    color: #999;
    font-size: 12px;
    text-align: center;
    font-weight: 600;
    line-height: normal;
    outline: 0;
  }
  .product-details .slides .swiper-buttons-group .swiper-pagination {
    width: -moz-fit-content;
    width: fit-content;
    position: static;
    transform: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #999;
    text-align: center;
    font-size: 14px;
    line-height: normal;
  }
}
@media screen and (max-width: 1023px) and (min-width: 1024px) {
  .product-details .slides .swiper-buttons-group .swiper-pagination {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .product-details .slides .swiper-buttons-group .swiper-pagination .line {
    transform: translateY(-1px);
    color: #eaeaea;
  }
}
.product-details .viewmore h1 * > strong,
.product-details .viewmore h1 * * > strong,
.product-details .viewmore h2 * > strong,
.product-details .viewmore h2 * * > strong,
.product-details .viewmore h3 * > strong,
.product-details .viewmore h3 * * > strong,
.product-details .viewmore h4 * > strong,
.product-details .viewmore h4 * * > strong,
.product-details .viewmore h5 * > strong,
.product-details .viewmore h5 * * > strong,
.product-details .viewmore h6 * > strong,
.product-details .viewmore h6 * > strong {
  font-weight: normal !important;
}
.product-details .viewmore h1,
.product-details .viewmore h1 * {
  font-size: 24px !important;
}
.product-details .viewmore h2,
.product-details .viewmore h2 * {
  font-size: 22px !important;
}
.product-details .viewmore h3,
.product-details .viewmore h3 * {
  font-size: 20px !important;
}
.product-details .viewmore h4,
.product-details .viewmore h4 * {
  font-size: 18px !important;
}
.product-details .viewmore h5,
.product-details .viewmore h5 * {
  font-size: 16px !important;
}
.product-details .viewmore h6,
.product-details .viewmore h6 * {
  font-size: 14px !important;
}
.product-details .viewmore * {
  font-family: var(--fontFamily-primary) !important;
}
.product-details .viewmore *:not(.viewmore-btn,
.wrapper-information-product,
.wrapper-information-product h1,
.wrapper-information-product h2,
.wrapper-information-product h3,
.wrapper-information-product h4,
.wrapper-information-product h5,
.wrapper-information-product h6,
h1,
h1 *,
h2,
h2 *,
h3,
h3 *,
h4,
h4 *,
h5,
h5 *,
h6,
h6 *) {
  font-family: "Inter", sans-serif !important;
  font-style: normal !important;
}
.product-details .viewmore .wrapper-information-product img {
  max-width: 100%;
  height: auto;
  width: auto;
}
.product-details .viewmore-btn {
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 20px;
  line-height: 22px;
  padding: 20px 0;
  border-bottom: 1px solid var(--stroke, #eaeaea);
  border: none;
  width: 100%;
  cursor: pointer;
  outline: 0;
  text-align: left;
  color: var(--grey);
}
@media screen and (max-width: 1199px) {
  .product-details .viewmore-btn {
    font-size: 18px;
    line-height: 22px;
    padding: 16px 0;
  }
}
.product-details .viewmore-btn:first-of-type {
  border-top: 1px solid var(--stroke, #eaeaea);
}
.product-details .viewmore-btn .icon {
  flex-shrink: 0;
}
.product-details .viewmore-modal-product-detail:last-child .viewmore-btn {
  border-bottom: 1px solid var(--stroke, #eaeaea);
}

#modalProductInformation .wrapper img {
  width: auto;
  height: auto;
}

.modal-product-information .scrollbar-style-asset, .modal-product-information .modal-product-review, .modal-product-information .style-look-section .product__list .wrapper, .style-look-section .product__list .modal-product-information .wrapper, .modal-product-information .modal-present-addtocart .offcanvas-add-to-cart, .modal-present-addtocart .modal-product-information .offcanvas-add-to-cart, .modal-product-information .modal-present .modal-present-list, .modal-present .modal-product-information .modal-present-list, .modal-product-information .promotional_products .promotional_content .products_right, .promotional_products .promotional_content .modal-product-information .products_right, .modal-product-information .modal-product-evaluate .review, .modal-product-evaluate .modal-product-information .review, .modal-product-information .header__cta-search .suggestion-box, .header__cta-search .modal-product-information .suggestion-box, .modal-product-information .offcanvas-body {
  max-height: 680px;
  overflow-x: hidden;
}
@media screen and (max-width: 1679px) {
  .modal-product-information .scrollbar-style-asset, .modal-product-information .modal-product-review, .modal-product-information .style-look-section .product__list .wrapper, .style-look-section .product__list .modal-product-information .wrapper, .modal-product-information .modal-present-addtocart .offcanvas-add-to-cart, .modal-present-addtocart .modal-product-information .offcanvas-add-to-cart, .modal-product-information .modal-present .modal-present-list, .modal-present .modal-product-information .modal-present-list, .modal-product-information .promotional_products .promotional_content .products_right, .promotional_products .promotional_content .modal-product-information .products_right, .modal-product-information .modal-product-evaluate .review, .modal-product-evaluate .modal-product-information .review, .modal-product-information .header__cta-search .suggestion-box, .header__cta-search .modal-product-information .suggestion-box, .modal-product-information .offcanvas-body {
    max-height: 550px;
  }
}
@media screen and (max-width: 767px) {
  .modal-product-information .scrollbar-style-asset, .modal-product-information .modal-product-review, .modal-product-information .style-look-section .product__list .wrapper, .style-look-section .product__list .modal-product-information .wrapper, .modal-product-information .modal-present-addtocart .offcanvas-add-to-cart, .modal-present-addtocart .modal-product-information .offcanvas-add-to-cart, .modal-product-information .modal-present .modal-present-list, .modal-present .modal-product-information .modal-present-list, .modal-product-information .promotional_products .promotional_content .products_right, .promotional_products .promotional_content .modal-product-information .products_right, .modal-product-information .modal-product-evaluate .review, .modal-product-evaluate .modal-product-information .review, .modal-product-information .header__cta-search .suggestion-box, .header__cta-search .modal-product-information .suggestion-box, .modal-product-information .offcanvas-body {
    max-height: -moz-fit-content;
    max-height: fit-content;
    overflow: unset;
  }
}
.modal-product-information .params {
  display: grid;
  gap: 24px;
  margin-bottom: 30px;
}
.modal-product-information .params .item {
  display: grid;
  grid-template-columns: 85px 1fr;
  gap: 30px;
}
.modal-product-information .params .item-title {
  color: var(--grey-6);
}
.modal-product-information .params-2 h5 {
  font-size: 22px;
  line-height: normal;
  padding: 8px 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--stroke, #eaeaea);
  display: flex;
  align-items: center;
  gap: 16px;
}
.modal-product-information .params-2 h5 img {
  flex-shrink: 0;
}

.modal-product-shipping .nav {
  margin: 0;
  border: 0;
  padding-left: 0;
}
.modal-product-shipping .nav-item {
  border-radius: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}
.modal-product-shipping .nav-item:not(:last-child) {
  padding-right: 30px;
  margin-right: 30px;
  border-right: 1px solid #eaeaea;
}
@media screen and (max-width: 767px) {
  .modal-product-shipping .nav-item:not(:last-child) {
    padding-right: 6px;
    margin-right: 6px;
  }
}
.modal-product-shipping .nav-item.active .nav-link {
  opacity: 1;
}
.modal-product-shipping .nav-link {
  color: var(--grey-5);
  padding: 0;
  margin: 0;
  border-radius: 0;
  border: 0;
  color: rgba(41, 41, 41, 0.5);
  font-size: 22px;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .modal-product-shipping .nav-link {
    font-size: 15px;
  }
}
.modal-product-shipping .nav-link.active {
  opacity: 1;
}
.modal-product-shipping .tab-pane .item {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 30px;
}
.modal-product-shipping .tab-pane .item:not(:last-child) {
  border-bottom: 1px solid var(--stroke, #eaeaea);
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.modal-product-shipping .tab-pane .item-number {
  border-radius: 50%;
  border: 1px solid #d2ab80;
  color: var(--brown, #715d47);
  flex-shrink: 0;
  height: 42px;
  width: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-product-shipping .tab-pane .item-content h4 {
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
  /* 110% */
  margin-bottom: 12px;
}

.modal-product-evaluate .box-evaluate {
  border-radius: 12px;
  background: rgba(203, 211, 176, 0.2);
  padding: 10px 20px;
  gap: 32px;
  align-items: center;
  display: grid;
  grid-template-columns: 124px 1fr;
  min-height: 120px;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .modal-product-evaluate .box-evaluate {
    padding: 10px 20px;
    gap: 8px;
    display: flex;
    flex-direction: column;
  }
}
.modal-product-evaluate .box-evaluate .rating-asset {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.modal-product-evaluate .box-evaluate .rating-asset-total {
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
}
.modal-product-evaluate .box-evaluate .rating-asset-star {
  background-image: url(../images/rate-none-2.svg);
  background-size: contain;
  width: 124px;
  height: 25px;
}
.modal-product-evaluate .box-evaluate .rating-asset-star .rated {
  background-image: url(../images/rate-ok-2.svg);
  background-size: cover;
  height: 25px;
}
.modal-product-evaluate .box-evaluate .box-rate-content .item {
  padding: 5px 0;
  display: grid;
  align-items: center;
  grid-template-columns: 200px 1fr;
  gap: 8px;
}
@media screen and (max-width: 767px) {
  .modal-product-evaluate .box-evaluate .box-rate-content .item {
    grid-template-columns: 100px 1fr;
  }
}
.modal-product-evaluate .box-evaluate .box-rate-content .txt {
  color: var(--grey);
  font-size: 18px;
  line-height: 24px;
  align-self: center;
}
@media screen and (max-width: 767px) {
  .modal-product-evaluate .box-evaluate .box-rate-content .txt {
    font-size: 16px;
    line-height: 20px;
  }
}
.modal-product-evaluate .box-evaluate .box-rate-content .list {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.modal-product-evaluate .box-evaluate .box-rate-content .list span {
  display: inline-flex;
  align-items: center;
  padding: 11px 16px;
  border-radius: 30px;
  background: var(--Chai, #d2ab80);
  color: var(--white, #fff);
}
@media screen and (max-width: 767px) {
  .modal-product-evaluate .box-evaluate .box-rate-content .list span {
    font-size: 16px;
    padding: 9px 16px;
  }
}
.modal-product-evaluate .review {
  font-size: 16px;
  line-height: 22px;
  max-height: 600px;
}
@media screen and (max-width: 767px) {
  .modal-product-evaluate .review {
    max-height: 100%;
    overflow: unset;
  }
}
.modal-product-evaluate .review__item {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 16px;
}
@media screen and (max-width: 767px) {
  .modal-product-evaluate .review__item {
    gap: 8px;
  }
}
.modal-product-evaluate .review__item:not(:last-child) {
  border-bottom: 1px solid var(--stroke, #eaeaea);
  padding-bottom: 32px;
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .modal-product-evaluate .review__item:not(:last-child) {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
}
.modal-product-evaluate .review__avatar {
  width: 42px;
  height: 42px;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .modal-product-evaluate .review__avatar {
    width: 36px;
    height: 36px;
  }
}
.modal-product-evaluate .review__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.modal-product-evaluate .review__content .name {
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 8px;
}
.modal-product-evaluate .review__content .total-rate {
  margin-bottom: 8px;
}
.modal-product-evaluate .review__content .total-rate .rating-asset-star {
  background-image: url(../images/rate-none-ok-3.svg);
  height: 20px;
  width: 104px;
}
.modal-product-evaluate .review__content .total-rate .rating-asset-star .rated {
  height: 20px;
  background-image: url(../images/rate-ok-3.svg);
}
.modal-product-evaluate .review__empoint {
  color: rgba(41, 41, 41, 0.6);
  font-size: 14px;
  line-height: normal;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 767px) {
  .modal-product-evaluate .review__empoint {
    flex-direction: column;
    align-items: flex-start;
  }
  .modal-product-evaluate .review__empoint span {
    display: none;
  }
}
.modal-product-evaluate .review__empoint span {
  transform: translateY(-1px);
}
.modal-product-evaluate .review__quality {
  margin-bottom: 8px;
}
.modal-product-evaluate .review__quality span {
  color: var(--grey-5);
}
.modal-product-evaluate .review__image {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.modal-product-evaluate .review__image .item {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  display: block;
  width: 98px;
  height: 98px;
}
.modal-product-evaluate .review__image .item > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.modal-product-evaluate .review__image .item .time {
  border-radius: 0px 0px 6px 6px;
  background: rgba(0, 0, 0, 0.4);
  padding: 6px 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  color: var(--white, #fff);
  font-size: 14px;
  line-height: normal;
  width: 100%;
}
.modal-product-evaluate .review__useful {
  display: inline-block;
  font-size: 14px;
  line-height: normal;
  color: var(--grey-6);
}
.modal-product-evaluate .review__useful.active svg path {
  fill: #715d47;
  fill-opacity: 1;
}
.modal-product-evaluate li {
  list-style: none;
}
.btn-disabled {
  background: #eaeaea;
  color: #949494;
  cursor: not-allowed;
  border: 1px solid currentColor;
  pointer-events: none;
}

.btn-modal-attribute-product-mb {
  color: var(--grey-6);
  font-size: 16px;
  line-height: 22px;
  text-decoration-line: underline;
  background: transparent;
  border: 0;
}

#modalAttributeProductMobile .btn-close {
  background: transparent;
  height: 24px;
  width: 24px;
}
#modalAttributeProductMobile .modal-body {
  font-size: 14px;
  line-height: 1.4285714286;
}

.btn-fixed-mobile-product-detail .offcanvas-body {
  padding-right: 16px;
}

#modalProductAdvise .btn-close {
  background: transparent;
}
#modalProductAdvise .btn-advise-form {
  margin-top: 32px;
  border-radius: 6px;
  background: var(--ever-gr, #05472a);
  padding-top: 11px;
  padding-bottom: 11px;
  color: #fff;
}
#modalProductAdvise .modal-content {
  padding-bottom: 44px;
}

.happniess-product-detail-section {
  padding: 120px 0 240px;
}
.happniess-product-detail-section .happniess__item {
  align-items: center;
}
.happniess-product-detail-section .happniess__title {
  padding: 0;
  align-self: center;
}
.happniess-product-detail-section .happniess__image {
  padding-bottom: calc(100% + 181px);
}

.promotional_all {
  border-top: 1px solid var(--grey, #292929);
  border-bottom: 1px solid var(--grey, #292929);
  margin-bottom: 60px;
}

.promotional_products {
  padding: 30px 0px;
}
.promotional_products .title_pro {
  color: #000;
  font-size: 22px;
  line-height: normal;
}
.promotional_products .promotional_content {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 991px) {
  .promotional_products .promotional_content {
    gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .promotional_products .promotional_content {
    flex-direction: column;
  }
}
.promotional_products .promotional_content .product__item .product__image {
  display: block;
  position: relative;
  padding-bottom: 100%;
}
.promotional_products .promotional_content .product__item .product__image.product__image_before {
  position: relative;
}
.promotional_products .promotional_content .product__item .product__image.product__image_before::before {
  content: "";
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.promotional_products .promotional_content .product__item .product__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: absolute;
  top: 0;
  left: 0;
}
.promotional_products .promotional_content .product__item .product__image .number {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  z-index: 1;
}
.promotional_products .promotional_content .product__item .product__content {
  margin-top: 12px;
}
.promotional_products .promotional_content .product__item .product__content .product__name {
  color: var(--grey, #292929);
  font-size: 18px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.promotional_products .promotional_content .product__item .product__content .product__sku {
  color: var(--grey-5, #292929);
  font-size: 14px;
  line-height: normal;
}
.promotional_products .promotional_content .product__item .product__content .present {
  border-radius: 30px;
  border: 1px solid var(--green, #89c35c);
  background: rgba(137, 195, 92, 0.1);
  padding: 2px 6px;
  color: var(--ever-gr, #05472a);
  font-size: 14px;
  line-height: 16px;
}
.promotional_products .promotional_content .products_left {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 991px) {
  .promotional_products .promotional_content .products_left {
    gap: 10px;
  }
}
.promotional_products .promotional_content .products_left .product__item {
  width: 210px;
}
@media screen and (max-width: 991px) {
  .promotional_products .promotional_content .products_left .product__item {
    width: 150px;
  }
}
.promotional_products .promotional_content .products_right {
  display: flex;
  gap: 30px;
  overflow-y: hidden;
}
@media screen and (max-width: 1680px) {
  .promotional_products .promotional_content .products_right {
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 991px) {
  .promotional_products .promotional_content .products_right {
    max-width: 100%;
    gap: 10px;
  }
}
.promotional_products .promotional_content .products_right .product__item {
  min-width: 210px;
  width: 210px;
}
@media screen and (max-width: 1680px) {
  .promotional_products .promotional_content .products_right .product__item {
    min-width: 200px;
    width: 200px;
  }
}
@media screen and (max-width: 991px) {
  .promotional_products .promotional_content .products_right .product__item {
    min-width: 150px;
    width: 150px;
  }
}
.promotional_products .promotional_content .products_right::-webkit-scrollbar {
  width: 100%;
  height: 3px;
  border-radius: 30px;
}
.promotional_products .promotional_content .plus {
  position: relative;
  width: 36px;
}
@media screen and (max-width: 767px) {
  .promotional_products .promotional_content .plus {
    height: 36px;
  }
}
.promotional_products .promotional_content .plus img {
  position: absolute;
  top: 40%;
  left: 30%;
}

.present_title {
  color: #000;
  font-size: 36px;
  line-height: normal;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .present_title {
    font-size: 22px;
    margin-bottom: 20px;
  }
}

.section-present {
  padding: 60px 0 144px;
  position: relative;
}

.present-menu-sticky {
  background: #fff;
  box-shadow: 0px -4px 20px 0px rgba(0, 0, 0, 0.06);
  padding: 20px 0px;
  transition: 0.2s ease-in-out;
  height: 88px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .present-menu-sticky {
    padding: 10px 0px;
    height: auto;
  }
}
.present-menu-sticky.scrollable-sticky {
  position: fixed;
  bottom: 0;
  width: 100%;
}
.present-menu-sticky .wrapper {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .present-menu-sticky .wrapper {
    justify-content: center;
  }
}
@media screen and (max-width: 400px) {
  .present-menu-sticky .wrapper {
    flex-direction: column;
    gap: 8px;
  }
}
@media screen and (max-width: 767px) {
  .present-menu-sticky .wrapper .content_left {
    flex-direction: column;
    gap: 0 !important;
    align-items: flex-start !important;
    justify-content: center;
  }
}
.present-menu-sticky .wrapper .text {
  color: var(--grey, #292929);
  font-size: 24px;
  font-style: italic;
  line-height: 24px;
}
@media screen and (max-width: 991px) {
  .present-menu-sticky .wrapper .text {
    font-size: 18px;
    max-width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .present-menu-sticky .wrapper .text {
    font-size: 16px;
    line-height: 16px;
  }
}
@media screen and (max-width: 480px) {
  .present-menu-sticky .wrapper .text {
    font-size: 13px;
  }
}
@media screen and (max-width: 400px) {
  .present-menu-sticky .wrapper .text {
    max-width: 100%;
  }
}
.present-menu-sticky .wrapper .text span {
  color: var(--ever-gr, #05472a);
  font-size: 24px;
  font-style: italic;
  line-height: 24px;
}
@media screen and (max-width: 991px) {
  .present-menu-sticky .wrapper .text span {
    font-size: 18px;
  }
}
@media screen and (max-width: 480px) {
  .present-menu-sticky .wrapper .text span {
    font-size: 14px;
  }
}
@media screen and (max-width: 400px) {
  .present-menu-sticky .wrapper .btn_right {
    width: 100%;
    text-align: center;
  }
}
.present-menu-sticky .wrapper .go-to-cart,
.present-menu-sticky .wrapper .see-gifts {
  padding: 14px 32px;
  border-radius: 6px;
  background: var(--mist, #cbd3b0);
  color: var(--ever-gr, #05472a);
  font-size: 18px;
  line-height: normal;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .present-menu-sticky .wrapper .go-to-cart,
  .present-menu-sticky .wrapper .see-gifts {
    font-size: 15px;
    padding: 10px 20px;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  .present-menu-sticky .wrapper .go-to-cart,
  .present-menu-sticky .wrapper .see-gifts {
    font-size: 14px;
    padding: 10px 8px;
  }
}
@media screen and (max-width: 400px) {
  .present-menu-sticky .wrapper .go-to-cart,
  .present-menu-sticky .wrapper .see-gifts {
    width: calc(50% - 8px);
  }
}
.present-menu-sticky .wrapper .go-to-cart {
  margin-left: 16px;
  background: #05472a;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .present-menu-sticky .wrapper .go-to-cart {
    margin-left: 8px;
  }
}
.present-menu-sticky .wrapper .total-price span {
  color: #000;
  font-size: 20px;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .present-menu-sticky .wrapper .total-price span {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .present-menu-sticky .wrapper .total-price span {
    font-size: 14px;
  }
}
.present-menu-sticky .wrapper .total-price .price {
  color: var(--ever-gr, #05472a);
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .present-menu-sticky .wrapper .total-price .price {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .present-menu-sticky .wrapper .total-price .price {
    font-size: 15px;
  }
}
.present-menu-sticky .wrapper .total-price .price .dong {
  color: var(--ever-gr, #05472a);
  font-size: 18px;
  line-height: normal;
  text-decoration-line: underline;
}
@media screen and (max-width: 767px) {
  .present-menu-sticky .wrapper .total-price .price .dong {
    font-size: 14px;
  }
}
.present-menu-sticky .wrapper .desc {
  color: var(--grey, #292929);
  font-size: 18px;
  font-style: italic;
  line-height: 24px;
}
@media screen and (max-width: 767px) {
  .present-menu-sticky .wrapper .desc {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .present-menu-sticky .wrapper .desc {
    font-size: 14px;
  }
}

.modal-present-buy .custom-radio-checkbox-asset {
  margin-top: 50px;
}
.modal-present-buy .modal-footer {
  border-top: 1px solid var(--stroke, #eaeaea);
  margin: 0;
  box-shadow: none;
  padding: 16px 0;
}
.modal-present-buy .modal-footer .btn_completed {
  padding: 14px 32px;
  border-radius: 6px;
  background: var(--mist, #05472a);
  color: #fff;
  font-size: 18px;
  line-height: normal;
}

.modal-present .modal-text {
  color: var(--grey, #292929);
  font-size: 16px;
  font-style: italic;
  line-height: 24px;
  margin-bottom: 30px;
}
.modal-present .modal-text span {
  color: var(--ever-gr, #05472a);
  font-size: 16px;
  font-style: italic;
  line-height: 24px;
}
.modal-present .modal-present-list {
  max-height: 420px;
  padding-right: 24px;
}
@media screen and (max-width: 991px) {
  .modal-present .modal-present-list {
    max-height: 520px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .modal-present .modal-present-list {
    max-height: 360px;
  }
}
.modal-present .product-present {
  display: flex;
  gap: 30px;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.modal-present .product-present:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.modal-present .product-present .product__image {
  height: 110px;
  width: 110px;
  flex-shrink: 0;
}
.modal-present .product-present .product__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.modal-present .product-present .product__content .product__name {
  color: var(--grey, #292929);
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.modal-present .product-present .product__content .product__name .present {
  color: var(--ever-gr, #05472a);
  font-size: 14px;
  line-height: 16px;
  border-radius: 30px;
  border: 1px solid var(--green, #89c35c);
  background: rgba(137, 195, 92, 0.1);
  padding: 2px 6px;
}
.modal-present .product-present .product__content .product__price .price {
  font-size: 14px;
  line-height: normal;
  text-decoration: line-through;
}
.modal-present .product-present .product__content .product__price .price-sale {
  color: var(--ever-gr, #05472a);
}

.modal-present-addtocart .offcanvas-add-to-cart {
  max-height: 300px;
  padding-right: 24px;
}
@media screen and (max-width: 991px) {
  .modal-present-addtocart .offcanvas-add-to-cart {
    max-height: 520px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .modal-present-addtocart .offcanvas-add-to-cart {
    max-height: 360px;
  }
}
.modal-present-addtocart .offcanvas-add-to-cart .product-added-cart {
  margin-bottom: 20px;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 20px;
}
.modal-present-addtocart .offcanvas-add-to-cart .product-added-cart:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.promotional_combo .title_combo {
  color: #000;
  font-size: 22px;
  line-height: normal;
}
@media screen and (max-width: 991.99px) {
  .promotional_combo .title_combo {
    font-size: 20px;
  }
}
.promotional_combo .title_combo .sub_combo {
  color: var(--brown, #715d47);
  font-size: 14px;
  font-style: italic;
  line-height: normal;
}
@media screen and (max-width: 991.99px) {
  .promotional_combo .title_combo .sub_combo {
    font-size: 12px;
  }
}
.promotional_combo .promotional_content .products_left {
  overflow-y: hidden;
  padding-bottom: 10px;
}
.promotional_combo .promotional_content .products_left::-webkit-scrollbar {
  width: 100%;
  height: 3px;
  border-radius: 30px;
}
.promotional_combo .promotional_content .products_left .product__item {
  min-width: 220px;
}
@media screen and (max-width: 1680.99px) {
  .promotional_combo .promotional_content .products_left .product__item {
    min-width: 210px;
  }
}
@media screen and (max-width: 991.99px) {
  .promotional_combo .promotional_content .products_left .product__item {
    min-width: 180px;
  }
}

@media screen and (max-width: 1399.99px) {
  .together_products .promotional_content {
    gap: 10px;
  }
}
@media screen and (max-width: 991.99px) {
  .together_products .promotional_content {
    flex-direction: column;
    align-items: flex-start;
  }
}
.together_products .promotional_content .products_left {
  display: block;
}
.together_products .promotional_content .products_left .product__item {
  width: 250px;
}
@media screen and (max-width: 575.99px) {
  .together_products .promotional_content .products_left .product__item {
    width: 182px;
  }
}
@media screen and (max-width: 991.99px) {
  .together_products .promotional_content .plus {
    height: 36px;
  }
}
.together_products .promotional_content .prd_promotion {
  position: relative;
  width: calc(100% - 600px);
}
@media screen and (max-width: 1199.99px) {
  .together_products .promotional_content .prd_promotion {
    width: calc(100% - 558px);
  }
}
@media screen and (max-width: 991.99px) {
  .together_products .promotional_content .prd_promotion {
    width: 100%;
  }
}
.together_products .promotional_content .prd_promotion [class*=swiper-button] {
  width: 36px;
  height: 48px;
  margin: 0;
  top: 37%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 0;
}
.together_products .promotional_content .prd_promotion [class*=swiper-button]::after {
  font-size: 20px;
  color: #292929;
  font-weight: 400;
}
.together_products .promotional_content .prd_promotion [class*=swiper-button].swiper-button-prev {
  left: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.together_products .promotional_content .prd_promotion [class*=swiper-button].swiper-button-next {
  right: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.together_products .promotional_content .prd_promotion [class*=swiper-button].swiper-button-lock {
  display: none;
}
@media screen and (max-width: 767px) {
  .together_products .promotional_content .prd_promotion [class*=swiper-button] {
    display: none;
  }
}
.together_products .promotional_content .product__item {
  width: auto;
  padding-bottom: 10px;
}
.together_products .promotional_content .product__item .product__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.together_products .promotional_content .product__item .product__content .product__type {
  flex-basis: 32.6666666667%;
  width: 100%;
  flex-shrink: 0;
  padding: 6px 0px;
}
@media screen and (max-width: 991px) {
  .together_products .promotional_content .product__item .product__content .product__type {
    padding: 8px 0;
    border-top: 1px solid var(--stroke, #eaeaea);
    border-bottom: 1px solid var(--stroke, #eaeaea);
  }
}
.together_products .promotional_content .product__item .product__content .product__type .parameter__list {
  gap: 10px 7px;
}
.together_products .promotional_content .product__item .product__content .product__type .dropdown-toggle {
  background: transparent;
  border: none;
  outline: 0;
}
.together_products .promotional_content .product__item .product__content .product__type .dropdown-toggle::after {
  display: none;
}
.together_products .promotional_content .product__item .product__content .product__type .dropdown-toggle > span {
  color: var(--grey-5);
  font-size: 16px;
  line-height: normal;
}
.together_products .promotional_content .product__item .product__content .product__type .dropdown-toggle .data {
  margin-top: 0;
  white-space: normal;
  text-align: left;
  line-height: normal;
}
@media screen and (max-width: 1399px) {
  .together_products .promotional_content .product__item .product__content .product__type .dropdown-toggle .data {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .together_products .promotional_content .product__item .product__content .product__type .dropdown-toggle .data {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .together_products .promotional_content .product__item .product__content .product__type .dropdown-toggle .data {
    color: var(--grey-5);
  }
}
.together_products .promotional_content .product__item .product__content .product__type .dropdown-menu {
  padding: 30px;
  border-radius: 8px;
  border: 1px solid var(--stroke, #eaeaea);
  background: #fff;
  filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.15));
  width: 720px;
}
.together_products .promotional_content .product__item .product__content .product__type .dropdown-menu::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  height: 20px;
  width: 20px;
  background: #fff;
  top: -10px;
}
@media screen and (max-width: 1199px) {
  .together_products .promotional_content .product__item .product__content .product__type .dropdown-menu {
    width: -moz-max-content;
    width: max-content;
    min-width: 450px;
    max-width: 550px;
  }
}
@media screen and (max-width: 767px) {
  .together_products .promotional_content .product__item .product__content .product__type .dropdown-menu.change-product-in-cart {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 90vh;
    z-index: 999;
    transform: unset;
    left: 0;
    padding: 0 1rem 1rem;
    opacity: 0;
    visibility: hidden;
    display: block !important;
    transform: translateY(100%);
    transition: 0.3s ease-in-out;
    overflow-y: auto;
  }
  .together_products .promotional_content .product__item .product__content .product__type .dropdown-menu.change-product-in-cart.show, .together_products .promotional_content .product__item .product__content .product__type .dropdown-menu.change-product-in-cart.active {
    opacity: 1;
    visibility: visible;
    transform: unset;
    z-index: 9999;
  }
  .together_products .promotional_content .product__item .product__content .product__type .dropdown-menu.change-product-in-cart::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
  }
  .together_products .promotional_content .product__item .product__content .product__type .dropdown-menu.change-product-in-cart .head {
    border-bottom: 1px solid var(--stroke, #eaeaea);
    position: sticky;
    top: 0;
    padding: 16px;
    background: #fff;
    z-index: 2;
  }
  .together_products .promotional_content .product__item .product__content .product__type .dropdown-menu.change-product-in-cart .parameter-box--asset {
    padding: 16px;
  }
  .together_products .promotional_content .product__item .product__content .product__type .dropdown-menu.change-product-in-cart .parameter-box--asset .parameter {
    grid: none;
    gap: 0;
  }
  .together_products .promotional_content .product__item .product__content .product__type .dropdown-menu.change-product-in-cart .parameter-box--asset .parameter__title {
    padding-top: 0;
  }
  .together_products .promotional_content .product__item .product__content .product__type .dropdown-menu.change-product-in-cart .btn-groups {
    width: 100%;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 16px;
    background: #fff;
    border-top: 1px solid #e1e1e1;
    background: #fff;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    margin-top: 30px;
  }
  .together_products .promotional_content .product__item .product__content .product__type .dropdown-menu.change-product-in-cart::after {
    display: none;
  }
}
.together_products .promotional_content .product__item .product__content .product__type .btn-groups {
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.together_products .promotional_content .product__item .product__content .product__type .btn-groups [class*=btn-] {
  padding: 12px 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  border-radius: 6px;
  line-height: normal;
}
.together_products .promotional_content .product__item .product__content .product__type .btn-groups .btn-back {
  color: var(--green);
  border: 1px solid currentColor;
}
.together_products .promotional_content .product__item .product__content .product__type .btn-groups .btn-confirm {
  background: var(--ever-gr, #05472a);
  border: 1px solid #05472a;
  color: #fff;
}
.together_products .promotional_content .products_right {
  padding-left: 29px;
  align-items: center;
  border-left: 1px solid var(--stroke, #eaeaea);
  overflow: inherit;
}
@media screen and (max-width: 991.99px) {
  .together_products .promotional_content .products_right {
    width: 100%;
    border-top: 1px solid var(--stroke, #eaeaea);
    border-left: none;
    padding-left: 0;
    padding-top: 20px;
  }
}
.together_products .promotional_content .products_right .box_mony .py-2 span {
  color: var(--grey, #292929);
  font-size: 16px;
  line-height: normal;
}
.together_products .promotional_content .products_right .box_mony .btn-buy-addcart {
  margin-top: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
  line-height: normal;
  border-radius: 6px;
  background: var(--ever-gr, #05472a);
  padding: 14px 24px;
  min-width: 220px;
}
.together_products .promotional_content .products_right .box_mony .prices .price-sale, .together_products .promotional_content .products_right .box_mony .style-look-section.style-look-detail-section .product-information .price-box .price-old .price-sale, .style-look-section.style-look-detail-section .product-information .price-box .together_products .promotional_content .products_right .box_mony .price-old .price-sale, .together_products .promotional_content .products_right .box_mony .product-component-prices .price-sale, .together_products .promotional_content .products_right .box_mony .product-details .product-information .price-box .price-old .price-sale, .product-details .product-information .price-box .together_products .promotional_content .products_right .box_mony .price-old .price-sale {
  color: #05472a;
}
.together_products .promotional_content .products_right .box_mony .prices .price-sale .dong, .together_products .promotional_content .products_right .box_mony .style-look-section.style-look-detail-section .product-information .price-box .price-old .price-sale .dong, .style-look-section.style-look-detail-section .product-information .price-box .together_products .promotional_content .products_right .box_mony .price-old .price-sale .dong, .together_products .promotional_content .products_right .box_mony .product-component-prices .price-sale .dong, .together_products .promotional_content .products_right .box_mony .product-details .product-information .price-box .price-old .price-sale .dong, .product-details .product-information .price-box .together_products .promotional_content .products_right .box_mony .price-old .price-sale .dong {
  color: #05472a;
}

@keyframes scroll-present {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
.style-look-section {
  background: #fbf7f3;
  padding: 60px 0;
}
@media screen and (max-width: 1199px) {
  .style-look-section {
    padding: 32px 0;
  }
}
.style-look-section .swiper-pagination {
  position: static;
  justify-content: center;
  margin-top: 48px;
}
@media screen and (max-width: 1199px) {
  .style-look-section .swiper-pagination {
    margin-top: 24px;
  }
}
.style-look-section .swiper-pagination-bullet-active {
  background: #292929;
}
.style-look-section .style-look-title {
  font-size: 36px;
  line-height: normal;
  margin-bottom: 48px;
}
@media screen and (max-width: 1199px) {
  .style-look-section .style-look-title {
    font-size: 28px;
    line-height: normal;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 767px) {
  .style-look-section .style-look-title {
    font-size: 26px;
  }
}
.style-look-section .style__item {
  display: grid;
  grid-template-columns: 1fr 36.0465116279%;
  align-items: flex-start;
}
@media screen and (max-width: 1199px) {
  .style-look-section .style__item {
    grid-template-columns: 1fr 45%;
  }
}
@media screen and (max-width: 767px) {
  .style-look-section .style__item {
    grid-template-columns: unset;
  }
}
.style-look-section .style__image {
  position: relative;
}
.style-look-section .style__image .img {
  position: relative;
  padding-bottom: 61.8%;
}
@media screen and (max-width: 991px) {
  .style-look-section .style__image .img {
    padding-bottom: 100%;
  }
}
@media screen and (max-width: 767px) {
  .style-look-section .style__image .img {
    padding-bottom: 230px;
  }
}
.style-look-section .style__image .img > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.style-look-section .product__list {
  padding: 30px 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
}
@media screen and (max-width: 1199px) {
  .style-look-section .product__list {
    padding: 1rem;
  }
}
.style-look-section .product__list .wrapper {
  max-height: 572px;
  padding-right: 24px;
}
@media screen and (max-width: 991px) {
  .style-look-section .product__list .wrapper {
    max-height: 520px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .style-look-section .product__list .wrapper {
    max-height: 360px;
    padding-right: 1rem;
    margin-right: -1rem;
  }
}
.style-look-section .product__item {
  display: flex;
  gap: 1rem;
  margin-bottom: 24px;
}
.style-look-section .product__item:last-of-type {
  margin-bottom: 24px !important;
}
.style-look-section .product__item:not(:last-child) {
  border-bottom: 1px solid var(--stroke, #eaeaea);
  padding-bottom: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1199px) {
  .style-look-section .product__item:not(:last-child) {
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
}
.style-look-section .product__item:hover .product-name {
  color: var(--green);
}
.style-look-section .product__image {
  height: 134px;
  width: 134px;
  flex-shrink: 0;
}
@media screen and (max-width: 1199px) {
  .style-look-section .product__image {
    width: 82px;
    height: 82px;
  }
}
.style-look-section .product__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.style-look-section .product__content {
  display: grid;
  gap: 8px;
  align-self: flex-start;
  width: -webkit-fill-available;
  flex: 1;
}
.style-look-section .product__name {
  color: var(--grey);
  font-size: 20px;
  line-height: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  transition: 0.3s ease-in-out;
}
@media screen and (max-width: 1199px) {
  .style-look-section .product__name {
    font-size: 18px;
  }
}
.style-look-section .product__name:hover {
  color: var(--green);
}
.style-look-section .product__sku {
  color: var(--grey-6);
  font-size: 16px;
  line-height: normal;
}
@media screen and (max-width: 991px) {
  .style-look-section .product__sku {
    font-size: 14px;
  }
}
.style-look-section .product__price {
  flex-wrap: wrap;
  gap: 8px 16px;
}
.style-look-section .product__price-sale {
  color: var(--grey);
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 1199px) {
  .style-look-section .product__price-sale {
    font-size: 16px;
  }
}
.style-look-section .product__price-old {
  color: var(--grey-6);
  text-decoration: line-through;
}
@media screen and (max-width: 1199px) {
  .style-look-section .product__price-old {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .style-look-section .btn-add-to-cart {
    align-self: flex-start;
  }
  .style-look-section .btn-add-to-cart svg {
    width: 36px;
    height: 36px;
  }
}
.style-look-section .btn-view-detail {
  color: var(--grey);
  font-size: 15px;
  line-height: normal;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.style-look-section .btn-view-detail span {
  text-decoration: underline;
}
.style-look-section .btn-add-cart-all {
  border-radius: 6px;
  background: var(--ever-gr, #05472a);
  padding: 14px 24px;
  color: var(--white, #fff);
  font-size: 18px;
  line-height: normal;
  display: block;
  margin-top: auto;
}
.style-look-section .nav-slides {
  gap: 10px;
}
.style-look-section [class*=swiper-button] {
  height: auto;
  width: auto;
  position: static;
  margin: 0;
  transform: unset;
}
.style-look-section [class*=swiper-button]::after {
  display: none;
}

.attribute-swatch-item.disabled {
  display: none;
}

.js-scroll-nav-menu-stk.fixed {
  background: #fff;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
  padding-top: 20px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  animation: scroll-head 1s cubic-bezier(0.23, 1, 0.32, 1);
}

.shop-the-look-category {
  padding-top: 60px;
}
@media (max-width: 767px) {
  .shop-the-look-category {
    padding-top: 32px;
  }
}
.shop-the-look-category .category-section .category__nav {
  overflow-x: auto;
  max-width: 1720px;
  white-space: nowrap;
  width: 100%;
  gap: 12px;
}
.shop-the-look-category .categories-menu-sticky {
  padding-bottom: 0;
}
.shop-the-look-category .categories-menu-sticky .category-section {
  padding-bottom: 20px;
}
.shop-the-look-category .categories-menu-sticky .shop-the-look-menu {
  border-bottom: none;
}
.shop-the-look-category .list {
  margin-top: 60px;
}
@media (max-width: 767px) {
  .shop-the-look-category .list {
    margin-top: 32px;
  }
}
@media screen and (max-width: 575px) {
  .shop-the-look-category .list [class*=col-]:not(:first-child) {
    display: block;
  }
}
.shop-the-look-category #navMenuListSTLSwiper {
  border-top: 1px solid var(--stroke, #eaeaea);
  border-bottom: 1px solid var(--stroke, #eaeaea);
  position: relative;
  overflow: hidden;
  margin-top: 20px;
  padding: 14px 0;
}
.shop-the-look-category #navMenuListSTLSwiper .item {
  color: var(--grey);
  font-size: 20px;
  line-height: normal;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0;
  border: none;
  transition: 0.3s ease-in-out;
}
@media screen and (max-width: 1199px) {
  .shop-the-look-category #navMenuListSTLSwiper .item {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .shop-the-look-category #navMenuListSTLSwiper .item {
    font-size: 16px;
  }
}
.shop-the-look-category #navMenuListSTLSwiper .item:hover, .shop-the-look-category #navMenuListSTLSwiper .item.active {
  color: var(--Chai, #d2ab80);
}
.shop-the-look-category #navMenuListSTLSwiper .item:hover:not(.shop-the-look-category #navMenuListSTLSwiper .item:hover:hover, .shop-the-look-category #navMenuListSTLSwiper .item.active:hover), .shop-the-look-category #navMenuListSTLSwiper .item.active:not(.shop-the-look-category #navMenuListSTLSwiper .item:hover:hover, .shop-the-look-category #navMenuListSTLSwiper .item.active:hover) {
  font-weight: 400;
}

.shop-the-look-detail-breadcrumb {
  background: var(--seashell, #f1f1f1);
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .shop-the-look-detail-breadcrumb {
    margin-bottom: 1rem;
  }
}
.shop-the-look-detail-breadcrumb .breadcrumb .breadcrumb-item {
  color: var(--grey);
  font-size: 12px;
  line-height: normal;
  text-transform: uppercase;
}
.shop-the-look-detail-breadcrumb .breadcrumb .breadcrumb-item a {
  color: var(--grey);
}

.style-look-section.style-look-detail-section {
  background-color: #fff !important;
  padding: 0 0 60px;
}
@media (max-width: 575px) {
  .style-look-section.style-look-detail-section {
    padding: 0 0 20px;
  }
}
.style-look-section.style-look-detail-section .style__item {
  display: grid;
  grid-template-columns: 1fr 41.9465116279%;
  align-items: center;
}
@media (max-width: 1679.98px) {
  .style-look-section.style-look-detail-section .style__item {
    grid-template-columns: 1fr 46.9465116279%;
  }
}
@media (max-width: 1199px) {
  .style-look-section.style-look-detail-section .style__item {
    grid-template-columns: 1fr;
  }
}
.style-look-section.style-look-detail-section .product-information {
  padding-left: 90px;
}
@media (max-width: 1399px) {
  .style-look-section.style-look-detail-section .product-information {
    padding-left: 30px;
  }
}
@media (max-width: 1199px) {
  .style-look-section.style-look-detail-section .product-information {
    padding: 24px 0 0;
  }
}
.style-look-section.style-look-detail-section .product-information .name {
  color: var(--grey);
  font-size: 60px;
  line-height: normal;
  margin-bottom: 32px;
}
@media (max-width: 1679.98px) {
  .style-look-section.style-look-detail-section .product-information .name {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .style-look-section.style-look-detail-section .product-information .name {
    margin-bottom: 24px;
    font-size: 32px;
  }
}
.style-look-section.style-look-detail-section .product-information .product-desc {
  margin-bottom: 32px;
}
@media (max-width: 575px) {
  .style-look-section.style-look-detail-section .product-information .product-desc {
    margin-bottom: 24px;
  }
}
.style-look-section.style-look-detail-section .product-information .product-desc .desc {
  color: var(--grey);
  text-align: justify;
  font-size: 16px;
  line-height: 22px;
}
.style-look-section.style-look-detail-section .product-information .price-box {
  padding: 30px 0;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}
.style-look-section.style-look-detail-section .product-information .price-box .price-text {
  color: var(--grey);
  font-size: 16px;
  line-height: normal;
  margin-bottom: 12px;
  display: block;
}
.style-look-section.style-look-detail-section .product-information .price-box .price-old {
  color: #949494;
}
.style-look-section.style-look-detail-section .product-information .price-box-wrapper {
  margin-top: 12px;
  display: flex;
  align-items: center;
}
.style-look-section.style-look-detail-section .product-information .price-box-wrapper .price-sale {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.style-look-section.style-look-detail-section .product-information .price-box-wrapper .price-sale .money {
  color: var(--green);
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
}
.style-look-section.style-look-detail-section .product-information .price-box-wrapper .price-sale .money .dong {
  color: var(--green);
  font-size: 18px;
}
.style-look-section.style-look-detail-section .product-information .price-box-wrapper .price-sale .percent {
  background: #715d47;
  display: flex;
  padding: 4px 8px;
  align-items: center;
  justify-content: center;
  color: var(--white, #fff);
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}
.style-look-section.style-look-detail-section .product-information .price-box-wrapper .tra-gop {
  margin-left: 24px;
  padding-left: 24px;
  color: var(--grey-6);
  font-size: 16px;
  line-height: 22px;
  border-left: 1px solid var(--seashell, #f1f1f1);
}
.style-look-section.style-look-detail-section .product-information .actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 2rem;
}
.style-look-section.style-look-detail-section .product-information .actions .modal-choose-type-product .modal-header {
  padding-right: 65px;
}
.style-look-section.style-look-detail-section .product-information .actions .modal-choose-type-product .modal-header .select-all {
  position: relative;
}
.style-look-section.style-look-detail-section .product-information .actions .modal-choose-type-product .modal-header .select-all label {
  color: #646464;
  font-size: 16px;
  line-height: 22px;
}
.style-look-section.style-look-detail-section .product-information .actions .modal-choose-type-product .modal-header .select-all input[type=checkbox] {
  position: relative;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  background: none;
  cursor: pointer;
  line-height: 0;
  margin: 0 0.6em 0 0;
  outline: 0;
  padding: 0 !important;
  vertical-align: text-top;
  height: 20px;
  width: 20px;
  -webkit-appearance: none;
  opacity: 0.5;
}
.style-look-section.style-look-detail-section .product-information .actions .modal-choose-type-product .modal-header .select-all input[type=checkbox]:hover {
  opacity: 1;
}
.style-look-section.style-look-detail-section .product-information .actions .modal-choose-type-product .modal-header .select-all input[type=checkbox]:checked {
  background-color: #715d47;
  border-color: #715d47;
  opacity: 1;
}
.style-look-section.style-look-detail-section .product-information .actions .modal-choose-type-product .modal-header .select-all input[type=checkbox]:before {
  content: "";
  position: absolute;
  right: 50%;
  top: 50%;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  margin: -1px -1px 0 -1px;
  transform: rotate(45deg) translate(-50%, -50%);
  z-index: 2;
}
.style-look-section.style-look-detail-section .product-information .actions .modal-choose-type-product .modal-footer {
  flex-wrap: nowrap;
  gap: 40px;
  padding-top: 30px;
}
.style-look-section.style-look-detail-section .product-information .actions .modal-choose-type-product .modal-footer .price-all {
  color: var(--green);
  font-size: 28px;
  font-weight: 400;
  line-height: normal;
}
.style-look-section.style-look-detail-section .product-information .actions .modal-choose-type-product .product__content .select-check {
  position: absolute;
  top: 0;
  right: 0;
}
.style-look-section.style-look-detail-section .product-information .actions .modal-choose-type-product .product__content .select-check .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  transition: background-color 0.25s ease;
  border-radius: 4px;
  border: 1px solid #bfbfbf;
}
.style-look-section.style-look-detail-section .product-information .actions .modal-choose-type-product .product__content .select-check .checkmark::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.25s ease;
}
.style-look-section.style-look-detail-section .product-information .actions .modal-choose-type-product .product__content .select-check input[type=checkbox] {
  position: relative;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  background: none;
  cursor: pointer;
  line-height: 0;
  margin: 0 0.6em 0 0;
  outline: 0;
  padding: 0 !important;
  vertical-align: text-top;
  height: 20px;
  width: 20px;
  -webkit-appearance: none;
  opacity: 0.5;
}
.style-look-section.style-look-detail-section .product-information .actions .modal-choose-type-product .product__content .select-check input[type=checkbox]:hover {
  opacity: 1;
}
.style-look-section.style-look-detail-section .product-information .actions .modal-choose-type-product .product__content .select-check input[type=checkbox]:checked {
  background-color: #715d47;
  border-color: #715d47;
  opacity: 1;
}
.style-look-section.style-look-detail-section .product-information .actions .modal-choose-type-product .product__content .select-check input[type=checkbox]:before {
  content: "";
  position: absolute;
  right: 50%;
  top: 50%;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  margin: -1px -1px 0 -1px;
  transform: rotate(45deg) translate(-50%, -50%);
  z-index: 2;
}
.style-look-section.style-look-detail-section .product-information .btn-groups {
  flex-shrink: 0;
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr 1fr;
  flex: 1;
}
.style-look-section.style-look-detail-section .product-information .btn-groups [class*=btn-] {
  font-size: 18px;
  line-height: normal;
  border-radius: 6px;
  display: flex;
  padding: 14px 24px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  max-height: 48px;
}
@media screen and (max-width: 767px) {
  .style-look-section.style-look-detail-section .product-information .btn-groups {
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 2;
    margin: 0;
    gap: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease-in-out;
    transform: translateY(100%);
    position: fixed;
  }
  .style-look-section.style-look-detail-section .product-information .btn-groups.fixed {
    opacity: 1;
    visibility: visible;
    transform: unset;
  }
  .style-look-section.style-look-detail-section .product-information .btn-groups [class*=btn-] {
    border-radius: 0;
    max-height: -moz-fit-content;
    max-height: fit-content;
    min-height: 64px;
    padding: 10px;
    line-height: 24px;
  }
}
.style-look-section.style-look-detail-section .product-information .btn-groups .btn-add-cart {
  background: var(--mist, #cbd3b0);
  color: var(--green);
}
.style-look-section.style-look-detail-section .product-information .btn-groups .btn-buy {
  background: #05472a;
  color: #fff;
}

.page-shop-the-look-detail .products-look-section .row {
  row-gap: 30px;
}

.products-look-section {
  padding: 20px 0 100px;
}
@media (max-width: 991px) {
  .products-look-section {
    padding: 20px 0 60px;
  }
}
.products-look-section .title-look {
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .products-look-section .product-component {
    margin-bottom: 30px;
    display: block;
  }
}

.collection-page {
  padding-bottom: 120px;
}
@media screen and (max-width: 991px) {
  .collection-page {
    padding-bottom: 32px;
  }
  .collection-page .pagination-asset {
    margin-bottom: 0;
    margin-top: 60px;
  }
}
.collection-page .banner-collection {
  position: relative;
  padding-bottom: 35.78%;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .collection-page .banner-collection {
    padding-bottom: 56.25%;
  }
}
@media screen and (max-width: 767px) {
  .collection-page .banner-collection {
    padding-bottom: 215px;
  }
}
.collection-page .banner-collection img,
.collection-page .banner-collection iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.collection-page .banner-collection img:not(iframe),
.collection-page .banner-collection iframe:not(iframe) {
  -o-object-fit: cover;
     object-fit: cover;
}
.collection-page .collection-dawn {
  padding: 60px 0;
}
@media screen and (max-width: 1199px) {
  .collection-page .collection-dawn {
    padding: 32px 0 48px;
  }
}
.collection-page .collection-dawn .title {
  font-size: 36px;
  line-height: normal;
  margin-bottom: 32px;
}
@media screen and (max-width: 1199px) {
  .collection-page .collection-dawn .title {
    font-size: 26px;
    line-height: 35px;
    margin-bottom: 24px;
  }
}
.collection-page .collection-dawn .title span {
  color: var(--grey);
  font-size: 22px;
  line-height: 24px;
  margin-bottom: 4px;
  display: block;
}
@media screen and (max-width: 1199px) {
  .collection-page .collection-dawn .title span {
    font-size: 20px;
  }
}
.collection-page .collection-dawn .nav__list {
  margin-bottom: 60px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  overflow: hidden;
}
.collection-page .collection-dawn .nav__list::after {
  right: -16px;
}
@media screen and (min-width: 768px) {
  .collection-page .collection-dawn .nav__list .swiper-wrapper {
    justify-content: center;
    gap: 12px;
  }
}
@media screen and (max-width: 1199px) {
  .collection-page .collection-dawn .nav__list {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 767px) {
  .collection-page .collection-dawn .nav__list {
    margin-bottom: 24px;
  }
  .collection-page .collection-dawn .nav__list::-webkit-scrollbar {
    display: none;
    width: 0;
  }
  .collection-page .collection-dawn .nav__list > * {
    scroll-snap-align: start;
  }
}
.collection-page .collection-dawn .nav__item {
  width: -moz-fit-content;
  width: fit-content;
}
.collection-page .collection-dawn .nav__item.active .nav__link {
  border: 1px solid var(--seashell, #f1f1f1);
  background: var(--Chai, #d2ab80);
  color: #fff;
}
.collection-page .collection-dawn .nav__link {
  color: var(--grey);
  font-size: 18px;
  line-height: normal;
  border-radius: 30px;
  border: 1px solid var(--seashell, #f1f1f1);
  padding: 12px 24px;
  display: inline-block;
  transition: 0.3s ease-in-out;
}
.collection-page .collection-dawn .collection {
  transition: 0.3s ease-in-out;
}
.collection-page .collection-dawn .collection__list {
  transition: 0.3s ease-in-out;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: flex-start;
}
@media screen and (max-width: 1199px) {
  .collection-page .collection-dawn .collection__list {
    gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  .collection-page .collection-dawn .collection__list {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
}
.collection-page .collection-dawn .collection__image {
  width: 100%;
  padding-bottom: 47%;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .collection-page .collection-dawn .collection__image {
    padding-bottom: 56.25%;
  }
}
@media screen and (max-width: 767px) {
  .collection-page .collection-dawn .collection__image {
    padding-bottom: 52.5%;
  }
}
@media screen and (max-width: 575px) {
  .collection-page .collection-dawn .collection__image {
    padding-bottom: 180px;
  }
}
.collection-page .collection-dawn .collection__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  inset: 0;
}
.collection-page .collection-dawn .collection__content {
  color: var(--grey);
  font-size: 16px;
  line-height: 1.375;
}
.collection-page .collection-dawn .collection__content h3 {
  color: #000;
  font-size: 22px;
  line-height: normal;
  margin-bottom: 24px;
}
.collection-page .collection-dawn .collection__content img {
  width: auto;
  height: auto;
}
.collection-page .collection-dawn .collection__content ul {
  display: grid;
  gap: 1rem;
}
.collection-page .collection-dawn .collection__content ul li {
  display: flex;
  align-items: center;
  gap: 10px;
}
.collection-page .collection-dawn .collection__content ul li .number {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border-radius: 30px;
  background: var(--mist, #cbd3b0);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white, #fff);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}
@media screen and (max-width: 767px) {
  .collection-page .product__list {
    padding: 0;
  }
  .collection-page .product__list .content {
    padding-top: 12px;
  }
}
.collection-page .product__list .row {
  row-gap: 48px;
}
@media screen and (max-width: 1199px) {
  .collection-page .product__list .row {
    row-gap: 24px;
  }
}

@media screen and (max-width: 767px) {
  .promotion-page {
    padding-bottom: 0;
  }
}
.promotion-page .promotion__banner {
  margin-bottom: 48px;
  position: relative;
  overflow: hidden;
  padding-top: 30px;
  max-height: 750px;
}
.promotion-page .promotion__banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.promotion-page .promotion__banner .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  text-align: center;
  padding: 0 1rem;
  width: 100%;
}
.promotion-page .promotion__banner .content h2 {
  color: var(--white, #fff);
  line-height: 1.0769230769;
  margin-bottom: 1rem;
  font-size: 32px;
}
@media screen and (min-width: 1200px) {
  .promotion-page .promotion__banner .content h2 {
    font-size: 45px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1680px) {
  .promotion-page .promotion__banner .content h2 {
    font-size: 60px;
  }
}
.promotion-page .promotion__banner .content a {
  color: var(--white, #fff);
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 1199px) {
  .promotion-page .promotion__banner .content a {
    font-size: 16px;
  }
  .promotion-page .promotion__banner .content a svg {
    height: 24px;
    width: 24px;
  }
}
@media screen and (max-width: 767px) {
  .promotion-page .promotion__banner {
    margin-bottom: 24px;
    position: relative;
    padding-bottom: 430px;
  }
  .promotion-page .promotion__banner img {
    position: absolute;
    inset: 0;
  }
}
.promotion-page .sale-off-section.happniess-section {
  min-height: 576px;
  padding: 60px 0;
}
.promotion-page .sale-off-section.happniess-section .happniess__item {
  align-items: center;
}
.promotion-page .sale-off-section.happniess-section .happniess__title {
  padding: 75px 0;
}
.promotion-page .sale-off-section.happniess-section .happniess__navigation {
  bottom: 75px;
}
.promotion-page .product__list {
  padding-bottom: 30px;
}
.promotion-page .product-topper, .promotion-page .product-flash-sale {
  padding: 60px 0;
  margin-bottom: 60px;
  border-bottom: 1px solid #eaeaea;
}
@media screen and (max-width: 1199px) {
  .promotion-page .product-topper, .promotion-page .product-flash-sale {
    padding-bottom: 32px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .promotion-page .product-topper, .promotion-page .product-flash-sale {
    margin-bottom: 0;
    border: 0;
  }
}
.promotion-page .product-topper .content-promotion, .promotion-page .product-flash-sale .content-promotion {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  gap: 20px;
  color: var(--white, #fff);
  line-height: normal;
  font-size: 24px;
}
@media screen and (max-width: 1199px) {
  .promotion-page .product-topper .content-promotion, .promotion-page .product-flash-sale .content-promotion {
    gap: 8px;
  }
}
.promotion-page .product-topper .content-promotion .desc, .promotion-page .product-flash-sale .content-promotion .desc {
  font-style: italic;
}
.promotion-page .product-topper .content-promotion h3, .promotion-page .product-flash-sale .content-promotion h3 {
  color: var(--white, #fff);
  font-size: 46px;
  line-height: 1.75;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .promotion-page .product-topper .content-promotion h3, .promotion-page .product-flash-sale .content-promotion h3 {
    font-size: 35px;
    line-height: normal;
  }
}
@media screen and (max-width: 1199px) {
  .promotion-page .product-topper .content-promotion h3, .promotion-page .product-flash-sale .content-promotion h3 {
    font-size: 24px;
  }
}
.promotion-page .product-topper .content-promotion .link, .promotion-page .product-flash-sale .content-promotion .link {
  color: var(--white, #fff);
  font-size: 20px;
  line-height: normal;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
@media screen and (max-width: 1199px) {
  .promotion-page .product-topper .content-promotion .link, .promotion-page .product-flash-sale .content-promotion .link {
    font-size: 16px;
  }
  .promotion-page .product-topper .content-promotion .link svg, .promotion-page .product-flash-sale .content-promotion .link svg {
    width: 24px;
    height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .promotion-page .product-topper .content-promotion .link, .promotion-page .product-flash-sale .content-promotion .link {
    font-size: 12px;
  }
}
.promotion-page .product-topper .item, .promotion-page .product-flash-sale .item,
.promotion-page .product-topper .img-banner,
.promotion-page .product-flash-sale .img-banner {
  position: relative;
}
.promotion-page .product-topper .img-banner, .promotion-page .product-flash-sale .img-banner {
  position: relative;
  padding-bottom: 63.8%;
  display: block;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .promotion-page .product-topper .img-banner, .promotion-page .product-flash-sale .img-banner {
    flex-basis: 100%;
  }
}
.promotion-page .product-topper .img-banner img, .promotion-page .product-flash-sale .img-banner img {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.promotion-page .product-topper .item, .promotion-page .product-flash-sale .item {
  display: grid;
  grid-template-columns: 2fr repeat(2, 23.6627906977%);
  gap: 30px;
}
@media screen and (max-width: 1199px) {
  .promotion-page .product-topper .item, .promotion-page .product-flash-sale .item {
    gap: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .promotion-page .product-topper .item, .promotion-page .product-flash-sale .item {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
}
.promotion-page .product-topper .item .product-component-content, .promotion-page .product-flash-sale .item .product-component-content {
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  .promotion-page .product-topper .item .product-component, .promotion-page .product-flash-sale .item .product-component {
    width: calc(50% - 4px);
  }
}
.promotion-page .product-flash-sale {
  padding: 0 0 60px;
  margin: 0;
  border: none;
  padding-bottom: 120px;
}
.promotion-page .product-flash-sale:not(:last-child) {
  margin-bottom: 60px;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 60px;
}
.promotion-page .product-flash-sale:nth-child(odd) .item {
  grid-template-columns: 2fr repeat(2, 23.6627906977%);
}
.promotion-page .product-flash-sale:nth-child(odd) .item .img-banner {
  order: 1;
}
.promotion-page .product-flash-sale:nth-child(odd) .item .product-component:nth-of-type(1) {
  order: 2;
}
.promotion-page .product-flash-sale:nth-child(odd) .item .product-component:nth-of-type(2) {
  order: 3;
}
@media screen and (max-width: 767px) {
  .promotion-page .product-flash-sale {
    padding: 32px 0;
  }
}
.promotion-page .product-flash-sale .item {
  grid-template-columns: repeat(2, 23.6627906977%) 2fr;
}
.promotion-page .product-flash-sale .img-banner {
  text-align: center;
}
.promotion-page .product-flash-sale .img-banner a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}
@media screen and (max-width: 767px) {
  .promotion-page .product-flash-sale .img-banner {
    order: 1;
    font-size: 14px;
  }
}
.promotion-page .product-flash-sale .countdown {
  margin: 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  color: var(--grey);
  text-align: center;
  font-size: 20px;
  line-height: normal;
}
@media screen and (max-width: 1199px) {
  .promotion-page .product-flash-sale .countdown {
    margin: 10px 0;
    font-size: 16px;
  }
}
.promotion-page .product-flash-sale .countdown div {
  display: flex;
  width: 60px;
  height: 60px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 200px;
  background: #fff;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 1199px) {
  .promotion-page .product-flash-sale .countdown div {
    width: 48px;
    height: 48px;
  }
}
.promotion-page .product-flash-sale .countdown span {
  display: block;
  color: #727272;
  text-align: center;
  font-size: 14px;
  line-height: normal;
}
@media screen and (max-width: 1199px) {
  .promotion-page .product-flash-sale .countdown span {
    font-size: 12px;
  }
}
.promotion-page .product-flash-sale h3 {
  color: var(--white, #fff);
  font-size: 46px;
  line-height: 1.5217391304;
  margin-top: 8px;
}
@media screen and (max-width: 1439px) {
  .promotion-page .product-flash-sale h3 {
    font-size: 35px;
  }
}
@media screen and (max-width: 1199px) {
  .promotion-page .product-flash-sale h3 {
    font-size: 24px;
    line-height: 1;
  }
}
.promotion-page .product-flash-sale i {
  color: var(--white, #fff);
  font-size: 24px;
  font-style: italic;
  line-height: normal;
  display: inline-flex;
  margin-top: 8px;
}
.promotion-page .happniess-section {
  padding: 60px 0 0;
}
@media screen and (max-width: 1199px) {
  .promotion-page .happniess-section {
    padding: 32px 0;
  }
}
@media screen and (max-width: 767px) {
  .promotion-page .happniess-section {
    margin: 24px -16px 0 -16px;
  }
  .promotion-page .happniess-section .happniess {
    padding-left: 0;
    padding-right: 0;
  }
}

.header-promotion {
  top: 48px;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
}
.header-promotion a {
  color: #292929;
  text-transform: uppercase;
}
.header-promotion .nav {
  display: flex;
  align-items: center;
  gap: 100px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1679px) {
  .header-promotion .nav {
    gap: 50px;
  }
}
@media screen and (max-width: 1439px) {
  .header-promotion .nav {
    gap: 30px;
  }
}
.header-promotion .container-fluid, .header-promotion .banner-section h2, .banner-section .header-promotion h2, .header-promotion .page-news-blog-gallery .product-exclusively, .page-news-blog-gallery .header-promotion .product-exclusively {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  top: 48px;
  display: flex;
  align-items: center;
  gap: 90px;
}
@media screen and (max-width: 1199px) {
  .header-promotion {
    padding: 10px 0;
  }
  .header-promotion .container-fluid, .header-promotion .banner-section h2, .banner-section .header-promotion h2, .header-promotion .page-news-blog-gallery .product-exclusively, .page-news-blog-gallery .header-promotion .product-exclusively {
    position: static;
    transform: unset;
    justify-content: space-between;
    gap: 10px;
  }
  .header-promotion .logo-promotion svg,
  .header-promotion .logo-promotion img {
    width: 100px;
    height: -moz-fit-content;
    height: fit-content;
  }
  .header-promotion #offcanvasTopPromotion {
    height: -moz-fit-content;
    height: fit-content;
    padding: 30px 1rem;
    width: 100%;
  }
  .header-promotion #offcanvasTopPromotion .offcanvas-header {
    justify-content: flex-end;
  }
  .header-promotion #offcanvasTopPromotion .offcanvas-body {
    height: auto;
    overflow: hidden;
  }
  .header-promotion .nav {
    flex-direction: column;
  }
  .header-promotion .nav .nav-item {
    font-size: 16px;
  }
}

.policy-section-ldp {
  background: #fbf7f3;
  padding: 84px 0 59px;
  min-height: 207px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 1199px) {
  .policy-section-ldp {
    padding: 40px 0;
  }
}
.policy-section-ldp .container {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
@media screen and (min-width: 1440px) {
  .policy-section-ldp .container {
    max-width: 1258px;
  }
}
@media screen and (max-width: 767px) {
  .policy-section-ldp .container {
    flex-direction: column;
  }
}
.policy-section-ldp .item {
  gap: 20px;
  color: var(--grey, #292929);
  font-size: 18px;
  line-height: 28px;
}
@media screen and (max-width: 1199px) {
  .policy-section-ldp .item {
    gap: 1rem;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .policy-section-ldp .item {
    align-items: center;
    justify-content: center;
  }
}
.policy-section-ldp .item h4 {
  color: var(--grey, #292929);
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 6px;
}
@media screen and (max-width: 1199px) {
  .policy-section-ldp .item h4 {
    font-size: 20px;
  }
}
@media screen and (max-width: 991px) {
  .policy-section-ldp .item h4 {
    font-size: 18px;
  }
}
.policy-section-ldp .icon {
  width: 64px;
  height: 64px;
  flex-shrink: 0;
}
@media screen and (max-width: 991px) {
  .policy-section-ldp .icon {
    width: 45px;
    height: 45px;
  }
}
.policy-section-ldp .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.product-promotion-section {
  padding: 81px 0 85px;
}
@media screen and (max-width: 1199px) {
  .product-promotion-section {
    padding: 40px 0;
  }
}
.product-promotion-section .head {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 52px;
}
@media screen and (max-width: 1199px) {
  .product-promotion-section .head {
    margin-bottom: 24px;
  }
}
.product-promotion-section .head-title {
  color: #05472a;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.3125;
  margin-bottom: 0;
}
@media screen and (max-width: 1199px) {
  .product-promotion-section .head-title {
    font-size: 24px;
  }
}
.product-promotion-section .head-title span {
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  line-height: 1.375;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.product-promotion-section .head-desc {
  color: var(--grey, #292929);
  font-size: 18px;
  line-height: 1.5555555556;
  align-self: flex-end;
  max-width: 39%;
}
@media screen and (max-width: 1199px) {
  .product-promotion-section .head-desc {
    font-size: 16px;
  }
}
@media screen and (max-width: 991px) {
  .product-promotion-section .head-desc {
    max-width: 100%;
  }
}
.product-promotion-section .navs {
  position: relative;
  margin-top: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}
@media screen and (max-width: 1199px) {
  .product-promotion-section .navs {
    margin-top: 20px;
    gap: 20px;
  }
}
.product-promotion-section .navs [class*=swiper-button] {
  position: static;
  transform: unset;
  height: 56px;
  width: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .product-promotion-section .navs [class*=swiper-button] {
    width: 36px;
    height: 36px;
  }
}
.product-promotion-section .navs [class*=swiper-button]::after {
  display: none;
}
.product-promotion-section .navs .swiper-pagination {
  position: relative;
}
.product-promotion-section .navs .swiper-pagination-progressbar {
  background: rgba(41, 41, 41, 0.2);
  height: 1px;
}
.product-promotion-section .navs .swiper-pagination-progressbar-fill {
  background: #715d47;
}

.cart-page .title {
  color: var(--grey);
  font-size: 36px;
  line-height: normal;
  margin-bottom: 36px;
}
@media screen and (max-width: 1199px) {
  .cart-page .title {
    font-size: 26px;
    line-height: normal;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .cart-page .title {
    margin-top: 24px;
  }
}
.cart-page .bg-after-asset {
  border-top: 1px solid #eaeaea;
}
@media screen and (max-width: 767px) {
  .cart-page .sidebars__left {
    padding: 0;
  }
}
.cart-page .sidebars__left .quantity-container {
  height: 44px;
}
.cart-page .sidebars__left .quantity-container .quantity-btn-minus,
.cart-page .sidebars__left .quantity-container .quantity-input,
.cart-page .sidebars__left .quantity-container .quantity-btn-plus {
  height: 42px;
  width: 42px;
}
@media (min-width: 768px) and (max-width: 1399px) {
  .cart-page .sidebars__left .quantity-container .quantity-btn-minus,
  .cart-page .sidebars__left .quantity-container .quantity-input,
  .cart-page .sidebars__left .quantity-container .quantity-btn-plus {
    width: 38px;
    height: 38px;
  }
}
.cart-page .sidebars__left .cart-top {
  background: #fbf7f3;
  display: grid;
  grid-template-columns: 1fr 106px 126px 120px 20px;
  padding: 12px 20px;
  align-items: flex-start;
  gap: 32px;
  color: #646464;
  font-size: 16px;
  line-height: 22px;
}
@media screen and (max-width: 1679px) {
  .cart-page .sidebars__left .cart-top {
    gap: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media screen and (max-width: 1199px) {
  .cart-page .sidebars__left .cart-top {
    gap: 8px;
    grid-template-columns: 1fr 100px 116px 110px 20px;
  }
}
@media screen and (max-width: 991px) {
  .cart-page .sidebars__left .cart-top {
    display: flex;
    justify-content: space-between;
  }
  .cart-page .sidebars__left .cart-top .cart-top-bill,
  .cart-page .sidebars__left .cart-top .cart-top-quantiy,
  .cart-page .sidebars__left .cart-top .cart-top-mony {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .cart-page .sidebars__left .cart-top {
    margin: 0 -16px;
  }
}
.cart-page .sidebars__left .cart_present {
  background: rgba(137, 195, 92, 0.2);
  padding: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .cart-page .sidebars__left .cart_present {
    margin: 0 -16px 0 -16px;
  }
}
.cart-page .sidebars__left .cart_present .box_pres {
  color: var(--ever-gr, #05472a);
  font-size: 14px;
  line-height: 16px;
  padding: 2px 6px;
  border-radius: 30px;
  border: 1px solid var(--green, #89c35c);
  background: rgba(137, 195, 92, 0.1);
  min-width: 70px;
}
.cart-page .sidebars__left .cart_present .txt {
  color: var(--grey, #292929);
  font-size: 16px;
  line-height: 22px;
}
.cart-page .sidebars__left .cart_present .view_more {
  color: #05472a;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  display: flex;
  gap: 4px;
  align-items: center;
  margin-left: 8px;
}
.cart-page .sidebars__left .cart-body .item {
  grid-template-columns: 1fr 106px 126px 120px 20px;
  gap: 32px;
  align-items: center;
  display: grid;
  padding: 30px 20px;
  background: #fff;
  position: relative;
  border-bottom: 1px solid var(--stroke, #eaeaea);
}
.cart-page .sidebars__left .cart-body .item:last-child {
  border-bottom: none;
}
.cart-page .sidebars__left .cart-body .item-flex {
  gap: 32px;
}
@media screen and (max-width: 1679px) {
  .cart-page .sidebars__left .cart-body .item-flex {
    gap: 12px;
  }
}
@media screen and (max-width: 1681px) {
  .cart-page .sidebars__left .cart-body .item {
    gap: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media screen and (max-width: 1199px) {
  .cart-page .sidebars__left .cart-body .item {
    gap: 8px;
    grid-template-columns: 1fr 100px 116px 110px 20px;
  }
}
@media screen and (max-width: 991px) {
  .cart-page .sidebars__left .cart-body .item {
    padding: 24px 50px 16px 16px;
    grid: none;
  }
  .cart-page .sidebars__left .cart-body .item .trash {
    position: absolute;
    top: 24px;
    right: 16px;
    z-index: 2;
  }
}
@media screen and (max-width: 991px) and (max-width: 767px) {
  .cart-page .sidebars__left .cart-body .item .trash {
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .cart-page .sidebars__left .cart-body .item {
    padding: 24px 35px 24px 0;
  }
}
.cart-page .sidebars__left .cart-body .item-present {
  border-bottom: 1px solid #cbd3b0 !important;
  padding-top: 0;
  margin-top: -1px;
}
@media screen and (max-width: 1199px) {
  .cart-page .sidebars__left .cart-body .item-present {
    gap: 8px;
    grid-template-columns: 1fr 85px 30px 110px 20px;
  }
}
@media screen and (max-width: 991px) {
  .cart-page .sidebars__left .cart-body .item-present {
    grid: none;
  }
}
.cart-page .sidebars__left .cart-body .item-present .product__sp {
  display: flex;
  flex: 1;
  padding-left: 40px;
  align-items: flex-start;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-page .sidebars__left .cart-body .item-present .product__sp {
    padding-left: 30px;
  }
}
@media screen and (max-width: 575.99px) {
  .cart-page .sidebars__left .cart-body .item-present .product__sp {
    padding-left: 25px;
  }
}
.cart-page .sidebars__left .cart-body .item-present .product__sp .vector {
  margin-right: 8px;
}
.cart-page .sidebars__left .cart-body .item-present .product__sp .box_pres {
  color: var(--ever-gr, #05472a);
  font-size: 14px;
  line-height: 16px;
  padding: 2px 6px;
  border-radius: 30px;
  border: 1px solid var(--green, #89c35c);
  background: rgba(137, 195, 92, 0.1);
  margin-right: 5px;
}
@media screen and (max-width: 575.99px) {
  .cart-page .sidebars__left .cart-body .item-present .product__sp .box_pres {
    font-size: 11px;
  }
}
.cart-page .sidebars__left .cart-body .item-present .product__name {
  font-size: 16px;
  line-height: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  margin-bottom: 8px;
}
.cart-page .sidebars__left .cart-body .item-present .product__image {
  width: 64px;
  height: 64px;
}
@media screen and (max-width: 575.99px) {
  .cart-page .sidebars__left .cart-body .item-present .product__image {
    width: 60px;
    height: 60px;
  }
}
.cart-page .sidebars__left .cart-body .item-present .product__price .price-sale {
  width: 100%;
}
.cart-page .sidebars__left .cart-body .item-present .product__price .price-old {
  width: 100%;
}
@media screen and (max-width: 991px) {
  .cart-page .sidebars__left .cart-body .item-present .product__quantity {
    text-align: left !important;
  }
}
@media screen and (max-width: 991px) {
  .cart-page .sidebars__left .cart-body .item-present .product__quantity .quantity-input {
    text-align: left !important;
  }
}
.cart-page .sidebars__left .cart-body .product {
  display: flex;
  align-items: center;
}
.cart-page .sidebars__left .cart-body .product__type-flex {
  gap: 32px;
}
@media screen and (max-width: 1399px) {
  .cart-page .sidebars__left .cart-body .product__type-flex {
    gap: 10px;
  }
}
.cart-page .sidebars__left .cart-body .product__info {
  display: grid;
  grid-template-columns: 1fr 47%;
  gap: 16px;
  flex: 1;
}
@media screen and (max-width: 1439px) {
  .cart-page .sidebars__left .cart-body .product__info {
    gap: 8px;
  }
}
@media screen and (max-width: 1199px) {
  .cart-page .sidebars__left .cart-body .product__info {
    grid: none;
    flex: 1;
  }
}
.cart-page .sidebars__left .cart-body .product__content {
  display: flex;
  flex-direction: column;
}
.cart-page .sidebars__left .cart-body .product__sp {
  display: flex;
  align-items: center;
  flex: 1;
  padding-left: 40px;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-page .sidebars__left .cart-body .product__sp {
    padding-left: 30px;
  }
}
.cart-page .sidebars__left .cart-body .product__sp .custom-radio-checkbox-asset {
  position: absolute;
  top: 60px;
  left: 20px;
}
@media screen and (max-width: 1679px) {
  .cart-page .sidebars__left .cart-body .product__sp .custom-radio-checkbox-asset {
    left: 1rem;
  }
}
@media screen and (max-width: 991px) {
  .cart-page .sidebars__left .cart-body .product__sp .custom-radio-checkbox-asset {
    top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .cart-page .sidebars__left .cart-body .product__sp .custom-radio-checkbox-asset {
    left: 0;
  }
}
@media screen and (max-width: 991px) {
  .cart-page .sidebars__left .cart-body .product__sp {
    align-items: flex-start;
  }
}
.cart-page .sidebars__left .cart-body .product__sp .product {
  gap: 1rem;
}
.cart-page .sidebars__left .cart-body .product__image {
  width: 90px;
  height: 90px;
  flex-shrink: 0;
  display: block;
  margin-right: 16px;
}
@media screen and (max-width: 1399px) {
  .cart-page .sidebars__left .cart-body .product__image {
    margin-right: 8px;
    width: 75px;
    height: 75px;
  }
}
@media screen and (max-width: 1199px) {
  .cart-page .sidebars__left .cart-body .product__image {
    align-self: flex-start;
  }
}
@media screen and (max-width: 991px) {
  .cart-page .sidebars__left .cart-body .product__image {
    width: 68px;
    height: 68px;
  }
}
.cart-page .sidebars__left .cart-body .product__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cart-page .sidebars__left .cart-body .product__name {
  color: var(--grey);
  font-size: 18px;
  line-height: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  margin-bottom: 8px;
}
.cart-page .sidebars__left .cart-body .product__sku {
  color: var(--grey-5);
  font-size: 16px;
  line-height: normal;
}
@media screen and (max-width: 1399px) {
  .cart-page .sidebars__left .cart-body .product__sku {
    font-size: 13px;
  }
}
@media screen and (max-width: 1199px) {
  .cart-page .sidebars__left .cart-body .product__sku {
    font-size: 16px;
  }
}
.cart-page .sidebars__left .cart-body .product__type {
  flex-basis: 32.6666666667%;
  width: 100%;
  flex-shrink: 0;
}
@media screen and (max-width: 991px) {
  .cart-page .sidebars__left .cart-body .product__type {
    padding: 8px 0;
    border-top: 1px solid var(--stroke, #eaeaea);
    border-bottom: 1px solid var(--stroke, #eaeaea);
  }
}
.cart-page .sidebars__left .cart-body .product__type .parameter__list {
  gap: 10px 7px;
}
.cart-page .sidebars__left .cart-body .product__type .dropdown-toggle {
  background: transparent;
  border: none;
  outline: 0;
}
.cart-page .sidebars__left .cart-body .product__type .dropdown-toggle::after {
  display: none;
}
.cart-page .sidebars__left .cart-body .product__type .dropdown-toggle > span {
  color: var(--grey-5);
  font-size: 16px;
  line-height: normal;
}
.cart-page .sidebars__left .cart-body .product__type .dropdown-toggle .data {
  margin-top: 8px;
  white-space: normal;
  text-align: left;
  line-height: normal;
}
@media screen and (max-width: 1399px) {
  .cart-page .sidebars__left .cart-body .product__type .dropdown-toggle .data {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .cart-page .sidebars__left .cart-body .product__type .dropdown-toggle .data {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .cart-page .sidebars__left .cart-body .product__type .dropdown-toggle .data {
    color: var(--grey-5);
  }
}
.cart-page .sidebars__left .cart-body .product__type .dropdown-menu {
  padding: 30px;
  border-radius: 8px;
  border: 1px solid var(--stroke, #eaeaea);
  background: #fff;
  filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.15));
  width: 720px;
}
.cart-page .sidebars__left .cart-body .product__type .dropdown-menu::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  height: 20px;
  width: 20px;
  background: #fff;
  top: -10px;
}
@media screen and (max-width: 1199px) {
  .cart-page .sidebars__left .cart-body .product__type .dropdown-menu {
    width: -moz-max-content;
    width: max-content;
    min-width: 450px;
    max-width: 550px;
  }
}
@media screen and (max-width: 767px) {
  .cart-page .sidebars__left .cart-body .product__type .dropdown-menu.change-product-in-cart {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 90vh;
    z-index: 999;
    transform: unset;
    left: 0;
    padding: 0 1rem 1rem;
    opacity: 0;
    visibility: hidden;
    display: block !important;
    transform: translateY(100%);
    transition: 0.3s ease-in-out;
    overflow-y: auto;
  }
  .cart-page .sidebars__left .cart-body .product__type .dropdown-menu.change-product-in-cart.show, .cart-page .sidebars__left .cart-body .product__type .dropdown-menu.change-product-in-cart.active {
    opacity: 1;
    visibility: visible;
    transform: unset;
    z-index: 9999;
  }
  .cart-page .sidebars__left .cart-body .product__type .dropdown-menu.change-product-in-cart::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
  }
  .cart-page .sidebars__left .cart-body .product__type .dropdown-menu.change-product-in-cart .head {
    border-bottom: 1px solid var(--stroke, #eaeaea);
    position: sticky;
    top: 0;
    padding: 16px;
    background: #fff;
    z-index: 2;
  }
  .cart-page .sidebars__left .cart-body .product__type .dropdown-menu.change-product-in-cart .parameter-box--asset {
    padding: 16px;
  }
  .cart-page .sidebars__left .cart-body .product__type .dropdown-menu.change-product-in-cart .parameter-box--asset .parameter {
    grid: none;
    gap: 0;
  }
  .cart-page .sidebars__left .cart-body .product__type .dropdown-menu.change-product-in-cart .parameter-box--asset .parameter__title {
    padding-top: 0;
  }
  .cart-page .sidebars__left .cart-body .product__type .dropdown-menu.change-product-in-cart .btn-groups {
    width: 100%;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 16px;
    background: #fff;
    border-top: 1px solid #e1e1e1;
    background: #fff;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    margin-top: 30px;
  }
  .cart-page .sidebars__left .cart-body .product__type .dropdown-menu.change-product-in-cart::after {
    display: none;
  }
}
.cart-page .sidebars__left .cart-body .product__type .btn-groups {
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.cart-page .sidebars__left .cart-body .product__type .btn-groups [class*=btn-] {
  padding: 12px 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  border-radius: 6px;
  line-height: normal;
}
.cart-page .sidebars__left .cart-body .product__type .btn-groups .btn-back {
  color: var(--green);
  border: 1px solid currentColor;
}
.cart-page .sidebars__left .cart-body .product__type .btn-groups .btn-confirm {
  background: var(--ever-gr, #05472a);
  border: 1px solid #05472a;
  color: #fff;
}
@media screen and (max-width: 1199px) {
  .cart-page .sidebars__left .cart-body .product__price {
    justify-content: center;
  }
}
.cart-page .sidebars__left .cart-body .product__price .price-sale {
  font-size: 16px;
}
.cart-page .sidebars__left .cart-body .product__price .price-old del {
  font-size: 14px;
}
.cart-page .sidebars__left .cart-body .product__total {
  color: var(--grey);
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 1199px) {
  .cart-page .sidebars__left .cart-body .product__total {
    text-align: center;
  }
}
@media screen and (max-width: 991px) {
  .cart-page .sidebars__left .cart-body .product__price, .cart-page .sidebars__left .cart-body .product__quantity, .cart-page .sidebars__left .cart-body .product__total {
    justify-content: flex-start;
    margin-left: 112px;
    text-align: left;
  }
}
.cart-page .sidebars-asset {
  margin-left: -16px;
  margin-right: -16px;
  padding-right: 16px;
  margin-right: 16px;
}
.cart-page .product__purchased {
  margin-top: 36px;
  padding-top: 60px;
  border-top: 1px solid var(--stroke, #eaeaea);
}
@media (min-width: 992px) and (max-width: 1199px) {
  .cart-page .product__purchased .row [class*=col-]:last-child {
    display: none;
  }
}
@media screen and (max-width: 1199px) {
  .cart-page .product__purchased {
    padding: 32px 0;
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .cart-page .product__purchased {
    padding: 24px 0;
  }
}
.cart-page .product__purchased .title {
  color: var(--grey);
  font-size: 22px;
  line-height: normal;
  margin-bottom: 48px;
}
@media screen and (max-width: 1199px) {
  .cart-page .product__purchased .title {
    margin-bottom: 24px;
  }
}
.cart-page .product__purchased .product-component-content {
  gap: 12px;
}
@media screen and (max-width: 1679px) {
  .cart-page .cart-top-mony,
  .cart-page .cart-top-bill,
  .cart-page .product__total {
    text-align: center;
  }
  .cart-page .product__price {
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .cart-page {
    background: #fff;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .product__purchased .row [class*=col-]:last-child {
    display: none;
  }
}

.modal-delete-product {
  padding: 32px 60px 40px;
}
.modal-delete-product .modal-header {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--stroke, #eaeaea);
}
.modal-delete-product .btn-close {
  background: transparent;
  outline: 0;
  box-shadow: none;
  height: auto;
  width: auto;
}
.modal-delete-product .modal-title {
  color: var(--grey);
  font-size: 22px;
  line-height: normal;
  margin: 0;
}
.modal-delete-product .modal-body {
  font-size: 16px;
  line-height: 22px;
}
.modal-delete-product .modal-body .text {
  color: var(--black60, #848483);
  color: var(--black60, #848483);
}
.modal-delete-product .modal-body .regulations {
  display: block;
  color: var(--black80, #575756);
  font-size: 16px;
  line-height: 22px;
  text-decoration-line: underline;
}
.modal-delete-product .modal-body .btn-groups {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 32px;
}
.modal-delete-product .modal-body .btn-groups a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  padding: 12px 24px;
  background: var(--ever-gr, #05472a);
  color: #fff;
}
.modal-delete-product .modal-body .btn-groups a:not(:last-child) {
  border: 1px solid currentColor;
  color: var(--green);
  background: transparent;
}
@media screen and (max-width: 767px) {
  .modal-delete-product .cancelingorders-content {
    max-height: 70vh;
    overflow-y: auto;
  }
}

.modal-change-address {
  transition: 0.3s ease-in-out;
}
.modal-change-address .modal-dialog {
  max-width: 900px;
  border-radius: 12px;
  background: #fff;
  border: none;
  min-height: auto;
}
@media screen and (max-width: 1023px) {
  .modal-change-address .modal-dialog {
    max-width: 95%;
  }
}
@media screen and (max-width: 767px) {
  .modal-change-address .modal-dialog {
    max-width: 100%;
  }
}
.modal-change-address .address {
  display: flex;
  align-items: center;
  gap: 8px;
}
.modal-change-address .address .position {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 15px;
  min-height: 26px;
}
.modal-change-address .address-type {
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  border-radius: 30px;
  background: rgba(137, 195, 92, 0.2);
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 8px;
  color: var(--ever-gr, #05472a) !important;
}
@media screen and (max-width: 767px) {
  .modal-change-address .address-type {
    margin-bottom: 8px;
  }
}
.modal-change-address .address-item {
  display: flex;
  align-items: center;
  gap: 16px;
  border: 1px solid rgba(41, 41, 41, 0.1);
  background: #fff;
  margin-bottom: 16px;
  padding: 16px 12px;
}
.modal-change-address .address-item:last-child {
  margin-bottom: 32px;
}
.modal-change-address .address-item .name {
  color: var(--grey);
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}
.modal-change-address .address-item .name span {
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  border-radius: 30px;
  background: rgba(137, 195, 92, 0.2);
  display: inline-block;
  padding: 4px 8px;
  color: var(--ever-gr, #05472a) !important;
  width: -moz-fit-content;
  width: fit-content;
}
.modal-change-address .address-item .name .line {
  color: rgba(41, 41, 41, 0.5);
  transform: translateY(-2px);
  font-weight: normal;
}
.modal-change-address .address-item .btn-groups a {
  display: inline-block;
  padding: 5px 0;
  color: var(--warning, #f53b00);
  font-size: 16px;
  line-height: 22px;
  /* 137.5% */
}
.modal-change-address .address-item .btn-groups a:not(:last-child) {
  color: var(--green);
}
.modal-change-address .btn-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 32px;
}
.modal-change-address .btn-foot a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 16px;
  line-height: normal;
  padding: 12px 24px;
  border-radius: 6px;
}
.modal-change-address .btn-foot .btn-add-new,
.modal-change-address .btn-foot .btn-cancle {
  color: var(--green);
  border: 1px solid currentColor;
}
.modal-change-address .btn-foot .btn-confirm {
  color: #fff !important;
  border: 1px solid currentColor;
  background: var(--ever-gr, #05472a);
}
@media screen and (max-width: 767px) {
  .modal-change-address .modal-dialog {
    max-width: 100%;
  }
  .modal-change-address .address .position {
    font-size: 14px;
  }
  .modal-change-address .address_body {
    max-height: 52vh;
    overflow-y: auto;
  }
  .modal-change-address .address-item {
    flex-wrap: wrap;
    gap: 8px 16px;
  }
  .modal-change-address .address-item:last-child {
    margin-bottom: 0;
  }
  .modal-change-address .address-item .name {
    flex-wrap: wrap;
  }
  .modal-change-address .address-item .data {
    display: flex;
    flex-direction: column;
    flex-basis: calc(100% - 40px);
    margin-left: auto;
  }
  .modal-change-address .address-item .btn-groups {
    margin-left: 35px;
  }
  .modal-change-address .btn-foot {
    flex-wrap: wrap;
  }
  .modal-change-address .btn-foot .btn-add-new {
    gap: 4px;
    padding: 12px;
  }
  .modal-change-address .btn-foot > div.d-flex {
    margin: 0;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 16px;
    margin: 0 -16px -16px -16px;
    border-top: 1px solid #e1e1e1;
    background: #fff;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    margin-top: 16px;
    flex-basis: calc(100% + 32px);
  }
}

.box_deal {
  color: var(--ever-gr, #05472a);
  font-size: 14px;
  line-height: 16px;
  padding: 2px 6px;
  border-radius: 30px;
  border: 1px solid var(--Chai, #d2ab80);
  background: rgba(210, 171, 128, 0.2);
  margin-right: 5px;
}
@media screen and (max-width: 575.99px) {
  .box_deal {
    font-size: 11px;
  }
}

.cart-empty {
  background: #fbf7f3;
  color: var(--grey);
  padding: 200px 0;
  /* phi20 */
  font-size: 20px;
  line-height: normal;
}
@media screen and (max-width: 1199px) {
  .cart-empty {
    padding: 50px 0;
  }
}
.cart-empty h2 {
  color: var(--grey);
  font-size: 36px;
  line-height: normal;
  margin-bottom: 24px;
}
.cart-empty p {
  margin-bottom: 32px;
}
.cart-empty a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: var(--ever-gr, #05472a);
  display: inline-flex;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-size: 18px;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .overlay-dropdown {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 9;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: 0.15s linear;
  }
  .overlay-dropdown.active {
    opacity: 1;
    visibility: visible;
  }
}

.ldp-promotion-slide {
  position: relative;
}
.ldp-promotion-slide::after {
  content: "";
  opacity: 0.8;
  background: linear-gradient(180deg, #fff 5.37%, rgba(255, 255, 255, 0.91) 28.69%, rgba(255, 255, 255, 0) 79.57%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 45%;
  z-index: 1;
}
.ldp-promotion-slide .swiper-slide {
  height: 947px;
  position: relative;
  overflow: hidden;
}
.ldp-promotion-slide .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.ldp-promotion-slide .swiper-slide .btn-deal {
  position: absolute;
  bottom: 214px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
.ldp-promotion-slide .swiper-slide .btn-deal a {
  border-radius: 6px;
  background: #05472a;
  padding: 20px 30px;
  color: var(--white, #fff);
  font-size: 22px;
  line-height: normal;
  text-transform: uppercase;
}
.ldp-promotion-slide .promotion__nav [class*=swiper-button]::after {
  display: none;
}
.ldp-promotion-slide .promotion__nav [class*=swiper-button].swiper-button-prev {
  left: 85px;
}
.ldp-promotion-slide .promotion__nav [class*=swiper-button].swiper-button-next {
  right: 85px;
}
.ldp-promotion-slide .promotion__nav .swiper-pagination {
  bottom: 50px;
}
.ldp-promotion-slide .promotion__nav .swiper-pagination .swiper-pagination {
  top: auto;
  bottom: 40px;
}
.ldp-promotion-slide .promotion__nav .swiper-pagination .swiper-pagination-bullet {
  background: #d9d9d9;
  width: 65px;
  height: 3px;
  border-radius: 0;
}
.ldp-promotion-slide .promotion__nav .swiper-pagination .swiper-pagination-bullet-active {
  background: #05472a;
  height: 6px;
}

.header-ldp {
  display: flex;
  align-items: center;
  padding: 12px 0;
  gap: 100px;
  position: absolute;
  top: 36px;
  left: 0;
  right: 0;
  z-index: 11;
  justify-content: center;
}
.header-ldp .header_nav_link {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media screen and (min-width: 1399.99px) {
  .header-ldp .header_nav_link {
    gap: 100px;
  }
}
.header-ldp .header_nav_link a {
  color: #292929;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.ldp-benefit {
  background: #fbf7f3;
  padding: 85px 0 60px;
}
.ldp-benefit .benefit_item {
  gap: 20px;
}
.ldp-benefit .benefit_item .icon {
  width: 65px;
  height: 65px;
}
.ldp-benefit .benefit_item .content .title {
  color: var(--grey);
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 6px;
}
.ldp-benefit .benefit_item .content p {
  color: var(--grey);
  font-size: 18px;
  line-height: 28px;
  margin: 0;
}

.giving-program-section {
  padding: 104px 0 64px;
}
.giving-program-section .giving_header {
  margin-bottom: 52px;
}
.giving-program-section .giving_header .title {
  color: #05472a;
  font-size: 32px;
  font-weight: 400;
  line-height: 42px;
  text-transform: uppercase;
}
.giving-program-section .giving_header .title span {
  color: #000;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  opacity: 0.5;
}
.giving-program-section .giving_header .description {
  color: var(--grey);
  font-size: 18px;
  line-height: 28px;
  max-width: 600px;
}
.giving-program-section .product-component .product-component-image {
  padding-bottom: 88%;
}
.giving-program-section .product-component .product-component-name {
  font-size: 24px;
}
.giving-program-section .product-component .description {
  color: var(--Gray-3, #828282);
  font-size: 20px;
  line-height: 26px;
}
.giving-program-section .product-giving-swiper .swiper-slide {
  height: calc((100% - 60px) / 2) !important;
}
.giving-program-section .product-giving-swiper .giving__nav {
  width: 100%;
  margin-right: auto;
  padding: 28px 0;
  position: relative;
}
.giving-program-section .product-giving-swiper .giving__nav [class*=swiper-button] {
  position: static;
  margin: 0;
  height: auto;
  width: auto;
}
.giving-program-section .product-giving-swiper .giving__nav [class*=swiper-button]::after {
  display: none;
}
.giving-program-section .product-giving-swiper .giving__nav .swiper-button {
  position: absolute;
  top: 10px;
  right: 0;
  background: #fff;
  z-index: 11;
  padding-left: 30px;
}
.giving-program-section .product-giving-swiper .giving__nav .swiper-pagination {
  position: static;
}
.giving-program-section .product-giving-swiper .giving__nav .swiper-pagination.swiper-pagination-progressbar {
  height: 1px;
  background: rgba(41, 41, 41, 0.2);
}
.giving-program-section .product-giving-swiper .giving__nav .swiper-pagination .swiper-pagination-progressbar-fill {
  background: #715d47;
}

.ldp-block-section {
  padding-top: 20px;
}
.ldp-block-section .item {
  position: relative;
  overflow: hidden;
  display: block;
  height: 460px;
}
.ldp-block-section .item:hover img {
  transform: scale(1.06);
}
.ldp-block-section .item img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 1s cubic-bezier(0.15, 0.75, 0.5, 1) 0s;
}

@media screen and (min-width: 1200px) {
  .banner-product-promotion {
    margin-top: 0 !important;
  }
}
.banner-product-promotion .container-fluid, .banner-product-promotion .banner-section h2, .banner-section .banner-product-promotion h2, .banner-product-promotion .page-news-blog-gallery .product-exclusively, .page-news-blog-gallery .banner-product-promotion .product-exclusively {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.banner-product-promotion [class*=swiper-button] {
  width: 23px;
  height: 42px;
}
.banner-product-promotion [class*=swiper-button]::after {
  display: none;
}
.banner-product-promotion .swiper-slide a {
  position: absolute;
  top: 66%;
  height: 11%;
  width: 20%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
@media screen and (min-width: 1200px) {
  .banner-product-promotion .swiper-pagination {
    bottom: 55px;
  }
}
.banner-product-promotion .swiper-pagination-bullet {
  background: #d9d9d9;
  transition: 0.3s ease-in-out;
  opacity: 1;
}
@media screen and (min-width: 1200px) {
  .banner-product-promotion .swiper-pagination-bullet {
    border-radius: 0;
    width: 65.525px;
    height: 3px;
  }
}
.banner-product-promotion .swiper-pagination-bullet-active {
  background: #05472a;
}
@media screen and (min-width: 1200px) {
  .banner-product-promotion .swiper-pagination-bullet-active {
    height: 6px;
  }
}

.swiper-pagination-lock,
.swiper-button-lock {
  display: none !important;
}

.landing-page-minigame .block-img-gallery {
  position: relative;
}
.landing-page-minigame .block-img-gallery::after {
  content: "";
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 34.1784989858%;
  opacity: 0.8;
  background: linear-gradient(180deg, #fff 5.37%, rgba(255, 255, 255, 0.91) 28.69%, rgba(255, 255, 255, 0) 69.55%);
  pointer-events: none;
}

.header-minigame .container-fluid, .header-minigame .banner-section h2, .banner-section .header-minigame h2, .header-minigame .page-news-blog-gallery .product-exclusively, .page-news-blog-gallery .header-minigame .product-exclusively {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 48px;
  z-index: 2;
}
.header-minigame .logo {
  flex-shrink: 0;
}
.header-minigame a {
  color: #292929;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.header-minigame .wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 88px;
}
.header-minigame .nav-left,
.header-minigame .nav-right {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: space-around;
  max-width: 450px;
  width: 100%;
}
@media screen and (max-width: 1199px) {
  .header-minigame {
    background: #fff;
    padding: 12px 0;
  }
  .header-minigame .container-fluid, .header-minigame .banner-section h2, .banner-section .header-minigame h2, .header-minigame .page-news-blog-gallery .product-exclusively, .page-news-blog-gallery .header-minigame .product-exclusively {
    position: static;
    transform: unset;
    justify-content: space-between;
    gap: 10px;
  }
  .header-minigame .wrapper {
    justify-content: space-between;
  }
  .header-minigame .logo svg,
  .header-minigame .logo img {
    width: 100px;
    height: -moz-fit-content;
    height: fit-content;
  }
  .header-minigame .nav {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 20px;
  }
  .header-minigame #offcanvasTopMinigame {
    height: -moz-fit-content;
    height: fit-content;
    padding: 30px 1rem;
    width: 100%;
  }
  .header-minigame #offcanvasTopMinigame .offcanvas-header {
    justify-content: flex-end;
  }
  .header-minigame #offcanvasTopMinigame .offcanvas-body {
    height: auto;
    overflow: hidden;
  }
}

.ldp-minigame-banner .ldp-minigame-banner-image {
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.ldp-minigame-banner .ldp-minigame-banner-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.ldp-minigame-banner .minigame-content {
  max-width: 548px;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 45%;
  transform: translateY(-50%);
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .ldp-minigame-banner .minigame-content {
    top: 50%;
  }
}
.ldp-minigame-banner .minigame-content .title {
  color: var(--green);
  text-align: center;
  font-size: 80px;
  line-height: 1.25;
  margin: 0 0 6px;
}
@media screen and (max-width: 1199px) {
  .ldp-minigame-banner .minigame-content .title {
    font-size: 65px;
  }
}
@media screen and (max-width: 1023.98px) {
  .ldp-minigame-banner .minigame-content .title {
    font-size: 45px;
  }
}
.ldp-minigame-banner .minigame-content .desc {
  color: var(--green);
  font-size: 18px;
  line-height: normal;
}
.ldp-minigame-banner .minigame-content .btn-muangay {
  margin-top: 95px;
}
@media screen and (max-width: 1199px) {
  .ldp-minigame-banner .minigame-content .btn-muangay {
    margin-top: 30px;
  }
}
.ldp-minigame-banner .minigame-content .btn-muangay a {
  border-radius: 6px;
  background: #05472a;
  padding: 20px 30px;
  color: var(--white, #fff);
  font-size: 22px;
  line-height: normal;
  text-transform: uppercase;
  color: #fff;
}
@media screen and (max-width: 1199px) {
  .ldp-minigame-banner .minigame-content .btn-muangay a {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .ldp-minigame-banner .minigame-content .btn-muangay a {
    padding: 12px 20px;
  }
}

.join-section-wrapper {
  position: relative;
  padding-top: 70px;
}
@media screen and (max-width: 1199px) {
  .join-section-wrapper {
    padding-top: 40px;
  }
}
.join-section-wrapper::after {
  content: "";
  background: url(../images/ldp-promotion/bg-join-section.png);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  background-repeat: no-repeat;
  z-index: -1;
}

.join-section .join_header {
  max-width: 1028px;
  margin: 0 auto;
  padding-bottom: 60px;
}
@media screen and (max-width: 1199px) {
  .join-section .join_header {
    padding-bottom: 30px;
  }
}
.join-section .join_header .title {
  color: var(--grey);
  font-size: 40px;
  font-weight: 600;
  line-height: 1.75;
  margin-bottom: 20px;
}
@media screen and (max-width: 1199px) {
  .join-section .join_header .title {
    font-size: 32px;
  }
}
.join-section .join_header .des {
  color: var(--Gray-2, #4f4f4f);
  text-align: center;
  font-size: 20px;
  line-height: 1.4;
  margin: 0;
}
@media screen and (max-width: 1199px) {
  .join-section .join_header .des {
    font-size: 16px;
  }
}
.join-section .steps-minigame {
  gap: 89px;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
@media screen and (min-width: 1280px) {
  .join-section .steps-minigame {
    max-width: 1191px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .join-section .steps-minigame {
    gap: 20px;
  }
}
.join-section .steps-minigame .line {
  background: #aab583;
  height: 2px;
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  z-index: 1;
  max-width: 65%;
  margin: 0 auto;
}
@media screen and (max-width: 1199px) {
  .join-section .steps-minigame .line {
    top: 40px;
  }
}
.join-section .steps-minigame .steps_item {
  text-align: center;
  position: relative;
  z-index: 2;
}
.join-section .steps-minigame .steps_item .icon {
  width: 110px;
  height: 110px;
  display: inline-block;
  margin-bottom: 16px;
  background: #fbf7f3;
}
.join-section .steps-minigame .steps_item .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1199px) {
  .join-section .steps-minigame .steps_item .icon {
    width: 80px;
    height: 80px;
  }
}
.join-section .steps-minigame .steps_item .content {
  color: #4f4f4f;
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  max-width: 341px;
  margin: 0 auto;
}
@media screen and (max-width: 1199px) {
  .join-section .steps-minigame .steps_item .content {
    font-size: 16px;
  }
}

.prize-structure {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  margin: 47px auto 0 auto;
  max-width: 1182px;
}
@media screen and (max-width: 767px) {
  .prize-structure {
    grid-template-columns: unset;
  }
}
.prize-structure .btn-note {
  display: flex;
  align-items: center;
  border: 1px solid #cbd3b0;
  padding: 10px;
  background: transparent;
  width: 100%;
}
.prize-structure .btn-note .icon {
  width: 75px;
  height: 75px;
  margin-right: 14px;
}
.prize-structure .btn-note .text h3 {
  color: #05472a;
  font-size: 22px;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  text-align: left;
}
@media screen and (max-width: 1199px) {
  .prize-structure .btn-note .text h3 {
    font-size: 18px;
  }
}
.prize-structure .btn-note .text span {
  color: #4f4f4f;
  font-size: 18px;
  line-height: normal;
  text-decoration-line: underline;
  text-transform: initial;
}
@media screen and (max-width: 1199px) {
  .prize-structure .btn-note .text span {
    font-size: 16px;
  }
}

.modal-choose-prize-structure .modal-dialog {
  max-width: 809px;
}
@media screen and (max-width: 767px) {
  .modal-choose-prize-structure .modal-dialog {
    max-width: 95%;
  }
}
.modal-choose-prize-structure .modal-content {
  padding: 50px 40px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .modal-choose-prize-structure .modal-content {
    padding: 30px 20px;
  }
}
.modal-choose-prize-structure .modal-content::after {
  content: "";
  background: url(../images/ldp-promotion/bg-pop-minigame.png);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-repeat: no-repeat;
  max-width: 520px;
  z-index: -1;
}
.modal-choose-prize-structure .modal-content .modal-header {
  padding-top: 0;
}
.modal-choose-prize-structure .modal-content .modal-body .modal_item {
  display: flex;
  gap: 24px;
  position: relative;
  margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
  .modal-choose-prize-structure .modal-content .modal-body .modal_item {
    flex-wrap: wrap;
  }
}
.modal-choose-prize-structure .modal-content .modal-body .modal_item .content {
  width: 51.54325%;
}
@media screen and (max-width: 480px) {
  .modal-choose-prize-structure .modal-content .modal-body .modal_item .content {
    width: 100%;
  }
}
.modal-choose-prize-structure .modal-content .modal-body .modal_item .content .title {
  color: #05472a;
  font-size: 26px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 20px;
}
.modal-choose-prize-structure .modal-content .modal-body .modal_item .content .desc {
  color: var(--Gray-2, #4f4f4f);
  font-size: 16px;
  line-height: 24px;
}
.modal-choose-prize-structure .modal-content .modal-body .modal_item .modal_imgae {
  position: relative;
  padding-bottom: 22.2%;
  display: block;
  width: 45%;
}
@media screen and (max-width: 480px) {
  .modal-choose-prize-structure .modal-content .modal-body .modal_item .modal_imgae {
    width: 100%;
    padding-bottom: 45.2%;
  }
}
.modal-choose-prize-structure .modal-content .modal-body .modal_item .modal_imgae img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.modal-choose-prize-structure .modal-content .modal-footer {
  text-align: center;
  border: none;
  box-shadow: none;
  justify-content: center;
  margin: 0;
}
.modal-choose-prize-structure .modal-content .modal-footer .text {
  color: var(--Gray-2, #4f4f4f);
  text-align: center;
  font-size: 14px;
  line-height: 20px;
}

.exam_time_section {
  margin-top: 36px;
}
@media screen and (min-width: 1200px) {
  .exam_time_section .exam_content {
    padding: 0 145px;
  }
}
.exam_time_section #accordionFlushExample {
  padding: 0 34px 26px 34px;
  position: relative;
  background: linear-gradient(#fbf7f3, #fbf7f3) 50% 50%/calc(100% - 2px) calc(100% - 2px) no-repeat, linear-gradient(0deg, rgba(203, 211, 176, 0.16) 12%, #cbd3b0 100%);
  border-radius: 0px;
  box-sizing: border-box;
}
@media screen and (max-width: 1199px) {
  .exam_time_section #accordionFlushExample {
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .exam_time_section #accordionFlushExample {
    padding: 0 1rem;
  }
}
.exam_time_section #accordionFlushExample .accordion-item {
  background: transparent;
  padding: 50px 0;
  position: relative;
  z-index: 2;
  border-bottom: 1px solid #cbd3b0;
}
@media screen and (max-width: 1199px) {
  .exam_time_section #accordionFlushExample .accordion-item {
    padding: 20px 0;
  }
}
.exam_time_section #accordionFlushExample .accordion-item:last-child {
  border-bottom: none;
}
.exam_time_section #accordionFlushExample .accordion-item:first-child .accordion-button .text .des {
  display: none;
}
.exam_time_section #accordionFlushExample .accordion-item .accordion-button {
  background: #fbf7f3;
  padding: 0;
  gap: 40px;
  outline: none;
  box-shadow: none;
  align-items: flex-start;
  display: grid;
  grid-template-columns: 235px 1fr;
  padding-right: 25px;
}
.exam_time_section #accordionFlushExample .accordion-item .accordion-button::after {
  position: absolute;
  top: 6px;
  right: 0;
  background-image: url(../images/ic-down-ldp.png);
}
.exam_time_section #accordionFlushExample .accordion-item .accordion-button .date {
  padding: 10px 30px;
  border-radius: 6px;
  background: #05472a;
  color: var(--white, #fff);
  font-size: 22px;
  line-height: normal;
  text-transform: uppercase;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .exam_time_section #accordionFlushExample .accordion-item .accordion-button .date {
    font-size: 18px;
    padding: 10px 20px;
  }
}
@media screen and (max-width: 767px) {
  .exam_time_section #accordionFlushExample .accordion-item .accordion-button .date {
    font-size: 16px;
    padding: 6px;
  }
}
.exam_time_section #accordionFlushExample .accordion-item .accordion-button .text .title {
  color: var(--grey);
  font-size: 22px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 10px;
}
@media screen and (max-width: 1199px) {
  .exam_time_section #accordionFlushExample .accordion-item .accordion-button .text .title {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .exam_time_section #accordionFlushExample .accordion-item .accordion-button .text .title {
    font-size: 16px;
    margin-bottom: 0;
  }
}
.exam_time_section #accordionFlushExample .accordion-item .accordion-button .text .des {
  color: var(--Gray-2, #4f4f4f);
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}
.exam_time_section #accordionFlushExample .accordion-item .accordion-button .text .btn-dky {
  border-radius: 6px;
  background: var(--mist, #cbd3b0);
  padding: 14px 24px;
  color: #05472a;
  font-size: 18px;
  line-height: normal;
  display: inline-block;
  margin-top: 30px;
}
@media screen and (max-width: 1199px) {
  .exam_time_section #accordionFlushExample .accordion-item .accordion-button {
    grid-template-columns: 180px 1fr;
    gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .exam_time_section #accordionFlushExample .accordion-item .accordion-button {
    grid-template-columns: 120px 1fr;
    align-items: center;
    gap: 10px;
  }
  .exam_time_section #accordionFlushExample .accordion-item .accordion-button .des {
    display: none !important;
  }
}
.exam_time_section #accordionFlushExample .accordion-item .accordion-body {
  padding: 0;
}
.exam_time_section #accordionFlushExample .accordion-item .accordion-body .content_accordion {
  display: flex;
  gap: 30px;
  max-width: 1090px;
  margin-left: auto;
  padding-right: 40px;
}
@media screen and (max-width: 1399px) {
  .exam_time_section #accordionFlushExample .accordion-item .accordion-body .content_accordion {
    margin-top: 10px;
  }
}
@media screen and (max-width: 1199px) {
  .exam_time_section #accordionFlushExample .accordion-item .accordion-body .content_accordion {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .exam_time_section #accordionFlushExample .accordion-item .accordion-body .content_accordion {
    grid-template-columns: none;
  }
}
@media screen and (min-width: 1200px) {
  .exam_time_section #accordionFlushExample .accordion-item .accordion-body .content_accordion .text {
    width: calc(100% - 447px);
  }
}
.exam_time_section #accordionFlushExample .accordion-item .accordion-body .content_accordion .text .des {
  color: var(--Gray-2, #4f4f4f);
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}
.exam_time_section #accordionFlushExample .accordion-item .accordion-body .content_accordion .text .btn-dky {
  border-radius: 6px;
  background: var(--mist, #cbd3b0);
  padding: 14px 24px;
  color: #05472a;
  font-size: 18px;
  line-height: normal;
  display: inline-block;
  margin-top: 30px;
}
@media screen and (max-width: 1199px) {
  .exam_time_section #accordionFlushExample .accordion-item .accordion-body .content_accordion .text .btn-dky {
    padding: 12px 20px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .exam_time_section #accordionFlushExample .accordion-item .accordion-body .content_accordion .text .btn-dky {
    padding: 10px 16px;
    font-size: 16px;
  }
}
.exam_time_section #accordionFlushExample .accordion-item .accordion-body .content_accordion .image {
  position: relative;
}
@media screen and (min-width: 1200px) {
  .exam_time_section #accordionFlushExample .accordion-item .accordion-body .content_accordion .image {
    width: 447px;
  }
}
.exam_time_section #accordionFlushExample .accordion-item .accordion-body .content_accordion .image img {
  inset: 0;
  transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.bst-radiant-dawn {
  padding-top: 118px;
}
@media screen and (max-width: 1199px) {
  .bst-radiant-dawn {
    padding-top: 40px;
  }
}
.bst-radiant-dawn .bst-radiant-title {
  max-width: 976px;
  margin: 0 auto 40px;
}
.bst-radiant-dawn .bst-radiant-title .title {
  color: var(--grey);
  font-size: 40px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 20px;
}
@media screen and (max-width: 1199px) {
  .bst-radiant-dawn .bst-radiant-title .title {
    font-size: 35px;
  }
}
.bst-radiant-dawn .bst-radiant-title .des {
  color: var(--grey);
  text-align: center;
  font-size: 18px;
  line-height: 1.5555555556;
}
@media screen and (max-width: 1199px) {
  .bst-radiant-dawn .bst-radiant-title .des {
    font-size: 16px;
  }
}
.bst-radiant-dawn .bst-radiant-title .btn-dky {
  border-radius: 6px;
  background: #05472a;
  padding: 20px 30px;
  color: var(--white, #fff);
  font-size: 22px;
  line-height: normal;
  text-transform: uppercase;
  display: inline-block;
  margin-top: 20px;
}
@media screen and (max-width: 1199px) {
  .bst-radiant-dawn .bst-radiant-title .btn-dky {
    padding: 14px 24px;
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .bst-radiant-dawn .bst-radiant-title .btn-dky {
    padding: 12px 20px;
    font-size: 16px;
  }
}
.bst-radiant-dawn .bst-radiant-video {
  position: relative;
  padding-bottom: 51.9%;
  border: 20px solid #fff;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%), url(<path-to-image>), lightgray 18.729px 11.955px/97.058% 172.547% no-repeat;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
}
.bst-radiant-dawn .bst-radiant-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 1199px) {
  .bst-radiant-dawn .bst-radiant-video {
    padding-bottom: 56.25%;
    border: 10px solid #fff;
  }
}

.ldp-new-collection-section {
  padding: 194px 0 107px;
}
@media screen and (max-width: 1199px) {
  .ldp-new-collection-section {
    padding: 40px 0;
  }
}
.ldp-new-collection-section .collection__title .title {
  color: #05472a;
  font-size: var(--fontSize-title-2);
  line-height: normal;
}
@media screen and (max-width: 1199px) {
  .ldp-new-collection-section .collection__title .title {
    font-size: 42px;
  }
}
.ldp-new-collection-section .collection__title .title span {
  color: #000;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  margin-bottom: 16px;
  opacity: 0.5;
}
.ldp-new-collection-section .collection__title .des {
  color: var(--grey);
  font-family: Montserrat;
  font-size: 18px;
  line-height: 28px;
}
.ldp-new-collection-section .btn-dky a {
  border-radius: 6px;
  background: #05472a;
  padding: 20px 30px;
  color: var(--white, #fff);
  font-size: 22px;
  line-height: normal;
  text-transform: uppercase;
  display: inline-block;
}
.ldp-new-collection-section .ldp-product-collection-swiper .swiper-slide {
  height: calc((100% - 60px) / 2) !important;
}
.ldp-new-collection-section .ldp-product-collection-swiper .collection__nav {
  width: 100%;
  margin-right: auto;
  padding: 28px 0;
  position: relative;
}
.ldp-new-collection-section .ldp-product-collection-swiper .collection__nav [class*=swiper-button] {
  position: static;
  margin: 0;
  height: auto;
  width: auto;
}
.ldp-new-collection-section .ldp-product-collection-swiper .collection__nav [class*=swiper-button]::after {
  display: none;
}
.ldp-new-collection-section .ldp-product-collection-swiper .collection__nav .swiper-button {
  position: absolute;
  top: 10px;
  right: 0;
  background: #fff;
  z-index: 11;
  padding-left: 30px;
}
.ldp-new-collection-section .ldp-product-collection-swiper .collection__nav .swiper-pagination {
  position: static;
}
.ldp-new-collection-section .ldp-product-collection-swiper .collection__nav .swiper-pagination.swiper-pagination-progressbar {
  height: 1px;
  background: rgba(41, 41, 41, 0.2);
}
.ldp-new-collection-section .ldp-product-collection-swiper .collection__nav .swiper-pagination .swiper-pagination-progressbar-fill {
  background: #715d47;
}

.modal-form-register .modal-header {
  padding: 0;
  border-bottom: none;
  margin-bottom: 20px;
}
.modal-form-register .register_title {
  color: #05472a;
  font-size: 26px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 38px;
  text-align: center;
}
.modal-form-register .form-register .grids {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media screen and (max-width: 480px) {
  .modal-form-register .form-register .grids {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.modal-form-register .form-register .form-group {
  margin-bottom: 16px;
}
.modal-form-register .form-register .form-group textarea,
.modal-form-register .form-register .form-group input {
  border-radius: 6px;
  border: 1px solid #cbd3b0;
  background: #fff;
  padding: 12px 20px 12px 20px;
  color: var(--Gray-2, #4f4f4f);
  font-size: 16px;
  line-height: 24px;
  outline: none;
  box-shadow: none;
}
.modal-form-register .form-register .form-group textarea {
  width: 100%;
  min-height: 120px;
}
.modal-form-register .modal-footer {
  box-shadow: none;
  border-top: none;
}
@media screen and (max-width: 480px) {
  .modal-form-register .modal-footer .register_btn {
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center !important;
  }
}
.modal-form-register .modal-footer .ipn-register input {
  display: none;
}
.modal-form-register .modal-footer .ipn-register .box_upload {
  border-radius: 6px;
  border: 1px solid #cbd3b0;
  background: var(--Neutral-1, #fff);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  padding: 5px 16px;
  cursor: pointer;
}
.modal-form-register .modal-footer .ipn-register .box_upload .box_upload_content {
  display: flex;
  align-items: center;
  gap: 8px;
}
.modal-form-register .modal-footer .ipn-register .desc {
  color: #05472a;
  font-family: "Roboto";
  font-size: 14px;
  line-height: 28px;
  margin: 0;
}
.modal-form-register .modal-footer .btn-groups a {
  background: var(--ever-gr, #05472a);
  color: #fff;
  border: 1px solid var(--green);
  font-size: 18px;
  line-height: normal;
  padding: 14px 24px;
  border-radius: 6px;
  text-align: center;
  text-transform: uppercase;
}

.login_page_from {
  width: 560px;
  padding: 60px 60px 120px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .login_page_from.sign-up .form-actions .button-login {
    margin-top: 8px;
  }
  .login_page_from.sign-up .form-footer {
    margin-top: 24px;
  }
}
.login_page_from.forgot-password {
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 575px) {
  .login_page_from {
    width: 100%;
    padding: 24px 16px;
  }
}
.login_page_from .login_header {
  margin-bottom: 24px;
}
@media (max-width: 575px) {
  .login_page_from .login_header {
    text-align: center;
    margin-bottom: 16px;
  }
}
.login_page_from .login_header .title {
  color: var(--grey);
  font-size: 36px;
  line-height: normal;
  margin-bottom: 8px;
}
@media (max-width: 575px) {
  .login_page_from .login_header .title {
    font-size: 26px;
  }
}
.login_page_from .login_header .desc {
  color: var(--black60, #848483);
  font-size: 16px;
  line-height: 22px;
}
@media (max-width: 575px) {
  .login_page_from .login_header .desc {
    font-size: 14px;
  }
}
.login_page_from #loginForm .ipt-input-icon::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  background-repeat: no-repeat;
}
.login_page_from #loginForm .ipt-input-icon-email::after {
  background-image: url(../images/icon-mail.png);
}
.login_page_from #loginForm .ipt-input-icon-name::after {
  background-image: url(../images/name-login-icon.png);
}
.login_page_from #loginForm .ipt-input-icon-password .form-input, .login_page_from #loginForm .ipt-input-icon-repassword .form-input {
  padding-right: 40px;
}
.login_page_from #loginForm .ipt-input-icon-password::after, .login_page_from #loginForm .ipt-input-icon-repassword::after {
  background-image: url(../images/icon-lock.png);
}
.login_page_from #loginForm .ipt-input-icon .togglePassword {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.login_page_from #loginForm .ipt-input-icon .togglePassword [class*=eye-] img {
  width: 20px;
  height: 20px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.login_page_from #loginForm .ipt-input {
  width: 100%;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .login_page_from #loginForm .ipt-input {
    margin-bottom: 16px;
  }
}
.login_page_from #loginForm .ipt-input label {
  color: var(--black80, #575756);
  font-size: 16px;
  line-height: 22px;
  display: block;
  margin-bottom: 12px;
}
.login_page_from #loginForm .ipt-input input:-webkit-autofill,
.login_page_from #loginForm .ipt-input input:-webkit-autofill:hover,
.login_page_from #loginForm .ipt-input input:-webkit-autofill:focus,
.login_page_from #loginForm .ipt-input input:-webkit-autofill:active {
  -webkit-transition: background-color 9999s ease-in-out 0s;
  transition: background-color 9999s ease-in-out 0s;
}
.login_page_from #loginForm .ipt-input input {
  border: 1px solid rgba(41, 41, 41, 0.2);
  background: var(--Base-White, #fff);
  color: var(--grey);
  font-size: 16px;
  line-height: 22px;
  padding: 10px 14px 10px 40px;
  width: 100%;
  outline: none;
}
.login_page_from #loginForm .ipt-input input#name-login {
  background: url(../images/name-login-icon.png) no-repeat #fff;
  background-position: 10px center;
}
.login_page_from .form-actions .link-forgot {
  color: var(--green);
  font-size: 16px;
  line-height: 22px;
  display: block;
}
.login_page_from .form-actions .button-login {
  border-radius: 6px;
  border: none;
  padding: 12px 24px;
  color: var(--white, #fff);
  font-size: 18px;
  line-height: normal;
  width: 100%;
  margin-top: 24px;
  transition: 0.3s ease-out;
  background: var(--mist, #cbd3b0);
}
.login_page_from .form-actions .button-login:hover, .login_page_from .form-actions .button-login:focus {
  background: var(--green);
}
.login_page_from .form-actions .button-login.button-gui {
  margin-top: 0;
}
.login_page_from .form-footer {
  margin-top: 32px;
}
.login_page_from .form-footer .text-form {
  position: relative;
}
.login_page_from .form-footer .text-form::after {
  content: "";
  background: #e2e4ee;
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  z-index: -1;
}
.login_page_from .form-footer .text-form span {
  color: rgba(41, 41, 41, 0.5);
  font-size: 14px;
  line-height: 22px;
  padding: 0 12px;
  background: #fff;
}
.login_page_from .form-footer .login-with-link {
  margin: 24px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.login_page_from .form-footer .form-register {
  text-align: center;
  color: var(--grey);
  font-size: 16px;
  line-height: 22px;
}
.login_page_from .form-footer .form-register a {
  color: var(--green);
  font-size: 16px;
  line-height: 22px;
  text-decoration-line: underline;
  margin-left: 8px;
}
.login_page_from .form-footer .desc {
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .login_page_from .form-footer .desc {
    font-size: 14px;
  }
}
.login_page_from .form-footer .desc a,
.login_page_from .form-footer .desc span {
  color: #79b22b;
}

.forgot-password-notification {
  height: -moz-fit-content;
  height: fit-content;
}
.forgot-password-notification .image {
  position: relative;
  height: 186px;
  overflow: hidden;
}
.forgot-password-notification .image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 1s cubic-bezier(0.15, 0.75, 0.5, 1) 0s;
}
.forgot-password-notification .forgot-mail {
  text-align: center;
  margin-top: 24px;
  color: var(--grey);
  text-align: center;
  font-size: 16px;
  line-height: 22px;
}
.forgot-password-notification .forgot-mail a {
  color: var(--green);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}
.forgot-password-notification .back-home {
  margin-top: 24px;
}
.forgot-password-notification .back-home a {
  border-radius: 6px;
  border: 1px solid var(--ever-gr, #05472a);
  padding: 11px 52px;
  color: var(--green);
  font-size: 16px;
  line-height: normal;
  display: inline-block;
  transition: 0.3s ease-out;
}
.forgot-password-notification .back-home a:hover {
  background: #05472a;
  color: #fff;
}

#modalLogout .modal-header {
  padding-top: 7px;
}
#modalLogout .modal-body .btn-groups a {
  padding: 9px 24px;
}

.payment-page .form-information {
  font-size: 16px;
  line-height: 22px;
}
.payment-page .form-information label {
  margin-bottom: 12px;
  color: var(--black80, #575756);
}
.payment-page .form-information label sup {
  color: var(--red, #f00);
}
.payment-page .form-information input,
.payment-page .form-information select {
  border: 1px solid rgba(41, 41, 41, 0.2);
  padding: 10px 14px;
  outline: 0;
  box-shadow: none;
  border-radius: 0;
}
.payment-page .form-information input::-moz-placeholder, .payment-page .form-information input::-moz-placeholder-shown, .payment-page .form-information select::-moz-placeholder, .payment-page .form-information select::-moz-placeholder-shown {
  color: var(--black40, #aeafb0);
}
.payment-page .form-information input::placeholder, .payment-page .form-information input::placeholder-shown,
.payment-page .form-information select::placeholder,
.payment-page .form-information select::placeholder-shown {
  color: var(--black40, #aeafb0);
}
@media screen and (max-width: 1023px) {
  .payment-page .form-information input,
  .payment-page .form-information select {
    padding: 8px 14px;
  }
}
.payment-page .form-information .grids {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media screen and (max-width: 1199px) {
  .payment-page .form-information .grids {
    gap: 16px;
  }
}
@media screen and (max-width: 1023px) {
  .payment-page .form-information .grids {
    grid: none;
  }
}
.payment-page .form-information .address {
  margin-top: 36px;
  margin-bottom: 24px;
}
@media screen and (max-width: 1199px) {
  .payment-page .form-information .address {
    margin-top: 32px;
  }
}
.payment-page .form-information .address > div {
  gap: 36px;
}
@media screen and (max-width: 1199px) {
  .payment-page .form-information .address > div {
    gap: 1rem;
  }
}
.payment-page .form-information .address i {
  margin-top: 6px;
  display: block;
  color: rgba(87, 87, 86, 0.6);
  font-size: 14px;
  font-style: italic;
  line-height: 22px;
}
.payment-page .form-information .address-detail {
  margin: 24px 0 36px;
}
.payment-page .form-information .delivery-hours {
  display: flex;
  align-items: flex-start;
  gap: 36px;
  margin-bottom: 36px;
}
@media screen and (max-width: 1023px) {
  .payment-page .form-information .delivery-hours {
    flex-direction: column;
    gap: 1rem;
  }
}
.payment-page .form-information .delivery-hours label {
  margin-bottom: 0;
}
.payment-page .form-information .delivery-hours .text {
  color: var(--grey);
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  /* 122.222% */
}
.payment-page .form-information .delivery-hours .content {
  flex: 1;
  width: 100%;
}
.payment-page .form-information .delivery-hours .content-top {
  display: grid;
  grid-template-columns: 220px 220px;
  margin-bottom: 24px;
}
@media screen and (max-width: 1023px) {
  .payment-page .form-information .delivery-hours .content-top {
    grid-template-columns: 1fr 1fr;
  }
}
.payment-page .form-information .delivery-hours .content-top > div,
.payment-page .form-information .delivery-hours .content-top label {
  cursor: pointer;
}
.payment-page .form-information .delivery-hours .content-bottom {
  display: none;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  row-gap: 24px;
  max-width: 660px;
}
@media screen and (max-width: 1199px) {
  .payment-page .form-information .delivery-hours .content-bottom {
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    max-width: 100%;
  }
}
.payment-page .form-information .delivery-hours .content-bottom .custom-radio-checkbox-asset {
  padding-left: 32px;
}
.payment-page .form-information-pc {
  display: block;
}
@media screen and (max-width: 767px) {
  .payment-page .form-information-pc {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .payment-page .sidebars__asset {
    gap: 24px;
    padding-bottom: 48px;
  }
  .payment-page .sidebars__asset .sidebars__left {
    padding: 0;
    order: 2;
  }
  .payment-page .sidebars__asset .sidebars__right {
    order: 1;
    padding: 0;
    background: #fff;
  }
  .payment-page .sidebars__asset .sidebars__right .show-info-bill-mb {
    padding: 12px;
    color: var(--green);
    font-size: 16px;
    line-height: normal;
    background: #f0f8e6;
  }
  .payment-page .sidebars__asset .sidebars__right .show-info-bill-mb .price {
    color: var(--grey);
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
  }
  .payment-page .sidebars__asset .sidebars__right .show-info-bill-mb .price .dong {
    font-size: 13px;
    text-decoration: underline;
  }
  .payment-page .sidebars__asset .sidebars__right .show-info-bill-mb .icon.rotate {
    transform: rotate(180deg);
  }
  .payment-page .sidebars__asset .sidebars__right .show-info-bill-mb .hide {
    display: none;
  }
  .payment-page .sidebars__asset .sidebars__right .show-info-bill-mb.active .hide {
    display: block;
  }
  .payment-page .sidebars__asset .sidebars__right .show-info-bill-mb.active .show {
    display: none;
  }
  .payment-page .sidebars__asset .sidebars__right .box-money {
    padding: 12px;
    border: 1px solid var(--stroke, #eaeaea);
    background: #fff;
    transition: 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    display: none;
  }
  .payment-page .sidebars__asset .sidebars__right .coupon-wrapper {
    margin: 8px 0 24px;
  }
  .payment-page .form-information label {
    color: var(--grey);
  }
  .payment-page .form-information .address > div.d-flex {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 10px;
  }
  .payment-page .form-information .btn-continue {
    width: 100%;
  }
}
.payment__step .nav-tabs {
  margin: 0;
  border: none;
  justify-content: space-between;
  margin-bottom: 36px;
  padding-bottom: 30px;
  border-bottom: 1px dashed #eaeaea;
  gap: 8px;
}
@media screen and (max-width: 1199px) {
  .payment__step .nav-tabs {
    padding-bottom: 16px;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 1023px) {
  .payment__step .nav-tabs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
.payment__step .nav-item {
  margin: 0;
}
.payment__step .nav-item.active .nav-link {
  color: var(--grey);
}
.payment__step .nav-item.active .nav-link span {
  background: var(--brown, #715d47);
  color: #fff;
}
.payment__step .nav-link {
  margin: 0;
  border: none;
  display: flex;
  align-items: center;
  gap: 16px;
  color: var(--grey-5);
  font-size: 20px;
  line-height: normal;
  outline: 0;
  padding: 0;
}
.payment__step .nav-link.active {
  color: var(--grey);
}
.payment__step .nav-link.active span {
  background: var(--brown, #715d47);
  color: #fff;
}
.payment__step .nav-link span {
  flex-shrink: 0;
  border-radius: 30px;
  background: #fbf7f3;
  display: flex;
  width: 32px;
  height: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--grey);
  font-size: 16px;
  line-height: normal;
}
@media screen and (max-width: 1199px) {
  .payment__step .nav-link {
    font-size: 16px;
    flex-direction: column;
    gap: 8px;
  }
}
@media screen and (max-width: 1023px) {
  .payment__step .nav-link {
    font-size: 14px;
  }
}

.box-receiver--mobile {
  padding: 32px 16px;
  margin: 0 -16px;
  background: #fbf7f3;
  font-size: 16px;
  line-height: 22px;
}
.box-receiver--mobile .wrapper {
  padding: 20px;
  background: #fff;
}
.box-receiver--mobile .wrapper .title-box {
  color: var(--grey);
  font-size: 20px;
  line-height: normal;
}
.box-receiver--mobile .wrapper .btn-change {
  color: var(--green);
  font-size: 16px;
  line-height: 22px;
}
.box-receiver--mobile .wrapper .name {
  color: var(--grey);
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}
.box-receiver--mobile .wrapper .name span {
  display: inline-block;
  color: rgba(41, 41, 41, 0.5);
  transform: translateY(-1px);
}
.box-receiver--mobile .wrapper .address {
  margin: 12px 0;
  color: var(--grey);
  font-size: 16px;
  line-height: 22px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.box-receiver--mobile .wrapper .address .position {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  border-radius: 15px;
  font-size: 14px;
  line-height: 22px;
  flex-shrink: 0;
}
.box-receiver--mobile .wrapper .btn-edit {
  color: var(--green);
}

.payment-method .payment-item {
  border: 1px solid rgba(41, 41, 41, 0.2);
  background: #fff;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 1rem;
  min-height: 64px;
}
.payment-method .payment-item.disabled, .payment-method .payment-item.disabled * {
  opacity: 0.7;
  pointer-events: none;
  cursor: not-allowed;
}
.payment-method .payment-item.disabled .checkmark::before, .payment-method .payment-item.disabled * .checkmark::before {
  display: none;
}
.payment-method .payment-item:not(:last-child) {
  margin-bottom: 16px;
}
.payment-method .payment-item .checkmark {
  top: 50%;
  transform: translateY(-50%);
}
.payment-method .payment-input {
  flex-shrink: 0;
}
.payment-method .payment-content {
  color: var(--black60, #848483);
  font-size: 16px;
  line-height: 22px;
  cursor: pointer;
}
.payment-method .payment-content strong {
  color: var(--grey);
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 4px;
  display: block;
}
.payment-method .payment-logo {
  margin-left: auto;
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .btn-groups-bill {
    padding-bottom: 36px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
}

.text-policy {
  color: var(--grey-5);
  text-align: right;
  font-size: 16px;
  font-style: italic;
  line-height: normal;
  margin: 36px 0;
}

.export-bill {
  margin: 36px 0;
}
.export-bill-item {
  padding: 12px 16px 16px 16px;
  background: #fbf7f3;
  color: var(--grey);
  font-size: 20px;
  line-height: normal;
  margin-bottom: 24px;
}
.export-bill-item .checkmark {
  top: 13px;
  left: 16px;
  cursor: pointer;
}
.export-bill-item .text {
  padding-left: 35px;
  cursor: pointer;
}
.export-bill-infor .grids {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media screen and (max-width: 1199px) {
  .export-bill-infor .grids {
    gap: 16px;
  }
}

.box-message .textarea-input {
  padding: 10px 14px;
  line-height: 22px;
  font-size: 16px;
  outline: 0;
  border-color: none;
  border: none;
  min-height: 70px;
}
@media screen and (max-width: 767px) {
  .box-message .textarea-input {
    border: 1px solid var(--stroke, #eaeaea);
  }
}
.box-message .textarea-input:-moz-placeholder-shown {
  color: var(--black80, #575756);
  font-style: italic;
}
.box-message .textarea-input:placeholder-shown {
  color: var(--black80, #575756);
  font-style: italic;
}

.payment-confirm .title {
  color: var(--grey);
  font-size: 22px;
  line-height: normal;
  margin-bottom: 16px;
}
@media screen and (max-width: 1199px) {
  .payment-confirm .title {
    font-size: 20px;
    margin-bottom: 1rem;
  }
}
.payment-confirm .box-recived {
  color: var(--grey);
  font-size: 16px;
  line-height: 22px;
  padding: 20px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--stroke, #eaeaea);
  background: #fff;
}
.payment-confirm .box-recived .name {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  color: var(--grey);
  font-size: 18px;
  line-height: 22px;
}
.payment-confirm .box-recived .name span {
  display: block;
  width: 1px;
  height: 18px;
  background: rgba(41, 41, 41, 0.5);
}
@media screen and (max-width: 1199px) {
  .payment-confirm .box-recived {
    padding-bottom: 16px;
    margin-bottom: 34px;
  }
}
.payment-confirm .box-product .item {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 20px 0;
  border-bottom: 1px solid var(--stroke, #eaeaea);
  background: #fff;
  font-size: 16px;
  line-height: normal;
}
.payment-confirm .box-product .item .txt {
  color: var(--grey-5);
}
.payment-confirm .box-product .item .product {
  gap: 16px;
  display: grid;
  grid-template-columns: 90px 1fr;
}
@media screen and (max-width: 1023px) {
  .payment-confirm .box-product .item .product {
    grid-template-columns: 68px 1fr;
  }
}
.payment-confirm .box-product .item .product-img {
  width: 90px;
  height: 90px;
  flex-shrink: 0;
}
@media screen and (max-width: 1023px) {
  .payment-confirm .box-product .item .product-img {
    width: 68px;
    height: 68px;
  }
}
.payment-confirm .box-product .item .product-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.payment-confirm .box-product .item .product-name {
  flex: 1;
}
.payment-confirm .box-product .item .product-name a {
  color: var(--grey);
  font-size: 18px;
  line-height: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  margin-bottom: 8px;
}
.payment-confirm .box-product .item .product-name .sku {
  color: var(--grey-5);
  font-size: 16px;
  line-height: normal;
}
.payment-confirm .box-product .item .product-content {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(auto, 300px) 180px 59px 120px;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 16px;
}
@media screen and (max-width: 1199px) {
  .payment-confirm .box-product .item .product-content {
    margin-top: 0;
    grid-template-columns: minmax(auto, 300px) 150px 59px 100px;
  }
}
@media screen and (max-width: 1023px) {
  .payment-confirm .box-product .item .product-content {
    grid: none;
    gap: 8px;
    justify-content: stretch;
  }
}
@media screen and (min-width: 1200px) {
  .payment-confirm .box-product .item .price-product {
    align-self: flex-start;
  }
}
@media screen and (max-width: 1023px) {
  .payment-confirm .box-product .item {
    padding-bottom: 16px;
    padding-bottom: 16px;
  }
  .payment-confirm .box-product .item .price-product {
    flex-direction: column;
    align-items: flex-end;
  }
  .payment-confirm .box-product .item .quantity {
    gap: 4px;
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .payment-confirm .box-product .item .price-sale {
    text-align: right;
    flex-basis: auto;
  }
}
.payment-confirm .box-product .item-present {
  padding-left: 50px;
  border-bottom: 1px solid #cbd3b0 !important;
  padding-top: 0;
  margin-top: -1px;
}
.payment-confirm .box-product .item-present .product_images {
  display: flex;
  gap: 8px;
}
.payment-confirm .box-product .item-present .product_images .product-img {
  width: 64px;
  height: 64px;
}
@media screen and (max-width: 1023px) {
  .payment-confirm .box-product .item-present .product {
    grid-template-columns: 90px 1fr;
  }
}
.payment-confirm .box-product .item-present .product-content {
  margin-top: 0;
  grid-template-columns: minmax(auto, 250px) 180px 59px 120px;
}
@media screen and (max-width: 1023px) {
  .payment-confirm .box-product .item-present .product-content {
    grid: none;
    gap: 8px;
    justify-content: stretch;
  }
}
.payment-confirm .box-product .item-present .product-content .price-product {
  flex-direction: column;
  align-items: flex-end;
}
.payment-confirm .box-product .item-present .product-name .box_pres {
  color: var(--ever-gr, #05472a);
  font-size: 14px;
  line-height: 16px;
  padding: 2px 6px;
  border-radius: 30px;
  border: 1px solid var(--green, #89c35c);
  background: rgba(137, 195, 92, 0.1);
  margin-right: 5px;
}
@media screen and (max-width: 575.99px) {
  .payment-confirm .box-product .item-present .product-name .box_pres {
    font-size: 11px;
  }
}
.payment-confirm .box-product .item-present .product-name a {
  line-height: 28px;
}
.payment-confirm .total-money {
  padding: 16px 36px;
  border-bottom: 1px solid var(--stroke, #eaeaea);
  background: #fff;
  color: var(--grey-5);
  font-size: 16px;
  line-height: normal;
  margin-bottom: 20px;
}
.payment-confirm .total-money .money {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-bottom: 10px;
}
.payment-confirm .total-money .money .txt {
  color: var(--grey-5);
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}
.payment-confirm .total-money .money-total {
  color: var(--grey);
  font-size: 22px;
  font-weight: 400;
  line-height: normal;
}
.payment-confirm .total-money .money-total .dong {
  color: var(--grey);
  font-size: 16px;
}
@media screen and (max-width: 1023px) {
  .payment-confirm .total-money {
    padding: 12px 0 28px;
  }
}
@media screen and (max-width: 1023px) {
  .payment-confirm .text-policy {
    margin: 24px 0 20px;
    text-align: center !important;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .payment-confirm .btn-groups-confirm-payment {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
}

.confirm-page {
  background: url("../images/bg-confirm.png") no-repeat;
  background-size: cover;
  padding: 71px 0 101px;
  background-size: cover;
}
.confirm-page .confirm__banner {
  max-width: 960px;
  display: grid;
  grid-template-columns: 1fr 52.0833333333%;
  gap: 60px;
  align-items: center;
  justify-content: center;
  margin: 0 auto 11px;
}
@media screen and (max-width: 1680px) {
  .confirm-page .confirm__banner {
    gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  .confirm-page .confirm__banner {
    grid: none;
  }
  .confirm-page .confirm__banner img {
    max-width: 268px;
    margin: 0 auto;
  }
}
.confirm-page .confirm__banner .txt {
  color: var(--grey);
  font-size: 16px;
  line-height: 26px;
}
.confirm-page .confirm__banner .txt span {
  color: var(--green);
}
.confirm-page .confirm__banner .txt h3 {
  color: var(--grey);
  font-size: 22px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 10px;
}
.confirm-page .confirm__banner .txt h3 span {
  color: var(--green);
}
.confirm-page .box-confirm {
  position: relative;
  max-width: 886px;
  margin: 0 auto;
  padding: 20px 30px 43px;
  font-size: 18px;
  line-height: 22px;
  background-color: #fff;
}
.confirm-page .box-confirm::after {
  content: "";
  height: 15px;
  width: 100%;
  background-image: url(../images/test.png);
  background-position: bottom left;
  background-repeat: repeat;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -11px;
  z-index: 2;
}
.confirm-page .box-confirm .btn-groups {
  margin-top: 44px;
}
.confirm-page .box-confirm .box-user {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px dashed #e0e0e0;
  position: relative;
}
.confirm-page .box-confirm .box-user::before, .confirm-page .box-confirm .box-user::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #f8f6f6;
  bottom: -26px;
}
@media screen and (max-width: 1199px) {
  .confirm-page .box-confirm .box-user::before, .confirm-page .box-confirm .box-user::after {
    bottom: 0;
  }
}
.confirm-page .box-confirm .box-user::before {
  left: -42px;
}
@media screen and (max-width: 1199px) {
  .confirm-page .box-confirm .box-user::before {
    left: -26px;
  }
}
.confirm-page .box-confirm .box-user::after {
  right: -42px;
}
@media screen and (max-width: 1199px) {
  .confirm-page .box-confirm .box-user::after {
    right: -26px;
  }
}
.confirm-page .box-confirm .title {
  color: var(--grey);
  font-size: 22px;
  line-height: normal;
  margin-bottom: 16px;
}
.confirm-page .box-confirm .name {
  color: var(--grey);
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.confirm-page .box-confirm .name span {
  height: 20px;
  width: 1px;
  background: rgba(41, 41, 41, 0.5);
}
.confirm-page .box-confirm .product .item {
  color: var(--grey);
  font-size: 16px;
  line-height: normal;
  padding: 20px 0;
  border-bottom: 1px solid var(--stroke, #eaeaea);
  background: #fff;
}
.confirm-page .box-confirm .product .item.present {
  padding: 0 0 20px 50px;
  border-bottom: 1px solid #cbd3b0;
  margin-top: -1px;
}
.confirm-page .box-confirm .product .item.present .image {
  width: 64px;
  height: 64px;
}
.confirm-page .box-confirm .product .item.present .item-product-wrapper {
  margin-top: 0;
}
.confirm-page .box-confirm .product .item.present .item-product-wrapper .name-product {
  line-height: 26px;
}
.confirm-page .box-confirm .product .item.present .item-product-wrapper .name-product .box_pres {
  color: var(--ever-gr, #05472a);
  font-size: 14px;
  line-height: 16px;
  padding: 2px 6px;
  border-radius: 30px;
  border: 1px solid var(--green, #89c35c);
  background: rgba(137, 195, 92, 0.1);
  margin-right: 5px;
}
@media screen and (max-width: 575.99px) {
  .confirm-page .box-confirm .product .item.present .item-product-wrapper .name-product .box_pres {
    font-size: 11px;
  }
}
.confirm-page .box-confirm .product .item-product-wrapper {
  width: 100%;
  grid-template-columns: minmax(auto, 300px) 180px 60px 150px;
  justify-content: space-between;
  gap: 1rem;
  display: grid;
  margin-top: 10px;
}
@media screen and (max-width: 1199px) {
  .confirm-page .box-confirm .product .item-product-wrapper {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .confirm-page .box-confirm .product .item-product-wrapper {
    grid: none;
    gap: 8px;
  }
}
.confirm-page .box-confirm .product .item-product {
  display: flex;
  gap: 16px;
}
@media screen and (max-width: 767px) {
  .confirm-page .box-confirm .product .item-product {
    align-items: flex-start;
  }
}
.confirm-page .box-confirm .product .item-product .image {
  width: 90px;
  height: 90px;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .confirm-page .box-confirm .product .item-product .image {
    width: 68px;
    height: 68px;
  }
}
.confirm-page .box-confirm .product .item-product .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.confirm-page .box-confirm .product .item-product .name-product {
  color: var(--grey);
  font-size: 18px;
  line-height: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  margin-bottom: 8px;
}
.confirm-page .box-confirm .product .item-product .sku {
  color: var(--grey-5);
  font-size: 16px;
  line-height: normal;
}
.confirm-page .box-confirm .product .type-data span {
  position: relative;
}
.confirm-page .box-confirm .product .type-data span:not(:last-child) {
  padding-right: 10px;
}
.confirm-page .box-confirm .product .type-data span:not(:last-child)::before {
  content: "";
  width: 2px;
  height: 2px;
  opacity: 0.5;
  background: var(--grey, #292929);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
}
.confirm-page .box-confirm .product .text {
  opacity: 0.5;
  margin-bottom: 8px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .confirm-page .box-confirm .product .text {
    margin-bottom: 4px;
  }
}
.confirm-page .box-confirm .product .prices, .confirm-page .box-confirm .product .product-component-prices, .confirm-page .box-confirm .product .product-details .product-information .price-box .price-old, .product-details .product-information .price-box .confirm-page .box-confirm .product .price-old, .confirm-page .box-confirm .product .style-look-section.style-look-detail-section .product-information .price-box .price-old, .style-look-section.style-look-detail-section .product-information .price-box .confirm-page .box-confirm .product .price-old {
  text-align: right;
  align-items: flex-end;
}
.confirm-page .box-confirm .product .prices .price-old, .confirm-page .box-confirm .product .product-component-prices .price-old, .confirm-page .box-confirm .product .product-details .product-information .price-box .price-old .price-old, .product-details .product-information .price-box .confirm-page .box-confirm .product .price-old .price-old, .confirm-page .box-confirm .product .style-look-section.style-look-detail-section .product-information .price-box .price-old .price-old, .style-look-section.style-look-detail-section .product-information .price-box .confirm-page .box-confirm .product .price-old .price-old {
  font-size: 14px;
}
.confirm-page .box-confirm .product .prices .price-old span, .confirm-page .box-confirm .product .product-component-prices .price-old span, .confirm-page .box-confirm .product .product-details .product-information .price-box .price-old .price-old span, .product-details .product-information .price-box .confirm-page .box-confirm .product .price-old .price-old span, .confirm-page .box-confirm .product .style-look-section.style-look-detail-section .product-information .price-box .price-old .price-old span, .style-look-section.style-look-detail-section .product-information .price-box .confirm-page .box-confirm .product .price-old .price-old span {
  color: var(--grey);
  font-size: 12px;
  line-height: normal;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .confirm-page .box-confirm .product .prices, .confirm-page .box-confirm .product .product-component-prices, .confirm-page .box-confirm .product .product-details .product-information .price-box .price-old, .product-details .product-information .price-box .confirm-page .box-confirm .product .price-old, .confirm-page .box-confirm .product .style-look-section.style-look-detail-section .product-information .price-box .price-old, .style-look-section.style-look-detail-section .product-information .price-box .confirm-page .box-confirm .product .price-old {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .confirm-page .box-confirm .product .prices .price-sale, .confirm-page .box-confirm .product .product-component-prices .price-sale, .confirm-page .box-confirm .product .product-details .product-information .price-box .price-old .price-sale, .product-details .product-information .price-box .confirm-page .box-confirm .product .price-old .price-sale, .confirm-page .box-confirm .product .style-look-section.style-look-detail-section .product-information .price-box .price-old .price-sale, .style-look-section.style-look-detail-section .product-information .price-box .confirm-page .box-confirm .product .price-old .price-sale {
    flex-basis: auto;
  }
}
@media screen and (max-width: 767px) {
  .confirm-page .box-confirm .product .quantity {
    display: flex;
    gap: 4px;
  }
}
@media screen and (max-width: 1199px) {
  .confirm-page .box-confirm {
    padding: 20px 16px;
  }
}
@media screen and (max-width: 767px) {
  .confirm-page .box-confirm .order_detail_product {
    margin: 0;
    padding: 16px 0 20px;
    border-top: 1px solid var(--stroke, #eaeaea);
    border-bottom: 1px solid var(--stroke, #eaeaea);
  }
  .confirm-page .box-confirm .order_detail_product .item .product_footer .price-order {
    font-size: 16px;
  }
}
.confirm-page .money .list .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  color: var(--Gray-800, #343a40);
  font-size: 18px;
  line-height: 22px;
  padding: 12px 0;
}
.confirm-page .money .list .item:not(:last-child) {
  border-bottom: 1px solid #e9ebec;
}
.confirm-page .money .list .item > div {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 400;
}
.confirm-page .money .list .item svg {
  cursor: pointer;
}
.confirm-page .btn-groups {
  margin-top: 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
@media screen and (max-width: 767px) {
  .confirm-page .btn-groups {
    grid: none;
    gap: 12px;
  }
}
.confirm-page .btn-groups a {
  color: var(--green);
  background: var(--mist, #cbd3b0);
  font-size: 18px;
  line-height: normal;
  padding: 14px 24px;
  border-radius: 6px;
  text-align: center;
}
.confirm-page .btn-groups a:last-child {
  background: var(--ever-gr, #05472a);
  color: #fff;
  border: 1px solid var(--green);
}

.failed {
  padding: 174px 0;
  color: var(--grey);
  text-align: center;
  background: url("../images/bg-failed.png") no-repeat;
  font-size: 16px;
  line-height: 22px;
  /* 137.5% */
}
.failed h2 {
  color: var(--grey);
  font-size: 36px;
  line-height: normal;
  margin-bottom: 1rem;
}
.failed a {
  display: inline-block;
  margin-top: 32px;
}
.failed a:hover {
  color: #fff;
}

.box-user-logged {
  padding: 20px;
  border-radius: 12px;
  border: 1px solid var(--stroke, #eaeaea);
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 26px;
}
@media screen and (max-width: 1199px) {
  .box-user-logged {
    padding: 1rem;
  }
}
@media screen and (max-width: 991px) {
  .box-user-logged {
    padding: 12px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.box-user-logged .btn-change {
  color: var(--green);
  font-size: 16px;
  line-height: 22px;
}
.box-user-logged .item-left {
  flex: 1;
}
.box-user-logged .item-left strong {
  color: var(--grey);
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}
.box-user-logged .item-left .inner {
  display: grid;
  grid-template-columns: 160px 1fr;
  align-items: center;
}
.box-user-logged .item-left .add span {
  align-self: flex-start;
  flex-shrink: 0;
  color: var(--grey);
  font-size: 14px;
  padding: 2px 8px;
  line-height: 22px;
  border-radius: 15px;
  background: #e6d7b9;
  text-align: center;
  display: inline-block;
}
.box-user-logged .item-left .user > div {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--grey);
  font-size: 16px;
  line-height: 22px;
}
.box-user-logged .item-left .user > div .line {
  background: #b8b8b8;
  width: 1px;
  height: 12px;
  display: block;
}
@media screen and (max-width: 767px) {
  .box-user-logged .item-left .user > div {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
  .box-user-logged .item-left .user > div .line {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .box-user-logged .item-left .user,
  .box-user-logged .item-left .add.inner {
    grid: none;
    gap: 8px;
  }
  .box-user-logged .item-left .add > div {
    gap: 8px;
    flex-direction: column;
  }
  .box-user-logged .item-left .add > div span {
    margin-bottom: 8px;
  }
}

#main-checkout-info {
  /*    @media screen and (max-width: 767px) {
     .box-policy {
        display: none !important;
     }
  } */
}

.bg-after-order::after {
  content: "";
  position: absolute;
  left: 0%;
  top: 0;
  width: 22.3958333333%;
  height: 100%;
  background: #fbf7f3;
  z-index: -1;
  /*
  @media screen and (max-width: 1399px) {
    width: 24vw;
  }

  @media screen and (max-width: 1199px) {
    width: 20vw;
  } */
}
@media screen and (max-width: 991px) {
  .bg-after-order::after {
    display: none;
  }
}

.manager_left--swiper::after {
  right: -16px;
}
@media screen and (min-width: 768px) {
  .manager_left--swiper::after {
    display: none;
  }
}
.manager_left--swiper .swiper-wrapper .swiper-slide {
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 768px) {
  .manager_left--swiper .swiper-wrapper {
    flex-direction: column;
    transform: unset;
    height: -moz-fit-content;
    height: fit-content;
  }
}

.manager-section {
  display: grid;
  grid-template-columns: 19.206977% 1fr;
}
@media screen and (max-width: 1199px) {
  .manager-section {
    grid-template-columns: 25% 1fr;
  }
}
@media screen and (max-width: 1023px) {
  .manager-section {
    grid-template-columns: 28% 1fr;
  }
}
.manager-section .manager_left {
  padding: 60px 100px 60px 0;
  background: #fbf7f3;
}
@media screen and (max-width: 1680px) {
  .manager-section .manager_left {
    padding: 60px 30px 60px 0;
  }
}
@media screen and (max-width: 1399px) {
  .manager-section .manager_left {
    padding: 60px 10px 60px 0;
  }
}
@media screen and (max-width: 1199px) {
  .manager-section .manager_left {
    padding: 30px 10px 30px 30px;
  }
}
@media screen and (max-width: 991px) {
  .manager-section .manager_left {
    background: #fbf7f3;
    padding: 16px;
  }
}
@media screen and (max-width: 767px) {
  .manager-section .manager_left {
    position: relative;
    padding: 1rem !important;
    margin: 0 -16px;
  }
}
.manager-section .manager_left_list a {
  color: rgba(41, 41, 41, 0.5);
  font-size: 22px;
  padding: 16px 12px;
  line-height: normal;
  display: block;
  border-bottom: 1px solid var(--stroke, #eaeaea);
}
.manager-section .manager_left_list a.active, .manager-section .manager_left_list a:hover {
  color: var(--grey);
}
@media screen and (max-width: 1399px) {
  .manager-section .manager_left_list a {
    font-size: 18px;
  }
}
@media screen and (max-width: 1199px) {
  .manager-section .manager_left_list a {
    padding: 16px 0;
  }
}
@media screen and (max-width: 767px) {
  .manager-section .manager_left_list a {
    padding: 0 16px 0 0;
    border-right: 1px solid var(--stroke, #eaeaea);
    border-bottom: none;
  }
}
.manager-section .manager_right {
  padding: 60px 0 120px 100px;
}
@media screen and (max-width: 1680px) {
  .manager-section .manager_right {
    padding: 60px 0 60px 50px;
  }
}
@media screen and (max-width: 1199px) {
  .manager-section .manager_right {
    padding: 30px 0 30px 30px;
  }
}
@media screen and (max-width: 767px) {
  .manager-section .manager_right {
    padding: 32px 0;
  }
}
.manager-section .manager_right_empty {
  padding-bottom: 100px;
  border-bottom: 1px solid var(--stroke, #eaeaea);
  margin-bottom: 60px;
}
@media screen and (max-width: 1199px) {
  .manager-section .manager_right_empty {
    padding: 50px 0;
    margin-bottom: 50px;
  }
}
.manager-section .manager_right_empty h2 {
  color: var(--grey);
  font-size: 36px;
  line-height: normal;
  margin-bottom: 24px;
}
.manager-section .manager_right_empty p {
  color: var(--grey);
  font-size: 20px;
  line-height: normal;
  margin-bottom: 32px;
}
.manager-section .manager_right_empty a {
  border-radius: 6px;
  background: var(--ever-gr, #05472a);
  color: #fff;
  font-size: 18px;
  line-height: normal;
  display: inline-block;
  padding: 12px 24px;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .manager-section {
    grid: none !important;
  }
}

.order-section .order__right {
  position: relative;
  overflow: hidden;
}
.order-section .order__right .product__purchased .title {
  color: var(--grey);
  font-size: 22px;
  line-height: normal;
  margin-bottom: 48px;
}
@media screen and (max-width: 767px) {
  .order-section .order__right .product__purchased .title {
    font-size: 18px;
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 992px) {
  .order-section .order__right_top {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #fbf7f3;
    padding: 0px 8px 0px 16px;
  }
}
.order-section .order__right_top .order-nav {
  display: flex;
  align-items: center;
  gap: 60px;
}
@media screen and (max-width: 1680px) {
  .order-section .order__right_top .order-nav {
    gap: 30px;
  }
}
@media screen and (max-width: 1439px) {
  .order-section .order__right_top .order-nav {
    gap: 1rem;
  }
}
@media screen and (max-width: 1199px) {
  .order-section .order__right_top .order-nav {
    align-items: center;
    white-space: nowrap;
    overflow-x: auto;
  }
  .order-section .order__right_top .order-nav::-webkit-scrollbar {
    height: 3px;
    border-radius: 10px;
  }
  .order-section .order__right_top .order-nav::-webkit-scrollbar-track {
    background: transparent;
  }
  .order-section .order__right_top .order-nav::-webkit-scrollbar-thumb {
    background: rgba(41, 41, 41, 0.3);
    border-radius: 10px;
  }
}
.order-section .order__right_top .order-nav a {
  color: var(--grey-5);
  font-size: 22px;
  line-height: normal;
  padding: 15px 12px;
  border-bottom: 1px solid transparent;
}
@media screen and (max-width: 1439px) {
  .order-section .order__right_top .order-nav a {
    font-size: 18px;
    padding: 15px 10px;
  }
}
.order-section .order__right_top .order-nav a.active, .order-section .order__right_top .order-nav a:hover {
  color: #05472a;
  border-color: #05472a;
}
@media screen and (max-width: 767px) {
  .order-section .order__right_top .order-nav a {
    font-size: 16px;
  }
}
@media (max-width: 1399px) {
  .order-section .order__right_top .order-search {
    margin: 16px 0;
  }
}
.order-section .order__right_top .order-search form input {
  background: #fff;
  padding: 10px 14px 10px 40px;
  border: none;
  outline: none;
  min-width: 403px;
  background: url(../images/icon-search-ord.png) no-repeat #fff;
  background-position: 14px center;
  font-size: 16px;
  line-height: 22px;
}
.order-section .order__right_top .order-search form input::-moz-placeholder {
  color: var(--grey-5);
}
.order-section .order__right_top .order-search form input::placeholder {
  color: var(--grey-5);
}
@media (max-width: 1680px) {
  .order-section .order__right_top .order-search form input {
    min-width: 340px;
  }
}
@media (max-width: 991px) {
  .order-section .order__right_top .order-search form input {
    min-width: 100%;
    border: 1px solid var(--stroke, #eaeaea);
  }
}
.order-section .order__right .order-product-body .item {
  padding: 30px 0;
  border-bottom: 1px solid rgba(41, 41, 41, 0.5);
}
@media (max-width: 767px) {
  .order-section .order__right .order-product-body .item {
    padding: 16px 0 24px;
  }
}
.order-section .order__right .order-product-body .item:last-child {
  border-bottom: none;
}
.order-section .order__right .order-product-body .item .product_application {
  padding: 8px 0px;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .order-section .order__right .order-product-body .item .product_application {
    padding: 0;
    justify-content: space-between;
    gap: 8px;
    grid-template-columns: 1fr auto;
  }
}
.order-section .order__right .order-product-body .item .product_application .application_left {
  color: rgba(41, 41, 41, 0.5);
  font-size: 16px;
  line-height: 22px;
}
@media screen and (max-width: 767px) {
  .order-section .order__right .order-product-body .item .product_application .application_left {
    font-size: 14px;
    line-height: 22px;
    display: grid !important;
    grid-template-columns: 55% 1fr;
    gap: 8px;
  }
  .order-section .order__right .order-product-body .item .product_application .application_left .single_code {
    flex-shrink: 0;
  }
  .order-section .order__right .order-product-body .item .product_application .application_left .single_code span {
    display: block;
  }
}
.order-section .order__right .order-product-body .item .product_application .application_left .date {
  margin-right: 32px;
}
@media screen and (max-width: 767px) {
  .order-section .order__right .order-product-body .item .product_application .application_left .date {
    margin: 0;
  }
}
.order-section .order__right .order-product-body .item .product_application .position {
  border-radius: 15px;
  background: var(--dbw, #e6d7b9);
  color: var(--grey);
  font-size: 16px;
  line-height: 22px;
  padding: 2px 8px;
  flex-shrink: 0;
}
.order-section .order__right .order-product-body .item .product_application .position.cancel {
  background: rgba(245, 59, 0, 0.1);
  color: var(--warning, #f53b00);
}
.order-section .order__right .order-product-body .item .product_application .position.complete {
  background: #89c35c;
  color: #fff;
}
.order-section .order__right .order-product-body .item .product_application .position.just-received {
  background: var(--dbw, #e6d7b9);
}
.order-section .order__right .order-product-body .item .content {
  background: #fff;
}
.order-section .order__right .order-product-body .item .product {
  display: flex;
  align-items: center;
}
.order-section .order__right .order-product-body .item .product__sp {
  display: flex;
  gap: 16px;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .order-section .order__right .order-product-body .item .product__sp {
    border-bottom: 1px dashed #eaeaea;
    padding: 24px 0;
  }
  .order-section .order__right .order-product-body .item .product__sp:first-child {
    padding-top: 0;
  }
}
.order-section .order__right .order-product-body .item .product__sp .product {
  gap: 1rem;
}
.order-section .order__right .order-product-body .item .product__image {
  width: 108px;
  height: 108px;
  flex-shrink: 0;
  display: block;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .order-section .order__right .order-product-body .item .product__image {
    width: 68px;
    height: 68px;
  }
}
.order-section .order__right .order-product-body .item .product__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.order-section .order__right .order-product-body .item .product__content {
  padding: 12px 0;
  flex: 1;
  border-bottom: 1px dashed var(--stroke, #eaeaea);
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.order-section .order__right .order-product-body .item .product__content--inner {
  height: 100%;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .order-section .order__right .order-product-body .item .product__content {
    padding-top: 0;
    flex-direction: column;
    border: none;
    padding: 0;
  }
}
.order-section .order__right .order-product-body .item .product__content .product__name {
  display: flex;
  gap: 20px;
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .order-section .order__right .order-product-body .item .product__content .product__name {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}
.order-section .order__right .order-product-body .item .product__content .product__name span {
  color: var(--grey);
  font-size: 18px;
  line-height: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.order-section .order__right .order-product-body .item .product__content .product__name .box_pres {
  color: var(--ever-gr, #05472a);
  font-size: 14px;
  line-height: 16px;
  padding: 2px 6px;
  border-radius: 30px;
  border: 1px solid var(--green, #89c35c);
  background: rgba(137, 195, 92, 0.1);
  margin-right: 0;
}
@media screen and (max-width: 575.99px) {
  .order-section .order__right .order-product-body .item .product__content .product__name .box_pres {
    font-size: 11px;
  }
}
.order-section .order__right .order-product-body .item .product__content .product__name .box_deal {
  color: var(--ever-gr, #05472a);
  font-size: 14px;
  line-height: 16px;
  padding: 2px 6px;
  border-radius: 30px;
  border: 1px solid var(--Chai, #d2ab80);
  background: rgba(210, 171, 128, 0.2);
  margin-right: 0;
}
@media screen and (max-width: 575.99px) {
  .order-section .order__right .order-product-body .item .product__content .product__name .box_deal {
    font-size: 11px;
  }
}
.order-section .order__right .order-product-body .item .product__content .classify {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--grey-5, #292929);
  font-size: 16px;
  line-height: normal;
  margin-bottom: 8px;
}
.order-section .order__right .order-product-body .item .product__content .classify .color {
  position: relative;
}
.order-section .order__right .order-product-body .item .product__content .classify .color::after {
  content: "";
  opacity: 0.5;
  background: var(--grey, #292929);
  width: 2px;
  height: 2px;
  position: absolute;
  top: 7px;
  right: -5px;
}
.order-section .order__right .order-product-body .item .product__content .quantity {
  color: var(--grey);
  font-size: 16px;
  line-height: normal;
  display: inline-block;
}
.order-section .order__right .order-product-body .item .product__content .quantity span {
  color: var(--grey-5);
}
.order-section .order__right .order-product-body .item .product__sku {
  color: var(--grey-5);
  font-size: 16px;
  line-height: normal;
  position: relative;
}
.order-section .order__right .order-product-body .item .product__sku::after {
  content: "";
  opacity: 0.5;
  background: var(--grey, #292929);
  width: 2px;
  height: 2px;
  position: absolute;
  top: 7px;
  left: -10px;
}
@media screen and (max-width: 575px) {
  .order-section .order__right .order-product-body .item .product__sku::after {
    display: none;
  }
}
.order-section .order__right .order-product-body .item .product__price {
  flex-shrink: 0;
  text-align: right;
  min-width: 50px;
  flex-direction: column;
  align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .order-section .order__right .order-product-body .item .product__price {
    width: 100%;
  }
}
.order-section .order__right .order-product-body .item .product__price .price-sale {
  font-size: 16px;
  color: var(--grey);
  flex-basis: auto;
}
.order-section .order__right .order-product-body .item .product__price .price-old del {
  font-size: 14px;
}
.order-section .order__right .order-product-body .item .product__total {
  color: var(--grey);
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  text-align: right;
  padding-top: 12px;
}
.order-section .order__right .order-product-body .item .product__total span {
  color: var(--grey);
  font-size: 13px;
  line-height: normal;
  text-decoration: underline;
}
.order-section .order__right .order-product-body .item .product__total .money-text {
  color: var(--grey-5, #292929);
  font-size: 16px;
  line-height: normal;
  text-decoration: inherit;
  margin-right: 8px;
}
.order-section .order__right .order-product-body .item .btn-order {
  margin-top: 17px;
}
.order-section .order__right .order-product-body .item .btn-order a {
  padding: 12px 24px;
  border-radius: 6px;
  background: var(--ever-gr, #05472a);
  color: var(--white, #fff);
  font-size: 16px;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .order-section .order__right .order-product-body .item .btn-order a {
    width: 100%;
    text-align: center;
    font-size: 18px;
  }
}
.order-section .order__right .order-product-body .item .btn-order a.repurchase {
  background: var(--mist, #cbd3b0);
  color: #05472a;
}
.order-section .order__right .order-product-body .item-present .product__image {
  width: 80px;
  height: 80px;
}
@media screen and (max-width: 767px) {
  .order-section .order__right .order-product-body .item-present .product__image {
    width: 60px;
    height: 60px;
  }
}
.order-section .order__right .order-product-body .item-present .product__content {
  padding-top: 0;
}
.order-section .order__right .order-product-body .pagination {
  margin-top: 32px;
}
@media screen and (max-width: 767px) {
  .order-section.manager-section .order__right {
    padding-top: 0;
  }
}

.modal-canceling-order .modal-dialog {
  max-width: 900px;
}
.modal-canceling-order .modal-dialog .list {
  padding: 0;
  margin: 0;
}
.modal-canceling-order .modal-dialog .list li {
  color: var(--warning, #f53b00);
  font-size: 16px;
  line-height: 22px;
}
.modal-canceling-order .modal-dialog .list li ol {
  padding: 0 0 0 20px;
  margin: 20px 0;
}
.modal-canceling-order .modal-dialog .list li ol li {
  color: var(--grey);
  font-size: 16px;
  line-height: 22px;
}
.modal-canceling-order .modal-dialog .canceling_note {
  color: var(--grey);
  font-size: 16px;
  line-height: 22px;
}
.modal-canceling-order .modal-dialog .canceling_note ol {
  padding: 0 0 0 20px;
}

.toast-cancel-order .toast {
  --bs-toast-max-width: 465px;
  max-width: var(--bs-toast-max-width);
  padding: 16px;
  font-size: 16px;
}
.toast-cancel-order .toast .toast-header {
  align-items: center;
  position: relative;
}

.order_detail .order-title {
  background: #fbf7f3;
  padding: 8px 12px;
  color: var(--grey);
  font-size: 22px;
  line-height: normal;
  margin-bottom: 24px;
}
@media screen and (max-width: 1199px) {
  .order_detail .order-title {
    font-size: 20px;
    margin-bottom: 1rem;
  }
}
.order_detail .back-order {
  color: var(--green);
  font-size: 16px;
  line-height: 22px;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .order_detail .back-order {
    padding: 8px 0;
    margin-bottom: 8px;
  }
}
.order_detail .title-detail-order {
  color: var(--grey);
  font-size: 36px;
  line-height: normal;
}
@media screen and (max-width: 1199px) {
  .order_detail .title-detail-order {
    font-size: 26px;
  }
}
.order_detail .date_detail {
  color: var(--grey-5, #292929);
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 8px;
}
.order_detail .position {
  border-radius: 15px;
  background: var(--dbw, #e6d7b9);
  display: inline-block;
  padding: 2px 8px;
  color: var(--grey);
  font-size: 16px;
  line-height: 22px;
  flex-shrink: 0;
}
.order_detail .position.complete {
  background: #89c35c;
  color: #fff;
}
.order_detail .position.cancel {
  background: rgba(245, 59, 0, 0.1);
  color: var(--warning, #f53b00);
}
.order_detail .information_line {
  gap: 32px;
  margin-top: 32px;
}
@media screen and (max-width: 767px) {
  .order_detail .information_line {
    margin-top: 10px;
  }
}
.order_detail .information_line > * {
  width: calc(50% - 16px);
}
@media (max-width: 767px) {
  .order_detail .information_line > * {
    width: 100%;
  }
}
.order_detail .information_line .title {
  background: #fbf7f3;
  padding: 8px 12px;
  color: var(--grey);
  font-size: 22px;
  line-height: normal;
  margin-bottom: 24px;
}
.order_detail .information_line .name_phone {
  color: var(--grey);
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 8px;
}
.order_detail .information_line .name_phone .name {
  padding-right: 8px;
  margin-right: 8px;
  border-right: 1px solid rgba(41, 41, 41, 0.5);
}
.order_detail .information_line .address {
  color: var(--grey);
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 8px;
}
.order_detail .information_line .time_delivery {
  color: var(--grey);
  font-size: 16px;
  line-height: 22px;
}
.order_detail .information_line .time_delivery span {
  font-weight: 400;
}
@media screen and (max-width: 1199px) {
  .order_detail .information_line .time_delivery span {
    display: block;
  }
}
.order_detail .information_line .info_right .payment {
  color: var(--grey);
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}
@media screen and (max-width: 767px) {
  .order_detail .information_line .info_right .payment span {
    max-width: 190px;
    display: inline-block;
  }
}
.order_detail .information_line .info_right .personal .info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  color: var(--Gray-800, #343a40);
  font-size: 18px;
  line-height: 22px;
  gap: 8px;
}
.order_detail .information_line .info_right .personal .info:not(:last-child) {
  border-bottom: 1px solid #e9ebec;
}
.order_detail .information_line .info_right .personal .info .bold {
  font-weight: 400;
}
.order_detail .information_line .info_right .personal .info .txt {
  display: inline-block;
  max-width: 120px;
  flex-shrink: 0;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .order_detail .information_line .info_right .personal .info:first-child {
    padding-top: 0;
  }
}
.order_detail .information_line .info_right .position {
  color: var(--warning, #f53b00);
  background: rgba(245, 59, 0, 0.1);
}
.order_detail .information_line .info_right .position.paid {
  background: #89c35c;
  color: var(--white, #fff);
}
.order_detail .order_electronic {
  margin-top: 40px;
}
@media screen and (max-width: 1199px) {
  .order_detail .order_electronic {
    margin-top: 32px;
  }
}
.order_detail .order_electronic_list {
  padding-bottom: 32px;
  border-bottom: 1px solid var(--stroke, #eaeaea);
}
.order_detail .order_electronic_list .info {
  color: rgba(41, 41, 41, 0.5);
  font-size: 16px;
  line-height: 22px;
  grid-template-columns: 160px 1fr;
  gap: 8px;
  display: grid;
  margin-bottom: 24px;
}
.order_detail .order_electronic_list .info span {
  color: var(--grey);
}
.order_detail .order_electronic_list .info:last-child {
  margin-bottom: 0;
}
.order_detail .note-text {
  padding-top: 24px;
  color: var(--grey);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}
.order_detail .note-text span {
  color: var(--brown, #715d47);
  font-style: italic;
}

.order_detail_product {
  margin-top: 40px;
}
@media screen and (max-width: 1199px) {
  .order_detail_product {
    margin-top: 32px;
  }
}
.order_detail_product .order-title {
  margin-bottom: 40px;
}
.order_detail_product .item {
  border-bottom: 1px solid rgba(41, 41, 41, 0.5);
}
.order_detail_product .item:last-child {
  border-bottom: none;
}
.order_detail_product .item .product_application {
  padding: 8px 0px;
  margin-bottom: 16px;
}
.order_detail_product .item .product_application .application_left {
  color: rgba(41, 41, 41, 0.5);
  font-size: 16px;
  line-height: 22px;
}
.order_detail_product .item .product_application .application_left .date {
  margin-right: 32px;
}
.order_detail_product .item .product_application .position {
  border-radius: 15px;
  background: var(--dbw, #e6d7b9);
  color: var(--grey);
  font-size: 16px;
  line-height: 22px;
  padding: 2px 8px;
  flex-shrink: 0;
}
.order_detail_product .item .product_application .position.cancel {
  background: rgba(245, 59, 0, 0.1);
  color: var(--warning, #f53b00);
}
.order_detail_product .item .product_application .position.complete {
  background: #89c35c;
  color: #fff;
}
.order_detail_product .item .product_application .position.just-received {
  background: var(--dbw, #e6d7b9);
}
.order_detail_product .item .content {
  grid-template-columns: 1fr 200px;
  gap: 8px;
  display: grid;
  background: #fff;
  border-bottom: 1px dashed var(--stroke, #eaeaea);
}
@media (max-width: 575px) {
  .order_detail_product .item .content {
    grid-template-columns: 1fr;
  }
}
.order_detail_product .item .product {
  display: flex;
  align-items: center;
}
.order_detail_product .item .product__sp {
  display: flex;
  gap: 16px;
  flex: 1;
}
.order_detail_product .item .product__sp .product {
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .order_detail_product .item .product__sp {
    border-bottom: 1px dashed var(--stroke, #eaeaea);
    padding-bottom: 12px;
  }
}
.order_detail_product .item .product__content--inner {
  padding: 12px 0;
  border-bottom: 1px dashed var(--stroke, #eaeaea);
}
.order_detail_product .item .product__content--inner .product__price {
  min-width: 106px;
  flex-shrink: 0;
}
.order_detail_product .item .product__image {
  width: 108px;
  height: 108px;
  flex-shrink: 0;
  display: block;
}
.order_detail_product .item .product__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.order_detail_product .item .product__content {
  padding: 12px 0;
  border-bottom: 1px dashed var(--stroke, #eaeaea);
}
@media (max-width: 767px) {
  .order_detail_product .item .product__content {
    padding: 0;
    border: 0;
  }
}
.order_detail_product .item .product__content .product__name {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 8px;
}
@media (max-width: 575px) {
  .order_detail_product .item .product__content .product__name {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
}
.order_detail_product .item .product__content .product__name a {
  color: var(--grey);
  font-size: 18px;
  line-height: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.order_detail_product .item .product__content .classify {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  color: var(--grey-5, #292929);
  font-size: 16px;
  line-height: normal;
  margin-bottom: 8px;
}
.order_detail_product .item .product__content .classify .color {
  position: relative;
}
.order_detail_product .item .product__content .classify .color::after {
  content: "";
  opacity: 0.5;
  background: var(--grey, #292929);
  width: 2px;
  height: 2px;
  position: absolute;
  top: 7px;
  right: -5px;
}
.order_detail_product .item .product__content .quantity {
  color: var(--grey);
  font-size: 16px;
  line-height: normal;
}
.order_detail_product .item .product__sku {
  color: var(--grey-5);
  font-size: 16px;
  line-height: normal;
  position: relative;
}
.order_detail_product .item .product__sku::after {
  content: "";
  opacity: 0.5;
  background: var(--grey, #292929);
  width: 2px;
  height: 2px;
  position: absolute;
  top: 7px;
  left: -10px;
}
@media screen and (max-width: 1199px) {
  .order_detail_product .item .product__sku::after {
    display: none;
  }
}
.order_detail_product .item .product__price {
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
}
@media (max-width: 1023px) {
  .order_detail_product .item .product__price {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .order_detail_product .item .product__price {
    flex-direction: column;
    align-items: flex-end;
    flex-wrap: nowrap;
  }
}
.order_detail_product .item .product__price .price-sale {
  font-size: 16px;
}
.order_detail_product .item .product__price .price-old del {
  font-size: 14px;
}
.order_detail_product .item .product_footer {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.order_detail_product .item .product_footer .price-order {
  color: var(--grey);
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  padding-top: 12px;
}
.order_detail_product .item .product_footer .price-order span {
  color: var(--grey);
  font-size: 13px;
  line-height: normal;
  text-decoration: underline;
}
.order_detail_product .item .product_footer .price-order .text {
  color: var(--grey-5, #292929);
  font-size: 16px;
  line-height: normal;
  text-decoration: inherit;
  margin-right: 8px;
}
.order_detail_product .item .product_footer .btn-cancle-detail {
  border-radius: 6px;
  border: 1px solid #05472a;
  padding: 11px 24px;
  color: #05472a;
  font-size: 16px;
  line-height: normal;
  display: block;
  margin-top: 30px;
}
.order_detail_product .item .btn-order {
  margin-top: 17px;
}
.order_detail_product .item .btn-order a {
  padding: 12px 24px;
  border-radius: 6px;
  background: var(--ever-gr, #05472a);
  color: var(--white, #fff);
  font-size: 16px;
  line-height: normal;
}
.order_detail_product .item .btn-order a.repurchase {
  background: var(--mist, #cbd3b0);
  color: #05472a;
}
.order_detail_product .item-present .product__image {
  width: 80px;
  height: 80px;
}
@media screen and (max-width: 767px) {
  .order_detail_product .item-present .product__image {
    width: 60px;
    height: 60px;
  }
}
.order_detail_product .item-present .box_deal {
  color: var(--ever-gr, #05472a);
  font-size: 14px;
  line-height: 16px;
  padding: 2px 6px;
  border-radius: 30px;
  border: 1px solid var(--Chai, #d2ab80);
  background: rgba(210, 171, 128, 0.2);
  margin-right: 0;
}
@media screen and (max-width: 575.99px) {
  .order_detail_product .item-present .box_deal {
    font-size: 11px;
  }
}
.order_detail_product .item-present .box_pres {
  color: var(--ever-gr, #05472a);
  font-size: 14px;
  line-height: 16px;
  padding: 2px 6px;
  border-radius: 30px;
  border: 1px solid var(--green, #89c35c);
  background: rgba(137, 195, 92, 0.1);
  margin-right: 0;
}
@media screen and (max-width: 575.99px) {
  .order_detail_product .item-present .box_pres {
    font-size: 11px;
  }
}

.order-detail-section .order__right .product__purchased {
  margin-top: 60px;
}

.modal-product-review {
  overflow-y: auto;
}
.modal-product-review .modal-header {
  margin: -16px -16px 22px -16px;
  padding: 16px;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 2;
  border-radius: 6px 6px 0 0;
}
@media (max-width: 1199px) {
  .modal-product-review .modal-dialog {
    max-width: 800px;
  }
}
@media (max-width: 991px) {
  .modal-product-review .modal-dialog {
    max-width: 700px;
    justify-content: center;
  }
}
@media (max-width: 991px) {
  .modal-product-review .modal-dialog .modal-content {
    padding: 30px;
  }
}
@media screen and (max-width: 767px) {
  .modal-product-review .modal-dialog .modal-content {
    padding: 16px;
  }
}
.modal-product-review .review__item {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 40px;
  border-bottom: 1px solid #bbb;
  padding: 30px 0;
}
@media screen and (max-width: 1199px) {
  .modal-product-review .review__item {
    padding: 24px 0;
  }
}
.modal-product-review .review__item:first-child {
  padding-top: 0;
}
@media (max-width: 767px) {
  .modal-product-review .review__item {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}
.modal-product-review .review__item .review__item_left {
  padding-right: 40px;
  border-right: 1px solid var(--stroke, #eaeaea);
}
@media (max-width: 767px) {
  .modal-product-review .review__item .review__item_left {
    padding-right: 0;
    border: none;
    display: flex;
    gap: 16px;
  }
}
.modal-product-review .review__item .review__item_left .image {
  width: 180px;
  height: 180px;
  flex-shrink: 0;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .modal-product-review .review__item .review__item_left .image {
    width: 80px;
    height: 80px;
  }
}
.modal-product-review .review__item .review__item_left .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.modal-product-review .review__item .review__item_left .name {
  color: var(--grey);
  font-size: 18px;
  line-height: normal;
  display: block;
  margin-bottom: 8px;
}
.modal-product-review .review__item .review__item_left .sku {
  color: var(--grey-5, #292929);
  font-size: 16px;
  line-height: normal;
  display: block;
  margin-bottom: 8px;
}
.modal-product-review .review__item .review__item_left .data {
  color: var(--grey);
  font-size: 16px;
  line-height: normal;
}
.modal-product-review .review__item .review__item_right .box-evaluate .rating-asset-star {
  background-image: url(../images/rate-none-review.png);
}
.modal-product-review .review__item .review__item_right .box-evaluate .rating-asset-star .rated {
  background-image: url(../images/rate-ok-review.png);
}
.modal-product-review .review__item .review__item_right .box-evaluate .txt {
  color: var(--grey);
  font-size: 18px;
  line-height: 24px;
}
.modal-product-review .review__item .review__item_right .box-evaluate .total-rate {
  display: grid;
  align-items: center;
  grid-template-columns: 110px 1fr;
}
@media (max-width: 767px) {
  .modal-product-review .review__item .review__item_right .box-evaluate .total-rate {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.modal-product-review .review__item .review__item_right .box-evaluate .total-rate .rating-asset-total {
  color: var(--brown, #715d47);
  font-size: 16px;
  line-height: normal;
}
.modal-product-review .review__item .review__item_right .box-evaluate .box-rate-content {
  margin: 24px 0;
}
.modal-product-review .review__item .review__item_right .box-evaluate .box-rate-content .item {
  display: grid;
  align-items: center;
  grid-template-columns: 110px 1fr;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .modal-product-review .review__item .review__item_right .box-evaluate .box-rate-content .item {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.modal-product-review .review__item .review__item_right .box-evaluate .box-rate-content .item:last-child {
  margin-bottom: 0;
}
.modal-product-review .review__item .review__item_right .box-evaluate .box-rate-content .item .list {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.modal-product-review .review__item .review__item_right .box-evaluate .box-rate-content .item .list label {
  border-radius: 30px;
  border: 1px solid var(--Chai, #d2ab80);
  color: var(--brown, #715d47);
  font-size: 16px;
  padding: 10px 16px;
  cursor: pointer;
}
.modal-product-review .review__item .review__item_right .box-evaluate .box-rate-content .item .list input {
  display: none;
}
.modal-product-review .review__item .review__item_right .box-evaluate .box-rate-content .item .list input:checked ~ label {
  background: var(--Chai, #d2ab80);
  color: var(--white, #fff);
}
.modal-product-review .review__item .review__item_right .content_review textarea {
  border: 1px solid rgba(41, 41, 41, 0.2);
  min-height: 100px;
  width: 100%;
  padding: 10px 14px;
  font-size: 16px;
  line-height: 22px;
  outline: none;
}
.modal-product-review .review__item .review__item_right .content_review textarea:-moz-placeholder-shown {
  color: var(--black40, #aeafb0);
}
.modal-product-review .review__item .review__item_right .content_review textarea:placeholder-shown {
  color: var(--black40, #aeafb0);
}
.modal-product-review .review__item .review__item_right .btn-add {
  gap: 12px;
  margin-top: 24px;
}
@media screen and (max-width: 1199px) {
  .modal-product-review .review__item .review__item_right .btn-add {
    margin-top: 16px;
  }
}
.modal-product-review .review__item .review__item_right .btn-add .btn-add-file {
  background: rgba(203, 211, 176, 0.5);
  padding: 4px 8px;
  position: relative;
  cursor: pointer;
}
.modal-product-review .review__item .review__item_right .btn-add .btn-add-file input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  height: 30px;
  margin: 0;
  padding: 0;
  display: block;
  cursor: pointer;
  width: 100%;
}
.modal-product-review .review__item .review__item_right .btn-add .btn-add-file .text {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--green);
  font-size: 14px;
  line-height: 22px;
}
.modal-product-review .review__item .review__item_right .img-up {
  gap: 10px;
  margin-top: 10px;
}
.modal-product-review .review__item .review__item_right .img-up .img {
  width: 54px;
  height: 54px;
  position: relative;
}
.modal-product-review .review__item .review__item_right .img-up .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.modal-product-review .review__item .review__item_right .img-up .img .icon {
  width: 16px;
  height: 16px;
  background: #333;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-product-review .review_footer {
  padding-top: 20px;
  border-top: 1px solid var(--stroke, #eaeaea);
}
.modal-product-review .review_footer .checkbox-group {
  display: flex;
  align-items: center;
  position: relative;
}
.modal-product-review .review_footer .checkbox-group input {
  display: none;
}
.modal-product-review .review_footer .checkbox-group input:checked + .checkmark {
  background: #715d47;
  border: 1px solid #715d47;
}
.modal-product-review .review_footer .checkbox-group input:checked + .checkmark::before {
  display: block;
}
.modal-product-review .review_footer .checkbox-group .checkmark {
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
}
.modal-product-review .review_footer .checkbox-group .checkmark::before {
  content: "";
  position: absolute;
  display: none;
  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  top: 1px;
  left: 6px;
}
.modal-product-review .review_footer .checkbox-group label {
  color: var(--grey);
  font-size: 16px;
  line-height: 22px;
  cursor: pointer;
}
.modal-product-review .review_footer .checkbox-group label:not(.checkmark) {
  padding-left: 28px;
}
.modal-product-review .review_footer .review_footer_btn {
  margin-top: 24px;
  gap: 10px;
}
.modal-product-review .review_footer .review_footer_btn .btn-button {
  padding: 11px 24px;
  border-radius: 6px;
  border: 1px solid var(--ever-gr, #05472a);
  background: #fff;
  color: var(--green);
  font-size: 16px;
  line-height: normal;
}
.modal-product-review .review_footer .review_footer_btn .btn-button.btn-bg {
  background: var(--ever-gr, #05472a);
  color: #fff;
}
@media (max-width: 430px) {
  .modal-product-review .review_footer .review_footer_btn .btn-button {
    width: 50%;
    text-align: center;
  }
}

.feedback-container {
  display: flex;
  align-items: center;
  gap: 15px;
}
.feedback-container .rating {
  border: none;
  float: left;
}
.feedback-container .rating > label {
  color: #90a0a3;
  float: right;
  cursor: pointer;
}
.feedback-container .rating > label:before {
  content: "";
  display: inline-block;
  background-image: url(../images/star.png);
  width: 32px;
  height: 32px;
}
.feedback-container .rating > input {
  display: none;
}
.feedback-container .rating > input:checked ~ label:before,
.feedback-container .rating:not(:checked) > label:hover:before,
.feedback-container .rating:not(:checked) > label:hover ~ label:before {
  content: "";
  background-image: url(../images/rate-star.png);
}

@media (min-width: 1200px) {
  .address-section .address_right {
    height: 100vh;
  }
}
.address-section .address_content .title-header {
  margin-bottom: 20px;
}
@media screen and (max-width: 1199px) {
  .address-section .address_content .title-header {
    margin-bottom: 24px;
  }
}
.address-section .address_content .title-header .title {
  color: var(--grey);
  font-size: 36px;
  line-height: normal;
  margin: 0;
}
@media screen and (max-width: 1199px) {
  .address-section .address_content .title-header .title {
    font-size: 26px;
  }
}
.address-section .address_content .title-header .btn-new-add {
  border-radius: 6px;
  background: var(--mist, #cbd3b0);
  color: var(--green);
  font-size: 16px;
  line-height: normal;
  padding: 12px 24px;
}
.address-section .address_content .address-default {
  color: var(--ever-gr, #05472a);
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  border-radius: 30px;
  background: rgba(137, 195, 92, 0.2);
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 8px;
  display: inline-flex;
}
@media screen and (max-width: 767px) {
  .address-section .address_content .address-default {
    margin-bottom: 8px;
  }
}
.address-section .address_content .address_body .address-item {
  display: flex;
  align-items: center;
  gap: 16px;
  border: 1px solid rgba(41, 41, 41, 0.1);
  background: #fff;
  margin-bottom: 16px;
  padding: 16px 12px;
}
.address-section .address_content .address_body .address-item:last-child {
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .address-section .address_content .address_body .address-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    position: relative;
    padding: 12px;
  }
  .address-section .address_content .address_body .address-item input {
    position: absolute;
    left: 12px;
    top: 50%;
  }
}
.address-section .address_content .address_body .address-item .line {
  color: rgba(41, 41, 41, 0.5);
  transform: translateY(-2px);
}
.address-section .address_content .address_body .address-item .name {
  color: var(--grey);
  font-size: 18px;
  line-height: 22px;
  flex-wrap: wrap;
}
.address-section .address_content .address_body .address-item .name span {
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  border-radius: 30px;
  background: rgba(137, 195, 92, 0.2);
  display: inline-block;
  padding: 4px 8px;
  color: var(--green);
}
.address-section .address_content .address_body .address-item .address {
  display: flex;
  align-items: center;
  gap: 8px;
}
.address-section .address_content .address_body .address-item .address .position {
  border-radius: 15px;
  background: #e6d7b9;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .address-section .address_content .address_body .address-item .address .position {
    font-size: 14px;
  }
}
.address-section .address_content .address_body .address-item .btn-groups a {
  display: inline-block;
  padding: 5px 0;
  color: var(--warning, #f53b00);
  font-size: 16px;
  line-height: 22px;
  /* 137.5% */
}
.address-section .address_content .address_body .address-item .btn-groups a:not(:last-child) {
  color: var(--green);
}

@media (max-width: 1199px) {
  .modal-addnew-address .modal-dialog {
    max-width: 800px;
  }
}
@media (max-width: 768px) {
  .modal-addnew-address .modal-dialog {
    max-width: 750px;
  }
}
@media (max-width: 768px) {
  .modal-addnew-address .modal-dialog .modal-content {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .modal-addnew-address .modal-dialog .modal-content {
    padding: 16px;
  }
}
.modal-addnew-address .form-information {
  font-size: 16px;
  line-height: 22px;
}
.modal-addnew-address .form-information-pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .modal-addnew-address .form-information-pc {
    display: block;
  }
}
.modal-addnew-address .form-information label {
  margin-bottom: 12px;
  color: #292929;
}
.modal-addnew-address .form-information label sup {
  color: var(--red, #f00);
}
.modal-addnew-address .form-information input,
.modal-addnew-address .form-information select {
  border: 1px solid rgba(41, 41, 41, 0.2);
  padding: 8px 14px;
  outline: 0;
  box-shadow: none;
  border-radius: 0;
  color: var(--grey);
}
.modal-addnew-address .form-information input::-moz-placeholder, .modal-addnew-address .form-information input::-moz-placeholder-shown, .modal-addnew-address .form-information select::-moz-placeholder, .modal-addnew-address .form-information select::-moz-placeholder-shown {
  color: var(--black40, #aeafb0);
}
.modal-addnew-address .form-information input::placeholder, .modal-addnew-address .form-information input::placeholder-shown,
.modal-addnew-address .form-information select::placeholder,
.modal-addnew-address .form-information select::placeholder-shown {
  color: var(--black40, #aeafb0);
}
.modal-addnew-address .form-information .grids {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
@media (max-width: 575px) {
  .modal-addnew-address .form-information .grids {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.modal-addnew-address .form-information .grids.grids-3 {
  grid-template-columns: repeat(3, 1fr);
  margin-top: 24px;
}
@media (max-width: 575px) {
  .modal-addnew-address .form-information .grids.grids-3 {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.modal-addnew-address .form-information .address {
  margin-bottom: 24px;
}
.modal-addnew-address .form-information .address > div {
  gap: 36px;
}
@media (max-width: 575px) {
  .modal-addnew-address .form-information .address > div {
    gap: 12px;
    flex-direction: column;
    align-items: flex-start !important;
  }
}
.modal-addnew-address .form-information .address i {
  margin-top: 6px;
  display: block;
  color: rgba(87, 87, 86, 0.6);
  font-size: 14px;
  font-style: italic;
  line-height: 22px;
  /* 157.143% */
}
.modal-addnew-address .form-information .address-detail {
  margin: 24px 0;
}
.modal-addnew-address .form-information .checkbox-group {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 32px;
}
.modal-addnew-address .form-information .checkbox-group label {
  margin-bottom: 0;
  color: var(--grey);
}
.modal-addnew-address .form-information .checkbox-group .checkmark {
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(41, 41, 41, 0.2);
  border-radius: 4px;
  flex-shrink: 0;
  cursor: pointer;
  left: 0;
  margin: 0 12px 0 0;
}
.modal-addnew-address .form-information .checkbox-group .checkmark::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 6px;
  width: 5px;
  height: 11px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  display: none;
}
.modal-addnew-address .form-information .checkbox-group input {
  display: none;
}
.modal-addnew-address .form-information .checkbox-group input:checked ~ .checkmark {
  background-color: #715d47;
  border: 1px solid #715d47;
}
.modal-addnew-address .form-information .checkbox-group input:checked ~ .checkmark::after {
  display: block;
}
.modal-addnew-address .form-information .delivery-hours {
  display: flex;
  align-items: flex-start;
  gap: 36px;
  margin-bottom: 36px;
}
.modal-addnew-address .form-information .delivery-hours label {
  margin-bottom: 0;
}
.modal-addnew-address .form-information .delivery-hours .text {
  color: var(--grey);
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  /* 122.222% */
}
.modal-addnew-address .form-information .delivery-hours .content {
  flex: 1;
}
.modal-addnew-address .form-information .delivery-hours .content-top {
  display: grid;
  grid-template-columns: 220px 220px;
  margin-bottom: 24px;
}
.modal-addnew-address .form-information .delivery-hours .content-top > div,
.modal-addnew-address .form-information .delivery-hours .content-top label {
  cursor: pointer;
}
.modal-addnew-address .form-information .delivery-hours .content-bottom {
  display: none;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  row-gap: 24px;
  max-width: 660px;
}
.modal-addnew-address .form-information .delivery-hours .content-bottom .custom-radio-checkbox-asset {
  padding-left: 32px;
}
.modal-addnew-address .form-information .text-end .btn-asset {
  padding: 11px 24px;
}
@media screen and (max-width: 767px) {
  .modal-addnew-address .text-end {
    text-align: center !important;
  }
}

.page-personal-information {
  background: #fbf7f3;
  /*   .bg-after-order {
    &::before {
      content: "";
      position: absolute;
      right: 0%;
      top: 0;
      width: 30.2vw;
      height: 100%;
      background: #fbf7f3;
      z-index: -1;

      @media screen and (max-width: 1399px) {
        width: 32.2vw;
      }

      @media screen and (max-width: 1199px) {
        width: 29.2vw;
      }

      @media screen and (max-width: 991px) {
        display: none;
      }
    }
  } */
}

.personal-information-section {
  display: grid;
  grid-template-columns: 19.206977% 1fr 27.893023%;
}
.personal-information-section .manager_right {
  padding-right: 100px;
  background: #fff;
}
@media (max-width: 1680px) {
  .personal-information-section .manager_right {
    padding-right: 50px;
  }
}
@media screen and (max-width: 991px) {
  .personal-information-section .manager_right {
    padding: 32px 0;
  }
}
.personal-information-section .manager_right .information_content .title {
  color: var(--grey);
  font-size: 36px;
  line-height: normal;
  margin-bottom: 24px;
}
@media screen and (max-width: 575px) {
  .personal-information-section .manager_right .information_content .title {
    font-size: 26px;
  }
}
.personal-information-section .manager_right .information_content .avata {
  display: grid;
  grid-template-columns: 86px 1fr;
  align-items: center;
  gap: 24px;
  margin-bottom: 24px;
}
.personal-information-section .manager_right .information_content .avata .image {
  width: 87px;
  height: 87px;
  overflow: hidden;
  position: relative;
  border-radius: 100%;
}
.personal-information-section .manager_right .information_content .avata .image img {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.personal-information-section .manager_right .information_content .avata .btn-add-file {
  position: relative;
  cursor: pointer;
  border-radius: 6px;
  background: var(--mist, #cbd3b0);
  padding: 8px 12px;
  display: inline-block;
}
.personal-information-section .manager_right .information_content .avata .btn-add-file .text {
  color: var(--green);
  font-size: 14px;
  line-height: normal;
}
.personal-information-section .manager_right .information_content .avata .btn-add-file input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  height: 38px;
  margin: 0;
  padding: 0;
  display: block;
  cursor: pointer;
  width: 100%;
}
.personal-information-section .manager_right .information_content .avata .desc {
  color: var(--black60, #848483);
  font-size: 16px;
  line-height: 22px;
  margin: 8px 0 0;
}
.personal-information-section .manager_right .information_content .avata .desc .text-danger {
  color: var(--black60, #848483) !important;
  font-size: 16px;
}
.personal-information-section .manager_right .information_content .information_select form .grids {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
@media screen and (max-width: 1199px) {
  .personal-information-section .manager_right .information_content .information_select form .grids {
    gap: 8px;
  }
}
@media screen and (max-width: 767px) {
  .personal-information-section .manager_right .information_content .information_select form .grids {
    gap: 16px;
    grid: none;
  }
}
.personal-information-section .manager_right .information_content .information_select form .grids .form-group label {
  color: var(--black80, #575756);
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 12px;
}
.personal-information-section .manager_right .information_content .information_select form .grids .form-group select,
.personal-information-section .manager_right .information_content .information_select form .grids .form-group input {
  border: 1px solid rgba(41, 41, 41, 0.2);
  padding: 10px 14px;
  outline: 0;
  box-shadow: none;
  border-radius: 0;
}
.personal-information-section .manager_right .information_content .information_select form .choose_gender {
  margin-top: 24px;
}
.personal-information-section .manager_right .information_content .information_select form .choose_gender .text {
  color: var(--black80, #575756);
  font-size: 16px;
  line-height: 22px;
  display: block;
  margin-bottom: 16px;
}
.personal-information-section .manager_right .information_content .information_select form .choose_gender .custom-radio {
  margin-right: 32px;
}
.personal-information-section .manager_right .information_content .information_select form .choose_gender .custom-radio:last-child {
  margin-right: 0;
}
.personal-information-section .manager_right .information_content .information_select form .choose_gender .custom-radio label.txt {
  color: var(--grey);
}
.personal-information-section .manager_right .information_content .information_select .btn-save-changes {
  margin-top: 24px;
  display: inline-flex;
  border-radius: 6px;
  background: var(--mist, #cbd3b0);
  padding: 12px 24px;
  color: var(--white, #fff);
  font-size: 18px;
  line-height: normal;
  border: none;
  outline: 0;
  transition: 0.3s ease-in-out;
}
.personal-information-section .manager_right .information_content .information_select .btn-save-changes:hover {
  background: #05472a;
}
.personal-information-section .security_infore {
  padding: 60px 0 60px 100px;
}
@media (max-width: 1399px) {
  .personal-information-section .security_infore {
    padding: 60px 0 60px 10px;
  }
}
@media screen and (max-width: 991px) {
  .personal-information-section .security_infore {
    background: #fbf7f3;
    padding: 32px 16px;
  }
}
.personal-information-section .security_infore .user-page-security .user-page-title {
  color: var(--grey);
  font-size: 22px;
  line-height: normal;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--stroke, #eaeaea);
  margin-bottom: 16px;
}
@media screen and (max-width: 575px) {
  .personal-information-section .security_infore .user-page-security .user-page-title {
    font-size: 20px;
  }
}
.personal-information-section .security_infore .user-page-security .form-group .security-title {
  color: var(--grey);
}
.personal-information-section .security_infore .user-page-security .form-group .security-name {
  color: var(--grey);
}
.personal-information-section .security_infore .user-page-security .form-group .user-security-cta {
  border-radius: 6px;
  background: var(--mist, #cbd3b0);
  padding: 8px 12px;
  color: var(--green);
  font-size: 14px;
  line-height: normal;
}
@media screen and (max-width: 1199px) {
  .personal-information-section {
    grid-template-columns: 22% 1fr 27%;
  }
  .personal-information-section .manager_left,
  .personal-information-section .security_infore {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .personal-information-section .manager_right {
    padding: 30px;
  }
  .personal-information-section .manager_right .information_content .title {
    font-size: 26px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .personal-information-section {
    grid-template-columns: 24% 1fr 28%;
  }
  .personal-information-section .manager_right {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .personal-information-section .manager_left_list a {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .personal-information-section .manager_right {
    margin: 0 -16px;
    padding: 32px 16px;
  }
  .personal-information-section .manager_right .form-group-birth #date_of_birth {
    padding-right: 30px;
  }
  .personal-information-section .manager_right .form-group-birth > div {
    position: relative;
  }
  .personal-information-section .manager_right .form-group-birth > div::after {
    content: "";
    background-image: url(../images/icon-calendar.svg);
    background-repeat: no-repeat;
    position: absolute;
    height: 16px;
    width: 16px;
    top: 13px;
    right: 10px;
    z-index: 2;
  }
  .personal-information-section .security_infore {
    padding: 32px 0;
  }
}

#modalUpdateUserPhone .modal-dialog {
  max-width: 560px;
}
@media screen and (min-width: 768px) {
  #modalUpdateUserPhone .modal-dialog .modal-header {
    padding-top: 0;
  }
}
#modalUpdateUserPhone .modal-dialog .modal-content {
  padding-bottom: 34px;
}
#modalUpdateUserPhone .modal-dialog .modal-body .modal-title {
  color: var(--grey);
  font-size: 22px;
  line-height: normal;
  border-bottom: 1px solid var(--stroke, #eaeaea);
  padding-bottom: 20px;
  margin-bottom: 32px;
}
#modalUpdateUserPhone .modal-dialog .modal-body form .ipt-group label {
  color: var(--black80, #575756);
  display: block;
  margin-bottom: 12px;
}
#modalUpdateUserPhone .modal-dialog .modal-body form .ipt-group .ipt-error {
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}
#modalUpdateUserPhone .modal-dialog .modal-body form .ipt-group input {
  border: 1px solid rgba(41, 41, 41, 0.2);
  outline: 0;
  padding: 10px 14px 10px 40px;
  color: var(--grey-5, #292929);
  font-size: 16px;
  line-height: 22px;
  box-shadow: none;
  width: 100%;
  background: url(../images/smartphone.png) no-repeat #fff;
  background-position: 10px center;
}
#modalUpdateUserPhone .modal-dialog .modal-body form .ipt-group #checkPhone {
  font-style: italic;
  margin-top: 6px;
}
#modalUpdateUserPhone .modal-dialog .modal-body .modal-btn {
  border-radius: 6px;
  background: var(--mist, #cbd3b0);
  padding: 12px 24px;
  margin-top: 24px;
  width: 100%;
  border: none;
  color: var(--white, #fff);
  font-size: 18px;
  outline: 0;
}
#modalUpdateUserPhone .modal-dialog .modal-body .modal-btn:hover {
  background: #05472a;
}

#modalUpdateUserPassword .modal-dialog {
  max-width: 560px;
}
#modalUpdateUserPassword .modal-content {
  padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
  #modalUpdateUserPassword .modal-header {
    padding-top: 0;
  }
}
#modalUpdateUserPassword .modal-body .modal-title {
  color: var(--grey);
  font-size: 22px;
  line-height: normal;
  border-bottom: 1px solid var(--stroke, #eaeaea);
  padding-bottom: 20px;
  margin-bottom: 32px;
}
#modalUpdateUserPassword .modal-body form .form-group .form-label {
  color: var(--black80, #575756);
  display: block;
  margin-bottom: 12px;
}
#modalUpdateUserPassword .modal-body form .form-group .ipt-error {
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}
#modalUpdateUserPassword .modal-body form .form-group .ipt-gr input {
  border: 1px solid rgba(41, 41, 41, 0.2);
  padding: 9px 14px 9px 40px;
  width: 100%;
  outline: 0;
  background: url(../images/icon-lock.png) no-repeat #fff;
  background-position: 10px center;
}
#modalUpdateUserPassword .modal-body form .ipt-error {
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}
#modalUpdateUserPassword .modal-body .modal-btn {
  border-radius: 6px;
  background: #05472a;
  padding: 8.5px 24px;
  margin-top: 24px;
  width: 100%;
  border: none;
  color: var(--white, #fff);
  font-size: 18px;
  background: var(--mist, #cbd3b0);
}
#modalUpdateUserPassword .modal-body .modal-btn:hover, #modalUpdateUserPassword .modal-body .modal-btn.active {
  background: var(--green);
}

.toast-information .toast-header {
  position: relative;
}
.toast-information .toast-header .toast-content .rounded {
  margin-right: 20px;
}
.toast-information .toast-header .toast-content .icon-error {
  display: none;
}
.toast-information .toast-header .toast-content.error .icon-success {
  display: none;
}
.toast-information .toast-header .toast-content.error .icon-error {
  display: block;
}
.toast-information .toast-header .btn-close {
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-width: 767px) {
  #modalUpdateUserPhone,
  #modalUpdateUserPassword {
    padding-top: 16px;
  }
}

.page-email {
  background: #f2f2f2;
  padding: 37px 0 193px;
}
@media screen and (max-width: 575.98px) {
  .page-email {
    padding-bottom: 60px;
  }
}
.page-email .email-section {
  max-width: 568px;
  margin: 0 auto;
  padding: 30px;
  background: #fff;
}
@media screen and (max-width: 575.98px) {
  .page-email .email-section {
    padding: 16px;
  }
}
.page-email .email-section .email_header {
  display: grid;
  grid-template-columns: 95px 1fr;
  gap: 24px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--stroke, #eaeaea);
}
@media screen and (max-width: 575.98px) {
  .page-email .email-section .email_header {
    grid-template-columns: 1fr;
  }
}
.page-email .email-section .email_header .logo {
  max-width: 95px;
}
@media screen and (max-width: 575.98px) {
  .page-email .email-section .email_header .logo {
    text-align: center;
    margin: 0 auto;
  }
}
.page-email .email-section .email_header .box-policy .item {
  padding: 4px 0px;
  width: 50%;
  color: var(--grey);
  font-family: Arial;
  font-size: 11px;
  line-height: normal;
}
.page-email .email-section .email_header .box-policy .item img {
  width: 18px;
  height: 18px;
}
.page-email .email-section .text {
  padding: 24px 0 16px;
  border-bottom: 1px solid var(--stroke, #eaeaea);
}
.page-email .email-section .text span {
  color: #555;
  font-family: Arial;
  font-size: 12px;
  line-height: normal;
  display: block;
  margin-bottom: 12px;
}
.page-email .email-section .text .title {
  color: var(--grey);
  font-family: Arial;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 12px;
}
.page-email .email-section .text .desc {
  color: #555;
  font-family: Arial;
  font-size: 12px;
  line-height: 18px;
  margin: 0;
}
.page-email .email-section .text .btn-order-tracking {
  margin-top: 16px;
  text-align: center;
}
.page-email .email-section .text .btn-order-tracking a {
  padding: 8px 12px;
  border-radius: 6px;
  background: var(--ever-gr, #05472a);
  color: var(--white, #fff);
  font-family: Arial;
  font-size: 13px;
  line-height: normal;
  display: inline-block;
}
.page-email .email-section .box-user {
  padding: 16px 0;
}
.page-email .email-section .box-user .info_single {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #555;
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 12px;
}
.page-email .email-section .box-user .info_single span {
  font-size: 12px;
}
.page-email .email-section .box-user .address {
  color: #555;
  font-family: Arial;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 4px;
}
.page-email .email-section .box-user .name {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  color: #555;
  font-family: Arial;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 4px;
}
.page-email .email-section .box-user .name span {
  padding: 0 8px;
  margin: 0 8px;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
}
.page-email .email-section .box-user .name span.email {
  border: none;
  padding: 0;
  margin: 0;
  color: #05472a;
}
.page-email .email-section .box-user p {
  color: #555;
  font-family: Arial;
  font-size: 12px;
  line-height: 18px;
}
.page-email .email-section .box_product .box_product_title {
  display: grid;
  grid-template-columns: 1fr 60px 94px;
  padding: 12px 0;
  border-top: 1px solid var(--stroke, #eaeaea);
  border-bottom: 1px solid var(--stroke, #eaeaea);
  align-items: flex-start;
  gap: 12px;
  color: #555;
  font-family: Arial;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 575.98px) {
  .page-email .email-section .box_product .box_product_title {
    grid-template-columns: 1fr 60px 44px;
  }
}
.page-email .email-section .box_product .box_product_title .cart-top-mony {
  text-align: right;
}
.page-email .email-section .box_product .product .item {
  display: grid;
  grid-template-columns: minmax(auto, 370px) 60px 94px;
  gap: 10px;
  justify-content: space-between;
  padding: 20px 0 12px;
  border-bottom: 1px solid var(--stroke, #eaeaea);
  background: #fff;
}
@media screen and (max-width: 575.98px) {
  .page-email .email-section .box_product .product .item {
    grid-template-columns: minmax(auto, 370px) 60px 44px;
  }
}
.page-email .email-section .box_product .product .item-product {
  display: flex;
  gap: 16px;
}
.page-email .email-section .box_product .product .item-product .image {
  width: 68px;
  height: 68px;
  flex-shrink: 0;
}
.page-email .email-section .box_product .product .item-product .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-email .email-section .box_product .product .item-product .name-product {
  color: var(--grey);
  font-size: 13px;
  font-family: Arial;
  line-height: 18px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  margin-bottom: 4px;
}
.page-email .email-section .box_product .product .quantity {
  color: var(--grey);
  font-family: Arial;
  font-size: 13px;
  line-height: 18px;
}
.page-email .email-section .box_product .product .type {
  color: #666;
  font-family: Arial;
  font-size: 11px;
  line-height: 16px;
}
.page-email .email-section .box_product .product .prices, .page-email .email-section .box_product .product .product-component-prices, .page-email .email-section .box_product .product .product-details .product-information .price-box .price-old, .product-details .product-information .price-box .page-email .email-section .box_product .product .price-old, .page-email .email-section .box_product .product .style-look-section.style-look-detail-section .product-information .price-box .price-old, .style-look-section.style-look-detail-section .product-information .price-box .page-email .email-section .box_product .product .price-old {
  text-align: right;
  justify-content: flex-end;
  align-content: flex-start;
  gap: 0;
}
.page-email .email-section .box_product .product .prices .price-sale, .page-email .email-section .box_product .product .product-component-prices .price-sale, .page-email .email-section .box_product .product .product-details .product-information .price-box .price-old .price-sale, .product-details .product-information .price-box .page-email .email-section .box_product .product .price-old .price-sale, .page-email .email-section .box_product .product .style-look-section.style-look-detail-section .product-information .price-box .price-old .price-sale, .style-look-section.style-look-detail-section .product-information .price-box .page-email .email-section .box_product .product .price-old .price-sale {
  color: var(--grey);
  font-family: Arial;
  font-size: 12px;
  line-height: 18px;
}
.page-email .email-section .box_product .product .prices .price-old, .page-email .email-section .box_product .product .product-component-prices .price-old, .page-email .email-section .box_product .product .product-details .product-information .price-box .price-old .price-old, .product-details .product-information .price-box .page-email .email-section .box_product .product .price-old .price-old, .page-email .email-section .box_product .product .style-look-section.style-look-detail-section .product-information .price-box .price-old .price-old, .style-look-section.style-look-detail-section .product-information .price-box .page-email .email-section .box_product .product .price-old .price-old {
  color: #999;
  font-family: Arial;
  font-size: 11px;
  line-height: 18px;
  text-decoration-line: strikethrough;
}
.page-email .email-section .product_footer {
  text-align: right;
  padding-top: 16px;
}
.page-email .email-section .product_footer .price-order {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: var(--grey);
  font-family: Arial;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 8px;
}
.page-email .email-section .product_footer .price-order span {
  color: #666;
  font-family: Arial;
  font-size: 11px;
  line-height: 16px;
  margin-right: 8px;
}
.page-email .email-section .product_footer .price-order .dong {
  margin: 0;
}
.page-email .email-section .product_footer .product__total {
  font-weight: 400;
}
.page-email .email-section .product_footer .product__total .dong {
  font-weight: 400;
}
.page-email .email-section .box_review {
  border-top: 1px solid var(--stroke, #eaeaea);
  padding: 12px 0;
}
.page-email .email-section .box_review .content {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 16px;
}
.page-email .email-section .box_review .content .text_review p {
  color: #555;
  font-family: Arial;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
}
.page-email .email-section .box_review .content .text_review a {
  border-radius: 6px;
  background: var(--ever-gr, #05472a);
  padding: 8px 12px;
  color: var(--white, #fff);
  font-family: Arial;
  font-size: 13px;
  line-height: normal;
}
.page-email .email-section .box_policy_mail {
  border-top: 1px solid var(--stroke, #eaeaea);
  padding: 12px 0;
  color: #555;
  font-family: Arial;
  font-size: 12px;
  line-height: 22px;
}
.page-email .email-section .box_policy_mail a {
  color: var(--green);
}
.page-email .email-section .box_policy_mail .author {
  font-weight: 400;
}
.page-email .email-section .box_policy_mail .author span {
  display: block;
  line-height: normal;
}

.notification {
  padding-top: 16px;
  color: var(--grey);
  font-family: Arial;
  font-size: 10px;
  line-height: 18px;
}
.notification a {
  text-decoration-line: underline;
  color: var(--grey);
}

.table {
  width: 100%;
  vertical-align: top;
  border-color: gray;
}
.table > :not(caption) > * > * {
  border-bottom-width: 1px;
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}

.caption-top {
  caption-side: top;
}

.table-bordered > :not(caption) > *, .wrapper_table table > :not(caption) > * {
  border-width: 1px 0;
}
.table-bordered > :not(caption) > * > *, .wrapper_table table > :not(caption) > * > * {
  border-width: 1px;
}

.header-b2b {
  position: absolute;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 2;
  top: 30px;
}
@media screen and (max-width: 767px) {
  .header-b2b {
    position: static;
    transform: unset;
    padding: 8px 16px;
    background: #f0f8e6;
  }
  .header-b2b .logo-b2b {
    width: 93px;
    height: 45px;
    display: inline-block;
  }
  .header-b2b .logo-b2b img,
  .header-b2b .logo-b2b svg {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media screen and (max-width: 767px) {
  .landing-page-b2b .landing-page-blog-primary .container-wrapper {
    position: static;
    transform: unset;
    padding: 30px;
    background: #f0f8e6;
  }
}

.landing-page-blog-primary .container-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.landing-page-blog-primary .text-heading {
  max-width: 600px;
}
.landing-page-blog-primary .first-text-heading {
  color: var(--ever-gr, #05472a);
  font-size: 60px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 12px;
}
@media screen and (max-width: 1199px) {
  .landing-page-blog-primary .first-text-heading {
    font-size: 32px;
  }
}
.landing-page-blog-primary .second-text-heading {
  color: var(--grey, #292929);
  font-size: 22px;
  line-height: normal;
}
@media screen and (max-width: 1199px) {
  .landing-page-blog-primary .second-text-heading {
    font-size: 16px;
  }
}
.landing-page-blog-primary .btn-text-heading {
  margin: 32px 0;
  border-radius: 6px;
  background: #05472a;
  display: inline-flex;
  padding: 16px 36px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  color: #fff;
  font-size: 22px;
  line-height: normal;
}
@media screen and (max-width: 1199px) {
  .landing-page-blog-primary .btn-text-heading {
    font-size: 22px;
    padding: 12px 24px;
    margin: 24px 0;
  }
}
.landing-page-blog-primary .image-background {
  position: relative;
}
@media screen and (min-width: 768px) {
  .landing-page-blog-primary .image-background {
    height: 100vh;
  }
}
.landing-page-blog-primary .image-background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.landing-page-blog-list-brands {
  padding: 80px 0;
}
@media screen and (max-width: 1199px) {
  .landing-page-blog-list-brands {
    padding: 40px 0;
  }
}
.landing-page-blog-list-brands .b2b-block-title {
  text-align: center;
  color: var(--grey, #292929);
  font-size: 28px;
  line-height: normal;
  margin-bottom: 12px;
}
.landing-page-blog-list-brands .b2b-block-content .list-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  place-items: center;
  gap: 30px;
}
.landing-page-blog-list-brands .b2b-block-content .list-item .image {
  width: 120px;
  height: 120px;
}
.landing-page-blog-list-brands .b2b-block-content .list-item .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.landing-page-blog-list-service {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #f0f8e6 55.81%);
  padding-bottom: 100px;
}
.landing-page-blog-list-service .b2b-block-title {
  color: var(--grey, #292929);
  text-align: center;
  font-size: 48px;
  line-height: normal;
  margin-bottom: 48px;
}
@media screen and (max-width: 1199px) {
  .landing-page-blog-list-service .b2b-block-title {
    font-size: 32px;
  }
}
.landing-page-blog-list-service .list-item {
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 30px;
}
.landing-page-blog-list-service .list-item .item {
  overflow: hidden;
  position: relative;
  border-radius: 20px;
  padding-bottom: 400px;
}
.landing-page-blog-list-service .list-item .item:hover img {
  transform: scale(1.1);
}
.landing-page-blog-list-service .list-item .item img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s ease-in-out;
}
.landing-page-blog-list-service .list-item .item .name {
  position: absolute;
  z-index: 2;
  bottom: 0;
  padding: 30px 20px;
  color: var(--white, #fff);
  font-size: 28px;
  line-height: normal;
  width: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}

.landing-page-blog-center {
  max-width: 1520px;
  padding: 80px 0;
  margin: 0 auto;
}
@media screen and (max-width: 1199px) {
  .landing-page-blog-center {
    padding: 40px 0;
  }
}
.landing-page-blog-center .iframe,
.landing-page-blog-center .video-image-center {
  position: relative;
  padding-bottom: 767px;
  text-align: center;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 1679px) {
  .landing-page-blog-center .iframe,
  .landing-page-blog-center .video-image-center {
    padding-bottom: 56.25%;
  }
}
.landing-page-blog-center .iframe iframe,
.landing-page-blog-center .iframe img,
.landing-page-blog-center .iframe .js-iframe,
.landing-page-blog-center .video-image-center iframe,
.landing-page-blog-center .video-image-center img,
.landing-page-blog-center .video-image-center .js-iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.landing-page-blog-center .iframe iframe:not(iframe),
.landing-page-blog-center .iframe img:not(iframe),
.landing-page-blog-center .iframe .js-iframe:not(iframe),
.landing-page-blog-center .video-image-center iframe:not(iframe),
.landing-page-blog-center .video-image-center img:not(iframe),
.landing-page-blog-center .video-image-center .js-iframe:not(iframe) {
  -o-object-fit: cover;
     object-fit: cover;
}

.landing-page-block-ltr {
  grid-template-columns: 49% minmax(auto, 42.4342105263%);
}
.landing-page-block-ltr .col-left {
  position: relative;
  overflow: hidden;
  height: 510px;
  border-radius: 0px 300px 300px 0px;
}
@media screen and (max-width: 1199px) {
  .landing-page-block-ltr .col-left {
    height: auto;
    border-radius: 0;
  }
}
.landing-page-block-ltr .col-right {
  max-width: 655px;
  align-self: center;
}

.landing-page-block-rtf {
  grid-template-columns: minmax(auto, 42.4342105263%) 49%;
}
@media screen and (max-width: 767px) {
  .landing-page-block-rtf {
    flex-direction: column-reverse !important;
  }
}
.landing-page-block-rtf .col-left {
  align-self: center;
}
.landing-page-block-rtf .col-right {
  position: relative;
  overflow: hidden;
  border-radius: 300px 0px 0px 300px;
  height: 510px;
}
@media screen and (max-width: 1199px) {
  .landing-page-block-rtf .col-right {
    border-radius: 0;
    height: auto;
  }
}

[class*=landing-page-block-].block-row {
  max-width: 1520px;
  margin: 0 auto;
  padding: 0px 0 80px;
  margin-bottom: 67px;
  display: grid;
  justify-content: space-between;
  gap: 30px;
}
@media screen and (max-width: 1199px) {
  [class*=landing-page-block-].block-row {
    grid-template-columns: 1fr 1fr !important;
    padding: 40px 0;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  [class*=landing-page-block-].block-row {
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  [class*=landing-page-block-].block-row .col-right,
  [class*=landing-page-block-].block-row .col-left {
    border-radius: 0 !important;
  }
}
@media screen and (min-width: 1200px) {
  [class*=landing-page-block-].block-row img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
[class*=landing-page-block-].block-row .link {
  color: var(--grey, #292929);
  font-size: 20px;
  line-height: normal;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
[class*=landing-page-block-].block-row .heading-name {
  color: var(--grey, #292929);
  font-size: 48px;
  line-height: normal;
  margin-bottom: 32px;
}
@media screen and (max-width: 1199px) {
  [class*=landing-page-block-].block-row .heading-name {
    font-size: 32px;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 991px) {
  [class*=landing-page-block-].block-row .heading-name {
    font-size: 22px;
    margin-bottom: 1rem;
  }
}
[class*=landing-page-block-].block-row .content {
  color: var(--grey, #292929);
  font-size: 18px;
  line-height: 1.3333333333;
}
@media screen and (max-width: 1199px) {
  [class*=landing-page-block-].block-row .content {
    font-size: 16px;
  }
}
[class*=landing-page-block-].block-row .content h1,
[class*=landing-page-block-].block-row .content h2,
[class*=landing-page-block-].block-row .content h3,
[class*=landing-page-block-].block-row .content h4,
[class*=landing-page-block-].block-row .content h5,
[class*=landing-page-block-].block-row .content h6 {
  color: var(--ever-gr, #05472a);
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 4px;
}
@media screen and (max-width: 1199px) {
  [class*=landing-page-block-].block-row .content h1,
  [class*=landing-page-block-].block-row .content h2,
  [class*=landing-page-block-].block-row .content h3,
  [class*=landing-page-block-].block-row .content h4,
  [class*=landing-page-block-].block-row .content h5,
  [class*=landing-page-block-].block-row .content h6 {
    font-size: 20px;
  }
}
@media screen and (max-width: 991px) {
  [class*=landing-page-block-].block-row .content h1,
  [class*=landing-page-block-].block-row .content h2,
  [class*=landing-page-block-].block-row .content h3,
  [class*=landing-page-block-].block-row .content h4,
  [class*=landing-page-block-].block-row .content h5,
  [class*=landing-page-block-].block-row .content h6 {
    font-size: 18px;
  }
}

.section-html .contact-section {
  padding: 100px 0;
  background: linear-gradient(180deg, #f4e3c9 0%, rgba(244, 227, 201, 0) 97.5%);
}
@media screen and (max-width: 1199px) {
  .section-html .contact-section {
    padding: 40px 0;
  }
}
.section-html .contact-section .cc-wrapper {
  position: relative;
}
@media screen and (min-width: 768px) {
  .section-html .contact-section .cc-wrapper::after {
    content: "";
    position: absolute;
    top: -7px;
    left: 49%;
    transform: translateX(-50%);
    background-image: url("../images/bg-emoji.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
    max-width: 1242px;
    width: 100%;
    height: 260px;
    pointer-events: none;
  }
}
.section-html .contact-section .cc-wrapper .title-cc {
  color: var(--grey, #292929);
  text-align: center;
  font-size: 48px;
  line-height: normal;
  padding: 53px 0 0;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1199px) {
  .section-html .contact-section .cc-wrapper .title-cc {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .section-html .contact-section .cc-wrapper .title-cc {
    padding-top: 0;
  }
}
.section-html .contact-section .cc-wrapper .title-cc + .text-center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
  margin: 40px 0;
}
@media screen and (min-width: 1200px) {
  .section-html .contact-section .cc-wrapper .title-cc + .text-center {
    margin: 80px 0;
    gap: 8px 30px;
  }
}
.section-html .contact-section .cc-wrapper .title-cc + .text-center p {
  flex-basis: 100%;
  color: #292929;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
  .section-html .contact-section .cc-wrapper .title-cc + .text-center p {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) {
  .section-html .contact-section .cc-wrapper .title-cc + .text-center p {
    font-size: 24px;
  }
}
.section-html .contact-section .cc-wrapper .timer {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 100px;
}
@media screen and (max-width: 1199px) {
  .section-html .contact-section .cc-wrapper .timer {
    gap: 50px;
  }
}
@media screen and (max-width: 767px) {
  .section-html .contact-section .cc-wrapper .timer {
    gap: 16px;
  }
}
.section-html .contact-section .cc-wrapper .timer-item {
  text-align: center;
  color: var(--ever-gr, #05472a);
  font-size: 42px;
  font-weight: 400;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media screen and (max-width: 1199px) {
  .section-html .contact-section .cc-wrapper .timer-item {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  .section-html .contact-section .cc-wrapper .timer-item {
    font-size: 20px;
  }
}
.section-html .contact-section .cc-wrapper .timer-item div {
  color: #000;
  font-size: 22px;
  font-weight: 400;
  line-height: normal;
  display: block;
  margin-top: 12px;
  margin-top: auto;
}
@media screen and (max-width: 1199px) {
  .section-html .contact-section .cc-wrapper .timer-item div {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .section-html .contact-section .cc-wrapper .timer-item div {
    font-size: 16px;
  }
}
.section-html .contact-section .cc-wrapper .btn-contact-section {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 22px;
  line-height: normal;
  border-radius: 6px;
  background: #05472a;
  padding: 16px 36px;
  gap: 12px;
}
@media screen and (max-width: 1199px) {
  .section-html .contact-section .cc-wrapper .btn-contact-section {
    padding: 12px 24px;
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .section-html .contact-section .cc-wrapper .btn-contact-section {
    font-size: 16px;
    padding: 12px 16px;
  }
}
.section-html .testerminal {
  display: grid;
  grid-template-columns: 1fr 47.5495915986%;
  gap: 60px;
  justify-content: space-between;
  place-items: center;
  margin-top: 130px;
}
@media screen and (max-width: 1199px) {
  .section-html .testerminal {
    margin-top: 60px;
    gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  .section-html .testerminal {
    grid: none;
  }
}
.section-html .testerminal .image {
  position: relative;
  padding-bottom: 439px;
  border-radius: 60px 60px 0px 60px;
  overflow: hidden;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .section-html .testerminal .image {
    padding-bottom: 56.25%;
  }
}
.section-html .testerminal .image iframe,
.section-html .testerminal .image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.section-html .testerminal .image iframe:not(iframe),
.section-html .testerminal .image img:not(iframe) {
  -o-object-fit: cover;
     object-fit: cover;
}
.section-html .testerminal .content {
  color: var(--grey, #292929);
}
.section-html .testerminal .content .desc {
  font-size: 28px;
  font-style: italic;
  line-height: 1.6428571429;
}
@media screen and (max-width: 1199px) {
  .section-html .testerminal .content .desc {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  .section-html .testerminal .content .desc {
    font-size: 18px;
  }
}
.section-html .testerminal .content .author {
  font-size: 18px;
  font-weight: 400;
  margin-top: 24px;
}
.section-html .testerminal .content .author div {
  display: block;
  margin-top: 8px;
}

.footer-landing-b2b {
  background: var(--green);
  color: #fff;
  padding: 60px 0;
}
.footer-landing-b2b a {
  color: #fff;
}
@media screen and (max-width: 1199px) {
  .footer-landing-b2b {
    padding: 40px 0;
  }
}
.footer-landing-b2b .wrapper {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 60px;
}
@media screen and (max-width: 1199px) {
  .footer-landing-b2b .wrapper {
    gap: 30px;
  }
}
@media screen and (max-width: 991px) {
  .footer-landing-b2b .wrapper {
    grid: none;
  }
}
.footer-landing-b2b .content {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
@media screen and (max-width: 991px) {
  .footer-landing-b2b .content {
    flex-direction: column;
    align-items: flex-start;
  }
}
.footer-landing-b2b .content-address {
  color: #fff;
  font-size: 16px;
  line-height: normal;
  max-width: 486px;
}
.footer-landing-b2b .content-address h4 {
  color: var(--mist, #cbd3b0);
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 24px;
}
.footer-landing-b2b .content-address ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 24px 30px;
  padding: 0;
  margin: 0;
}
.footer-landing-b2b .content-address ul li {
  display: flex;
  align-items: center;
  gap: 16px;
  width: -moz-fit-content;
  width: fit-content;
}
.footer-landing-b2b .content-address ul li .icon {
  flex-shrink: 0;
  height: 20px;
  width: 20px;
}
.footer-landing-b2b .content-address ul li .icon img {
  height: 100%;
  width: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.footer-landing-b2b .content-address ul li:nth-of-type(1) {
  flex-basis: 100%;
}
.footer-landing-b2b .content-connect {
  max-width: 355px;
  flex-shrink: 0;
}
.footer-landing-b2b .content-connect h4 {
  color: var(--mist, #cbd3b0);
  font-size: 18px;
  font-style: italic;
  line-height: normal;
}
.footer-landing-b2b .content-connect .icon {
  width: 32px;
  height: 32px;
}
.footer-landing-b2b .content-connect .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.footer-landing-b2b .content-connect .btn-connect {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ever-gr, #05472a);
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  border-radius: 8px;
  background: var(--mist, #cbd3b0);
  padding: 12px 24px;
  margin-top: 24px;
}
@media screen and (max-width: 1199px) {
  .footer-landing-b2b .content-connect .btn-connect {
    padding: 12px 16px;
    font-size: 16px;
  }
}
.footer-landing-b2b .content-img {
  flex-shrink: 0;
  width: 160px;
}