/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

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

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

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

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

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

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

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

body {
  font-family: "Lora-Regular", sans-serif;
  background-image: url("assets/img/bg-main.jpg") !important;
  background-position: 0 100vh;
  background-size: 100%;
  background-repeat: repeat;
}

blockquote,
dl,
figure,
form,
ol,
p,
pre,
ul {
  margin-bottom: 10px;
}

#main,
#wrapper {
  background: transparent;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.banner h1,
.banner h2 {
  font-family: "Lora-SemiBold", sans-serif;
  letter-spacing: 0.04em;
}

.split-text {
  text-align: center;
  /* margin-bottom: 40px; */
  margin-bottom: 0;
}

.ul-icon ul li {
  list-style: none;
  position: relative;
  margin-left: 20px;
  font-size: 18px;
  line-height: 26px;
}

.ul-icon ul li::before {
  content: "";
  position: absolute;
  background-image: url("assets/img/ul-icon.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 10px;
  height: 10px;
  left: -20px;
  top: 14px;
}

/* mỗi chữ */
.split-text h1 {
  font-size: 72px;
  letter-spacing: 0.04em;
  background: linear-gradient(90deg, #de9e0f 0%, #e9aa1f 22.6%, #ffc645 50.48%, #e9ab1f 79.33%, #c58800 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.3;
  font-family: "Lora-Medium", sans-serif;
}

.split-text h2 {
  margin-bottom: 0;
}

.split-text h2 {
  font-size: 44px;
  letter-spacing: 0.04em;
  background: linear-gradient(90deg, #de9e0f 0%, #e9aa1f 22.6%, #ffc645 50.48%, #e9ab1f 79.33%, #c58800 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.3;
  font-family: "Lora-SemiBold", sans-serif;
}

.split-blog h1 {
  font-size: 44px;
  letter-spacing: 0.04em;
  background: linear-gradient(90deg, #de9e0f 0%, #e9aa1f 22.6%, #ffc645 50.48%, #e9ab1f 79.33%, #c58800 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.3;
  font-family: "Lora-SemiBold", sans-serif;
  margin-top: 30px;
  text-align: center;
}

.split-text h3 {
  font-size: 26px;
  letter-spacing: 0.04em;
  background: linear-gradient(90deg, #de9e0f 0%, #e9aa1f 22.6%, #ffc645 50.48%, #e9ab1f 79.33%, #c58800 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.3;
  font-family: "Lora-SemiBold", sans-serif;
}

.split-text h4 {
  font-size: 24px;
  letter-spacing: 0.04em;
  background: linear-gradient(90deg, #de9e0f 0%, #e9aa1f 22.6%, #ffc645 50.48%, #e9ab1f 79.33%, #c58800 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.3;
  font-family: "Lora-SemiBold", sans-serif;
}

h1.entry-title.mb {
  font-size: 30px;
  letter-spacing: 0.04em;
  background: linear-gradient(90deg, #de9e0f 0%, #e9aa1f 22.6%, #ffc645 50.48%, #e9ab1f 79.33%, #c58800 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.3;
  font-family: "Lora-SemiBold", sans-serif;
}

.is-divider {
  background: linear-gradient(90deg, #de9e0f 0%, #e9aa1f 22.6%, #ffc645 50.48%, #e9ab1f 79.33%, #c58800 100%) !important;
}

#comments {
  display: none;
}

.icon-next-step .col::after {
  content: "";
  position: absolute;
  background-image: url("assets/img/icon-next-step.svg");
  right: -30px;
  top: 35px;
  width: 70px;
  height: 90px;
}

.icon-next-step .col:last-child:after {
  display: none;
}

.section-top::after {
  content: "";
  position: absolute;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #050505 100%);
  height: 180px;
  width: 100%;
  bottom: -2px;
  z-index: 9;
}

.icon-box-c .icon-box-left {
  align-items: center;
}

.off-canvas .mfp-content {
  background-color: #1d2327;
  width: 300px;
}

.off-canvas .sidebar-menu {
  padding: 0 0 30px 0;
}

.nav-sidebar.nav-vertical > li + li {
  border-top: none;
}

.nav-sidebar.nav-vertical li a {
  position: relative;
}

.nav-sidebar.nav-vertical li.current-menu-item a:after {
  position: absolute;
  content: "";
  width: 100px;
  height: 1px;
  background: #f2be4c;
  bottom: 0;
}

.off-canvas .nav-vertical > li > a {
  font-size: 16px;
  color: #fff;
}

.off-canvas:not(.off-canvas-center) .nav-vertical li > a {
  padding-left: 30px;
}

.off-canvas .nav-vertical > li > a {
  padding-bottom: 10px;
  padding-top: 10px;
}

/* header */

.transparent #logo img {
  max-height: inherit !important;
}

#logo {
  position: relative;
}

#logo img {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -70px;
}

.header-main .nav > li > a {
  font-size: 20px;
  color: #fff;
}

.header-main .nav-spacing-xlarge > li {
  margin: 0 21px;
}

.header-main .nav li.current-menu-item a {
  color: #f2be4c;
  border-bottom: 1px solid;
}

/* home */
.box-mon-an {
  border-radius: 40px;
  overflow: hidden;
  position: relative;
}

.box-mon-an::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 40px;
  background: linear-gradient(90deg, #dca720 0%, rgba(220, 167, 32, 0) 70.19%, rgba(220, 167, 32, 0.6) 92.31%);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.box-mon-an::before {
  content: "";
  position: absolute;
  width: 65%;
  height: 100%;
  background: linear-gradient(270deg, #000000 64.68%, rgba(0, 0, 0, 0.288462) 89.81%, rgba(0, 0, 0, 0) 100%);
  top: 0;
  right: 0;
  z-index: 2;
}

.box-mon-an.box-overlay .box-text {
  box-shadow: none;
  text-shadow: none;
  height: 100%;
  width: 50%;
  right: 0;
  z-index: 9;
}

.flickity-prev-next-button {
  width: 60px;
  opacity: 1 !important;
}

.flickity-prev-next-button svg {
  background: linear-gradient(90deg, #cd971e 0%, #ffd16b 50.48%, #b88209 100%) !important;
  border: 2px solid #cd971e !important;
  fill: #303030 !important;
}

.slider-nav-light .flickity-prev-next-button .arrow,
.slider-nav-light .flickity-prev-next-button svg {
  fill: #303030 !important;
}

.box-goi-tiec {
  padding: 50px 40px 30px;
  background-image: url("assets/img/bg-goi-tiec.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

/* footer */

.footer-wrapper {
  position: relative;
  margin-top: 80px;
}

.footer-wrapper::after {
  content: "";
  position: absolute;
  width: 79px;
  height: 80px;
  background-image: url("assets/img/icon-button.png");
  left: 0;
  right: 0;
  top: -41px;
  margin: 0 auto;
  z-index: 9;
}

.footer-wrapper .footer-border::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 1px;
  width: calc(50vw - 44px);
  border-top: 1px solid;
  border-image-source: linear-gradient(137.59deg, #f2be4c 0%, #d49a18 11.97%, #ffe6af 44.52%, #f1c155 73.71%, #8c6e2c 99.56%);
  border-image-slice: 1;
  z-index: 9;
}

.footer-wrapper .footer-border::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 1px;
  width: calc(50vw - 44px);
  border-top: 1px solid;
  border-image-source: linear-gradient(137.59deg, #f2be4c 0%, #d49a18 11.97%, #ffe6af 44.52%, #f1c155 73.71%, #8c6e2c 99.56%);
  border-image-slice: 1;
  z-index: 9;
}

.footer-wrapper .ux-menu .ux-menu-title {
  font-size: 28px;
  font-family: "Lora-SemiBold", sans-serif;
  position: relative;
  margin-bottom: 20px !important;
}

.footer-wrapper .ux-menu .ux-menu-title::after {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, #f0b329 0%, #ffd16b 50.48%, #f2ab0b 100%);
  width: 175px;
  height: 1px;
  bottom: 15px;
}

.footer-wrapper .ux-menu .ux-menu-title {
  background: linear-gradient(90deg, #f0b329 0%, #ffd16b 50.48%, #f2ab0b 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.footer-wrapper .col-inner.text-right .ux-menu .ux-menu-title::after {
  right: 0;
}

.footer-wrapper .col-inner.text-right .flex {
  text-align: right;
  display: inline-flex;
  justify-content: end;
}

.footer-wrapper .ux-menu .ux-menu-link .ux-menu-link__link {
  min-height: auto;
  font-size: 20px;
  padding: 2px 0;
}

.footer-wrapper .ux-menu .ux-menu-link .ux-menu-link__link:hover {
  color: #fff;
}

.footer-wrapper .social-icons a {
  width: 76px;
  height: 76px;
  border: 1px solid #f2be4c;
  border-radius: 100%;
  background: #ffffff1a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 20px;
}

.footer-wrapper .social-icons a i {
  font-size: 35px;
  color: #f2be4c;
}

.absolute-footer {
  display: none;
}

@media only screen and (max-width: 768px) {
  .footer-wrapper .social-icons a {
    width: 56px;
    height: 56px;
  }

  .footer-wrapper .social-icons a i {
    font-size: 28px;
  }

  .footer-wrapper .ux-menu .ux-menu-title {
    margin-bottom: 10px !important;
  }

  .footer-wrapper .ux-menu .ux-menu-link .ux-menu-link__link {
    font-size: 16px;
  }

  .footer-wrapper .col-inner.text-right .flex {
    text-align: left;
    display: inline-flex;
    justify-content: start;
  }

  .footer-wrapper .col-inner.text-right .ux-menu .ux-menu-title::after {
    left: 0;
  }
}

/* woocommer */

.stdm-cart-section-dat-mon {
  display: flex;
  gap: 60px;
  position: relative;
}

.stdm-cart-section-dat-mon .stdm-cart-section {
  min-width: 60%;
}

.stdm-cart-form {
  background: rgba(255, 255, 255, 0.1);
  padding: 30px;
  border-radius: 10px;
  border: 1px solid #444;
  position: sticky;
  top: 20px;
  height: max-content;
}

.stdm-cart-form .stdm-section-title-form {
  letter-spacing: 0.04em;
  background: linear-gradient(90deg, #de9e0f 0%, #e9aa1f 22.6%, #ffc645 50.48%, #e9ab1f 79.33%, #c58800 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.3;
  font-family: "Lora-SemiBold", sans-serif;
  font-size: 30px;
}

.stdm-form-group {
  margin-bottom: 20px;
}

.stdm-form-group input {
  width: 100% !important;
  border: 2px solid transparent !important;
  border-radius: 10px !important;
  background:
    linear-gradient(#000, #000) padding-box,
    linear-gradient(137.59deg, rgba(242, 190, 76, 0.5) 0%, rgba(212, 154, 24, 0.5) 11.97%, rgba(255, 230, 175, 0.5) 44.52%, rgba(241, 193, 85, 0.5) 73.71%, rgba(140, 110, 44, 0.5) 99.56%) border-box !important;
  height: 48px !important;
  font-size: 20px !important;
  margin-bottom: 0;
  padding: 0 20px !important;
  color: rgba(255, 255, 255, 1) !important;
}

.stdm-form-group textarea {
  border: 2px solid transparent;
  border-radius: 10px;
  background:
    linear-gradient(#000, #000) padding-box,
    linear-gradient(137.59deg, rgba(242, 190, 76, 0.5) 0%, rgba(212, 154, 24, 0.5) 11.97%, rgba(255, 230, 175, 0.5) 44.52%, rgba(241, 193, 85, 0.5) 73.71%, rgba(140, 110, 44, 0.5) 99.56%) border-box;
  height: 83px;
  font-size: 20px;
  margin-bottom: 0;
  color: rgba(255, 255, 255, 1) !important;
}

.stdm-cart-totals {
  margin-top: 30px;
  margin-bottom: 30px;
  border-top: 2px solid #444;
  padding-top: 20px;
  margin-bottom: 20px;
}

.stdm-cart-totals .stdm-total-price {
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(90deg, #de9e0f 0%, #e9aa1f 22.6%, #ffc645 50.48%, #e9ab1f 79.33%, #c58800 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.3;
  font-family: "Lora-SemiBold", sans-serif;
  border-top: 2px solid #444;
  padding-top: 20px;
  margin-bottom: 20px;
}

.wc-menu-special {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 30px;
}

.wc-menu-special-cats li {
  cursor: pointer;
  padding: 10px 0;
  margin: 0 !important;
  list-style: none;
}

.wc-menu-special-cats li.is-active {
  color: #f5b400;
}

.wc-menu-special-products {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.wc-menu-special-item {
  position: relative;
  border-radius: 28px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.1);
}

.wc-menu-special-item::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: 28px;
  background: linear-gradient(90deg, #dca720 0%, rgba(220, 167, 32, 0) 70.19%, rgba(220, 167, 32, 0.6) 92.31%);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 9;
}

.wc-menu-special-item img {
  border-bottom: 3px solid transparent;
  background:
    linear-gradient(#000, #000) padding-box,
    linear-gradient(137.59deg, rgba(242, 190, 76, 0.5) 0%, rgba(212, 154, 24, 0.5) 11.97%, rgba(255, 230, 175, 0.5) 44.52%, rgba(241, 193, 85, 0.5) 73.71%, rgba(140, 110, 44, 0.5) 99.56%) border-box;

  min-height: 300px;
  max-height: 300px;
  width: 100%;
  object-fit: cover;
}

.wc-menu-special-item .special-thumb {
  display: block;
  width: 100%;
  height: 300px;
}

.wc-menu-special-item .special-content {
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  height: 300px;
}

.wc-menu-special-item .special-bottom {
  width: 100%;
}

.wc-menu-special-item h3 {
  font-size: 26px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  background: linear-gradient(90deg, #de9e0f 0%, #e9aa1f 22.6%, #ffc645 50.48%, #e9ab1f 79.33%, #c58800 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.3;
  font-family: "Lora-SemiBold", sans-serif;
}

.wc-menu-special-item .special-desc {
  font-size: 20px;
  min-height: 64px;
}

.wc-menu-special-item .special-price {
  font-size: 26px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  background: linear-gradient(90deg, #de9e0f 0%, #e9aa1f 22.6%, #ffc645 50.48%, #e9ab1f 79.33%, #c58800 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.3;
  font-family: "Lora-SemiBold", sans-serif;
}

.special-actions {
  display: flex;
  gap: 10px;
  margin-top: 20px;
  /* margin-bottom: 20px; */
  justify-content: space-between;
}

.special-actions .special-add {
  margin: 0;
  width: 46%;
  font-size: 22px;
  height: 54px;
  min-height: 54px;
  color: #000;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 5px 4px;
  text-decoration: none;
  border-radius: 100px;
  background: linear-gradient(90deg, #a07006 0%, #ddac3f 50.48%, #b88209 100%);
}

.special-actions .stdm-view-cart-link {
  width: 46%;
  font-size: 22px;
  height: 54px;
  min-height: 54px;
  color: #000;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 5px 4px;
  text-decoration: none;
  border-radius: 100px;
  background: linear-gradient(90deg, #a07006 0%, #ddac3f 50.48%, #b88209 100%);
}

.special-actions .special-detail {
  width: 48%;
  font-size: 22px;
  height: 54px;
  color: #fff;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 5px 4px;
  text-decoration: none;
  border-radius: 100px;
  border: 1px solid transparent;
  background:
    linear-gradient(#000, #000) padding-box,
    linear-gradient(137.59deg, rgba(242, 190, 76, 0.5) 0%, rgba(212, 154, 24, 0.5) 11.97%, rgba(255, 230, 175, 0.5) 44.52%, rgba(241, 193, 85, 0.5) 73.71%, rgba(140, 110, 44, 0.5) 99.56%) border-box;

  display: none;
}

.special-loadmore {
  display: none;
}

.btn-gold {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 30px 11px;
  min-width: 228px;
  background: transparent !important;
  text-decoration: none;
  background-image: url("assets/img/bg-button-gold.png") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

.btn-gold span {
  font-size: 26px;
  color: #303030;
  text-transform: uppercase;
}

.btn-gold .icon-angle-right::before {
  content: "";
  position: absolute;
  top: -7px;
  background-image: url("assets/img/icon-next-black.svg") !important;
  background-size: contain;
  background-repeat: no-repeat;
  width: 21px;
  height: 16px;
}

.btn-tran {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 40px;
  min-width: 228px;
  background: transparent !important;
  text-decoration: none;
  background-image: url("assets/img/bg-button-tran-1.png") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

.btn-tran span {
  font-size: 24px;
  background: linear-gradient(90deg, #f2be4c, #ffe6af, #d49a18);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
}

.btn-tran .icon-angle-right::before {
  content: "";
  position: absolute;
  top: -7px;
  background-image: url("assets/img/icon-next.svg") !important;
  background-size: contain;
  background-repeat: no-repeat;
  width: 21px;
  height: 16px;
}

.btn-default-gole {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 40px 4px;
  text-decoration: none;
  border-radius: 100px;
  border: 2px solid #cfcfcf;
  background: linear-gradient(90deg, #a07006 0%, #ddac3f 50.48%, #b88209 100%);
}

.btn-default-gole span {
  font-size: 26px;
  color: #303030;
}

@media only screen and (max-width: 768px) {
  .wc-menu-special {
    grid-template-columns: 1fr;
  }

  .wc-menu-special-products {
    grid-template-columns: 1fr;
  }

  .wc-menu-special-item h3,
  .wc-menu-special-item .special-price {
    font-size: 24px;
  }

  .wc-menu-special-item .special-desc {
    font-size: 16px;
    min-height: auto;
  }

  .stdm-cart-section-dat-mon {
    flex-flow: column;
  }
}

/* Gradient border */
.form-dang-ki {
  position: relative;
  border-radius: 16px;
  padding: 50px;
}

/* Gradient border */
.form-dang-ki-border {
  background: rgba(255, 255, 255, 0.1);
}

.form-dang-ki-border::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: 16px;
  background: linear-gradient(137.59deg, #f2be4c 0%, #d49a18 11.97%, #ffe6af 44.52%, #f1c155 73.71%, #8c6e2c 99.56%);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  pointer-events: none;
}

.form-dang-ki h2 {
  font-size: 44px;
}

.form-dang-ki-bg {
  position: relative;
  border-radius: 16px;
  padding: 50px;
  background-image: url(assets/img/bg-form-dang-ki.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

/* Gradient border */

.form-dang-ki label {
  font-size: 20px;
  margin-bottom: 10px;
  display: block;
  color: #fff;
}

.form-dang-ki input {
  border: 3px solid transparent;
  border-radius: 100px;
  background:
    linear-gradient(#000, #000) padding-box,
    linear-gradient(137.59deg, rgba(242, 190, 76, 0.5) 0%, rgba(212, 154, 24, 0.5) 11.97%, rgba(255, 230, 175, 0.5) 44.52%, rgba(241, 193, 85, 0.5) 73.71%, rgba(140, 110, 44, 0.5) 99.56%) border-box;

  height: 60px;
  font-size: 20px;
  margin-bottom: 0;
}

.form-dang-ki textarea {
  border: 3px solid transparent;
  border-radius: 24px;
  background:
    linear-gradient(#000, #000) padding-box,
    linear-gradient(137.59deg, rgba(242, 190, 76, 0.5) 0%, rgba(212, 154, 24, 0.5) 11.97%, rgba(255, 230, 175, 0.5) 44.52%, rgba(241, 193, 85, 0.5) 73.71%, rgba(140, 110, 44, 0.5) 99.56%) border-box;

  font-size: 20px;
  margin-bottom: 0;
}

.form-dang-ki input[type="submit"] {
  height: 60px;
  color: #000 !important;
  text-transform: none;
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 5px 40px 4px;
  text-decoration: none;
  border-radius: 100px;
  border: 2px solid #cfcfcf;
  background: linear-gradient(90deg, #a07006 0%, #ddac3f 50.48%, #b88209 100%);
}

.form-dang-ki input,
.form-dang-ki textarea {
  color: #fff !important;
}

.form-dang-ki-border input,
.form-dang-ki-border textarea {
  color: #fff !important;
}

.wpcf7 form.invalid .wpcf7-response-output {
  color: #fff;
}

.wpcf7 form.sent .wpcf7-response-output {
  color: #fff;
}

.form-dang-ki-border ::-ms-input-placeholder {
  color: #fff;
}

.form-dang-ki-border ::placeholder {
  color: #fff;
}

.form-dang-ki-border :-moz-placeholder {
  color: #fff;
  opacity: 1;
}

.form-dang-ki-border ::-moz-placeholder {
  color: #fff;
  opacity: 1;
}

@media only screen and (max-width: 768px) {
  .form-dang-ki {
    padding: 30px 20px;
  }
}

.gold-calendar {
  width: 100%;
  padding: 20px;
  border: 2px solid #574e38;
  border-radius: 12px;
  background: transparent;
  color: #fff;
}

/* Header */
.gc-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #f2be4c;
  margin-bottom: 15px;
  font-size: 18px;
}

.gc-prev,
.gc-next {
  cursor: pointer;
  font-size: 18px;
}

/* Weekdays */
.gc-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  color: #fff;
  margin-bottom: 8px;
  font-size: 18px;
}

/* Days */
.gc-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}

.gc-days span {
  text-align: center;
  padding: 6px 0;
  font-size: 18px;
}

.gc-days span.empty {
  opacity: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1450px) {
  .header-main .nav-spacing-xlarge > li {
    margin: 0 16px;
  }

  .split-text h1 {
    font-size: 60px;
  }

  .split-text h2,
  .split-blog h1 {
    font-size: 36px;
  }

  .split-text h3 {
    font-size: 24px;
    margin: 0;
  }

  .gc-days span {
    font-size: 16px;
  }

  .gc-header {
    font-size: 16px;
  }

  .gc-prev,
  .gc-next {
    font-size: 16px;
  }

  .box-goi-tiec {
    padding: 40px 30px;
  }
}

@media only screen and (max-width: 768px) {
  .transparent .header-main {
    height: 80px !important;
  }

  #logo {
    width: 120px !important;
  }

  #logo img {
    top: -40px !important;
  }

  .split-text h1,
  .split-blog h1 {
    font-size: 32px;
  }

  .split-text h2 {
    font-size: 30px;
  }

  .split-text h3 {
    font-size: 22px;
  }

  .gc-days span {
    font-size: 16px;
  }

  .gc-header {
    font-size: 16px;
  }

  .gc-prev,
  .gc-next {
    font-size: 16px;
  }

  .gc-weekdays {
    font-size: 16px;
  }

  .icon-box-c .icon-box {
    margin-bottom: 30px !important;
  }

  .icon-box-c .icon-box-img {
    width: 100px !important;
  }

  .box-goi-tiec {
    padding: 40px 30px;
  }
}

.custom-blog-card {
  padding: 50px 40px;
  position: relative;
  border-radius: 20px;
  background-image: url(assets/img/bg-tintuc.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-bottom: 20px;
}

.custom-blog-card img {
  border-radius: 16px;
  border: 2px solid #f2be4c;
  min-height: 235px;
}

.card-content {
  margin-top: 30px;
}

.card-content .post-badge {
  color: #000;
  font-size: 20px;
  position: relative;
  padding: 5px 20px 4px;
  text-decoration: none;
  border-radius: 100px;
  border: 1px solid #cfcfcf;
  background: linear-gradient(90deg, #a07006 0%, #ddac3f 50.48%, #b88209 100%);
}

.card-content .post-title {
  font-size: 32px;
  margin: 20px 0 10px;
  letter-spacing: 0.04em;
  background: linear-gradient(90deg, #de9e0f 0%, #e9aa1f 22.6%, #ffc645 50.48%, #e9ab1f 79.33%, #c58800 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.3;
  font-family: "Lora-SemiBold", sans-serif;
}

.card-content .post-excerpt {
  font-size: 20px;
  margin-bottom: 50px;
}

.card-content .read-more-btn {
  color: #000;
  font-size: 20px;
  position: relative;
  padding: 10px 30px 9px;
  text-decoration: none;
  border-radius: 100px;
  border: 1px solid #cfcfcf;
  background: linear-gradient(90deg, #a07006 0%, #ddac3f 50.48%, #b88209 100%);
}

.nav-pagination > li > a {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-size: 20px;
  color: #f2be4c !important;
}

.nav-pagination > li > a:hover {
  color: #000 !important;
}

.nav-pagination > li > span {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-size: 20px;
}

.nav-pagination > li > .current {
  color: #000;
}

.nav-pagination > li i {
  font-size: 16px;
  line-height: 1;
}

.post {
  padding: 50px 40px;
  position: relative;
  background-image: url(assets/img/bg-blog.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-top: 40px;
}

.entry-header-text {
  padding-bottom: 50px;
}

.entry-content .entry-title {
  text-align: center;
  font-size: 44px;
  letter-spacing: 0.04em;
  background: linear-gradient(90deg, #de9e0f 0%, #e9aa1f 22.6%, #ffc645 50.48%, #e9ab1f 79.33%, #c58800 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.3;
  font-family: "Lora-SemiBold", sans-serif;
}

.entry-content .entry-divider {
  height: 28px;
  max-width: 800px;
  margin: 0 auto;
  background-image: url(assets/img/dri-icon.png) !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
  .post {
    padding: 40px 20px;
  }

  .entry-content .entry-title {
    font-size: 36px;
  }

  .slick-next {
    right: -8px;
  }

  .slick-prev {
    left: -10px;
  }

  .icon-next-step .col::after {
    display: none;
  }

  .footer-wrapper .footer-border::before,
  .footer-wrapper .footer-border::after {
    width: calc(50vw - 38px);
  }

  .header-main li.html.custom {
    display: block !important;
  }
}