@font-face {
  font-family: "SVN-Butler";
  src: url("../font/SVN-ButlerUltraLight.eot");
  src: url("../font/SVN-ButlerUltraLight.eot?#iefix")
      format("embedded-opentype"),
    url("../font/SVN-ButlerUltraLight.woff2") format("woff2"),
    url("../font/SVN-ButlerUltraLight.woff") format("woff"),
    url("../font/SVN-ButlerUltraLight.ttf") format("truetype"),
    url("../font/SVN-ButlerUltraLight.svg#SVN-ButlerUltraLight") format("svg");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SVN-Butler";
  src: url("../font/SVN-ButlerLight.eot");
  src: url("../font/SVN-ButlerLight.eot?#iefix") format("embedded-opentype"),
    url("../font/SVN-ButlerLight.woff2") format("woff2"),
    url("../font/SVN-ButlerLight.woff") format("woff"),
    url("../font/SVN-ButlerLight.ttf") format("truetype"),
    url("../font/SVN-ButlerLight.svg#SVN-ButlerLight") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SVN-Butler";
  src: url("../font/SVN-ButlerMedium.eot");
  src: url("../font/SVN-ButlerMedium.eot?#iefix") format("embedded-opentype"),
    url("../font/SVN-ButlerMedium.woff2") format("woff2"),
    url("../font/SVN-ButlerMedium.woff") format("woff"),
    url("../font/SVN-ButlerMedium.ttf") format("truetype"),
    url("../font/SVN-ButlerMedium.svg#SVN-ButlerMedium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SVN-Butler";
  src: url("../font/SVN-ButlerBlack.eot");
  src: url("../font/SVN-ButlerBlack.eot?#iefix") format("embedded-opentype"),
    url("../font/SVN-ButlerBlack.woff2") format("woff2"),
    url("../font/SVN-ButlerBlack.woff") format("woff"),
    url("../font/SVN-ButlerBlack.ttf") format("truetype"),
    url("../font/SVN-ButlerBlack.svg#SVN-ButlerBlack") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SVN-Butler";
  src: url("../font/SVN-ButlerRegular.eot");
  src: url("../font/SVN-ButlerRegular.eot?#iefix") format("embedded-opentype"),
    url("../font/SVN-ButlerRegular.woff2") format("woff2"),
    url("../font/SVN-ButlerRegular.woff") format("woff"),
    url("../font/SVN-ButlerRegular.ttf") format("truetype"),
    url("../font/SVN-ButlerRegular.svg#SVN-ButlerRegular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SVN-Butler";
  src: url("../font/SVN-ButlerBold.eot");
  src: url("../font/SVN-ButlerBold.eot?#iefix") format("embedded-opentype"),
    url("../font/SVN-ButlerBold.woff2") format("woff2"),
    url("../font/SVN-ButlerBold.woff") format("woff"),
    url("../font/SVN-ButlerBold.ttf") format("truetype"),
    url("../font/SVN-ButlerBold.svg#SVN-ButlerBold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SVN-Butler";
  src: url("../font/SVN-ButlerExtraBold.eot");
  src: url("../font/SVN-ButlerExtraBold.eot?#iefix") format("embedded-opentype"),
    url("../font/SVN-ButlerExtraBold.woff2") format("woff2"),
    url("../font/SVN-ButlerExtraBold.woff") format("woff"),
    url("../font/SVN-ButlerExtraBold.ttf") format("truetype"),
    url("../font/SVN-ButlerExtraBold.svg#SVN-ButlerExtraBold") format("svg");
  font-weight: bolder;
  font-style: normal;
  font-display: swap;
}
input[type="password"] {
  /* font-family: Verdana; */
  /* letter-spacing: 0.125em; */
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  background-color: #f5f5f5;
}
body::-webkit-scrollbar {
  width: 8px;
  background-color: #f5f5f5;
}

body::-webkit-scrollbar-thumb {
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}

.modal-dialog-scrollable .modal-body::-webkit-scrollbar-track,
.canvasCart .offcanvas-body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  background-color: #f5f5f5;
}
.modal-dialog-scrollable .modal-body::-webkit-scrollbar,
.canvasCart .offcanvas-body::-webkit-scrollbar {
  width: 8px;
  background-color: #f5f5f5;
}
.modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb,
.canvasCart .offcanvas-body::-webkit-scrollbar-thumb {
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}
html {
  scroll-behavior: smooth;
}
a {
  text-decoration: none;
}
.fo_SVN-Butler {
  font-family: "SVN-Butler", sans-serif;
}

.fs-120 {
  font-size: 120px;
}
.fs-96 {
  font-size: 96px;
}
.fs-80 {
  font-size: 80px;
}
.fs-64 {
  font-size: 64px;
}
.fs-61 {
  font-size: 61px;
}
.fs-48 {
  font-size: 48px;
}
.fs-47 {
  font-size: 47px;
}
.fs-38 {
  font-size: 38px;
}
.fs-36 {
  font-size: 36px;
}
.fs-32 {
  font-size: 32px;
}
.fs-27 {
  font-size: 27px;
}
.fs-24 {
  font-size: 24px;
}
.fs-21 {
  font-size: 21px;
}
.fs-20 {
  font-size: 20px;
}
.fs-16 {
  font-size: 16px;
}
.fs-14 {
  font-size: 14px;
}
.fs-12 {
  font-size: 12px;
}
.fs-10 {
  font-size: 10px;
}
.fw-bold {
  font-weight: bold !important;
}
.w-80 {
  width: 80%;
}
.colr-e0 {
  color: #e0e0e0;
}
.colr-bd {
  color: #bdbdbd;
}
.br-radius-10 {
  border-radius: 10px !important;
}
.br-radius-20 {
  border-radius: 20px !important;
}
.btn {
  font-size: 14px;
  max-width: 150px;
  width: 100%;
  padding: 6px 10px !important;
  border-radius: 20px !important;
  /* box-shadow: 0 2px 8px -1px rgba(114, 107, 107, 0.32); */
  transform: translateY(0) translateZ(0);
  transition: transform 0.44s ease, box-shadow 0.44s ease;
  white-space: nowrap;
}
.btn:hover {
  transform: translateY(-4px) translateZ(0);
  box-shadow: 0 4px 20px -2px rgba(114, 107, 107, 0.32);
}
.btn-yellow {
  background-color: rgba(247, 158, 27, 1) !important;
  color: #f2f2f2 !important;
}
.btn-yellow:hover {
  background-color: rgba(247, 158, 27, 0.8) !important;
  color: #f2f2f2 !important;
}
.btn-red {
  background-color: rgba(219, 5, 5, 1) !important;
  color: #f2f2f2 !important;
}
.btn-red:hover {
  background-color: rgba(219, 5, 5, 0.8) !important;
}
.btn-red-1 {
  background-color: #da282d !important;
  color: #f2f2f2 !important;
}
.btn-red-1:hover {
  background-color: rgba(218, 40, 45, 0.8) !important;
  color: #f2f2f2 !important;
}
.btn-gray-1 {
  background-color: #e0e0e0 !important;
  color: #828282 !important;
}
.btn-gray-1:hover {
  background-color: #4f4f4f !important;
  color: #f2f2f2 !important;
}
.btn-gray-2 {
  background-color: #fff !important;
  border: 1px solid #4f4f4f !important;
  color: #4f4f4f !important;
}
.btn-gray-2.active,
.btn-gray-2:hover {
  background-color: #4f4f4f !important;
  color: #f2f2f2 !important;
}
.btn-gray-3 {
  background-color: #bdbdbd;
  color: #f2f2f2;
}
.btn-gray-3:hover {
  background-color: #e0e0e0;
  color: #4f4f4f;
}
.soldOut .row::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  /* background-color: rgba(0, 0, 0, 0.2); */
  z-index: 10;
  cursor: not-allowed;
}
.txt-soldout {
  font-weight: bolder;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgba(255, 0, 0, 1);
}
.soldOut .card-body h5,
.soldOut .card-body ul,
.soldOut .card-body .txt-quantity,
.soldOut .row img.img-fluid {
  opacity: 0.35;
}
.soldOut .row .col-3 {
  position: relative;
}
.canvasCart .soldOut .btn-remove {
  position: relative;
  z-index: 11;
}
.collectionGift .btn {
  max-width: 250px;
}
.listProduct .btn.btn-gray-2 {
  max-width: max-content;
}
section {
  overflow: hidden;
}
.fixed-top .navbar-brand {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.giftCharming .btn,
.giftAmazing .btn {
  max-width: 210px;
  font-size: 16px;
  min-height: 36px;
  line-height: 36px;
}
.giftCharming .btn.btn-gray-1,
.giftAmazing .btn.btn-gray-1 {
  padding: 5px 10px !important;
  min-height: auto;
  line-height: inherit;
}
.listProduct .btn.nav-link,
.grid-block .card-body .btn.nav-link {
  font-size: 12px;
}
/* #btn-createOrder {
  max-width: max-content !important;
  line-height: normal !important;
  min-height: auto !important;
} */
.fixed-top.hover-header .nav-link.active:hover,
.fixed-top.hover-header .nav-link.active,
.fixed-top .nav-link.active:hover,
.fixed-top .nav-link.active,
.fixed-top .nav-link {
  letter-spacing: 0.2px;
}
.fixed-top .nav-link:hover,
.fixed-top.hover-header .nav-link:hover {
  letter-spacing: 0;
}
.fixed-top .nav-link:hover,
.fixed-top .nav-link.active {
  text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  font-weight: 600;
  color: #fff;
}
.fixed-top.hover-header .nav-link:hover,
.fixed-top.hover-header .nav-link.active {
  text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  color: var(--bs-navbar-active-color);
  font-weight: 600;
}
.link-primary {
  color: #2f80ed;
  text-decoration: underline;
}
.link-primary:hover {
  text-decoration: none;
}
/* MODAL */
/* custom modal */
.ulpos {
  position: relative;
}
.ulpos .modal {
  position: absolute;
  overflow: initial;
}
.ulpos .modal .modal-dialog {
  height: 180px;
  width: 100%;
  top: 30px;
  left: auto;
  right: 0;
}
.canvasCart.show {
  z-index: 1051;
}
.backdropModal {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.backdropModal.show {
  opacity: 0.5;
  visibility: visible;
  z-index: 1000;
}
.popover {
  /* inset: 0 auto auto 114px !important; */
  font-family: "Montserrat", sans-serif;
  /* max-width: unset; */
}
.popover .popover-arrow {
  display: none;
}
.custom-popover {
  max-width: 100%;
}
.fade-1 {
  opacity: 0;
}

.modal .modal-dialog {
  max-width: 400px;
  margin: auto;
}
.btn-close {
  border: 1px solid #333;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  font-size: 10px;
  cursor: pointer;
}
.modal .btn-submit {
  border: none;
  border-radius: 0.375rem;
  -webkit-box-shadow: inset 1.48px -1.48px 2.96px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 1.48px -1.48px 2.96px 0px rgba(0, 0, 0, 0.25);
  box-shadow: inset 1.48px -1.48px 2.96px 0px rgba(0, 0, 0, 0.25);
}
.btn-loginGG,
.btn-loginFB {
  border-radius: 0.375rem !important;
  padding: 10px 15px !important;
  max-width: 100%;
}
.btn-loginGG span,
.btn-loginFB span {
  margin-right: 5px;
}
.modal .btn-submit,
.modal .form-control {
  padding: 10px 15px;
}
.modal .input-group input {
  border-radius: 0.375rem !important;
}
.modal .input-group {
  border: 1px solid #6c757d;
  border-radius: 0.375rem;
}
.modal .input-group-addon {
  padding: 7px;
}
.modal .input-group-addon .fa-eye-slash {
  color: #bdbdbd;
}
.modal .btn-login,
.modal .btn-register {
  color: rgba(219, 5, 5, 1);
}
.modal .form-control {
  border: none;
  outline: none;
  box-shadow: none;
}
.modal .modal-footer > * {
  margin: 0;
}
/* BACKTOTOP */
.backToTop {
  width: 40px;
  height: 40px;
  line-height: 40px;
  /* border-radius: 4px; */
  text-align: center;
  background: rgba(204, 33, 40, 0.8);
  color: #fff;
  position: fixed;
  bottom: 100px;
  right: 20px;
  font-size: 20px;
  visibility: hidden;
  opacity: 0;
}

.backToTop:hover {
  color: #fff;
  background: rgba(204, 33, 40, 1);
}

.cd-top--is-visible {
  visibility: visible;
  opacity: 1;
}

/* END BACKTOTOP */
/* Navbar */
.offcanvas.offcanvas-start .offcanvas-header .btn-close {
  /* top: 30px;
  right: 35px; */
  padding: 7px;
  font-size: 8px;
  position: inherit;
  margin: 0;
}
.navLogo .svg {
  width: 3rem;
}
.navLogo .svg path {
  fill: #333;
}
.navi-icon .svg {
  width: 36px;
}
.navi-icon .svg path {
  stroke: #333;
}
.offcanvas-start .menu-list {
  position: relative;
  height: calc(100% - 11rem);
  overflow-x: hidden;
  overflow-y: auto;
}

.offcanvas-start .menu-list > ul {
  padding: 0.875rem 0 1.125rem;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-bottom: 0;
}
.menu-list .menu-list-item .flag-lang {
  padding: 1rem 0;
}
.menu-list .menu-list-item a {
  color: #333;
  font-weight: 500;
}
.menu-list .menu-list-item h6 {
  font-size: 27px;
  text-transform: uppercase;
}
.menu-list .menu-list-item {
  border-bottom: 0.0625rem solid #000;
  padding: 1rem 0;
}
.menu-list .menu-list-item:first-child {
  padding-top: 0;
}
.menu-list .menu-list-item > a,
.menu-list .menu-list-item .logged {
  font-size: 27px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.menu-list .menu-list-item .menu-list-item-icon {
  width: 1rem;
}
.menu-list .dropdown .dropdown-menu.show {
  position: static !important;
  transform: none !important;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
.menu-tabs {
  margin-top: 40px;
}
.fixed-top .nav-item {
  /* padding: 20px 0; */
}
.fixed-top .nav-link {
  color: #f2f2f2;
}
/* .capGift {
  margin-bottom: -60px;
} */

.fixed-top {
  height: 150px;
  transition: all 0.5s;
}
.fixed-top::before {
  padding-top: 0 !important;
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background-color: #fff;
  transform: translateY(-100%);
  transition-timing-function: cubic-bezier(0.49, 0.25, 0.38, 0.76);
  transition-duration: 0.3s;
  /* transition-property: background; */
  transition-delay: 0s;
  z-index: -1;
}
.onScroll::before {
  background-color: #fff;
  transform: translateY(0);
  opacity: 1;
}
.fixed-top.onScroll {
  height: 80px;
  border-radius: 0;
}
.logo {
  width: 80px;
}
.onScroll .logo {
  width: 60px;
}
.fixed-top select.form-select {
  background-image: url(../images/icon/arrow_down.svg);
  background-size: 16px 10px;
  background-position: right 0.3rem center;
  background-color: transparent;
  color: #fff;
  border: none;
  padding: 0.6rem 2.25rem 0.401rem 0.75rem;
}
.offcanvas select.form-select:focus,
.fixed-top select.form-select:focus {
  border: none;
  box-shadow: none;
}
.fixed-top select.form-select option {
  color: #333;
}
/* #navbarCollapse ul.navbar-nav:last-child {
  margin-left: 80px;
} */
.dropdown-menu.dropdown-menu-dark {
  width: 270px;
  background-color: transparent;
  border: none;
}
.dropdown-menu.dropdown-menu-dark input {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  font-size: 14px;
}
.dropdown-menu.dropdown-menu-dark input:focus {
  outline: none;
  box-shadow: none;
}
.dropdown-menu.dropdown-menu-dark .btn {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  background-color: rgba(76, 13, 13, 1);
}
/* Count Bag */
.count-bag {
  color: rgba(219, 5, 5, 1);
  top: 5px;
  right: 0;
  width: 15px;
  height: 15px;
  line-height: 15px;
  font-size: 10px;
  font-weight: 900;
  border-radius: 5px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
}
.menu-tabs .count-bag {
  top: -3px;
  right: -5px;
}
.menu-tabs .account-name {
  font-size: 10px;
  color: #333;
}
.hover-header a i.fa-sign-out,
.hover-header a.account-name {
  color: #333 !important;
}
/* Sub Menu */
.hover-header.fixed-top::before {
  opacity: 1;
  transform: translateY(0);
  transition-duration: 0.3s;
  transition-delay: 0s;
}
.submenu_hover .proNew p {
  bottom: 0;
  right: 0;
  width: 100%;
  text-align: center;
  color: #f2f2f2;
}
.submenu_hover .proNew > img {
  max-width: 565px;
  max-height: 289px;
}
.submenu_hover {
  position: absolute;
  left: 0;
  top: 0;
  /* background-color: #fff; */
  /* border-radius: 0 0 0.875rem 0.875rem; */
  width: 100%;
  /* max-height: 80vh; */
  opacity: 0;
  overflow: hidden;
  transition-timing-function: cubic-bezier(0.49, 0.25, 0.38, 0.76);
  transition-duration: 0.3s;
  transition-delay: 0s;
  /* transition-property: max-height; */
  transform: translateY(-150%);
  z-index: -1;
}
.main-menu .main-menu-item:hover .submenu_hover {
  transform: translateY(0);
  opacity: 1;
  padding-top: 120px;
}
.hover-header.fixed-top::before {
  transform: translateY(0);
  opacity: 1;
  min-height: 500px;
  height: 100%;
  border-radius: 0 0 0.875rem 0.875rem;
}
.onScroll.fixed-top .nav-link,
.hover-header.fixed-top .nav-link {
  color: #333;
}
.fixed-top .icon-search path,
.fixed-top .icon-user path,
.fixed-top .icon-bag path {
  transition-delay: 0.3s;
}
.fixed-top .icon.icon-hotline path {
  fill: #fff;
  transition-delay: 0.3s;
}
.menu-tabs .icon-bag path,
.menu-tabs .icon-user path,
.onScroll.fixed-top .icon-search path,
.onScroll.fixed-top .icon-user path,
.onScroll.fixed-top .icon-bag path,
.hover-header.fixed-top .icon-search path,
.hover-header.fixed-top .icon-user path,
.hover-header.fixed-top .icon-bag path {
  stroke: #333;
  transition-delay: 0s;
}
.menu-tabs .icon.icon-hotline path,
.onScroll.fixed-top .icon.icon-hotline path,
.onScroll.fixed-top .navbar-brand .logo path,
.hover-header.fixed-top .icon.icon-hotline path,
.hover-header.fixed-top .navbar-brand .logo path {
  fill: #333;
  transition-delay: 0s;
}
.backdrop {
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  width: 0;
  opacity: 0;
  background: rgba(9, 13, 19, 0.4);
  transform: translateZ(0);
  z-index: -2;
  cursor: pointer;
  /* filter: blur(0.625rem); */
}
/* @supports (
  (-webkit-backdrop-filter: blur(0.625rem)) or (backdrop-filter: blur(0.625rem))
) {
  .backdrop {
    -webkit-backdrop-filter: blur(0.625rem);
    backdrop-filter: blur(0.625rem);
    filter: none;
  }
} */
.hover-header.fixed-top .backdrop {
  width: 100%;
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.3s,
    width 0s cubic-bezier(0.16, 1, 0.3, 1);
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
  right: 0 !important;
  left: auto;
  width: 180px;
  text-align: center;
}
body {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  color: #333;
  font-weight: 500;
}
/* Breadcrumb */
.breadcrumb li.active,
.breadcrumb li a {
  color: #fff;
}
.breadcrumb li a:hover {
  text-decoration: underline;
}
.breadcrumb li.icon-home::before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url(../images/icon/home.svg);
  background-size: 16px 16px;
  background-position: 0 0;
  background-repeat: no-repeat;
  margin-right: 10px;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: "";
  background-image: url(../images/icon/breadcrumb.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  width: 10px;
  height: 6px;
}
/* Banner Header */
.bannerHeader {
  width: 100%;
  /* height: 323px;
  background-image: url(../images/bannerHeader.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover; */
}
.bannerHeader nav.position-absolute {
  bottom: 0;
}
/* Header */
.bannerVid {
  /* background-image: url(../images/bannerVid.jpg); */
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
}
.fixed-top .navbar-brand .logo path {
  fill: #fff;
  transition-delay: 0.3s;
}

/* Footer */
footer .row {
  margin: 0 1.4rem;
  padding: 3.5rem 5rem;
  background-color: #fff;
  border-radius: 20px;
}
footer .inner {
  background-image: url(../images/bgFooter.jpg);
  background-position: 0 0;
  background-size: cover;
  background-repeat: no-repeat;
}
footer .regNews .form-control {
  border: 1px solid #333;
}
footer .regNews .form-control:focus {
  border-color: transparent;
  box-shadow: none;
}
footer .regNews .form-control input {
  border: 1px solid transparent;
  outline: none;
}
footer .regNews .form-control button {
  background-color: transparent;
}
footer a {
  color: #333;
}
footer a:hover {
  font-weight: 600;
  color: #333;
}
footer svg {
  width: 20px;
}
footer a:hover svg path {
  fill: rgba(219, 5, 5, 1);
}
footer a:hover svg path.text-white {
  fill: #fff;
}
footer a.icon-fb:hover svg path {
  fill: rgba(66, 103, 178, 1);
}
/* Off Canvas */
.offcanvas.offcanvas-top {
  /* height: calc(100vh - var(--bs-offcanvas-height)); */
  /* border-radius: 0 0 20px 20px; */
}
.offcanvas select.form-select {
  background-image: url(../images/icon/arrow_down_red.svg);
  background-size: 16px 10px;
  background-position: right 0.3rem center;
  background-color: transparent;
  color: rgba(219, 5, 5, 1);
  border: none;
  padding: 0.6rem 2.25rem 0.401rem 0.75rem;
  font-weight: 500;
}
.offcanvas select.form-select option {
  color: #333;
}
.offcanvas .offcanvas-header .btn-close {
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 1px;
}
/* .offcanvas .offcanvas-body {
  overflow-y: hidden;
} */
.navbarProduct .list-unstyled li {
  margin-bottom: 5px;
}
.navbarProduct h4 a,
.navbarProduct .list-unstyled a {
  color: #333;
  display: block;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.navbarProduct .list-unstyled a:hover {
  font-weight: 700;
}
.offcanvas .dropdown-menu.dropdown-menu-dark {
  transform: translate(0, 43px) !important;
}
/* Custom Radio */
.form-giftSet .list-unstyled {
  padding-left: 1.5rem;
}
.form-check {
  display: flex;
  align-items: flex-start;
  position: relative;
}
.form-giftSet .form-check {
  padding-left: 0;
}
/* .form-giftSet .form-check .form-check-input[type="radio"] {
  position: absolute;
  left: -9999px;
}
.form-giftSet .form-check .form-check-input[type="radio"]:checked + label {
  background-color: #e0e0e0;
}
.form-giftSet
  .form-check
  .form-check-input[type="radio"]:checked
  + label:before {
  box-shadow: inset 0 0 0 0.3em #da282d;
}
.form-giftSet .form-check label {
  display: flex;
  align-items: center;
  padding: 0.375em 0.75em 0.375em 0.375em;
  border-radius: 99em;
  transition: 0.25s ease;
}
.form-giftSet .form-check label:hover {
  background-color: #e0e0e0;
}
.form-giftSet .form-check label:before {
  display: flex;
  flex-shrink: 0;
  content: "";
  background-color: #fff;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin-right: 0.375em;
  transition: 0.25s ease;
  box-shadow: inset 0 0 0 0.125em #da282d;
} */
.form-check-input[type="radio"] {
  width: 24px;
  height: 24px;
  background-image: url(../images/icon/dot.svg);
  border: none;
  margin-right: 10px;
  margin-top: 0;
}
.form-check-input:checked[type="radio"] {
  background-color: transparent;
  border-color: transparent;
  background-image: url(../images/icon/dot_active.svg);
}
.form-check-input:checked[type="radio"] {
  background-image: url(../images/icon/dot_active.svg);
}
.form-check-input:focus {
  border-color: transparent;
  outline: 0;
  box-shadow: none;
}
.canvas-boxSearch.offcanvas .offcanvas-header .btn-close {
  top: 50%;
  right: 50px;
  transform: translateY(-50%);
  margin-top: 0;
  width: 25px;
  height: 25px;
}
.canvas-boxSearch {
  height: 5rem !important;
}
.canvas-boxSearch .input-group {
  background-color: #f2f2f2;
  border-color: transparent;
  color: #bdbdbd;
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 20px;
}
.canvas-boxSearch button.btn:focus-visible,
.canvas-boxSearch button.btn:hover,
.canvas-boxSearch input.form-control {
  background-color: transparent;
  border: none;
  box-shadow: none;
  outline: 0;
}
.canvas-boxSearch button.btn {
  padding: 0 0.75rem 0 1.5rem !important;
  background-color: transparent;
  border: none;
  box-shadow: none;
  transform: none;
  max-width: fit-content;
}
.canvas-boxSearch button svg path {
  stroke: #bdbdbd;
}
.canvas-boxSearch input[type="text"]::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bdbdbd;
  opacity: 1; /* Firefox */
}

.canvas-boxSearch input[type="text"]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #bdbdbd;
}

.canvas-boxSearch input[type="text"]::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #bdbdbd;
}
/* Add to Cart */
.cart.shake {
  animation: shakeCart 0.4s ease-in-out forwards;
}
@keyframes xAxis {
  100% {
    transform: translateX(calc(50vw - 105px));
  }
}
@keyframes yAxis {
  100% {
    transform: translateY(calc(-50vh + 75px));
  }
}
@keyframes shakeCart {
  25% {
    transform: translateX(6px);
  }
  50% {
    transform: translateX(-4px);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
/* ----------------- ANIMATION THINGS -----------------*/
.btn.btn-red {
  min-height: 36px;
  line-height: 36px;
  overflow: hidden;
}
.btn.btn-red b {
  /* this is the button text message */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.add-to-cart svg {
  max-width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  -webkit-transform: translateX(50%) translateY(-50%);
  -moz-transform: translateX(50%) translateY(-50%);
  -ms-transform: translateX(50%) translateY(-50%);
  -o-transform: translateX(50%) translateY(-50%);
  transform: translateX(50%) translateY(-50%);
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.add-to-cart.is-added {
  background-color: #27ae60 !important;
  cursor: none;
  pointer-events: none !important;
}
.add-to-cart.is-added b {
  /* product added to the cart - hide text message on the left with no transition*/
  color: transparent;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0s;
  -moz-transition: -moz-transform 0s;
  transition: transform 0s;
}
.add-to-cart.is-added svg {
  /* product added to the cart - move the svg back inside the button */
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transition: -webkit-transform 0s;
  -moz-transition: -moz-transform 0s;
  transition: transform 0s;
}
/* .cart-animation-helper {
  margin: 0 20%;
  width: 0;
  height: 0;
}
.cart-animation-helper:after {
  opacity: 0;
  border-radius: 0%;
  max-height: 20px;
  max-width: 20px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  height: 20px;
  width: 20px;
  background-color: rgba(219, 5, 5, 0.8);
  transition: transform 0.8s ease-out, margin 0.8s ease-out,
    opacity 0.8s ease-out, border-radius 0.4s ease-out, max-height 0.4s ease-out,
    max-width 0.4s ease-out;
} */
/* .animtocart {
  position: absolute;
  top: 0;
  left: 0;
  background: #ff0000;
  width: 25px;
  height: 25px;
  border-radius: 100px;
  z-index: 9999999999;
} */
/* Custom Slick */
.proDetail .slick-list {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
.slick-list {
  padding-bottom: 25px !important;
  padding-top: 25px !important;
}
.slick-arrow {
  width: 60px;
  height: 60px;
  top: 35%;
  transform: translate(0, -35%);
}
.slick-prev {
  left: -90px;
}
.slick-next {
  right: -90px;
}
.slick-arrow > span {
  width: 60px;
  height: 60px;
  background-size: contain;
  display: block;
}
.slick-prev .prev {
  background-image: url(../images/icon/caret_Circle_Right.svg);
}
.slick-next .next {
  background-image: url(../images/icon/caret_Circle_Left.svg);
}
.slick-arrow::before {
  content: "";
}
.slick-disabled {
  opacity: 0.4;
  cursor: default !important;
}
/* List Product */
.listProduct .slick-next {
  right: -90px;
}
.listProduct .slick-prev {
  left: -90px;
}
/* .listProduct .item {
  padding: 0 30px;
} */
.grid-block .card-body a:hover,
.proSameCategory .card-body a:hover,
.listProduct .card-body a:hover {
  color: #333;
}
.grid-block .card-body .btn {
  padding: 6px 6px !important;
}
.proSameCategory .btn.btn-red,
.listProduct .btn.btn-red {
  max-width: 150px;
}
/* Collection Gift */
.collectionGift {
  padding: 6rem 0;
  background-color: #f2f2f2;
}
.collectionGift .card {
  background-color: transparent;
  padding: 0 20px;
  display: flex;
}
.collectionGift .slick-arrow {
  top: 25%;
  transform: translate(0, -25%);
}
.collectionGift .slick-prev {
  left: -75px;
}
.collectionGift .slick-next {
  right: -75px;
}
/* .collectionGift .slick-collectionGift .item {
  max-width: 480px;
  width: 100%;
} */
.slick-collectionGift {
  max-width: 1400px;
  width: 100%;
  margin-inline: auto;
}
.slick-collectionGift .card .thumbnail img {
  object-fit: cover;
  height: 320px;
  width: 380px;
}
.slick-collectionGift .card {
  min-height: 610px;
}
.collectionGift .card-body .btn-discover {
  margin-top: auto;
}
.collectionGift .card-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
/* Gift Charming */
.ani-img {
  transition: all 0.5s linear;
  transform: scale(0.8) translateY(10px);
  -ms-transform: matrix(0.8, 0, 0, 0.8, 0, 10px); /* IE 9 */
  -webkit-transform: matrix(0.8, 0, 0, 0.8, 0, 10px); /* Safari */
  transform: matrix(0.8, 0, 0, 0.8, 0, 10px);
}
.zap {
  -ms-transform: matrix(1, 0, 0, 1, 0, 0); /* IE 9 */
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0); /* Safari */
  transform: matrix(1, 0, 0, 1, 0, 0);
}
.giftCharming {
  padding: 6rem 0;
}
/* Gift Amazing */
.giftAmazing {
  padding: 6rem 0;
}
.capGift.fs-120 {
  margin-bottom: -50px;
}
/* List Product */
.card .thumbnail img {
  transform: scale(1);
  transition: all 0.5s;
}
.card .thumbnail:hover img {
  transform: scale(1.05);
}
/* About WGourmet */
.aboutWGourmet {
  padding: 3rem 0 6rem;
}
.capAbout {
  width: 100%;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -30%);
}
/* Collect Season */
.seasonGift {
  padding: 0rem 0 6rem;
}
.capSeason {
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  transition: all 0.3s;
  position: absolute !important;
}
.seasonCollection .capSeason {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: translate(0, 0);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute !important;
}
.seasonCollection .capSeason a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.capSeason h5 {
  line-height: 1.4;
}
.txtSeason {
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -45%);
  opacity: 0;
  transition: all 0.8s;
}
.seasonGift .inner:hover .txtSeason {
  opacity: 1;
  transform: translate(-50%, -50%);
}
.seasonGift .inner:hover .capSeason {
  opacity: 0;
}
.seasonGift .inner .thumbnail img {
  transform: scale(1);
  transition: all 0.8s;
}
.seasonGift .inner:hover .thumbnail img {
  transform: scale(1.05);
}
.seasonGift .col-12 {
  padding: 0 2rem;
}
.seasonGift .col-10 {
  padding: 0 1.5rem;
}
.seasonGift .txtSeason p {
  padding: 0 2rem;
}
/* Product */
.proItems .btn.btn-red {
  max-width: 150px;
}
/* .proItems .tab-content > .tab-pane {
  font-size: 0.75rem;
} */
.proItems .nav-pills-box .nav-link {
  font-size: 10px;
}
/* Custom Range */
.noUi-target {
  background-color: #e0e0e0;
  border-radius: 2px;
  height: 4px;
  box-shadow: none;
  border: none;
}
.noUi-connect {
  background-color: rgba(219, 5, 5, 1);
}
.noUi-handle {
  background-color: rgba(219, 5, 5, 1);
  box-shadow: none;
}
.noUi-horizontal .noUi-handle {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  right: -13px;
  top: -6px;
}
.noUi-handle:after,
.noUi-handle:before {
  visibility: hidden;
}
/* Pro-Filter */
.pro-filter .category ul li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.pro-filter .category ul li a {
  color: #333;
}
.pro-filter .category ul li a:hover {
  font-weight: 600;
}
.pro-filter .tags li {
  margin-bottom: 5px;
  margin-right: 10px;
}
.pro-filter .tags li a {
  font-weight: 500;
}
.pro-filter .tags li.active a,
.pro-filter .tags li:hover a {
  background-color: rgba(219, 5, 5, 0.8);
  color: #fff;
}
.btnFilter {
  color: #333;
  text-decoration: underline;
}
.btnFilter:hover {
  color: #333;
  text-decoration: none;
}
/* Pro-Search */
/* Sort */
.sort-top {
  padding-left: 2rem;
  padding-right: 1rem;
}
.sort-top .inner::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
  position: absolute;
  bottom: 0;
  left: 0;
}
.sort span {
  white-space: nowrap;
}
.sort select {
  border: none;
  font-weight: 600;
  padding-bottom: 0;
}
.sort select:focus {
  outline: none;
  box-shadow: none;
}
/* Search */
.search .canvas-boxSearch {
  height: auto !important;
}
.search .input-group input {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  font-size: 14px;
}
/* .search .input-group .btn {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  background-color: rgba(76, 13, 13, 1);
} */
/* Grid List */
.pro-sort ul.list-unstyled {
  margin-left: 15px;
}
.pro-sort ul.list-unstyled li {
  margin-bottom: 0;
  margin-left: 5px;
  cursor: pointer;
}
.pro-sort ul.list-unstyled li svg {
  width: 30px;
  height: 30px;
}

.pro-sort ul.list-unstyled li:hover path,
.pro-sort ul.list-unstyled li.qrCode path,
.pro-sort.pro-sort-list ul.list-unstyled li.qrCode:hover path,
.pro-sort.pro-sort-list ul.list-unstyled li path {
  stroke: rgba(219, 5, 5, 0.8);
}
.pro-sort.pro-sort-list ul.list-unstyled li.qrCode path {
  stroke: #828282;
}
/* Grid */
.grid-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.pro-sort-list .grid-block {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.grid-block .proItems {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  width: 25%;
  /* padding-left: 4rem; */
  /* -ms-flex-preferred-size: calc(100% / 3);
  width: calc(100% / 3);
  flex-basis: calc(100% / 3); */
  padding-left: 1rem;
}
.pro-sort-list .grid-block .proItems {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.pro-sort-list .grid-block .proItems .card {
  flex-direction: row;
}
.pro-sort-list .grid-block .card .card-body {
  margin-left: 2rem;
}
.tab-content > .tab-pane {
  min-width: 90px;
}
.proSameCategory .card-text,
.listProduct .card-text,
.proItems .card-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 50px;
  line-height: 1.2;
}
.pro-sort-list .proItems .card-text {
  padding-right: 70px;
}
.pro-sort-list .thumbnail {
  max-width: 250px;
  width: 100%;
}
.pro-sort-list .tab-content {
  margin-right: 10px;
}
.proSameCategory .item .card,
.listProduct .item .card,
.proItems .card {
  border-radius: 10px;
  padding: 15px;
  transition: all 0.2s linear;
}
.proSameCategory .item:hover .card,
.listProduct .item:hover .card,
.proItems:hover .card {
  background-color: #fff;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}
span.label-discount {
  background-image: url(../images/icon/icon-discount.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 46px;
  height: 46px;
  color: #fff;
  text-align: center;
  display: block;
  z-index: 1;
}
.listProduct .card,
.proSameCategory .card,
.proItems .card {
  position: relative;
  padding-bottom: 60px !important;
}
.listProduct .card .block-btn,
.proSameCategory .card .block-btn,
.proItems .card .block-btn {
  position: absolute;
  bottom: 15px;
  left: 15px;
  max-width: 136px;
  width: 100%;
}
.listProduct .card span.label-discount,
.proSameCategory .card span.label-discount,
.proItems .card span.label-discount {
  position: absolute;
  top: 10px;
  right: 35px;
  padding-top: 5px;
}

.min-h-price {
  min-height: 21px;
}
/* Product Detail */
/* .slick-proDetail .item,
.slick-proDetail .item img {
  height: 540px;
} */
.slick-proDetail-nav .item,
.slick-proDetail-nav .item img {
  /* height: 153px; */
  width: 120px;
}
.slick-proDetail,
.slick-proDetail-nav {
  margin: 20px auto 0;
}
.slick-proDetail .item,
.slick-proDetail-nav .item {
  margin: 0 10px;
}
.slick-proDetail-nav .item img {
  opacity: 0.8;
}
.slick-proDetail-nav .item.slick-current img {
  opacity: 1;
}
.infoDetail {
  margin-top: 20px;
}
/* Custom Input Number */
.canvasCart .txt-quantity {
  padding: 4px 6px;
}
.txt-quantity .input-group {
  width: 90px;
  align-items: center;
}
.txt-quantity .input-group-btn {
  line-height: 0;
}
.txt-quantity .countNumber {
  /* min-width: 50px; */
  text-align: center;
  line-height: 0;
  border: none;
  box-shadow: none;
  background-color: transparent;
  padding: 0;
}
.txt-quantity .input-group .btn {
  background-color: transparent;
  color: #333;
  border: 1px solid #333;
  width: 20px;
  height: 20px;
  padding: 0 !important;
  line-height: 0;
  font-size: 20px;
  font-weight: 500;
}
.txt-quantity .input-group .btn:hover {
  transform: translateY(0) translateZ(0);
}
.txt-weight .txt-sales {
  color: rgba(219, 5, 5, 1);
}
.txt-price {
  color: rgba(219, 5, 5, 1);
}
.txt-describe .tab-content {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}
.txt-describe .nav-pills .nav-link {
  color: #333;
  padding: 0;
}
.txt-describe .nav-pills .nav-link.active,
.txt-describe .nav-pills .show > .nav-link {
  color: #333;
  background-color: transparent;
  font-weight: 600;
}
.txt-choose .items {
  width: 200px;
}
.txt-choose .items .form-select,
.txt-choose .items .form-select optgroup {
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
/* Promo Code */
.promoCode .bg-gray::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
  border-radius: 20px;
  position: absolute;
  left: 0;
  z-index: -1;
}
.code {
  color: rgba(219, 5, 5, 1);
  border: 1px dashed rgba(219, 5, 5, 1);
  display: inline-block;
  padding: 2px 10px;
}
.promoCode .giftbox {
  color: rgba(219, 5, 5, 1);
  top: -40px;
}
.promoCode .giftbox::before {
  content: "";
  width: 224px;
  height: 230px;
  background-image: url(../images/giftbox.png);
  background-repeat: no-repeat;
  background-position: 50% 0;
  display: block;
  margin: 0 auto;
}
/* Cart */
.totalBlock {
  margin-top: 2rem;
}
.btn-pay {
  border-radius: 10px !important;
  max-width: inherit;
}
.offcanvas.canvasCart .block-btn-payment .btn.btn-red {
  max-width: max-content;
}
.offcanvas.canvasCart {
  width: 100%;
  max-width: 600px;
  padding: 40px 0;
  justify-content: center;
  display: flex;
  overflow-y: auto;
  scroll-snap-type: y mandatory;
}
.offcanvas.canvasCart .offcanvas-body {
  flex-grow: 0;
}
.canvasCart .btn-remove {
  /* color: #bdbdbd; */
  color: #666;
}
.canvasCart .btn-remove:hover {
  color: #333;
}
.canvasCart .btn-remove img {
  opacity: 0.5;
}
.canvasCart .btn-remove:hover img {
  opacity: 1;
}
.canvasCart .card {
  /* margin-bottom: 1rem; */
  /* padding-bottom: 1rem; */
  padding: 1rem 0;
  border-bottom: 1px solid #000 !important;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
.canvasCart .card:last-child {
  border-bottom: none !important;
  /* margin-bottom: 0; */
  /* padding-bottom: 0; */
}
.bannerCart {
  background-image: url(../images/bannerCart.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 205px;
  width: 100%;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.bannerCart .block-slideCart .slick-list {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.btn-add {
  width: 18px;
  height: 18px;
  font-size: 18px;
  display: block;
  line-height: 17px;
  text-align: center;
  border-color: rgba(0, 0, 0, 0.5) !important;
}
.bannerCart .slick-arrow {
  width: 30px;
  height: 30px;
  top: 50%;
  transform: translate(0, -50%);
}
.bannerCart .slick-arrow > span {
  width: 30px;
  height: 30px;
}
.bannerCart .slick-prev {
  left: -5px;
}
.bannerCart .slick-prev .prev {
  background-image: url(../images/icon/caret_Circle_Right_w.svg);
}
.bannerCart .slick-next {
  right: -5px;
}
.bannerCart .slick-next .next {
  background-image: url(../images/icon/caret_Circle_Left_w.svg);
}
/* Custom Scroll Bar */
/* .canvasCart .offcanvas-body {
  overflow-y: scroll;
} */
/* .canvasCart .offcanvas-body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f5f5f5;
}
.canvasCart .offcanvas-body::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
}

.canvasCart .offcanvas-body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
} */
/* Payment */
.payment {
  position: relative;
}
.bgPayment::before {
  content: "";
  width: 49%;
  height: 100%;
  background-color: #f2f2f2;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.payment label.error {
  position: static;
  display: block;
  width: 100%;
  text-align: right;
  margin-top: 5px;
}
.infoUserForm .form-check {
  display: block;
}
.infoUserForm .input-group {
  font-weight: 500;
}
.infoUserForm .input-group > .form-select {
  border-radius: 0.375rem !important;
}
.infoShipForm .form-check-input[type="radio"]:focus,
.infoUserForm .form-check-input[type="checkbox"]:focus {
  border: 1px solid rgba(0, 0, 0, 0.25);
}
.infoShipForm .form-check-input:checked[type="radio"],
.infoUserForm .form-check-input:checked[type="checkbox"] {
  background-color: #27ae60;
  border-color: #27ae60;
}
.infoShipForm .form-check-input,
.infoUserForm .form-check-input {
  background-image: none;
}
.infoShipForm .form-check-input {
  width: 20px;
  height: 20px;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 0;
}
.infoShipForm .form-check-input[type="radio"] {
  margin-bottom: 7px;
  margin-left: 15px;
}
.infoShipForm .form-check-input:checked[type="radio"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.infoUserForm .btn-submit {
  padding: 2px 10px !important;
  min-width: 170px;
  font-size: 14px;
}
.infoShipForm .form-check {
  width: 100%;
  margin: 0;
  padding: 20px 8px;
  align-items: flex-end;
}
.infoShipForm .form-check .bgShipForm {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #f2f2f2;
  border-radius: 10px;
}
.infoShipForm .icon-ship::before {
  content: "";
  width: 20px;
  height: 15px;
  background-image: url(../images/icon/ship.svg);
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 30px;
  position: absolute;
  left: 0;
}
.infoShipForm .form-check-label {
  padding: 0 0 0 45px;
  margin-left: -35px;
  width: 100%;
  cursor: pointer;
}
.infoShipForm .form-check-label h6,
.infoShipForm .form-check-label p {
  font-size: 12px;
}
.infoShipForm
  .form-check-input:checked[type="radio"]
  + label.form-check-label
  p.price-ship {
  color: rgba(219, 5, 5, 1);
}
.infoShipForm
  .form-check-input:checked[type="radio"]
  + label.form-check-label
  + .bgShipForm {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 20px 4px rgba(51, 51, 51, 0.2);
  box-shadow: 0px 0px 20px 4px rgba(51, 51, 51, 0.2);
}
.infoPayForm .form-infoPay {
  -webkit-box-shadow: 0px 0px 20px 4px rgba(51, 51, 51, 0.2);
  box-shadow: 0px 0px 20px 4px rgba(51, 51, 51, 0.2);
}
.infoPayForm .form-check {
  align-items: flex-start;
}
.infoPayForm .form-check-input[type="radio"] {
  background-image: none;
  border: 1px solid rgba(0, 0, 0, 0.25);
  width: 1rem;
  height: 1rem;
  margin-right: 15px;
}
.infoPayForm .form-check-input:checked[type="radio"] {
  background-color: #0d6efd;
  border-color: #0d6efd;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.infoPayForm label.form-check-label {
  width: 100%;
  position: relative;
}
.infoPayForm .form-check-label span.txt-placeholder {
  display: block;
  font-size: 10px;
  color: #828282;
}
.infoPayForm .icon-money::after,
.infoPayForm .icon-credit::after,
.infoPayForm .icon-vnpay::after,
.infoPayForm .icon-momo::after,
.infoPayForm .icon-zalopay::after {
  content: "";
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.infoPayForm .icon-money::after {
  width: 30px;
  height: 20px;
  background-image: url(../images/icon/money.png);
}
.infoPayForm .icon-credit::after {
  width: 56px;
  height: 15px;
  background-image: url(../images/icon/visa.png);
}
.infoPayForm .icon-vnpay::after {
  width: 28px;
  height: 28px;
  background-image: url(../images/icon/vn_pay.png);
}
.infoPayForm .icon-momo::after {
  width: 25px;
  height: 25px;
  background-image: url(../images/icon/momo_Logo.png);
}
.infoPayForm .icon-zalopay::after {
  width: 25px;
  height: 25px;
  background-image: url(../images/icon/zalo_pay.png);
}
.content-box__row__desc {
  background-color: #f8f8f8;
  padding: 1rem;
  margin: 1rem 0;
  border-color: rgba(175, 175, 175, 0.34);
  display: none;
}
.show_payment_info {
  display: block;
}
.block-btn-payment .btn.btn-red {
  line-height: normal;
  max-width: max-content;
  min-height: max-content;
}
.canvasCart .block-btn-payment .btn.btn-red {
  max-width: 180px;
}
.payment .bgGray-mobile {
  padding-right: 10rem;
}

/* Line Step */
.infoUserForm::before,
.infoUserForm::after,
.infoShipForm::before,
.infoShipForm::after,
.infoPayForm::before,
.infoPayForm::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
}
.infoUserForm::before {
  width: 24px;
  height: 24px;
  background-image: url(../images/icon/icon-info.svg);
  top: -5px;
}
.infoShipForm::before {
  width: 24px;
  height: 24px;
  background-image: url(../images/icon/icon-Shipping.svg);
  top: -5px;
}
.infoPayForm::before {
  width: 24px;
  height: 24px;
  background-image: url(../images/icon/icon-Payment.svg);
  top: -5px;
}
.infoUserForm::after,
.infoShipForm::after {
  width: 2px;
  height: 92%;
  background-color: rgba(204, 33, 40, 1);
  top: 25px;
  left: 11px;
}
.infoUserForm::after {
  height: 96%;
}
.infoUserForm.active::after,
.infoShipForm.active::after {
  background-color: rgb(39, 174, 96, 1);
}
.infoShipForm.active::before {
  background-image: url(../images/icon/icon-Shipping_green.svg);
}
.infoUserForm.active::before {
  background-image: url(../images/icon/icon-info_green.svg);
}
.infoPayForm.active::before {
  background-image: url(../images/icon/icon-Payment_green.svg);
}
.showInfo a {
  color: #bdbdbd;
  font-size: 12px;
}
/* CART CHECKOUT */
.giftCode .btn-apply {
  border-radius: 0.375rem !important;
  padding: 0 20px !important;
}
.giftCode .chooseCode {
  color: #828282;
  padding: 5px 10px;
  margin: 5px 0;
  border-radius: 0.375rem;
  border: 1px solid #e0e0e0;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 20px 4px rgba(51, 51, 51, 0.1);
  box-shadow: 0px 0px 20px 4px rgba(51, 51, 51, 0.1);
}
.giftCode .chooseCode:hover,
.giftCode .chooseCode.active {
  color: #da282d;
}
.giftCode .chooseCode::after {
  content: "Chọn";
  margin-left: auto;
}
.giftCode .chooseCode.active::after {
  content: "Bỏ chọn";
  color: #da282d;
}
.giftCode .chooseCode svg {
  margin-right: 10px;
}
.giftCode .chooseCode:hover svg path,
.giftCode .chooseCode.active svg path {
  fill: #da282d;
}
.billCode ul li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.billCode ul li p {
  margin-bottom: 0;
}
/* Thank you */
.thankyou .container {
  max-width: 800px;
  border-radius: 10px;
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
}
.thankyou .canvasCart .card {
  border-bottom: none !important;
  padding: 0;
  margin-top: 2rem;
}
.thankyou .line-bottom {
  padding-bottom: 1rem;
}
.thankyou .canvasCart > h5 {
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin-bottom: 0;
}
.thankyou .line-top {
  border-top: 1px solid #dfdfe0;
}
.thankyou .scrollBarCart,
.thankyou .line-bottom,
.thankyou .canvasCart > h5 {
  border-bottom: 1px solid #dfdfe0;
}
.thankyou .scrollBarCart {
  padding-bottom: 2rem;
}
.thankyou .billCode {
  background-color: rgba(242, 242, 242, 0.5);
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin: 2rem 0 1rem;
}
.thankyou .grid-block .proItems {
  -ms-flex-preferred-size: calc(100% / 3);
  flex-basis: calc(100% / 3);
  width: calc(100% / 3);
  padding: 0 0.5rem;
  display: flex;
}
.thankyou .grid-block .proItems .card {
  padding-bottom: 15px !important;
}
.thankyou .proItems .card .block-btn {
  position: static;
}
.thankyou .proItems .card-text {
  height: auto;
}
.thankyou .card .card-body {
  flex: 1;
}
.card-top {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.card-bottom,
.card-mid {
  display: flex;
}
.card-mid,
.card-bottom {
  margin-top: auto;
  flex-shrink: 0;
}
.thankyou h3 {
  letter-spacing: 1px;
  color: #da282d;
}
/* Discover */
.txtDiscover {
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.txtDiscover h6 {
  letter-spacing: 1px;
}
.discover {
  background-image: url(../images/bannerIntro.jpg);
  background-position: 50% bottom;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 1000px;
  width: 100%;
  margin-bottom: 6rem;
}
.discover .inner {
  padding-top: 30%;
}
/* Season Collection */
.seasonGift.seasonCollection .inner:hover .capSeason {
  opacity: 1;
}
.seasonCollection .item {
  padding: 0 1.5rem;
}
.seasonCollection .slick-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.seasonCollection .slick-next {
  right: -70px;
}
.seasonCollection .slick-prev {
  left: -70px;
}
/* Store - Locator */
.nav-tabs .nav-link,
.nav-link:hover,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background-color: transparent;
  border: none;
}
.nav-tabs .nav-link {
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
.nav-tabs .nav-item {
  margin-right: 50px;
}
.nav-tabs .nav-item:last-child {
  margin-right: 0;
}
.store .nav-tabs {
  min-height: 500px;
}
.store h2,
.store .nav-tabs,
.nav-tabs .nav-link .imgStore {
  padding-left: 40px;
}
.tab-content .tab-pane iframe {
  min-height: 757px;
  vertical-align: bottom;
}
.nav-tabs .nav-link strong {
  font-weight: 500;
}
.nav-tabs .nav-link.active strong {
  font-weight: bold;
}
.nav-tabs .nav-link .imgStore {
  position: absolute;
  left: 0;
  top: 160px;
  visibility: hidden;
  -webkit-user-select: none; /* Chrome all / Safari all */
  -moz-user-select: none; /* Firefox all */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Likely future */
  cursor: default;
}
.nav-tabs .nav-link.active .imgStore {
  visibility: visible;
}
.store .nav-link.active::before {
  content: "";
  width: 12px;
  height: 14px;
  background-image: url(../images/icon/play.svg);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-left: -26px;
  margin-right: 10px;
  position: relative;
  top: 2px;
}
/* .nav-tabs .nav-link.gemCenter + .imgStore img.imgGem,
.nav-tabs .nav-link.whitePalace + .imgStore img.imgWhitePalace {
  padding: 0 10px;
}
.nav-tabs .nav-link.gemCenter + .imgStore img.imgGem,
.nav-tabs .nav-link.whitePalace + .imgStore img.imgWhitePalace {
  display: none;
}
.gemCenter.active + .imgStore img.imgGem,
.whitePalace.active + .imgStore img.imgWhitePalace {
  display: block;
} */
/* Discover Detail */
.bgFillDiscover::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 0;
}
.discoverDetail {
  padding-top: 100px;
  padding-bottom: 100px;
}
.discoverDetail .grid {
  max-width: 1320px;
  margin: 0 auto;
  gap: 15px;
}
.discoverDetail .thumbnail img {
  transform: scale(1);
  transition: all 0.5s;
}
.discoverDetail .thumbnail:hover img {
  transform: scale(1.05);
}
/* Fancybox */
.showcase__overlay {
  /* background-color: rgba(230, 43, 74, 0.6); */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0; /* 25px */
  opacity: 0;
  transition: all 0.5s;
}
.showcase__item:hover .showcase__overlay {
  opacity: 1;
}
.showcase__icons,
.showcase__icons a {
  display: flex;
  width: 100%;
  height: 100%;
}
.showcase__icons i {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background-color: #fff;
  font-size: 14px;
  color: #000;
  margin-bottom: 10px;
  transform: translateY(20px);
  transition: all 0.8s;
  position: absolute;
  top: 25px;
  right: 25px;
}

.showcase__item:hover .showcase__icons i {
  transform: translateY(0);
}

.showcase__icons i:hover {
  background-color: #000;
  color: #fff;
}
/* News */
.newspapers .info-news h4,
.posts .info-news h4,
.newsDetail .info-news h4,
.news .info-news h4 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 50px;
}

.collectionGift .btn.btn-red,
.newsDetail .btn.btn-red,
.news .btn.btn-red {
  min-height: auto;
  line-height: 1;
}
.collectionGift .btn.btn-red {
  line-height: 21px;
}
.news .btn.btn-red,
.newsDetail .btn.btn-red {
  max-width: 180px;
}
.newsDetail img,
.newsDetail .desktop img,
.newsDetail .mobile img {
  object-fit: cover;
}
.gridBlock .g-col-12 .info-news > * {
  color: #333;
}
.pd-r-20 {
  padding-right: 20px;
}
.pd-l-20 {
  padding-left: 20px;
}
.pd-x-10 {
  padding: 0 10px;
}
.newsDetail .container,
.captionNews .container,
.news .container,
.newspapers .container,
.posts .container,
.promotion .container {
  max-width: 1400px;
}
.gridBlock .g-col-12 .info-news {
  bottom: 0;
  left: 0;
}
.grid-block .thumbnail img {
  transform: scale(1);
  transition: all 0.5s;
}
.grid-block .thumbnail:hover img {
  transform: scale(1.05);
}
/* .captionNews > div.container {
  padding-left: 100px;
  padding-right: 100px;
} */
.captionNews > div.container {
  padding-top: 80px;
}
.captionNews h1 {
  line-height: 1;
}
.captionNews li {
  position: relative;
  padding-bottom: 5px;
}
.captionNews li.active::after {
  content: "";
  width: 80px;
  height: 4px;
  border-radius: 10px;
  background-color: #000;
  display: block;
  position: absolute;
  left: 50%;
  bottom: -5px;
  transform: translateX(-50%);
}
.captionNews li a {
  color: #bdbdbd;
}
.captionNews li.active a {
  color: #000;
  font-weight: 600;
}
.lineCapNews::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #828282;
  display: block;
  margin-top: 5px;
}
.btn-newspapers {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.btn-readmore {
  color: #333;
}
.btn-readmore:hover {
  color: #da282d;
}
.mb-6 {
  margin-bottom: 4rem;
}
.pb-6 {
  padding-bottom: 4rem;
}
.pd-lr-inner {
  padding-left: calc(70px - var(--bs-gutter-x) * 0.5);
  padding-right: calc(70px - var(--bs-gutter-x) * 0.5);
}
.pd-lr-30 {
  padding-left: 30px;
  padding-right: 30px;
}
.pd-lr-50 {
  padding-left: 50px;
  padding-right: 50px;
}
.container hr {
  border-top: 2px solid #000;
  opacity: 1;
  margin: 0;
}
.non-move {
  transform: translateY(0) translateZ(0) !important;
  box-shadow: none !important;
  cursor: default;
}
.non-move.btn-red:hover {
  background-color: rgba(219, 5, 5, 1) !important;
}
.h-188 {
  height: 188px;
}
.h-479 {
  height: 479px;
}
/* News Detail */
.newsDetail .txtNewsDetail {
  width: 80%;
  margin: 0 auto;
  background-color: #f6f4f0;
  position: relative;
  top: -150px;
}
/* Information User */
.userInfo .tab-content {
  padding: 30px 60px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 20px 4px rgba(51, 51, 51, 0.2);
  box-shadow: 0px 0px 20px 4px rgba(51, 51, 51, 0.2);
}
.userInfo .nav-pills {
  padding: 30px 60px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 20px 4px rgba(51, 51, 51, 0.2);
  box-shadow: 0px 0px 20px 4px rgba(51, 51, 51, 0.2);
}
.userInfo .nav-link {
  color: #828282;
}
.userInfo .nav-link svg {
  margin-right: 10px;
}
.userInfo .nav-link.icon-user svg {
  border-radius: 50%;
  border: 2px solid #828282;
}
.userInfo .nav-link.active {
  background-color: rgb(224, 224, 224, 0.8);
  color: #828282;
}
.deliveryAddress h5,
.purchaseOrder h5,
.blockInfo h5,
.blockInfo label {
  color: #828282;
}
.deliveryAddress .selectBox {
  border-radius: 0;
  padding: 0.125rem 0.375rem;
}
.deliveryAddress .selectBox__value {
  font-size: 1rem;
  font-weight: 400;
}
.deliveryAddress .selectBox .dropdown-menu {
  max-height: 100px;
}
section.userInfo {
  overflow: initial;
}

/* .blockInfo input:focus,
.blockInfo input {
  border: none;
  box-shadow: none;
  background: transparent;
} */
.userInfo input[type="password"] {
  font-family: Verdana;
  letter-spacing: 0.125em;
}
.userInfo .form-control {
  border-radius: 0;
  padding: 0.125rem 0.375rem;
}
.userInfo .input-group {
  border: 1px solid #ced4da;
}
.userInfo .form-select {
  border-radius: 0;
  padding-block: 2px;
}
.userInfo .input-group .form-control {
  border: none;
}
.userInfo .input-group .input-group-addon {
  padding: 2px 7px;
}
.userInfo .btnUpdate {
  margin-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: calc(var(--bs-gutter-x) * 0.5);
  border: none;
  border-radius: 5px;
  padding: 3px 15px;
  width: 100px;
}
.userInfo .icon-edit {
  border: none;
  border-radius: 5px;
  padding: 3px 15px;
}
.userInfo input:read-only {
  /* border: none; */
  box-shadow: none;
  background: transparent;
}
.blockBirthDay {
  width: calc((100% / 3) - 40px);
  margin-right: 30px;
}
.blockBirthDay select {
  width: 100%;
}
.deliveryAddress hr {
  border-top: 1px solid #e0e0e0;
  margin-block: 1rem;
}
.userInfo .btnEdit {
  top: 5px;
  right: 0;
  width: auto;
}
.userInfo .btnEdit input {
  background-image: url(../images/icon/icon-edit.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 24px;
  text-indent: -9999px;
}
.purchaseOrder ul.list-unstyled {
  border-bottom: 1px solid #000;
}
.purchaseOrder .btn {
  max-width: none;
  width: auto;
  min-height: auto;
  line-height: 1;
  padding: 8px 24px !important;
}
.deliveryAddress input:read-only {
  padding-left: 0;
  border: none;
}
.status-order .code-order {
  color: #4f4f4f;
}
.status-order .status {
  color: #da282d;
}
.minHeight {
  min-height: 100px;
}

/* User Order Detail */
.orderDetail_title a {
  color: #000;
}
.orderDetail_info,
.orderDetail_amount {
  background-color: #f2f2f2;
  border-radius: 20px;
  padding: 1.5rem 2rem;
}
.orderDetail_address,
.orderDetail_list {
  padding: 0 2rem;
}
.orderDetail_info .w-info p:first-child {
  width: 250px;
  flex-shrink: 0;
}
.orderDetail_info .w-info p:last-child {
  width: 100%;
  flex-grow: 1;
}
.orderDetail_info .w-info p.status,
.orderDetail_amount .w-amount:last-child .txt-right {
  color: #da282d;
}
.orderDetail_amount hr {
  width: 100%;
  border-top: 1px solid #dfdfe0;
  margin-bottom: 0.5rem;
}
.w-amount .txt-right {
  min-width: 220px;
  text-align: right;
}
.orderDetail_address > div {
  width: 50%;
}
.orderDetail_address > div p {
  line-height: 1;
}
.orderDetail_address .notes {
  padding-left: 20px;
}
.orderDetail_address .address {
  padding-right: 20px;
  border-right: 2px solid #4f4f4f;
}
.currentPassword,
.updatePassword {
  opacity: 1;
  height: auto;
  visibility: visible;
  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
}
.hide {
  opacity: 0;
  height: 0;
  visibility: hidden;
  margin-bottom: 0 !important;
}
/* Validation */
label.error {
  font-size: 12px;
  color: rgba(219, 5, 5, 1);
  position: absolute;
  right: 0;
  bottom: -20px;
}

.seasonGift .thumbnail {
  height: 530px;
  display: flex;
  justify-content: center;
}
.seasonCollection .thumbnail {
  height: 450px;
  display: flex;
  justify-content: center;
}
.discoverDetail .thumbnail {
  height: 430px;
  display: flex;
  justify-content: center;
  object-fit: cover;
}
.news.gridBlock .thumbnail.thumbnail-h-600 {
  height: 600px;
  display: flex;
  justify-content: center;
}
.news.gridBlock .thumbnail.thumbnail-h-450 {
  height: 450px;
  display: flex;
  justify-content: center;
}
.news.gridBlock .thumbnail {
  height: 360px;
  display: flex;
  justify-content: center;
}
.horizontal {
  /* width: 100%; */
}
.vertical {
  width: 100%;
}
.square {
  width: 100%;
}
.news.gridBlock .thumbnail.thumbnail-h-600 img.horizontal {
  width: 100%;
}
/* .news.gridBlock .thumbnail.thumbnail-h-600 img.vertical {
  height: 100%;
} */
.gridBlock .bgBlack-30.info-news {
  background-color: rgba(0, 0, 0, 0.3);
  padding: 20px;
}
/* Coupon */
.mobile-coupon {
  display: none;
}
.desktop-coupon {
  display: block;
}
.style-coupon {
  position: relative;
  background-color: rgba(242, 242, 242, 1);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 10px 15px 15px 15px;
}
.coupon__tags {
  display: flex;
  padding: 0px 4px 0px 0px;
  flex-wrap: wrap;
  align-items: center;
  /* max-width: 650px; */
  /* width: 250px; */
  /* overflow: hidden;
  position: relative; */
}
.style-coupon .coupon__text {
  flex: 1 1 0%;
  color: #4f4f4f;
}
/* .style-coupon .view-more-coupon {
  width: 10px;
  height: 17px;
  margin: 8px 0px 0px 10px;
  cursor: pointer;
  position: absolute;
  bottom: 20px;
  right: 15px;
} */
.style-coupon .view-more-coupon {
  width: 28px;
  height: 28px;
  cursor: pointer;
  background-color: rgba(242, 242, 242, 1);
  object-fit: scale-down;
  margin: 8px 0px 0px -10px;
}
.style-coupon .view-more-coupon.desktop-coupon {
  bottom: 0;
}
.style-coupon .coupon__tag {
  cursor: pointer;
  padding: 3px 12px;
  border: 1px solid rgba(218, 40, 45, 1);
  border-radius: 5px;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  color: #4f4f4f;
  position: relative;
  margin: 8px 16px 0px 0px;
  white-space: nowrap;
}
.style-coupon .coupon__tag::before,
.style-coupon .coupon__tag::after {
  content: "";
  width: 6px;
  height: 6px;
  background-color: rgba(242, 242, 242, 1);
  border-width: 1px;
  border-style: solid;
  border-color: transparent rgba(218, 40, 45, 1) rgba(218, 40, 45, 1)
    transparent;
  border-image: initial;
  position: absolute;
  margin-top: -4px;
  border-radius: 50%;
  right: 20px;
}
.style-coupon .coupon__tag::before {
  top: 0;
  transform: rotate(45deg);
}
.style-coupon .coupon__tag::after {
  bottom: -4px;
  transform: rotate(-135deg);
}
.modal-coupon {
  /* background-color: #fff; */
  /* box-shadow: 0px 0px 30px 5px rgb(0 0 0 / 10%); */
  padding: 15px 20px;
  margin: 20px 0;

  position: relative;
}
.modal-coupon p {
  color: #4f4f4f;
  margin-bottom: 0;
}
.modal-coupon a.btn-copy {
  font-size: 8px;
  color: #f2f2f2;
  max-width: 100px;
  min-height: auto;
  line-height: inherit;
}
.modal-coupon::before {
  content: "";
  width: 100%;
  height: 100%;
  min-height: 105px;
  border-radius: 5px;
  background-image: url(../images/icon/modal-coupon.svg);
  background-position: 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  filter: drop-shadow(rgba(0, 0, 0, 0.15) 0px 1px 3px);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
#modalCoupon .btn-close {
  border-color: #000;
  opacity: 1;
  width: 5px;
  height: 5px;
}
.nav-scroll-x {
  flex-wrap: inherit;
  overflow-x: auto;
  white-space: nowrap;
}
.listProduct li.nav-item button.btn:hover {
  transform: translateY(0) translateZ(0);
}
.inner-blockBtn {
  max-width: 136px;
  width: 100%;
}
.form-giftSet .inner-blockBtn {
  max-width: 210px;
  width: 100%;
}

/* Custom Select Box */
.selectBox {
  border: 1px solid #ced4da;
  border-radius: 5px;
  position: relative;
  padding: 6px 10px;
  cursor: pointer;
}
.selectBox__value {
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  padding-right: 20px;
}
.selectBox:after {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  transition: all 0.2s ease-in-out;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  width: 18px;
  height: 12px;
}
.selectBox .dropdown-menu {
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 500;
  transition: all 0.5s ease-in-out;
  opacity: 0;
  display: block;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 250px;
  z-index: -1;
  overflow-y: auto;
  transform: translateY(-15%);
  visibility: hidden;
}
.selectBox .dropdown-menu .dropdown-item {
  padding: 6px 10px;
  white-space: inherit;
  color: #333;
  font-weight: 500;
}
.selectBox .dropdown-menu .dropdown-item:active,
.selectBox .dropdown-menu .dropdown-item.active {
  background-color: #da282d;
  color: #fff;
}
.selectBox.show {
  background-color: #fff;
}
.selectBox.show:after {
  transform: translateY(-50%) rotate(180deg);
}
.selectBox.show .dropdown-menu {
  transition: all 0.3s ease-in-out;
  visibility: visible;
  opacity: 1;
  z-index: 10;
  transform: translateY(5px);
}

/* Only Screen 1920 */
@media (min-width: 1919px) {
  .listProduct .fs-price {
    font-size: 20px;
  }
}
/* // Custom container */
@media (min-width: 1280px) {
  .container {
    max-width: 1600px;
  }
  .grid {
    gap: var(--bs-gap, 3.5rem);
  }
}
@media (max-width: 1599.98px) {
  .slick-collectionGift {
    max-width: 1300px;
  }
  .slick-collectionGift .card {
    min-height: 640px;
  }
}
@media (max-width: 1499.98px) {
  .slick-collectionGift {
    max-width: 1180px;
  }
  /* .grid-block .proItems {
    -ms-flex-preferred-size: calc(100% / 3);
    width: calc(100% / 3);
    flex-basis: calc(100% / 3);
    padding-left: 3rem;
  } */
}
/* // `xxl` applies to large devices (desktops, less than 1400px) */
@media (max-width: 1399.98px) {
  .slick-collectionGift .card {
    min-height: 720px;
  }
  .fs-120 {
    font-size: 5rem;
  }
  /* Banner Header */
  header .bannerHeader img {
    min-height: 300px;
    object-fit: cover;
  }
  /* Offcanvas */
  .offcanvas.offcanvas-top {
    height: calc(100vh - var(--bs-offcanvas-height));
  }
  /* Season */
  .seasonGift .col-12 {
    padding: 0 2rem;
  }
  .seasonGift .txtSeason p {
    padding: 0 1rem;
  }
  /* Cap Gift */
  .capGift.fs-120 {
    margin-bottom: -40px;
  }
  /* Product */
  .sort-top {
    padding-left: 1.5rem;
  }
  /* .grid-block .proItems {
    width: calc(100% / 3);
    flex-basis: calc(100% / 3);
    padding-left: 3rem;
  } */

  /* Product Detail */
  /* .slick-proDetail .item,
  .slick-proDetail .item img {
    height: 500px;
  } */

  .pd-lr-inner {
    padding-left: calc(120px - var(--bs-gutter-x) * 0.5);
    padding-right: calc(120px - var(--bs-gutter-x) * 0.5);
  }

  .giftAmazing .form-giftSet label,
  .giftCharming .form-giftSet label,
  .giftAmazing .list-unstyled li,
  .giftCharming .list-unstyled li {
    font-size: 14px;
  }
  .listProduct .tab-content > .tab-pane {
    font-size: 13px;
  }
  .proSameCategory .price-discount,
  .listProduct .price-discount {
    font-size: 12px;
  }
  .listProduct .nav-pills .nav-link {
    font-size: 9px;
  }
  .listProduct .nav-pills-box .nav-link {
    font-size: 10px;
  }
  .grid-block .proItems {
    padding-left: 1.5rem;
    -ms-flex-preferred-size: calc(100% / 3);
    flex-basis: calc(100% / 3);
    width: calc(100% / 3);
  }
  .listProduct .card-text,
  .proItems .card-text {
    font-size: 1rem;
  }
  /* .listProduct .card-text,
  .proItems .card-text {
    height: 50px;
  } */
  .capSeason h5 {
    padding: 0 20px;
  }
  .txt-soldout {
    top: 35%;
    transform: translate(-50%, -35%);
  }
}
@media (max-width: 1366px) {
  .slick-collectionGift {
    max-width: 980px;
  }
  .submenu_hover .navbarProduct h4.fs-36 {
    font-size: 26px;
  }
  .fs-32 {
    font-size: 1.3rem;
  }
  /* Collection Gift */
  /* .collectionGift .card .card-text {
    min-height: 100px;
  } */
  /* Users */
  .userInfo .pd-lr-30 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .userInfo .nav-pills {
    padding: 15px 10px;
  }
  .userInfo .tab-content {
    padding: 20px;
  }
  /* Store */
  .store .order-xl-last {
    padding-left: 0 !important;
  }
  .nav-tabs .nav-item {
    margin-right: 40px;
  }
  /* Promo Code */
  .promoCode .giftbox {
    font-size: 1rem;
  }
  .promoCode .giftbox::before {
    width: 134px;
    height: 140px;
    background-size: contain;
  }
  .promoCode .col-md-10 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  /* Product Detail */
  /* .slick-proDetail .item,
  .slick-proDetail .item img {
    height: 450px;
  }
  .slick-proDetail-nav .item,
  .slick-proDetail-nav .item img {
    height: 120px;
  } */
  /* Product */
  .pro-sort-list .thumbnail {
    max-width: 120px;
    width: 100%;
  }
  .pro-sort-list .grid-block .card .card-body {
    margin-left: 1.5rem;
  }

  /* List Product */
  .listProduct .item {
    padding: 0 20px;
  }
  /* Discover */
  .seasonCollection .item {
    padding: 0 1rem;
  }

  .seasonGift .thumbnail {
    height: 450px;
  }
  .h-188 {
    height: 178px;
  }
  .h-479 {
    height: 439px;
  }
}
@media (max-width: 1279.98px) {
  .proSameCategory .item .card,
  .listProduct .item .card,
  .proItems .card {
    background-color: #fff;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  }
  .sort-top {
    padding-right: 0;
  }
  .pro-sort-list .grid-block .proItems .card {
    width: 100%;
  }
  .pro-sort-list .proItems span.label-discount {
    right: 15px;
  }
  .pro-sort-list .proItems .card-text {
    padding-right: 60px;
  }
  .pro-sort-list .grid-block .card-body .nav-link.btn {
    font-size: 10px;
  }
  .grid-block .card-body .nav-link.btn {
    font-size: 8px;
  }
  .grid-block .proItems {
    padding-left: 1.5rem;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    width: 50%;
  }
  .grid-block .price-default {
    font-size: 12px;
    white-space: nowrap;
    display: contents;
  }
  .grid-block .price-discount {
    font-size: 10px;
    white-space: nowrap;
    display: contents;
  }
  .search-gridList .canvas-boxSearch button.btn {
    padding: 0 0.5rem !important;
  }
  .search-gridList .search .input-group input {
    width: 120px;
    font-size: 12px;
  }
  .sort select,
  .sort span {
    font-size: 12px;
  }
  .sort select.form-select {
    padding: 0.175rem 2rem 0.175rem 0.75rem;
  }
  .proItems .card {
    padding: 14px;
  }
  .block-btn-payment {
    flex-direction: column;
  }
  .block-btn-payment a {
    margin: 0 auto 10px;
  }
  .infoPayForm label.form-check-label {
    padding-right: 60px;
  }
  .h-188 {
    height: 178px;
  }
  .h-479 {
    height: 399px;
  }
  .txt-soldout {
    top: 35%;
    transform: translate(-50%, -35%);
  }
  .payment .bgGray-mobile {
    padding-right: 2rem;
  }
}
/* // `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
  .userInfo .icon-edit {
    padding: 4px 15px;
  }
  .btn:hover {
    transform: translateY(0) translateZ(0);
  }
  .txt-soldout {
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    text-align: center;
    /* padding-left: 20px; */
  }
  .submenu_hover .navbarProduct h4.fs-36 {
    font-size: 22px;
  }
  .discoverDetail .thumbnail {
    height: 300px;
  }
  .hover-header.fixed-top::before {
    min-height: 460px;
  }
  footer .row {
    margin: 0 0.4rem;
  }
  body {
    font-size: 14px;
  }
  .fs-120 {
    font-size: 4rem;
  }
  .fs-61 {
    font-size: 2.75rem;
  }
  .fs-36 {
    font-size: 1.75rem;
  }
  .fs-32 {
    font-size: 1.5rem;
  }
  /*  Collection Gift Season  */
  .seasonGift .col-12 {
    padding: 0 1rem;
  }
  .seasonGift .txtSeason p {
    padding: 0 10px;
    font-size: 14px;
  }
  .seasonGift .col-12 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .seasonCollection .item {
    padding: 0 1.5rem;
  }
  /* About WGourmet */
  .aboutWGourmet {
    padding-bottom: 3rem;
  }
  /* Product */
  .grid-block .proItems {
    width: 50%;
    flex-basis: 50%;
  }
  .pro-sort-list .grid-block .proItems {
    width: 100%;
    flex-basis: 100%;
  }
  /* Slick */
  .slick-arrow,
  .slick-arrow > span {
    width: 30px;
    height: 30px;
  }
  .seasonCollection .slick-next {
    right: -40px;
  }
  .seasonCollection .slick-prev {
    left: -40px;
  }
  /* Users */
  .userInfo .nav-link {
    font-size: 0;
    text-align: center;
  }
  .userInfo .nav-link svg {
    margin-right: 0;
  }
  /* Store */
  .store .order-xl-last {
    margin-bottom: 3rem;
    padding: 0 1.5rem !important;
  }
  .store h2 {
    text-align: center;
    margin-top: 2rem;
  }
  .tab-content .tab-pane iframe {
    min-height: 480px;
  }
  .store h2,
  .store .nav-tabs,
  .nav-tabs .nav-link .imgStore {
    padding-left: 10px;
  }
  /* Product Detail */
  /* .slick-proDetail .item,
  .slick-proDetail .item img {
    height: 350px;
  }
  .slick-proDetail-nav .item,
  .slick-proDetail-nav .item img {
    height: 120px;
  } */
  /* List Product */
  .proSameCategory .item,
  .listProduct .item {
    padding: 0 20px;
  }
  .proSameCategory .nav-pills .nav-link,
  .listProduct .nav-pills .nav-link {
    font-size: 8px;
    padding: 6px 8px !important;
  }

  .pd-lr-inner {
    padding-left: calc(70px - var(--bs-gutter-x) * 0.5);
    padding-right: calc(70px - var(--bs-gutter-x) * 0.5);
  }
  .giftAmazing .form-giftSet .list-unstyled,
  .giftCharming .form-giftSet .list-unstyled {
    display: flex;
    justify-content: center;
  }
  .form-giftSet .list-unstyled li {
    margin: 0 25px;
  }
  .form-giftSet .block-btn {
    justify-content: center;
  }
  .form-giftSet .block-btn .inner-contactBtn,
  .form-giftSet .block-btn .inner-blockBtn {
    max-width: 200px;
    width: 100%;
    margin-right: 20px;
  }
  .giftCharming,
  .giftAmazing {
    padding: 3rem 0;
  }
  .pro-sort-list .grid-block .proItems {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
  }
  .payment::before {
    display: none;
  }
  .payment .bgGray-mobile {
    position: relative;
    margin-top: 3rem;
    margin-bottom: 2rem;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  .payment .yourCart {
    margin-top: 3rem;
    margin-bottom: 2rem;
  }
  .payment .yourCart::before {
    content: "";
    width: 200%;
    height: 100%;
    background-color: #f2f2f2;
    position: absolute;
    top: 0;
    left: -30%;
    z-index: -1;
  }
  .pd-lr-50 {
    padding-left: 45px;
    padding-right: 45px;
  }
  .btn-newspapers {
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-size: 12px;
  }
  .h-188 {
    height: 148px;
  }
  .h-479 {
    height: 349px;
  }
  .proSameCategory .slick-next {
    right: -50px;
  }
  .proSameCategory .slick-prev {
    left: -50px;
  }
}
@media (max-width: 1024px) {
  .slick-collectionGift .card {
    min-height: 620px;
    padding: 0 10px;
  }
  .collectionGift {
    padding: 6rem 0 0;
  }
  .collectionGift .card-body {
    min-height: 250px;
  }
  .collectionGift .card-text {
    padding: 0 20px;
  }
  .collectionGift .card-text p {
    margin-bottom: 0;
  }
  .padd-box {
    padding: 0 20px !important;
  }
  /* .ps-sm-3 {
    padding-left: 0 !important;
  }
  .pe-sm-5 {
    padding-right: 0 !important;
  } */
}
/* // `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .userInfo .icon-edit {
    padding: 3px 15px;
  }
  .blockBirthDay {
    width: calc((100% / 3));
    margin-right: 0;
    margin-left: 10px;
  }
  .blockBirthDay:first-child {
    margin-left: 0;
  }
  .giftCharming .btn.btn-gray-1,
  .giftAmazing .btn.btn-gray-1 {
    padding: 7px 10px !important;
    min-height: auto;
    line-height: 20px;
  }

  footer .row {
    padding: 2rem;
  }
  .pd-lr-50 {
    padding-left: 25px;
    padding-right: 25px;
  }
  .fs-96 {
    font-size: 3.5rem;
  }
  .fs-64 {
    font-size: 2.7rem;
  }
  .fs-48 {
    font-size: 2.55rem;
  }
  .fs-47 {
    font-size: 2.5rem;
  }
  .fs-21 {
    font-size: 1.2rem;
  }
  .fs-20 {
    font-size: 1rem;
  }
  /* .fs-14 {
    font-size: 0.75rem;
  } */
  .container {
    max-width: 100%;
  }
  .fixed-top .navbar-collapse {
    position: relative;
    padding: 20px 0;
  }
  /* .fixed-top .navbar-collapse::before {
    content: "";
    width: 120%;
    height: 100%;
    background-color: rgba(76, 13, 13, 1);
    position: absolute;
    top: 0;
    left: -3%;
    z-index: -1;
  } */
  .navbar-toggler {
    border: 1px solid transparent;
    background-color: rgba(255, 255, 255, 1);
    /* padding: 2px 8px; */
    padding: 0;
  }
  .navbar-toggler:focus {
    box-shadow: none;
  }
  /* Offcanvas */
  .offcanvas.offcanvas-top {
    height: 100vh;
  }
  /* Collection Gift */
  .collectionGift .card-body {
    padding: 10px 5px;
    /* min-height: 250px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
  }
  .collectionGift .card-body a.btn {
    /* margin-top: auto; */
  }
  /* Collection Gift - Gift Charming - Gift Amazing */
  .collectionGift,
  .giftAmazing,
  .giftCharming {
    padding: 3rem 0;
  }
  .giftAmazing img,
  .giftCharming img {
    max-width: 400px;
    max-height: 700px;
  }
  .imgHeight {
    min-height: 700px;
    max-height: 700px;
  }
  .txtHeight {
    min-height: 220px;
    max-height: 220px;
  }

  /* Product */
  .sort-top,
  .grid-block .proItems {
    padding-left: 2rem;
  }
  /* Discover */
  .discover {
    min-height: 800px;
    background-position: 70% bottom;
  }
  /* News Detail */
  .newsDetail .txtNewsDetail {
    top: -70px;
  }
  .newsDetail .info-news a {
    font-size: 12px;
    word-break: break-word;
  }
  .newsDetail .inner.pd-x-10,
  .newsDetail .inner.pd-l-20,
  .newsDetail .inner.pd-r-20 {
    padding: 0;
  }
  /* Users */
  .userInfo .pd-lr-30,
  .userInfo .pd-lr-inner {
    padding-left: 0;
    padding-right: 0;
  }
  /* Product Detail */
  /* .slick-proDetail .item,
  .slick-proDetail .item img {
    height: 330px;
  }
  .slick-proDetail-nav .item,
  .slick-proDetail-nav .item img {
    height: 100px;
  } */
  .txt-choose .items {
    width: 100%;
  }
  .block-btn .btn,
  .block-btn .fs-14 {
    font-size: 0.75rem;
  }
  .seasonGift .thumbnail {
    height: 100%;
  }
  .mobile-hv {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .capSeason,
  .txtSeason {
    position: relative !important;
    top: 0;
    left: 0;
    transform: translate(0, 0);
    opacity: 1;
  }
  .seasonGift .inner:hover .capSeason {
    opacity: 1;
  }
  .seasonGift .inner:hover .txtSeason {
    transform: translate(0, 0);
  }
  .capSeason {
    margin-bottom: 10px;
  }
  .pd-lr-inner {
    padding-left: 20px;
    padding-right: 20px;
  }
  .discoverDetail .thumbnail {
    height: 310px;
  }
  .showcase__overlay {
    opacity: 1;
  }
  .showcase__icons i {
    transform: translateY(0);
  }
  .offcanvas.offcanvas-start .canvas-boxSearch {
    height: auto !important;
    margin-bottom: 40px;
  }
  .offcanvas.offcanvas-start .navLogo .svg {
    width: 4rem;
  }
  .menu-tabs-outside .icon-hotline {
    width: 32px;
    text-align: center;
  }
  .menu-tabs-outside .count-bag {
    top: 0;
  }
  .giftAmazing .form-giftSet .list-unstyled,
  .giftCharming .form-giftSet .list-unstyled,
  .form-giftSet .list-unstyled {
    display: block;
  }
  .form-giftSet .form-check {
    justify-content: start;
    align-items: center;
  }
  .form-giftSet .list-unstyled {
    padding-left: 0;
  }
  .form-giftSet .form-check-input[type="radio"] {
    margin-top: 0;
    margin-bottom: 0;
    background-position: 0 0;
  }
  .form-giftSet .form-check-label {
    width: 80%;
  }
  .form-giftSet .list-unstyled li {
    margin: 0 25px 10px !important;
  }
  .news .info-news {
    margin-top: 10px;
  }
  .news .fs-20 {
    /* font-size: 0.75rem; */
  }
  .news .txt-des,
  .news .timeline {
    font-size: 10px;
  }
  .news .btn-readmore {
    font-size: 12px;
  }
  .h-188 {
    height: 128px;
  }
  .h-479 {
    height: 279px;
  }
  .grid-block .info-news p.mb-5 {
    margin-bottom: 2rem !important;
  }
}
@media (max-width: 860px) {
  .slick-collectionGift .card {
    min-height: 100px;
  }
  .collectionGift .card-body a.btn {
    margin-top: 0;
  }
  .collectionGift {
    padding-bottom: 0;
  }
  .collectionGift .item {
    margin-bottom: 15px;
  }
  .collectionGift .card-text {
    max-width: 380px;
  }
  /* .coupon__tags {
    width: 250px;
  } */
  .style-coupon .view-more-coupon.mobile-coupon {
    bottom: 15px;
  }
  .newspapers .info-news h4,
  .posts .info-news h4,
  .newsDetail .info-news h4,
  .news .info-news h4 {
    height: 40px;
  }
  .listProduct .price-default {
    font-size: 14px;
  }
  .discoverDetail .thumbnail {
    height: 240px;
  }
  /* Product Detail */
  /* .slick-proDetail .item,
  .slick-proDetail .item img {
    height: 260px;
  }
  .slick-proDetail-nav .item,
  .slick-proDetail-nav .item img {
    height: 80px;
  } */
  .trade-status {
    flex-direction: column;
  }
  .trade-status b {
    display: none;
  }
  .txt-describe .nav-pills .nav-link {
    font-size: 12px;
  }
  .sort select.form-select {
    padding: 0 2rem 0 0.75rem;
  }
}

/* // `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  .orderDetail_info .w-info p:first-child {
    width: 160px;
  }
  /* .orderDetail_info .w-info p:last-child {
    width: 200px;
  } */
  .orderDetail_amount .fs-16 {
    font-size: 12px;
    text-align: right;
  }
  .purchaseOrder .minHeight,
  .orderDetail .minHeight {
    min-height: auto;
  }
  .orderDetail .fs-24 {
    font-size: 1rem;
  }
  .grid-block .card-body .nav-link.btn {
    font-size: 12px;
  }
  .grid-block .price-default {
    font-size: 14px;
  }
  /* .coupon__tags {
    width: 320px;
  } */
  #mobile .grid.item {
    gap: 0;
  }
  .pd-lr-50,
  .pd-lr-inner {
    padding-left: 10px;
    padding-right: 10px;
  }
  .news .mb-6 {
    margin-bottom: 2rem;
  }
  .newspapers .info-news h4,
  .posts .info-news h4,
  .newsDetail .info-news h4,
  .news .info-news h4 {
    height: 40px;
  }
  .newsDetail #mobile .info-news p.fs-14,
  .newsDetail #mobile .info-news h4 {
    height: auto;
    -webkit-line-clamp: inherit;
    white-space: inherit !important;
    text-overflow: inherit;
  }
  .newsDetail #mobile .info-news h4 {
    white-space: nowrap;
  }
  .newsDetail .gridBlock #mobile .thumbnail,
  .newsDetail .gridBlock #mobile .thumbnail img {
    height: 300px;
    margin-bottom: 10px;
  }
  .fixed-top {
    height: 70px;
  }
  .discoverDetail .thumbnail {
    height: 160px;
  }
  .giftCharming .btn,
  .giftAmazing .btn {
    max-width: 170px;
  }
  .fs-120 {
    font-size: 3rem;
  }
  .fs-61 {
    font-size: 2rem;
  }
  .fs-48 {
    font-size: 1.7rem;
  }
  .fs-36 {
    font-size: 1.5rem;
  }
  .logo {
    width: 60px;
  }
  /* Collection Gift - Gift Charming - Gift Amazing */
  .block-btn .w-80 {
    width: 100%;
  }
  .capGift.fs-120 {
    margin-bottom: -25px;
  }
  /* List Product */
  /* .listProduct .tab-content {
    padding: 0 3rem;
  } */
  /* Offcanvas */
  .navbarExtend {
    flex-direction: column-reverse;
  }
  .navbarExtend .navbar-nav li {
    margin: 0 10px !important;
  }
  .navbarExtend .navPaddTop {
    padding-top: 3rem;
  }
  /* Product */
  .pro-filter,
  .sort-top {
    padding: 0 1rem;
  }
  .grid-block .proItems {
    padding: 0 1rem;
  }
  .pro-sort-list .grid-block .card .card-body {
    margin-left: 1rem;
  }
  /*  Collection Gift Season  */
  .seasonCollection .item {
    padding: 0 2rem;
  }
  .seasonCollection .slick-next {
    right: -30px;
  }
  .seasonCollection .slick-prev {
    left: -30px;
  }
  /* Payment */
  .payment .infoUserForm,
  .payment .infoShipForm,
  .payment .infoPayForm {
    padding-left: 3rem;
  }
  /* Product Detail */
  .txt-choose .items {
    width: 45%;
  }
  /* Product in the same category */
  .proSameCategory .slick-prev {
    left: -10px;
  }
  .proSameCategory .slick-next {
    right: -10px;
  }
  .listProduct .card span.label-discount,
  .proSameCategory .card span.label-discount,
  .proItems .card span.label-discount {
    top: 6px;
  }
  .proSameCategory .card-text,
  .listProduct .card-text,
  .proItems .card-text {
    font-size: 16px;
  }
  .modal .modal-dialog {
    /* margin: 0 10px; */
    margin: 0 auto;
  }
  .h-188 {
    height: 158px;
  }
  .h-479 {
    height: 279px;
  }
  .giftAmazing img,
  .giftCharming img {
    max-width: 400px;
    max-height: 600px;
  }
  .imgHeight {
    min-height: 600px;
    max-height: 600px;
  }
  .txtHeight {
    min-height: 320px;
    max-height: 320px;
  }
  .form-giftSet .form-check-label {
    width: 100%;
  }
}
@media (max-width: 750.98px) {
  .collectionGift .card-text {
    /* min-height: 150px; */
  }
  .logo {
    width: 50px;
  }
  .navi-icon .svg {
    width: 25px;
    height: 25px;
  }
}
/* // `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .custom-popover {
    max-width: 240px;
  }
  .billCode ul li {
    font-size: 14px;
  }
  .thankyou .grid-block .proItems {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    width: 50%;
  }
  .txt-quantity .input-group {
    width: 70px;
  }
  .discoverDetail .thumbnail {
    height: 140px;
  }
  .fs-27 {
    font-size: 1.2rem;
  }
  .fs-36 {
    font-size: 1.5rem;
  }
  /* List Product */
  .listProduct {
    padding-top: 3rem;
  }
  .listProduct .btn {
    font-size: 12px;
  }
  /* Product */
  .grid-block .proItems,
  .pro-filter,
  .sort-top {
    padding: 0;
  }
  .pro-sort-list .grid-block .proItems .card {
    flex-direction: column;
  }
  .pro-sort.pro-sort-list .proItems .thumbnail {
    max-width: 100%;
    width: 100%;
  }
  .pro-sort-list .grid-block .card .card-body {
    margin-left: 0;
  }
  .pro-sort-list .proItems span.label-discount {
    right: 35px;
  }
  .grid-block .proItems {
    width: 100%;
    flex-basis: 100%;
  }
  .sort-top .inner {
    display: block !important;
  }
  .sort-top .sort {
    width: 200px;
  }
  .search-gridList {
    justify-content: space-between;
  }
  .search {
    width: 100%;
  }
  .pro-sort.pro-sort-list .proItems .thumbnail {
    width: 150px;
  }
  .pro-sort-list .nav-pills .nav-link,
  .pro-sort-list .tab-content > .tab-pane,
  .btn-addBag {
    font-size: 10px;
  }
  .collectionGift .card-body {
    min-height: auto;
  }
  /* News */
  .gridBlock .g-col-12 .info-news {
    position: static !important;
    padding: 10px 0 0 !important;
  }
  .gridBlock .g-col-12 .info-news > * {
    color: #333;
  }

  /* Users */
  .userInfo .pd-lr-30 {
    margin-bottom: 20px;
  }
  .userInfo .nav-pills {
    flex-direction: row !important;
    justify-content: center;
  }
  /* Payment */
  .payment .card-body {
    /* padding-left: 0;
    margin-top: 10px; */
  }
  .block-btn-payment a {
    font-size: 12px;
  }
  .payment .infoUserForm,
  .payment .infoShipForm,
  .payment .infoPayForm {
    padding-left: 2rem;
  }
  .form-infoShip {
    flex-direction: column;
  }
  .infoShipForm .form-check {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
  }
  .infoShipForm .form-check:first-child {
    margin-bottom: 20px;
  }
  /* Store */
  .store .nav-tabs {
    min-height: auto;
  }
  .nav-tabs .nav-link .imgStore {
    position: static;
    padding-left: 0;
    display: none;
  }
  .nav-tabs .nav-link.active .imgStore {
    display: block;
  }
  .form-giftSet .block-btn {
    align-items: center;
    justify-content: center;
  }
  .form-giftSet .block-btn .inner-contactBtn,
  .form-giftSet .block-btn .inner-blockBtn {
    width: 100%;
    text-align: center;
  }
  .proSameCategory .item .card,
  .listProduct .item .card,
  .proItems .card {
    padding: 15px;
  }
  .listProduct .card .block-btn,
  .proSameCategory .block-btn,
  .proItems .card .block-btn {
    bottom: 15px;
    left: 15px;
  }
  .offcanvas.canvasCart {
    padding: 0;
  }
  .offcanvas-footer a.btn {
    font-size: 14px;
  }
  .offcanvas.canvasCart ul li a,
  .offcanvas.canvasCart .card-title {
    font-size: 10px;
  }
  .canvasCart .btn-remove,
  .offcanvas.canvasCart .list-unstyled li.fs-14 {
    font-size: 8px;
  }
  .offcanvas.canvasCart .list-unstyled li.fw-bold {
    font-size: 12px;
  }
  .canvasCart .btn-remove img {
    width: 16px;
  }
  .offcanvas.canvasCart .list-unstyled {
    margin-bottom: 0;
  }
  .offcanvas.canvasCart .txt-quantity .countNumber {
    /* font-size: 8px; */
    width: 30px;
  }
  .offcanvas.canvasCart .txt-quantity .input-group .btn {
    width: 12px;
    height: 12px;
    font-size: 12px;
  }
  .offcanvas.canvasCart .txt-quantity {
    padding: 3px 6px;
  }
  .bannerCart {
    max-height: 190px;
    height: 100%;
  }
  .bannerCart h6 {
    padding: 0 30px;
  }
  .bannerCart .slick-list {
    padding: 0 !important;
  }
  .sort select.form-select {
    padding: 0 2rem 0 0.75rem;
    width: 200px;
  }
  .h-188 {
    height: 188px;
  }
  /* .h-479 {
    height: 279px;
  } */
  .giftAmazing img,
  .giftCharming img {
    max-width: 250px;
    max-height: 400px;
  }
  .imgHeight {
    min-height: 400px;
    max-height: 400px;
  }
  .txtHeight {
    min-height: 300px;
    max-height: 300px;
  }
}
@media (max-width: 479.98px) {
  .status-order .code-order {
    font-size: 12px;
  }
  .status-order .status {
    font-size: 12px;
  }
  /* .orderDetail_info .w-info p:last-child {
    width: 120px;
  } */
  .orderDetail_address > div p {
    line-height: 1.2;
    font-size: 12px;
  }
  .orderDetail_amount .fs-16 {
    font-size: 10px;
    text-align: right;
  }
  .w-amount .txt-right {
    min-width: 100px;
  }
  .orderDetail_address {
    padding: 0;
  }
  .orderDetail_list {
    padding: 0 1rem;
  }
  .orderDetail_info .w-info p:first-child {
    width: 110px;
    font-size: 12px;
  }
  .orderDetail_info .w-info p:last-child {
    font-size: 13px;
  }
  .orderDetail .fs-24 {
    font-size: 0.75rem;
  }
  .orderDetail_info,
  .orderDetail_amount {
    padding: 1rem;
  }
  .orderDetail_title a {
    font-size: 12px;
  }
  .rowBirthday {
    flex-direction: column;
  }
  .blockBirthDay {
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
  }
  .slick-collectionGift .card .thumbnail img {
    height: 250px;
    width: 300px;
  }
  .billCode ul li {
    font-size: 12px;
  }
  .thankyou .grid-block .proItems {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    display: block;
  }
  .card-bottom,
  .card-mid {
    display: block;
  }
  .news .thumbnail img {
    height: 180px;
  }
  .txt-soldout {
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    text-align: center;
    padding-left: 0;
  }
  .discoverDetail .thumbnail {
    height: 90px;
  }
  footer .row {
    padding: 2rem 0.5rem;
  }
  .fs-61 {
    font-size: 1.25rem;
  }
  .fs-14 {
    font-size: 12px;
  }
  ul.list-unstyled li.fs-20 {
    font-size: 0.65rem;
  }
  footer .regNews .form-control input {
    width: 95%;
  }
  .slick-arrow,
  .slick-arrow > span {
    width: 30px;
    height: 30px;
  }
  .slick-prev {
    left: -15px;
  }
  .slick-next {
    right: -15px;
  }
  /* List Product */
  .proSameCategory .slick-slider .item,
  .listProduct .slick-slider .item {
    padding: 0 10px !important;
  }
  .listProduct .tab-content.pd-lr-30 {
    padding: 0 10px;
  }
  /* Offcanvas Cart */
  .bannerCart {
    padding: 10px;
  }
  /* Product */
  .pro-sort.pro-sort-list .proItems .thumbnail {
    /* width: 120px; */
    width: 100%;
  }
  /* Payment */
  .infoPayForm .icon-money::after,
  .infoPayForm .icon-credit::after,
  .infoPayForm .icon-vnpay::after,
  .infoPayForm .icon-momo::after,
  .infoPayForm .icon-zalopay::after {
    position: static;
    transform: none;
    margin-top: 5px;
    display: block;
  }
  /* Product Detail */
  .txt-choose .items {
    width: 100%;
  }
  .form-giftSet .block-btn {
    flex-direction: column;
  }
  .form-giftSet .block-btn .inner-contactBtn,
  .form-giftSet .block-btn .inner-blockBtn {
    margin-right: 0;
  }
  .style-coupon .coupon__tag {
    font-size: 10px;
    margin-right: 10px;
  }
  .style-coupon .view-more-coupon {
    margin-left: 5px;
  }
  .logo {
    width: 40px;
  }
  .navi-icon .svg {
    width: 18px;
    height: 18px;
  }
  .navbar-toggler {
    line-height: 0;
  }
  .menu-tabs-outside .icon .svg {
    width: 20px;
    height: 20px;
  }
  .menu-tabs-outside .icon.icon-hotline .svg {
    width: 15px;
    height: 15px;
  }
  .menu-tabs-outside .count-bag {
    font-size: 8px;
  }
  .navFixed .container {
    padding: 0;
  }
  .infoPayForm label.form-check-label {
    padding-right: 0;
    font-size: 11px;
  }
  .infoPayForm .form-check-input[type="radio"] {
    margin-top: 0;
  }
  .show_payment_info {
    font-size: 12px;
  }
  .proSameCategory .nav-pills .nav-link,
  .listProduct .nav-pills .nav-link {
    padding: 6px !important;
  }
  .proDetail .txt-quantity .block-btn {
    /* justify-content: space-between; */
  }
  .infoDetail .txt-price {
    font-size: 14px;
  }
  .infoDetail .txt-original-price {
    font-size: 12px;
  }
  .payment .giftCode .chooseCode,
  .payment .giftCode input {
    font-size: 8px;
  }
  .seasonCollection .item {
    padding: 0 0.5rem;
  }
}
@media (max-width: 460px) {
  .coupon__tags {
    width: 250px;
  }
  .listProduct .price-default {
    font-size: 13px;
  }
  .proSameCategory .nav-pills .nav-link,
  .listProduct .nav-pills .nav-link {
    font-size: 11px;
  }
  .newsDetail .gridBlock #mobile .thumbnail,
  .newsDetail .gridBlock #mobile .thumbnail img {
    height: 180px;
    margin-bottom: 5px;
  }
}
@media (max-width: 400px) {
  .custom-popover {
    max-width: 220px;
  }
  /* .col-form-label,
  .userInfo .form-control,
  .blockBirthDay select {
    font-size: 12px;
  }
  .userInfo .form-select {
    padding: 0.375rem 1.15rem 0.375rem 0.25rem;
    background-position: right 0.15rem center;
    background-size: 14px 10px;
  }
  .userInfo .form-control {
    padding: 0.375rem 0.375rem;
  } */
}
/* Orientation landscape */
@media (orientation: landscape) {
  .offcanvas.offcanvas-top .navbarProduct img {
    display: none;
  }
}
.slick-proDetail-nav .slick-list .slick-track {
  transform: translate3d(0px, 0px, 0px) !important;
}