/*--------- Abstracts variable ---------- */
:root {
  --primary-2: #ff9a90;
  --primary-3: #ffc5c0;
  --primary-4: #fff1ef;
  --primary-green: #39ae52;
  --secondary: #4b4ded;
  --secondary-2: rgba(75, 77, 237, 0.75);
  --secondary-3: rgba(75, 77, 237, 0.5);
  --secondary-4: #efeffd;
  --dark: #000000;
  --dark-2: #101828;
  --dark-3: #282828;
  --dark-4: #1C1C1C;
  --white: #ffffff;
  --white-2: #edeae5;
  --purple: #9148ff;
  --purple-2: #f6efff;
  --violet: #a83fff;
  --violet-2: #a474ff;
  --success: #31d0aa;
  --success-2: rgba(49, 208, 170, 0.75);
  --success-3: rgba(49, 208, 170, 0.5);
  --success-4: rgba(49, 208, 170, 0.1);
  --light-green: #00ba00;
  --text: #545454;
  --text-2: #393939;
  --text-3: #667085;
  --text-4: #757575;
  --line: #ebebeb;
  --line-2: #f2f4f7;
  --line-3: #c9c9c9;
  --line-4: #e4e7ec;
  --line-5: rgba(126, 126, 126,0.2);
  --surface: #f5f5f5;
  --surface-2: #f7f7f7;
  --surface-3: #f3f3f3;
  --shadow-1: 0px 4px 20px 0px #0000001a;
  --gradient-1: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 0%,
      #ffffff 100%
  );
  --backdrop: rgba(0, 0, 0, 0.4);
  --bg-scrollbar-track: #f1f1f1;
  --bg-scrollbar-thumb: #c1c1c1;
  --rgba-white: rgba(255, 255, 255, 0.8);
  --rgba-dark: rgba(0, 0, 0, 0.6);
  --rgba-dark-2: rgba(0, 0, 0, 0.8);
  --rgba-dark-3: rgba(0, 0, 0, 0.2);
  --yellow: #ffc108;
  --yellow-2: #ff9a00;
  --brown: #8f5252;
  --red: #e21b1b;
}

.primary-2 {
  --primary: #39ae52;
}

.primary-3 {
  --primary: #d62c2c;
}

.wp-caption,
.wp-caption-text,
.screen-reader-text,
.gallery-caption,
.bypostauthor {
    
}

/*---------- Reset css styles ----------- */
/*--------- Abstracts variable ---------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

/* Elements
-------------------------------------------------------------- */
html {
  margin-right: 0 !important;
  scroll-behavior: smooth;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  background-color: var(--white);
  font-style: normal;
  color: var(--dark);
}

img {
  max-width: 100%;
  height: auto;
  transform: scale(1);
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}

.row {
  margin-right: -12px;
  margin-left: -12px;
}
.row > * {
  padding-left: 12px;
  padding-right: 12px;
}

ul,
li {
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.container {
  max-width: 1488px;
}

.container-2 {
  max-width: 1436px;
}

.container-3 {
  max-width: 1560px;
}

.container-4 {
  max-width: 1688px;
}

.container-5 {
  max-width: 1728px;
}

.container-6 {
  max-width: 1288px;
}

.container-7 {
  max-width: 1268px;
}

.container-7,
.container-6,
.container-5,
.container-4,
.container-3,
.container-2,
.container {
  width: 100%;
  margin: auto;
}

.container-7,
.container-6,
.container-5,
.container-4,
.container-3,
.container-2,
.container {
  padding-left: 15px;
  padding-right: 15px;
}

.container-full {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0px 15px;
}

.slider-layout-right {
  width: calc(100vw - (100vw - 1488px) / 2 - 7px);
  margin-right: unset;
  max-width: 100%;
  margin-left: auto;
  padding: 0 15px;
}
.slider-layout-right .swiper:not(.tf-sw-right) {
  margin-right: -15px;
}

.container-6 .wg-cls.style-circle {
  gap: 16px;
}

svg path {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color] {
  font-family: "Poppins", sans-serif;
  border: 1px solid var(--line);
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font-size: 14px;
  line-height: 20px;
  border-radius: 6px;
  padding: 14px 20px;
  width: 100%;
  background: var(--white);
  color: var(--rgba-dark-2);
  height: 50px;
  font-weight: 400;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
textarea:hover, textarea:focus,
input[type=text]:hover,
input[type=text]:focus,
input[type=password]:hover,
input[type=password]:focus,
input[type=datetime]:hover,
input[type=datetime]:focus,
input[type=datetime-local]:hover,
input[type=datetime-local]:focus,
input[type=date]:hover,
input[type=date]:focus,
input[type=month]:hover,
input[type=month]:focus,
input[type=time]:hover,
input[type=time]:focus,
input[type=week]:hover,
input[type=week]:focus,
input[type=number]:hover,
input[type=number]:focus,
input[type=email]:hover,
input[type=email]:focus,
input[type=url]:hover,
input[type=url]:focus,
input[type=search]:hover,
input[type=search]:focus,
input[type=tel]:hover,
input[type=tel]:focus,
input[type=color]:hover,
input[type=color]:focus {
  border-color: var(--rgba-dark-2);
}
textarea.style-2,
input[type=text].style-2,
input[type=password].style-2,
input[type=datetime].style-2,
input[type=datetime-local].style-2,
input[type=date].style-2,
input[type=month].style-2,
input[type=time].style-2,
input[type=week].style-2,
input[type=number].style-2,
input[type=email].style-2,
input[type=url].style-2,
input[type=search].style-2,
input[type=tel].style-2,
input[type=color].style-2 {
  padding-left: 12px;
  padding-right: 12px;
}

textarea::placeholder,
input[type=text]::placeholder,
input[type=password]::placeholder,
input[type=datetime]::placeholder,
input[type=datetime-local]::placeholder,
input[type=date]::placeholder,
input[type=month]::placeholder,
input[type=time]::placeholder,
input[type=week]::placeholder,
input[type=number]::placeholder,
input[type=email]::placeholder,
input[type=url]::placeholder,
input[type=search]::placeholder,
input[type=tel]::placeholder,
input[type=color]::placeholder {
  color: rgba(102, 112, 133, 0.8);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

textarea {
  height: 160px;
  resize: none;
}

select {
  outline: 0;
}

/* Placeholder color */
::-webkit-input-placeholder {
  color: var(--text-3);
}

:-moz-placeholder {
  color: var(--text-3);
}

::-moz-placeholder {
  color: var(--text-3);
  opacity: 1;
}

button {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: var(--dark);
  border: 1px solid var(--dark);
  color: var(--white);
  padding: 13px 32px;
  border-radius: 99px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
button .icon {
  font-size: 22px;
}

button:focus-within,
button:focus-visible,
button:focus {
  outline: none;
}

/* Since FF19 lowers the opacity of the placeholder by default */
:-ms-input-placeholder {
  color: var(--secondary-2);
}

/* Typography
-------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  text-rendering: optimizeLegibility;
  color: var(--dark);
  font-weight: 500;
}

h1,
.display-2xl {
  font-size: 72px;
  line-height: 90px;
  letter-spacing: -0.02em;
}

.display-2xl-2 {
  font-size: 69px;
  line-height: 79px;
}

.display-xl-2 {
  font-size: 64px;
  line-height: 76.8px;
}

h2,
.display-xl {
  font-size: 60px;
  line-height: 72px;
  letter-spacing: -0.02em;
}

h3,
.display-lg {
  font-size: 48px;
  line-height: 60px;
  letter-spacing: -0.02em;
}

.display-lg-2 {
  font-size: 40px;
  line-height: 48px;
}

.display-lg-3 {
  font-size: 48px;
  line-height: 57.6px;
  letter-spacing: -0.02em;
}

.display-lg-4 {
  font-size: 39px;
  line-height: 49px;
}

.display-lg-5 {
  font-size: 49px;
  line-height: 59px;
}

h4,
.display-md {
  font-size: 36px;
  line-height: 44px;
  letter-spacing: -0.02em;
}

.display-md-2 {
  font-size: 32px;
  line-height: 38px;
}

.display-md-3 {
  font-size: 34px;
  line-height: 44px;
}

h5,
.display-sm {
  font-size: 30px;
  line-height: 38px;
}

h6,
.display-xs {
  font-size: 24px;
  line-height: 32px;
}

.text-xl {
  font-size: 20px;
  line-height: 30px;
}

.text-xl-2 {
  font-size: 20px;
  line-height: 24px;
}

.text-xl-3 {
  font-size: 20px;
  line-height: 32px;
}

.text-lg {
  font-size: 18px;
  line-height: 28px;
}

.text-md {
  font-size: 16px;
  line-height: 24px;
}

.text-sm {
  font-size: 14px;
  line-height: 20px;
}

.text-xs {
  font-size: 12px;
  line-height: 18px;
}

.text-xxs {
  font-size: 10px;
  line-height: 14px;
}

.text-caption {
  font-size: 12px;
  line-height: 15.72px;
}

.fs-84 {
  font-size: 84px;
  line-height: 84px;
}

.body-text {
  font-size: 16px;
  line-height: 25.6px;
}

.body-text-2 {
  font-size: 16px;
  line-height: 19.2px;
}

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

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

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

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

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

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

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

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

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

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

.lh-32px {
  line-height: 32px !important;
}

.font-main {
  font-family: "Poppins", sans-serif;
}

.font-2 {
  font-family: "Albert Sans", sans-serif !important;
}

.font-3 {
  font-family: "Playfair Display", serif !important;
}

.font-4 {
  font-family: "DM Sans", sans-serif !important;
}

.font-5 {
  font-family: "Nunito", sans-serif !important;
}

.font-6 {
  font-family: "Be Vietnam Pro", serif !important;
}

.font-7 {
  font-family: "Oswald", sans-serif !important;
}

.font-8 {
  font-family: "Grandstander", cursive !important;
}

.font-9 {
  font-family: "Jost", sans-serif !important;
}

.font-10 {
  font-family: "Agbalumo", sans-serif !important;
}

.font-11 {
  font-family: "Manrope", sans-serif !important;
}

.font-12 {
  font-family: "Open Sans", sans-serif !important;
}

.font-13 {
  font-family: "Inter", sans-serif !important;
}

.font-14 {
  font-family: "Gloock", sans-serif !important;
}

b,
strong {
  font-weight: bolder;
}

video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.text-primary {
  color: var(--primary) !important;
}

.text-primary-2 {
  color: var(--primary-2) !important;
}

.text-primary-3 {
  color: var(--primary-3) !important;
}

.text-primary-4 {
  color: var(--primary-4) !important;
}

.text-secondary {
  color: var(--secondary) !important;
}

.text-secondary-2 {
  color: var(--secondary-2) !important;
}

.text-secondary-3 {
  color: var(--secondary-3) !important;
}

.text-secondary-4 {
  color: var(--secondary-4) !important;
}

.text-dark {
  color: var(--dark) !important;
}

.text-dark-1 {
  color: var(--rgba-dark) !important;
}

.text-dark-2 {
  color: var(--dark-2) !important;
}

.text-dark-3 {
  color: var(--dark-3) !important;
}

.text-dark-4 {
  color: var(--rgba-dark-2) !important;
}

.text-dark-5 {
  color: var(--dark-4) !important;
}

.text-dark-6 {
  color: #222222 !important;
}

.text-dark-7 {
  color: #1F1F1F !important;
}

.text-dark-8 {
  color: #252525 !important;
}

.text-dark-9 {
  color: rgba(28, 28, 28, 0.6) !important;
}

.text-white {
  color: var(--white) !important;
}

.text-success {
  color: var(--success) !important;
}

.text-success-2 {
  color: var(--success-2) !important;
}

.text-success-3 {
  color: var(--success-3) !important;
}

.text-success-4 {
  color: var(--success-4) !important;
}

.text-success-5 {
  color: #39b44b !important;
}

.text-main {
  color: var(--text) !important;
}

.text-main-2 {
  color: var(--text-2) !important;
}

.text-main-3 {
  color: #504545 !important;
}

.text-main-4 {
  color: #818181 !important;
}

.text-grey {
  color: #acacac !important;
}

.text-grey-2 {
  color: #747474 !important;
}

.text-grey-3 {
  color: #777777 !important;
}

.text-grey-4 {
  color: rgba(255, 255, 255, 0.6) !important;
}

.text-grey-5 {
  color: #A9A9A9 !important;
}

.text-grey-6 {
  color: #494949 !important;
}

.text-grey-7 {
  color: #444444 !important;
}

.text-green {
  color: #98ab23 !important;
}

.text-green-2 {
  color: #496048 !important;
}

.text-green-3 {
  color: #073C4E !important;
}

.text-green-4 {
  color: #108BB4 !important;
}

.text-yellow-2 {
  color: var(--yellow-2) !important;
}

.text-yellow-3 {
  color: #a48829 !important;
}

.text-yellow-4 {
  color: #FFC108 !important;
}

.text-brown {
  color: var(--brown) !important;
}

.text-line-3 {
  color: var(--line-3) !important;
}

.text-red {
  color: var(--red) !important;
}

.text-red-2 {
  color: #ff4a2f !important;
}

.text-red-3 {
  color: #C22F21 !important;
}

.text-blue {
  color: #4378ff !important;
}

.text-dark-orange {
  color: #f6620c !important;
}

.text-dark-purple {
  color: #5135af !important;
}

.text-dark-purple-1 {
  color: #6638FE !important;
}

.text-dark-purple-2 {
  color: #A304FF !important;
}

.bg-primary {
  background-color: var(--primary) !important;
}

.bg-primary-2 {
  background-color: var(--primary-2) !important;
}

.bg-primary-3 {
  background-color: var(--primary-3) !important;
}

.bg-primary-4 {
  background-color: var(--primary-4) !important;
}

.bg-secondary {
  background-color: var(--secondary) !important;
}

.bg-secondary-2 {
  background-color: var(--secondary-2) !important;
}

.bg-secondary-3 {
  background-color: var(--secondary-2) !important;
}

.bg-secondary-4 {
  background-color: var(--secondary-2) !important;
}

.bg-dark {
  background-color: var(--dark) !important;
}

.bg-dark-2 {
  background-color: var(--dark-2) !important;
}

.bg-dark-3 {
  background-color: #292929 !important;
}

.bg-dark-4 {
  background-color: #2c2c2c !important;
}

.bg-dark-5 {
  background-color: #313030 !important;
}

.bg-dark-6 {
  background-color: #55514d !important;
}

.bg-dark-7 {
  background-color: #222222 !important;
}

.bg-grey {
  background-color: #acacac !important;
}

.bg-grey-2 {
  background-color: #f2f4f7 !important;
}

.bg-grey-3 {
  background-color: #546176 !important;
}

.bg-grey-4 {
  background-color: #d9d9d9 !important;
}

.bg-grey-5 {
  background-color: #dad9d4 !important;
}

.bg-grey-6 {
  background-color: #57627b !important;
}

.bg-grey-7 {
  background-color: #edefed !important;
}

.bg-grey-8 {
  background-color: #F4F4F4 !important;
}

.bg-grey-9 {
  background-color: rgba(251, 251, 251, 0.8) !important;
}

.bg-light-grey {
  background-color: #f3f2ee !important;
}

.bg-light-grey-2 {
  background-color: #f0f0f0 !important;
}

.bg-white {
  background-color: var(--white) !important;
}

.bg-surface {
  background-color: var(--surface) !important;
}

.bg-surface-2 {
  background-color: var(--surface-2) !important;
}

.bg-surface-3 {
  background-color: #fffcf6 !important;
}

.bg-surface-4 {
  background-color: #f3f2ee !important;
}

.bg-surface-5 {
  background-color: #fffcfa !important;
}

.bg-line {
  background-color: var(--line) !important;
}

.bg-pink {
  background-color: #ffb8b8 !important;
}

.bg-pink-2 {
  background-color: #9d6e84 !important;
}

.bg-pink-3 {
  background-color: #ffe7e5 !important;
}

.bg-pink-4 {
  background-color: #ffe8e8 !important;
}

.bg-light-pink {
  background-color: #ff6969 !important;
}

.bg-light-pink-2 {
  background-color: #d47b62 !important;
}

.bg-light-pink-3 {
  background-color: #dcd3d4 !important;
}

.bg-light-pink-4 {
  background-color: #ffa3e8 !important;
}

.bg-light-pink-5 {
  background-color: #fddcc6 !important;
}

.bg-light-pink-6 {
  background-color: #ffa9a9 !important;
}

.bg-light-pink-7 {
  background-color: #f7d8d3 !important;
}

.bg-light-pink-8 {
  background-color: #ffa6a6 !important;
}

.bg-light-pink-9 {
  background-color: #fc9999 !important;
}

.bg-light-pink-10 {
  background-color: #facde3 !important;
}

.bg-light-pink-11 {
  background-color: #ffe1e1 !important;
}

.bg-light-pink-12 {
  background-color: #fee9ff !important;
}

.bg-dark-pink {
  background-color: #c3466d !important;
}

.bg-light-green {
  background-color: #7c8c47 !important;
}

.bg-light-green-2 {
  background-color: #74da30 !important;
}

.bg-light-green-3 {
  background-color: #c4c9b3 !important;
}

.bg-light-green-4 {
  background-color: #c1c285 !important;
}

.bg-light-green-5 {
  background-color: #e1ece4 !important;
}

.bg-light-green-6 {
  background-color: #c2ffc8 !important;
}

.bg-light-green-7 {
  background-color: #e9ffe4 !important;
}

.bg-light-green-8 {
  background-color: #89aa87 !important;
}

.bg-light-green-9 {
  background-color: #a0d57d !important;
}

.bg-light-green-10 {
  background-color: #e7ecd2 !important;
}

.bg-light-green-11 {
  background-color: #d9ffde !important;
}

.bg-green {
  background-color: #3f7b25 !important;
}

.bg-green-2 {
  background-color: #39b44b !important;
}

.bg-green-3 {
  background-color: #3bd336 !important;
}

.bg-green-4 {
  background-color: #409724 !important;
}

.bg-dark-green {
  background-color: #185136 !important;
}

.bg-dark-green-2 {
  background-color: #2d613d !important;
}

.bg-dark-green-3 {
  background-color: #526821 !important;
}

.bg-dark-green-4 {
  background-color: #253321 !important;
}

.bg-dark-green-5 {
  background-color: #5e6f5e !important;
}

.bg-dark-green-6 {
  background-color: #2a4529 !important;
}

.bg-dark-green-7 {
  background-color: #219913 !important;
}

.bg-dark-green-8 {
  background-color: #246B64 !important;
}

.bg-olive-green {
  background-color: #808f65 !important;
}

.bg-violet {
  background-color: var(--violet) !important;
}

.bg-purple {
  background-color: var(--purple) !important;
}

.bg-purple-2 {
  background-color: #7c727b !important;
}

.bg-purple-3 {
  background-color: #aa88c5 !important;
}

.bg-purple-4 {
  background-color: #c79cff !important;
}

.bg-purple-5 {
  background-color: #f0e5ff !important;
}

.bg-violet-2 {
  background-color: var(--violet-2) !important;
}

.bg-violet-3 {
  background-color: #591399 !important;
}

.bg-blue {
  background-color: #c2d5ff !important;
}

.bg-blue-2 {
  background-color: #386373 !important;
}

.bg-sky-blue {
  background-color: #3080a2 !important;
}

.bg-teal-blue {
  background-color: #4597a4 !important;
}

.bg-light-purple {
  background-color: #8f4a58 !important;
}

.bg-light-purple-2 {
  background-color: #a95354 !important;
}

.bg-light-purple-3 {
  background-color: #ded3de !important;
}

.bg-light-purple-6 {
  background-color: #fee9ff !important;
}

.bg-light-purple-7 {
  background-color: #e5e3ff !important;
}

.bg-light-purple-8 {
  background-color: #e3e6ff !important;
}

.bg-light-purple-9 {
  background-color: #ebe9ff !important;
}

.bg-light-purple-10 {
  background-color: #f2e8ff !important;
}

.bg-light-purple-11 {
  background-color: #f6efff !important;
}

.bg-light-blue {
  background-color: #5192f4 !important;
}

.bg-light-blue-2 {
  background-color: #add8e6 !important;
}

.bg-light-blue-3 {
  background-color: #d9e7fc !important;
}

.bg-light-blue-4 {
  background-color: #e8efff !important;
}

.bg-brown {
  background-color: #7e6449 !important;
}

.bg-brown-2 {
  background-color: #65552d !important;
}

.bg-brown-3 {
  background-color: #bf9332 !important;
}

.bg-brown-4 {
  background-color: #dab2b2 !important;
}

.bg-brown-5 {
  background-color: #a46c67 !important;
}

.bg-brown-6 {
  background-color: #603d38 !important;
}

.bg-brown-7 {
  background-color: #b58e68 !important;
}

.bg-brown-8 {
  background-color: #784e39 !important;
}

.bg-brown-9 {
  background-color: #968c83 !important;
}

.bg-brown-10 {
  background-color: #776041 !important;
}

.bg-brown-11 {
  background-color: #866022 !important;
}

.bg-brown-12 {
  background-color: #EEE7DA !important;
}

.bg-brown-13 {
  background-color: #8C320E !important;
}

.bg-brown-14 {
  background-color: #BB8F60 !important;
}

.bg-brown-15 {
  background-color: #A47551 !important;
}

.bg-brown-16 {
  background-color: #BAB1B2 !important;
}

.bg-brown-17 {
  background-color: #420008 !important;
}

.bg-brown-18 {
  background-color: #995413 !important;
}

.bg-reddish-brown {
  background-color: #b06563 !important;
}

.bg-terra-cotta {
  background-color: #ac6664 !important;
}

.bg-yellow {
  background-color: #bbb355 !important;
}

.bg-yellow-2 {
  background-color: #ece093 !important;
}

.bg-yellow-3 {
  background-color: #f1ca41 !important;
}

.bg-yellow-4 {
  background-color: #fb9a10 !important;
}

.bg-yellow-5 {
  background-color: #F3CA54 !important;
}

.bg-yellow-6 {
  background-color: #FFF8EB !important;
}

.bg-yellow-7 {
  background-color: #E9E4DC !important;
}

.bg-yellow-8 {
  background-color: #F3F1D9 !important;
}

.bg-yellow-9 {
  background-color: #FFF8E5 !important;
}

.bg-light-orange {
  background-color: #fb9a74 !important;
}

.bg-light-orange-2 {
  background-color: #f59c11 !important;
}

.bg-light-orange-3 {
  background-color: #ffdcc2 !important;
}

.bg-light-orange-4 {
  background-color: #f5e1c7 !important;
}

.bg-light-orange-5 {
  background-color: #f5a55f !important;
}

.bg-beige {
  background-color: #e3d7c6 !important;
}

.bg-beige-2 {
  background-color: #ddcfb7 !important;
}

.bg-light-beige {
  background-color: #e8dcd0 !important;
}

.bg-light-beige-2 {
  background-color: #e0d8d4 !important;
}

.bg-light-beige-3 {
  background-color: #fff5dd !important;
}

.bg-red {
  background-color: #ff4848 !important;
}

.bg-red-2 {
  background-color: #c4212a !important;
}

.bg-orange {
  background-color: #ffdec8 !important;
}

.bg-orange-2 {
  background-color: #ff9760 !important;
}

.bg-orange-3 {
  background-color: #ff4a2f !important;
}

.bg-gradient-2 {
  background: var(--gradient-2);
}

.bg-gradient-3 {
  background: linear-gradient(270deg, #edd1ff 0%, #fff4d1 100%);
}

.bg-gradient-4 {
  background: linear-gradient(270deg, #6adf80 0%, #b3de3c 100%);
}

.bg-gradient-5 {
  background: linear-gradient(143.24deg, #71BC87 0%, #108AB4 85.26%) !important;
}

.bg-gradient-6 {
  background: linear-gradient(90deg, #497E4A 0%, #B17739 100%) !important;
}

.bg-gradient-7 {
  background: linear-gradient(180deg, #00B0E9 0%, #004055 100%);
}

.bg-gradient-8 {
  background: linear-gradient(90deg, #FFECD4 0%, #E5E1FF 100%);
}

a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  color: var(--dark);
}
a:focus, a:hover {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  outline: 0;
}

.link {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.link:hover {
  color: var(--primary) !important;
}

.grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

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

.grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.grid-6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}

.line {
  border: 1px solid var(--line) !important;
}

.line-2 {
  border: 1px solid var(--line-5) !important;
}

.line-3 {
  border-top: 1px solid rgba(164, 164, 164, 0.3019607843) !important;
}

.line-4 {
  border: 1px solid rgba(0, 0, 0, 0.3019607843) !important;
}

.line-bt {
  border-bottom: 1px solid var(--line) !important;
}

.line-top {
  border-top: 1px solid var(--line) !important;
}

.line-black {
  border: 1px solid var(--dark) !important;
}

.line-primary {
  border: 1px solid var(--primary) !important;
}

.line-purple {
  border: 1px solid var(--purple) !important;
}

.line-2 {
  border: 1px solid #D1D1D1 !important;
}

.o-hidden {
  overflow: hidden !important;
}

.gap-4 {
  gap: 4px !important;
}

.gap-6 {
  gap: 6px !important;
}

.gap-8 {
  gap: 8px !important;
}

.gap-10 {
  gap: 10px !important;
}

.gap-21 {
  gap: 21px !important;
}

.gap-48 {
  gap: 15px 48px !important;
}

.px_15 {
  padding-left: 15px;
  padding-right: 15px;
}

.py-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

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

.box-center {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.place-content-center {
  place-content: center;
}

.mt_5 {
  margin-top: 5px !important;
}

.mt_10 {
  margin-top: 10px !important;
}

.mt_15 {
  margin-top: 15px !important;
}

.mt_18 {
  margin-top: 18px !important;
}

.mt_30 {
  margin-top: 30px !important;
}

.mt_40 {
  margin-top: 40px;
}

.mt--30 {
  margin-top: -30px !important;
}

.mb_4 {
  margin-bottom: 4px;
}

.mb_6 {
  margin-bottom: 6px;
}

.mb_8 {
  margin-bottom: 8px;
}

.mb_10 {
  margin-bottom: 10px;
}

.mb_12 {
  margin-bottom: 12px;
}

.mb_15 {
  margin-bottom: 15px;
}

.mb_16 {
  margin-bottom: 16px;
}

.mb_20 {
  margin-bottom: 20px;
}

.mb_24 {
  margin-bottom: 24px;
}

.mb_32 {
  margin-bottom: 32px;
}

.mb_40 {
  margin-bottom: 40px;
}

.mx_40 {
  margin-left: 40px;
  margin-right: 40px;
}

.my_24 {
  margin-top: 24px;
  margin-bottom: 24px;
}

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

.pt_0 {
  padding-top: 0px !important;
}

.pb_0 {
  padding-bottom: 0px !important;
}

[data-grid=grid-1] {
  display: grid;
  gap: 30px;
  grid-template-columns: 1fr;
}

[data-grid=grid-2] {
  display: grid;
  gap: 30px;
  grid-template-columns: 1fr 1fr;
}

[data-grid=grid-3] {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(3, 1fr);
}

[data-grid=grid-4] {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(4, 1fr);
}

[data-grid=grid-5] {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(5, 1fr);
}

[data-grid=grid-6] {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(6, 1fr);
}

[data-grid=grid-7] {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(7, 1fr);
}

.tf-row-flex {
  display: flex;
  flex-direction: row;
  column-gap: 30px;
  row-gap: 30px;
}

.tf-grid-layout {
  display: grid;
  column-gap: 12px;
  row-gap: 24px;
}
.tf-grid-layout.tf-col-2 {
  grid-template-columns: 1fr 1fr;
}
.tf-grid-layout.tf-col-3 {
  grid-template-columns: repeat(3, 1fr);
}
.tf-grid-layout.tf-col-4 {
  grid-template-columns: repeat(4, 1fr);
}
.tf-grid-layout.tf-col-5 {
  grid-template-columns: repeat(5, 1fr);
}
.tf-grid-layout.tf-col-6 {
  grid-template-columns: repeat(6, 1fr);
}
.tf-grid-layout.tf-col-7 {
  grid-template-columns: repeat(7, 1fr);
}
.tf-grid-layout .wg-pagination {
  grid-column: 1/-1;
  width: 100%;
  margin-top: 16px;
}
.tf-grid-layout .wd-load {
  grid-column: 1/-1;
}

.sticky-top {
  z-index: 50;
  top: 15px;
  position: sticky;
  transition: 0.2s ease-out;
}

.wmax {
  width: max-content !important;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-auto {
  cursor: auto;
}

.text-highlight {
  -webkit-text-stroke: 1px #000;
  color: transparent !important;
  flex-direction: row-reverse;
}

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

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

.text-line-clamp-4 {
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.asp-ratio-2 {
  aspect-ratio: 0.832 !important;
}

.asp-ratio-1 {
  aspect-ratio: 1/1 !important;
}

.asp-ratio-0 {
  aspect-ratio: 0 !important;
}

.initial-child-container {
  flex: 0 0 auto;
  display: flex;
  min-width: auto;
  flex-direction: row;
  align-items: center;
}

.line-top-container {
  position: relative;
}
.line-top-container::before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  background-color: var(--line);
  height: 1px;
  width: 100%;
  max-width: 1440px;
  transform: translateX(-50%);
}

.line-bottom-container {
  position: relative;
}
.line-bottom-container::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  background-color: var(--line);
  height: 1px;
  width: 100%;
  max-width: 1440px;
  transform: translateX(-50%);
}

#scroll-top {
  position: fixed;
  display: block;
  width: 48px;
  height: 48px;
  line-height: 50px;
  border-radius: 4px;
  z-index: 1;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  overflow: hidden;
  z-index: 100;
  background-color: var(--dark);
  border: 0;
  bottom: 92px;
  right: 20px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#scroll-top.show {
  opacity: 1;
  visibility: visible;
}
#scroll-top.type-1 {
  bottom: 140px;
}
#scroll-top:hover {
  transform: translateY(-5px);
  background-color: var(--primary);
}

/* Preload 
------------------------------------------- */
.preload-container {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  background: var(--white);
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 99999999999;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.spinner {
  width: 50px;
  height: 50px;
  border: 3px solid transparent;
  border-top: 3px solid var(--line);
  border-right: 3px solid var(--line);
  border-radius: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  animation: spin 0.8s infinite linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.flat-spacing {
  padding-top: 100px;
  padding-bottom: 100px;
}

.flat-spacing-2 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.flat-spacing-3 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.flat-spacing-4 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.flat-spacing-5 {
  padding-top: 43px;
  padding-bottom: 43px;
}

.flat-spacing-6 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.flat-spacing-7 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.flat-spacing-8 {
  padding-top: 80px;
  padding-bottom: 60px;
}

.flat-spacing-9 {
  padding-top: 68px;
  padding-bottom: 68px;
}

.flat-spacing-10 {
  padding-top: 60px;
  padding-bottom: 70px;
}

.flat-spacing-11 {
  padding-top: 80px;
  padding-bottom: 127px;
}

.flat-spacing-12 {
  padding-top: 80px;
  padding-bottom: 44px;
}

.flat-spacing-13 {
  padding-top: 64px;
  padding-bottom: 100px;
}

.flat-spacing-14 {
  padding-top: 83px;
  padding-bottom: 98px;
}

.flat-spacing-14 {
  padding-top: 83px;
  padding-bottom: 98px;
}

.flat-spacing-15 {
  padding-top: 176px;
  padding-bottom: 176px;
}

.flat-spacing-16 {
  padding-top: 120px;
  padding-bottom: 80px;
}

.flat-spacing-17 {
  padding-top: 80px;
  padding-bottom: 120px;
}

.flat-spacing-18 {
  padding-top: 52px;
  padding-bottom: 52px;
}

.flat-spacing-19 {
  padding-top: 87px;
  padding-bottom: 143px;
}

.flat-spacing-20 {
  padding-top: 86px;
  padding-bottom: 86px;
}

.flat-spacing-21 {
  padding-top: 116px;
  padding-bottom: 116px;
}

.flat-spacing-22 {
  padding-top: 182px;
  padding-bottom: 120px;
}

.flat-spacing-23 {
  padding-top: 136px;
  padding-bottom: 136px;
}

.flat-spacing-24 {
  padding-top: 64px;
  padding-bottom: 80px;
}

.flat-spacing-25 {
  padding-top: 80px;
  padding-bottom: 100px;
}

.flat-spacing-26 {
  padding-top: 126px;
  padding-bottom: 80px;
}

.flat-spacing-27 {
  padding-top: 145px;
  padding-bottom: 120px;
}

.flat-spacing-28 {
  padding-top: 120px;
  padding-bottom: 80px;
}

.flat-spacing-29 {
  padding-top: 80px;
  padding-bottom: 94px;
}

.flat-spacing-30 {
  padding-top: 100px;
  padding-bottom: 58px;
}

.flat-spacing-31 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.flat-spacing-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.flat-spacing-33 {
  padding-top: 120px;
  padding-bottom: 114px;
}

.flat-spacing-34 {
  padding-top: 40px;
  padding-bottom: 124px;
}

.flat-spacing-35 {
  padding-top: 120px;
  padding-bottom: 103px;
}

.tf-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.radius-40 {
  border-radius: 40px !important;
}

.radius-16 {
  border-radius: 16px !important;
}

.radius-20 {
  border-radius: 20px !important;
}

.radius-8 {
  border-radius: 8px !important;
}

.radius-6 {
  border-radius: 6px !important;
}

.w-max-content {
  width: max-content !important;
}

.border-transparent {
  border-color: transparent !important;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.letter-0 {
  letter-spacing: 0px !important;
}

.w-1209 {
  max-width: 1209px;
  width: 100%;
}

.mw-1 {
  max-width: 1326px;
  width: 100%;
}

.text-delivered {
  color: #008a00;
}

.text-on-the-way {
  color: #ff4848;
}

.gap10 {
  gap: 10px !important;
}

.justify-items-left {
  justify-items: left !important;
}

.justify-items-right {
  justify-items: right !important;
}

.justify-items-center {
  justify-items: center !important;
}

#goTop {
  position: fixed;
  padding: 0;
  bottom: 90px;
  right: 40px;
  width: 38px;
  height: 38px;
  background: var(--white);
  color: black;
  font-size: 20px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  border: none;
  border-radius: 3px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  box-shadow: var(--shadow-1);
  z-index: 1000;
}
#goTop .border-progress {
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: 3px;
  border: 1px solid #000000;
  mask-image: conic-gradient(#000000 var(--progress-angle, 0deg), transparent 0);
  -webkit-mask-image: conic-gradient(#000000 var(--progress-angle, 0deg), transparent 0);
  content: "";
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#goTop.show {
  opacity: 1;
  visibility: visible;
}
#goTop .icon {
  font-size: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#goTop .icon-arrow-right {
  transform: rotate(-90deg);
}
#goTop.pos1 {
  bottom: 140px;
  right: 15px;
}

.obj-contain {
  object-fit: contain !important;
}

.text-transform-none {
  text-transform: none !important;
}

.px-30 {
  padding-right: 15px;
  padding-left: 15px;
}

.text-clip {
  background: linear-gradient(0deg, #fff, #fff);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 0.6px #5A5A5A;
}

.text-clip-1 {
  background: linear-gradient(0deg, #fff, #fff);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 0.6px #073C4E;
}

.text-clip-2 {
  background: linear-gradient(0deg, #fff, #fff);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #1F1F1F;
}

.box-shadow1 {
  box-shadow: 0px 1px 6px 0px rgba(158, 158, 158, 0.2509803922);
}

.h-46 {
  height: 46px !important;
}

/* sib-form */
.sib-form {
  padding: 0 !important;
  font-family: "Poppins", sans-serif !important;
  position: relative;
}
.sib-form .tf-btn {
  font-size: 16px;
  line-height: 24px;
}
.sib-form #sib-container {
  background-color: unset;
  padding: 0;
  display: block;
}
.sib-form .sib-form-block {
  padding: 0;
}
.sib-form .sib-optin {
  display: none;
}
.sib-form .sib-input .entry__field {
  background-color: unset;
  border: 0;
  box-shadow: none !important;
  margin: 0;
}
.sib-form .sib-form-message-panel {
  border: 0;
  padding: 0;
  font-size: 14px;
  line-height: 20px;
}
.sib-form .sib-form-message-panel .sib-form-message-panel__text {
  justify-content: center;
  padding: 0;
}

.sib-form .sib-form-container .input {
  font-family: "Poppins", sans-serif;
  border: 1px solid var(--line);
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font-size: 14px;
  line-height: 20px;
  border-radius: 6px;
  padding: 14px 20px;
  width: 100%;
  background: var(--white);
  color: var(--rgba-dark-2);
  height: 50px;
  font-weight: 400;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sib-form .sib-form-container .input:hover, .sib-form .sib-form-container .input:focus {
  border-color: var(--rgba-dark-2);
}
.sib-form .sib-form-container .input::placeholder {
  color: rgba(102, 112, 133, 0.8);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.sib-form .entry__specification,
.sib-form .entry__error,
.entry__specification,
.entry__label {
  margin: 0 !important;
}

#error-message {
  color: var(--red);
}

#success-message {
  color: var(--success);
}

.sib-form-block__button .clickable__icon {
  display: none;
}

.sib-form .form-newsletter fieldset .input {
  border-radius: 49px;
  border-color: var(--line);
  padding: 14px 20px;
  font-weight: 400;
}
.sib-form .form-newsletter fieldset .input::placeholder {
  font-weight: 400;
  color: #a5a5a5;
}
.sib-form .form-newsletter .button-submit {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.sib-form .form-newsletter .button-submit button {
  height: 50px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sib-form .form-newsletter .subscribe-content {
  position: relative;
}
.sib-form .form-newsletter .entry__error {
  display: none !important;
}

.footer-default .sib-form .sib-form-message-panel .sib-form-message-panel__text {
  justify-content: flex-start;
}

#sib-form {
  position: relative;
}

/*------------ Components ---------------- */
/*--------- Abstracts variable ---------- */
.box-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.footer-top-wrap .tf-social-icon,
.tf-social-icon {
  --facebook-cl: rgb(59, 89, 152);
  --twitter-cl: rgb(85, 85, 85);
  --instagram-cl: linear-gradient(#8a3ab9, #e95950, #fccc63);
  --threads-cl: rgb(224, 53, 102);
  --youtube-cl: rgb(205, 32, 31);
  --tiktok-cl: linear-gradient(#25f4ee, #000, #fe2c55);
  --tiktok-cl2: rgb(254, 44, 85);
  --pinterest-cl: rgb(203, 32, 39);
  --tumblr-cl: rgb(55, 69, 92);
  --vimeo-cl: rgb(26, 183, 234);
  --snapchat-cl: rgb(255, 221, 0);
  --whatsapp-cl: rgb(0, 230, 118);
  --linked_in-cl: rgb(23, 106, 255);
  --wechat-cl: rgb(26, 173, 24);
  --reddit-cl: rgb(255, 69, 0);
  --line-cl: rgb(0, 195, 77);
  --spotify-cl: rgb(30, 125, 96);
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.footer-top-wrap .tf-social-icon .social-item,
.tf-social-icon .social-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  font-size: 12px;
  color: var(--main);
  border: 1px solid var(--dark);
  color: var(--dark);
  border-radius: 50%;
  background-color: var(--white);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.footer-top-wrap .tf-social-icon .social-facebook:hover,
.tf-social-icon .social-facebook:hover {
  background-color: transparent;
  color: var(--facebook-cl);
  border-color: var(--facebook-cl);
}
.footer-top-wrap .tf-social-icon .social-instagram:hover,
.tf-social-icon .social-instagram:hover {
  background-color: transparent;
  color: var(--threads-cl);
  border-color: var(--threads-cl);
}
.footer-top-wrap .tf-social-icon .social-twitter,
.footer-top-wrap .tf-social-icon .social-x,
.tf-social-icon .social-twitter,
.tf-social-icon .social-x {
  font-size: 10px;
}
.footer-top-wrap .tf-social-icon .social-twitter:hover,
.footer-top-wrap .tf-social-icon .social-x:hover,
.tf-social-icon .social-twitter:hover,
.tf-social-icon .social-x:hover {
  background-color: transparent;
  color: var(--twitter-cl);
  border-color: var(--twitter-cl);
}
.footer-top-wrap .tf-social-icon .social-snapchat:hover,
.tf-social-icon .social-snapchat:hover {
  background-color: transparent;
  color: var(--snapchat-cl);
  border-color: var(--snapchat-cl);
}
.footer-top-wrap .tf-social-icon .social-youtube:hover,
.tf-social-icon .social-youtube:hover {
  background-color: transparent;
  color: var(--youtube-cl);
  border-color: var(--youtube-cl);
}
.footer-top-wrap .tf-social-icon .social-linkedin:hover,
.tf-social-icon .social-linkedin:hover {
  background: var(--linked_in-cl);
  color: var(--white);
  border: transparent;
}
.footer-top-wrap .tf-social-icon.style-fill .social-item,
.tf-social-icon.style-fill .social-item {
  background-color: var(--line);
  border: none;
}
.footer-top-wrap .tf-social-icon.style-fill .social-facebook:hover,
.tf-social-icon.style-fill .social-facebook:hover {
  background: var(--facebook-cl);
  color: var(--white);
  border: none;
}
.footer-top-wrap .tf-social-icon.style-fill .social-x:hover,
.tf-social-icon.style-fill .social-x:hover {
  background: var(--twitter-cl);
  color: var(--white);
  border: none;
}
.footer-top-wrap .tf-social-icon.style-fill .social-instagram:hover,
.tf-social-icon.style-fill .social-instagram:hover {
  background: var(--instagram-cl);
  color: var(--white);
  border: none;
}
.footer-top-wrap .tf-social-icon.style-fill .social-tiktok:hover,
.tf-social-icon.style-fill .social-tiktok:hover {
  background: var(--tiktok-cl);
  color: var(--white);
  border: none;
}
.footer-top-wrap .tf-social-icon.style-fill .social-pinterest:hover,
.tf-social-icon.style-fill .social-pinterest:hover {
  background: var(--pinterest-cl);
  color: var(--white);
  border: none;
}
.footer-top-wrap .tf-social-icon.style-fill .social-amazon:hover,
.tf-social-icon.style-fill .social-amazon:hover {
  background: var(--main);
  color: var(--white);
  border: none;
}
.footer-top-wrap .tf-social-icon.style-fill .social-youtube:hover,
.tf-social-icon.style-fill .social-youtube:hover {
  background: var(--youtube-cl);
  color: var(--white);
  border: none;
}
.footer-top-wrap .tf-social-icon.style-large,
.tf-social-icon.style-large {
  gap: 15px;
}
.footer-top-wrap .tf-social-icon.style-large .social-item,
.tf-social-icon.style-large .social-item {
  width: 38px;
  height: 38px;
  border-color: var(--line);
  font-size: 16px;
  color: #383d38;
}
.footer-top-wrap .tf-social-icon.style-large .social-item:hover,
.tf-social-icon.style-large .social-item:hover {
  background: var(--twitter-cl);
  color: var(--white);
  border: transparent;
}
.footer-top-wrap .tf-social-icon.style-large .social-facebook,
.tf-social-icon.style-large .social-facebook {
  font-size: 18px;
}
.footer-top-wrap .tf-social-icon.style-large .social-facebook:hover,
.tf-social-icon.style-large .social-facebook:hover {
  background: var(--facebook-cl);
  color: var(--white);
  border: transparent;
}
.footer-top-wrap .tf-social-icon.style-large .social-x:hover,
.tf-social-icon.style-large .social-x:hover {
  background: var(--twitter-cl);
  color: var(--white);
  border: transparent;
}
.footer-top-wrap .tf-social-icon.style-large .social-instagram:hover,
.tf-social-icon.style-large .social-instagram:hover {
  background: var(--instagram-cl);
  color: var(--white);
  border: transparent;
}
.footer-top-wrap .tf-social-icon.style-large .social-snapchat:hover,
.tf-social-icon.style-large .social-snapchat:hover {
  background-color: var(--snapchat-cl);
  color: var(--white);
  border: transparent;
}
.footer-top-wrap .tf-social-icon.style-large .social-linkedin:hover,
.tf-social-icon.style-large .social-linkedin:hover {
  background: var(--linked_in-cl);
  color: var(--white);
  border: transparent;
}
.footer-top-wrap .tf-social-icon.style-large .social-twitter:hover,
.footer-top-wrap .tf-social-icon.style-large .social-x:hover,
.tf-social-icon.style-large .social-twitter:hover,
.tf-social-icon.style-large .social-x:hover {
  background: var(--twitter-cl);
  color: var(--white);
  border: transparent;
}
.footer-top-wrap .tf-social-icon.style-default,
.tf-social-icon.style-default {
  gap: 20px;
}
.footer-top-wrap .tf-social-icon.style-default a,
.tf-social-icon.style-default a {
  display: flex;
  font-size: 16px;
}
.footer-top-wrap .tf-social-icon.style-1 a,
.tf-social-icon.style-1 a {
  border: 2px solid #cacaca;
  width: 48px;
  height: 48px;
  font-size: 18px;
}

.tf-icon-box {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  text-align: center;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 8px;
}
.tf-icon-box .icon {
  font-size: 28px;
}
.tf-icon-box .content {
  display: grid;
  gap: 8px;
}
.tf-icon-box .content .title {
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
}
.tf-icon-box .content p {
  font-size: 14px;
  line-height: 22.4px;
  color: var(--text);
}
.tf-icon-box.style-2 {
  padding: 0;
  border: 0;
}
.tf-icon-box.style-2 .box-icon {
  width: 64px;
  height: 64px;
  border: 1px solid var(--line);
  border-radius: 50%;
}
.tf-icon-box.style-2 .box-icon .icon {
  font-size: 24px;
}
.tf-icon-box.style-3 {
  padding: 0;
  border: 0;
  flex-direction: row;
}
.tf-icon-box.style-3 .box-icon {
  width: 64px;
  height: 64px;
  border: 1px solid var(--line);
  border-radius: 50%;
  flex-shrink: 0;
}
.tf-icon-box.style-3 .box-icon .icon {
  font-size: 23px;
}
.tf-icon-box.style-border .box-icon {
  width: 74px;
  height: 74px;
  border: 1px solid var(--line);
  border-radius: 50%;
}
.tf-icon-box-v2 {
  display: flex;
  align-items: center;
  gap: 12px;
}
.tf-icon-box-v2 .icon {
  font-size: 32px;
  color: #ff8e8e;
}
.tf-icon-box-v2 .title {
  font-size: 18px;
  line-height: 22.8px;
  letter-spacing: -0.02em;
}

/*--------- Abstracts variable ---------- */
.image-select.style-default {
  width: unset !important;
  display: flex;
}
.image-select.style-default > select {
  display: none !important;
}
.image-select.style-default > .dropdown-toggle {
  padding: 0;
  background-color: transparent !important;
  border: 0 !important;
  outline: none !important;
  padding-right: 14px;
  color: var(--dark);
  gap: 6px;
}
.image-select.style-default > .dropdown-toggle::after {
  border: 0;
  position: absolute;
  right: 0;
  content: "\e95a";
  font-family: "vince";
  font-size: 10px;
  color: var(--white);
  margin-top: 2px;
}
.image-select.style-default .filter-option-inner-inner {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 6px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: var(--dark);
}
.image-select.style-default .filter-option-inner-inner img {
  width: 14px;
  height: 14px;
  border-radius: 50%;
}
.image-select.style-default > .dropdown-menu {
  overflow: unset !important;
  margin-top: 17px !important;
  margin-bottom: 17px !important;
  padding: 15px 20px;
  border-radius: 8px;
  border: 0;
  background-color: var(--white);
  box-shadow: var(--shadow-1);
}
.image-select.style-default > .dropdown-menu a {
  padding: 5px 0;
}
.image-select.style-default > .dropdown-menu a .text {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 6px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.image-select.style-default > .dropdown-menu a .text img {
  width: 14px;
  height: 14px;
  border-radius: 50%;
}
.image-select.style-default > .dropdown-menu a:hover, .image-select.style-default > .dropdown-menu a:active, .image-select.style-default > .dropdown-menu a.active {
  color: var(--primary);
  background-color: unset;
}
.image-select.style-default > .dropdown-menu::after {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  transform: translate(-50%, -50%) rotate(45deg);
  background-color: var(--white);
  top: 0;
  left: 50%;
  z-index: 2;
}
.image-select.style-default > .dropdown-menu[data-popper-placement=top-start]::after {
  display: none;
}
.image-select.style-default > .dropdown-menu[data-popper-placement=top-start]::before {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  transform: translate(-50%, 50%) rotate(45deg);
  background-color: var(--white);
  bottom: 0%;
  left: 50%;
  z-index: 2;
}
.image-select.type-currencies > .dropdown-menu {
  width: calc(100% + 60px);
  right: 0 !important;
  left: auto !important;
}
.image-select.type-languages > .dropdown-menu {
  width: 100px !important;
}
.image-select.color-secondary-2 > .dropdown-toggle {
  color: var(--secondary-2);
}
.image-select.color-secondary-2 > .dropdown-toggle::after {
  color: var(--secondary-2);
}
.image-select.color-secondary-2 > .dropdown-toggle .filter-option .filter-option-inner {
  color: var(--secondary-2);
}
.image-select.color-white > .dropdown-toggle {
  color: var(--white);
}
.image-select.color-white > .dropdown-toggle::after {
  color: var(--white);
}
.image-select.color-white > .dropdown-toggle .filter-option .filter-option-inner {
  color: var(--white);
}

.header-language .image-select.style-default > .dropdown-toggle::after {
  color: var(--dark);
}

.tf-variant-dropdown {
  border-radius: 6px;
  padding: 10px 12px;
  min-width: 100px;
  border: 1px solid var(--line-2);
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tf-variant-dropdown .btn-select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.tf-variant-dropdown .btn-select .icon {
  font-size: 7px;
}
.tf-variant-dropdown .text-sort-value {
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: var(--rgba-dark-2);
  text-transform: capitalize;
}
.tf-variant-dropdown .dropdown-menu {
  margin: 5px !important;
  box-shadow: var(--shadow-1);
  min-width: 180px;
  border: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 6px;
  max-height: 68vh;
  isolation: isolate;
  overscroll-behavior-y: contain;
  overflow-y: auto;
}
.tf-variant-dropdown .dropdown-menu::-webkit-scrollbar {
  width: 5px;
}
.tf-variant-dropdown .dropdown-menu::-webkit-scrollbar-track {
  background-color: var(--bg-scrollbar-track);
}
.tf-variant-dropdown .dropdown-menu::-webkit-scrollbar-thumb {
  background: var(--bg-scrollbar-thumb);
  border-radius: 4px;
}
.tf-variant-dropdown .select-item {
  position: relative;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  color: var(--text);
  padding: 0 20px;
  line-height: 30px;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tf-variant-dropdown .select-item::after {
  height: 100%;
  content: "";
  width: 6px;
  position: absolute;
  z-index: 2;
  left: 3px;
  top: 0;
  background-color: var(--white);
}
.tf-variant-dropdown .select-item::before {
  left: 0;
  width: 3px;
  height: 100%;
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  background-color: var(--line);
  border-radius: 0 3px 3px 0;
}
.tf-variant-dropdown .select-item.active {
  background-color: var(--line);
  color: var(--dark);
}
.tf-variant-dropdown .select-item.active::before {
  background-color: var(--dark);
}
.tf-variant-dropdown .select-item:hover {
  background-color: var(--line);
  color: var(--dark);
}
.tf-variant-dropdown:hover {
  border-color: var(--dark);
}
.tf-variant-dropdown.full .dropdown-menu {
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.tf-variant-dropdown.full .select-item {
  line-height: 40px;
}
.tf-variant-dropdown.has-color .select-item {
  display: flex;
  gap: 6px;
  align-items: center;
}
.tf-variant-dropdown.has-color .box-color {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 50%;
}

.tf-dropdown-sort {
  border-radius: 27px;
  padding: 8px 14px;
  min-width: 100px;
  border: 1px solid var(--line);
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tf-dropdown-sort .icon {
  font-size: 12px;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-top: 2px;
}
.tf-dropdown-sort .btn-select {
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}
.tf-dropdown-sort.show .btn-select .icon {
  transform: rotate(180deg);
}
.tf-dropdown-sort .text-sort-value {
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  text-transform: capitalize;
}
.tf-dropdown-sort .dropdown-menu {
  margin: 5px !important;
  box-shadow: var(--shadow-1);
  min-width: 180px;
  border: 1px solid var(--line);
  padding: 10px 5px;
  border-radius: 8px;
  max-height: 68vh;
  isolation: isolate;
  overscroll-behavior-y: contain;
  overflow-y: auto;
}
.tf-dropdown-sort .dropdown-menu::-webkit-scrollbar {
  width: 5px;
}
.tf-dropdown-sort .dropdown-menu::-webkit-scrollbar-track {
  background-color: var(--bg-scrollbar-track);
}
.tf-dropdown-sort .dropdown-menu::-webkit-scrollbar-thumb {
  background: var(--bg-scrollbar-thumb);
  border-radius: 4px;
}
.tf-dropdown-sort .select-item {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  color: var(--dark);
  padding: 0 15px;
  line-height: 30px;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tf-dropdown-sort .select-item:hover, .tf-dropdown-sort .select-item.active {
  color: var(--dark);
  background-color: var(--line);
}
.tf-dropdown-sort:hover {
  border-color: var(--dark);
}

.dropdown-filter .dropdown-toggle {
  min-width: 91px;
  border-radius: 27px;
  padding: 8px 14px;
  border: 1px solid var(--line);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}
.dropdown-filter .dropdown-toggle::after {
  display: none;
}
.dropdown-filter .dropdown-toggle.show .icon {
  transform: rotate(180deg);
}
.dropdown-filter .icon {
  font-size: 12px;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-top: 2px;
}
.dropdown-filter .text-value {
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  text-transform: capitalize;
}
.dropdown-filter .dropdown-menu {
  min-width: 200px;
  box-shadow: var(--shadow-1);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 15px 10px;
  max-height: 68vh;
  isolation: isolate;
  overscroll-behavior-y: contain;
  overflow-y: auto;
}
.dropdown-filter .dropdown-menu::-webkit-scrollbar {
  width: 5px;
}
.dropdown-filter .dropdown-menu::-webkit-scrollbar-track {
  background-color: var(--bg-scrollbar-track);
}
.dropdown-filter .dropdown-menu::-webkit-scrollbar-thumb {
  background: var(--bg-scrollbar-thumb);
  border-radius: 4px;
}
.dropdown-filter .filter-color-box,
.dropdown-filter .filter-size-box {
  gap: 8px;
}

/*--------- Abstracts variable ---------- */
.rg10 {
  row-gap: 10px;
}

.tf-topbar {
  padding: 7px 0px;
  border-bottom: 1px solid var(--line);
  display: flex;
}
.tf-topbar .overflow-hidden {
  position: relative;
}
.tf-topbar .overflow-hidden::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 30px;
  z-index: 5;
  pointer-events: none;
  left: 0;
  background: linear-gradient(to right, #313030, transparent);
}
.tf-topbar .overflow-hidden::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 30px;
  z-index: 5;
  pointer-events: none;
  right: 0;
  background: linear-gradient(to left, #313030, transparent);
}
.tf-topbar .marquee-wrapper {
  display: flex;
  animation: infiniteScroll 20s linear infinite;
  align-items: center;
  transition: animation-duration 300ms;
}
.tf-topbar .marquee-wrapper:hover {
  animation-play-state: paused;
}
.tf-topbar .marquee-wrapper .marquee-child-item {
  margin: 0 10px;
  display: flex;
  color: var(--dark);
}
.tf-topbar .marquee-wrapper .marquee-child-item a {
  font-size: 12px;
  line-height: 16px;
  font-family: "DM Sans", sans-serif;
  color: inherit;
}
.tf-topbar .marquee-wrapper .marquee-child-item .dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--dark);
}
.tf-topbar .marquee-wrapper .marquee-child-item p {
  font-size: 14px;
  line-height: 18px;
}
.tf-topbar .topbar-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
}
.tf-topbar .type-languages > .dropdown-menu {
  margin-left: -20px !important;
}
.tf-topbar.topbar-bg {
  border: none;
}
.tf-topbar.topbar-bg .marquee-child-item {
  color: var(--white);
}
.tf-topbar.topbar-bg .marquee-child-item .dot {
  background-color: var(--white);
}
.tf-topbar.topbar-bg .tf-social-icon .social-item {
  background-color: transparent;
  border-color: var(--line);
  color: var(--white);
}
.tf-topbar.topbar-bg .tf-social-icon .social-item:hover {
  color: var(--primary);
  border-color: var(--primary);
}
.tf-topbar.topbar-bg .image-select .filter-option-inner-inner {
  color: var(--white-2);
}
.tf-topbar.topbar-bg .image-select > .dropdown-menu {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.topbar-wraper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
}
.topbar-wraper .tf-social-icon {
  flex-wrap: nowrap;
}

.marquee-topbar {
  overflow: hidden;
  padding: 12px 0px;
}
.marquee-topbar .marquee-wrapper p {
  text-transform: uppercase;
  font-weight: 600;
}

.marquee-sale {
  padding: 15px 0px;
  overflow: hidden;
}
.marquee-sale.marquee-border {
  border-top: 1px solid var(--dark);
  border-bottom: 1px solid var(--dark);
}
.marquee-sale .marquee-wrapper {
  display: flex;
  animation: infiniteScroll 20s linear infinite;
  align-items: center;
  transition: animation-duration 300ms;
}
.marquee-sale .marquee-wrapper:hover {
  animation-play-state: paused;
}
.marquee-sale .marquee-wrapper.scrollRight {
  animation: infiniteScrollRight 20s linear infinite;
}
.marquee-sale .marquee-wrapper.scrollRight:hover {
  animation-play-state: paused;
}
.marquee-sale .marquee-child-item {
  margin: 0 20px;
  display: flex;
  color: var(--dark);
}
.marquee-sale.bg-dark .marquee-child-item {
  color: var(--white);
}

body {
  overflow-x: visible !important;
}

.header-default .wrapper-header {
  min-height: 64px;
}
.header-default .menu:not(:has(.elementor)),
.header-default .box-nav-menu {
  gap: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-default .menu:not(:has(.elementor)) > li:first-child,
.header-default .box-nav-menu > li:first-child {
  padding-left: 0;
}
.header-default .menu:not(:has(.elementor)) > li:last-child,
.header-default .box-nav-menu > li:last-child {
  padding-right: 0;
}
.header-default .menu:not(:has(.elementor)) .item-link,
.header-default .box-nav-menu .item-link {
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 4px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  color: var(--dark);
}
.header-default .menu:not(:has(.elementor)) .item-link .icon,
.header-default .box-nav-menu .item-link .icon {
  font-size: 12px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header-default .menu:not(:has(.elementor)) .item-link::after,
.header-default .box-nav-menu .item-link::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: calc(100% + 40px);
  height: 87px;
  display: none;
}
.header-default .menu:not(:has(.elementor)) > li,
.header-default .box-nav-menu > li {
  height: 100%;
}
.header-default .menu:not(:has(.elementor)) > li,
.header-default .menu:not(:has(.elementor)) > .menu-item,
.header-default .box-nav-menu > li,
.header-default .box-nav-menu > .menu-item {
  padding-top: 33px;
  padding-bottom: 33px;
  position: relative;
}
.header-default .menu:not(:has(.elementor)) > li.active .item-link, .header-default .menu:not(:has(.elementor)) > li:hover .item-link,
.header-default .menu:not(:has(.elementor)) > .menu-item.active .item-link,
.header-default .menu:not(:has(.elementor)) > .menu-item:hover .item-link,
.header-default .box-nav-menu > li.active .item-link,
.header-default .box-nav-menu > li:hover .item-link,
.header-default .box-nav-menu > .menu-item.active .item-link,
.header-default .box-nav-menu > .menu-item:hover .item-link {
  color: var(--primary);
}
.header-default .menu:not(:has(.elementor)) > li.active .menu-link-text.active,
.header-default .menu:not(:has(.elementor)) > .menu-item.active .menu-link-text.active,
.header-default .box-nav-menu > li.active .menu-link-text.active,
.header-default .box-nav-menu > .menu-item.active .menu-link-text.active {
  color: var(--primary);
}
.header-default .menu:not(:has(.elementor)) > li:hover .item-link .icon,
.header-default .menu:not(:has(.elementor)) > .menu-item:hover .item-link .icon,
.header-default .box-nav-menu > li:hover .item-link .icon,
.header-default .box-nav-menu > .menu-item:hover .item-link .icon {
  transform: rotate(180deg);
  color: var(--primary);
}
.header-default .menu:not(:has(.elementor)) > li:hover .item-link::after,
.header-default .menu:not(:has(.elementor)) > .menu-item:hover .item-link::after,
.header-default .box-nav-menu > li:hover .item-link::after,
.header-default .box-nav-menu > .menu-item:hover .item-link::after {
  display: block;
}
.header-default .nav-icon {
  gap: 16px;
}
.header-default .nav-icon .nav-icon-item {
  font-size: 24px;
  position: relative;
  display: inline-flex;
  align-items: center;
}
.header-default .nav-icon .nav-icon-item:hover {
  color: var(--primary);
}
.header-default .nav-icon .nav-icon-item .count-box {
  position: absolute;
  line-height: 16px;
  height: 16px;
  min-width: 16px;
  text-align: center;
  padding: 0 3px;
  font-size: 10px;
  font-weight: 500;
  border-radius: 9999px;
  white-space: nowrap;
  display: block;
  overflow: hidden;
  z-index: 2;
  top: -4px;
  right: -7px;
  color: var(--white);
  background-color: var(--primary);
}
.header-default .nav-icon .nav-icon-item .text {
  font-size: 14px;
  line-height: 21px;
  margin-left: 8px;
  font-weight: 500;
}
.header-default .nav-icon .nav-icon-item.value-box {
  padding: 6px 10px;
  border-radius: 4px;
  background-color: var(--surface-3);
}
.header-default .mobile-menu {
  display: inline-flex;
}
.header-default .mobile-menu .icon {
  font-size: 24px;
}
.header-default .header-language {
  display: flex;
  gap: 16px;
}
.header-default .header-bottom .box-nav-menu > .menu-item {
  padding-top: 22px;
  padding-bottom: 22px;
}
.header-default .header-bottom .box-nav-menu .item-link::after {
  height: 65px;
}
.header-default .box-phone {
  display: flex;
  align-items: center;
  gap: 4px;
}
.header-default .box-phone .icon {
  font-size: 20px;
  color: var(--dark);
}
.header-default .box-phone .phone {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: var(--primary);
}

.header-01 .box-nav-menu {
  display: flex;
  align-items: center;
  justify-content: start;
}

.header-03 .box-navigation,
.header-02 .box-navigation {
  justify-content: center;
}

.header-search .tf-form-search {
  max-width: 413px;
  margin: auto;
  margin-left: 70px;
  position: relative;
}
.header-search .tf-form-search input {
  border-radius: 42px;
  border-color: rgba(0, 0, 0, 0.2);
}
.header-search .tf-form-search .search-suggests-results::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -12px;
  background-color: transparent;
  height: 15px;
}

.header-absolute #header {
  margin-bottom: -87px;
  background-color: transparent !important;
  z-index: 999;
}
.header-absolute #header.header-bg {
  background-color: var(--white) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.header-absolute #header.header-03 {
  margin-bottom: -65px;
}
.header-absolute #header.header-03 .header-top {
  background-color: var(--white) !important;
  position: relative !important;
}
.header-absolute #header.header-03 .header-bottom {
  background-color: transparent !important;
  z-index: 999;
  width: 100%;
}
.header-absolute #header.header-02 {
  margin-bottom: -65px;
}

.header-absolute-2 {
  margin-bottom: -70px;
  background-color: transparent;
  z-index: 999;
}
.header-absolute-2 .menu-item .item-link {
  color: var(--white);
}
.header-absolute-2 .menu-item .icon {
  color: var(--white);
}
.header-absolute-2 .menu-item.active .icon {
  color: var(--primary) !important;
}
.header-absolute-2 .header-bottom .menu-item {
  padding: 24px 0px;
}
.header-absolute-2.header-bg .menu-item .item-link {
  color: var(--dark);
}
.header-absolute-2.header-bg .menu-item .icon {
  color: var(--dark);
}
.header-absolute-2 .logo-header .logo-white {
  display: none;
}

.wrapper-header-left {
  display: flex;
  align-items: center;
}
.wrapper-header-left .box-navigation {
  padding-left: 40px;
}

.wrapper-header-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.wrapper-header-bottom .inner-left {
  display: flex;
  align-items: center;
}
.wrapper-header-bottom .tf-mega-categories {
  position: relative;
}
.wrapper-header-bottom .tf-mega-categories .categories-title {
  min-width: 294px;
  height: 54px;
  font-size: 16px;
  line-height: 24px;
  padding: 0px 24px;
  margin-right: 42px;
  background-color: var(--purple);
  color: var(--white);
  border-radius: 8px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  text-transform: uppercase;
}
.wrapper-header-bottom .tf-mega-categories .categories-title .icon {
  font-size: 20px;
  margin-top: -2px;
}
.wrapper-header-bottom .tf-mega-categories .mega-categories {
  left: 0;
  border-radius: 16px;
  position: absolute;
  background-color: var(--white);
  min-width: 294px;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: 0.4s ease 0.1s;
  text-align: left;
  box-shadow: var(--shadow-1);
  top: 100%;
  pointer-events: none;
}
.wrapper-header-bottom .tf-mega-categories:hover .mega-categories {
  opacity: 1;
  visibility: visible;
  transform: none;
  pointer-events: all;
}
.wrapper-header-bottom .tf-mega-categories.style-market .categories-title {
  background-color: var(--primary-green);
}
.wrapper-header-bottom .tf-mega-categories.style-market .cate-item:hover, .wrapper-header-bottom .tf-mega-categories.style-market .cate-item.active {
  background-color: rgba(57, 174, 82, 0.2);
}

.header-white .mobile-menu,
.header-white .nav-icon .nav-icon-item,
.header-white .box-nav-menu .item-link {
  color: var(--white);
}
.header-white.header-bg {
  background-color: var(--dark);
}

.header-uppercase .box-nav-menu .item-link {
  text-transform: uppercase;
}

.logo-header .site-title {
  display: flex;
}

.header-medium .header-bottom .menu-item {
  padding: 20px 0px;
}

#mainnav > ul > li > a {
  white-space: nowrap;
}

#mainnav > ul > li.tf-megamenu > a,
#mainnav > ul > li.menu-item-has-children > a {
  position: relative;
  padding-right: 15px;
}
#mainnav > ul > li.tf-megamenu > a:before,
#mainnav > ul > li.menu-item-has-children > a:before {
  font-family: "vince";
  content: "\e95a";
  font-size: 9px;
  line-height: 1;
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: transform 0.3s ease-in-out;
}
#mainnav > ul > li.tf-megamenu:hover > a::before,
#mainnav > ul > li.menu-item-has-children:hover > a::before {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.box-nav-menu .sub-menu {
  pointer-events: none;
  position: absolute;
  background-color: var(--white);
  min-width: 300px;
  z-index: 999;
  visibility: hidden;
  text-align: left;
  padding: 32px;
  top: 100%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  border-radius: 16px;
  transform: translateX(0px) translateY(10px);
  box-shadow: var(--shadow1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1019607843);
}
.box-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
}
.box-nav-menu .mega-menu {
  background-color: var(--white);
  margin: auto;
  padding: 0 !important;
  left: 24px;
  right: 24px;
  max-height: calc(100vh - 74px);
  overflow: auto;
}
.box-nav-menu .mega-menu .menu-heading {
  font-size: 14px;
  line-height: 22.4px;
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(161, 161, 161, 0.2);
  font-weight: 500;
  color: var(--dark);
  text-transform: uppercase;
}
.box-nav-menu .mega-menu.mega-tab {
  padding: 0;
}
.box-nav-menu .mega-menu.mega-tab .tab-content {
  flex-grow: 1;
}
.box-nav-menu .mega-menu::-webkit-scrollbar {
  width: 5px;
}
.box-nav-menu .mega-menu::-webkit-scrollbar-track {
  background-color: var(--bg-scrollbar-track);
}
.box-nav-menu .mega-menu::-webkit-scrollbar-thumb {
  background: var(--bg-scrollbar-thumb);
  border-radius: 4px;
}
.box-nav-menu .mega-menu .elementor-vineta-widget-wrapper .card-product .box-icon {
  width: 36px;
  height: 36px;
}
.box-nav-menu .menu-full {
  left: 24px;
  right: 24px;
}
.box-nav-menu .mega-shop {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.box-nav-menu .mega-shop .wrapper-sub-menu {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.box-nav-menu .mega-tab {
  gap: 24px;
  height: 500px;
}
.box-nav-menu .mega-tab .menu-tab {
  max-width: 235px;
  height: 100%;
  border-right: 1px solid var(--line);
}
.box-nav-menu .mega-tab .tab-link {
  padding: 14px 12px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.box-nav-menu .mega-tab .tab-link .icon {
  font-size: 14px;
}
.box-nav-menu .mega-tab .tab-link.active, .box-nav-menu .mega-tab .tab-link:hover {
  color: var(--white);
  background-color: var(--primary);
}
.box-nav-menu .mega-tab .wrapper-sub-menu-tab {
  width: 67%;
  display: flex;
}
.box-nav-menu .mega-tab .wrapper-sub-menu-tab .tab-pane {
  display: flex;
  padding: 32px;
  gap: 40px;
  transform: translateY(15px);
  pointer-events: none;
}
.box-nav-menu .mega-tab .wrapper-sub-menu-tab .tab-pane.active {
  transform: none;
}
.box-nav-menu .mega-tab .wrapper-sub-product {
  width: 33%;
  padding: 32px;
}
.box-nav-menu .menu-item.tf-megamenu {
  position: static;
}
.box-nav-menu .menu-item.tf-megamenu.tf-megamenu-relative {
  position: relative;
}
.box-nav-menu .menu-item.tf-megamenu.tf-megamenu-relative .mega-menu {
  right: auto;
  left: unset;
}
.box-nav-menu .menu-item.tf-megamenu ul.sub-menu {
  display: none;
}
.box-nav-menu .menu-item:hover > .sub-menu {
  pointer-events: all;
  opacity: 1;
  visibility: visible;
  transform: translateX(0px) translateY(0px);
}
.box-nav-menu .menu-item:hover .wrapper-sub-menu-tab .tab-pane.active {
  pointer-events: all;
}
.box-nav-menu .menu-item ul.sub-menu li:not(:last-child) {
  margin-bottom: 10px;
}
.box-nav-menu .menu-list li:not(:last-child) {
  margin-bottom: 10px;
}
.box-nav-menu .menu-list .menu-link-text {
  font-size: 14px;
  line-height: 21px;
  color: #5d5d5d;
  display: flex;
  align-items: center;
  font-weight: 400;
}
.box-nav-menu .menu-list .menu-link-text .demo-label {
  font-size: 10px;
  line-height: 15px;
  color: var(--white);
  background-color: #62d15e;
  padding: 0px 8px;
  border-radius: 4px;
  margin-left: 4px;
  display: inline-block;
}
.box-nav-menu .sub-menu-style-2 {
  display: flex;
  gap: 25px;
  min-width: 620px;
}
.box-nav-menu .sub-menu-style-2 .menu-list {
  width: 48%;
}
.box-nav-menu .sub-menu-style-2 .banner {
  width: 52%;
  border-radius: 16px;
  position: relative;
}
.box-nav-menu .sub-menu-style-2 .banner .img-style {
  display: block;
  border-radius: 16px;
}
.box-nav-menu .sub-menu-style-2 .banner .content {
  position: absolute;
  z-index: 1;
  bottom: 16px;
  left: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.box-nav-menu .sub-menu-style-2 .banner .title {
  font-size: 20px;
  line-height: 24px;
  color: var(--dark);
}
.box-nav-menu .sub-menu-style-2 .banner .box-icon {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--primary);
  font-size: 12px;
  color: var(--white);
  flex-shrink: 0;
}
.box-nav-menu .sub-menu-style-2 .banner .box-icon::after {
  animation-duration: 0.5s;
}
.box-nav-menu .sub-menu-style-2 .banner::after {
  position: absolute;
  content: "";
  left: -2px;
  right: -2px;
  bottom: 0;
  height: 137px;
  background: var(--gradient-1);
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
.box-nav-menu .sub-menu-style-3 {
  display: flex;
  gap: 25px;
  min-width: 552px;
  padding: 16px 24px 40px 32px;
  left: -100px;
}
.box-nav-menu .sub-menu-style-3 .menu-list {
  margin-top: 16px;
  width: 45%;
}
.box-nav-menu .sub-menu-style-3 .menu-heading {
  margin-bottom: 16px;
  font-weight: 500;
  color: var(--dark);
  font-size: 16px;
  line-height: 24px;
}
.box-nav-menu .list-recent-blog .item {
  display: flex;
  gap: 12px;
}
.box-nav-menu .list-recent-blog .item:not(:last-child) {
  margin-bottom: 16px;
}
.box-nav-menu .list-recent-blog .item .img-box {
  width: 64px;
  height: 64px;
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
}
.box-nav-menu .list-recent-blog .item .content {
  display: grid;
  align-content: flex-start;
  gap: 4px;
}

#header {
  position: sticky;
  position: -webkit-sticky;
  left: 0;
  right: 0;
  -webkit-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  z-index: 888;
  background-color: var(--white);
}
#header.header-bg {
  background-color: var(--white);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.canvas-mb {
  width: 100% !important;
  max-width: min(90%, 320px);
  border-right: 0 !important;
}
.canvas-mb.is-admin {
  top: 32px !important;
}
.canvas-mb .mb-canvas-content {
  padding-top: 60px;
  min-width: 100%;
  max-width: min(90%, 320px);
  grid-auto-rows: minmax(0, 1fr) auto;
  isolation: isolate;
  height: 100%;
  width: 100%;
  display: grid;
  align-content: start;
}
.canvas-mb .mb-body {
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--line);
  overscroll-behavior-y: contain;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.canvas-mb .icon-close-popup {
  position: absolute;
  font-size: 16px;
  z-index: 3;
  top: 20px;
  left: 15px;
  background-color: transparent;
  border: none;
  height: 30px;
  width: 30px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--dark);
}
.canvas-mb .mb-bottom .site-nav-icon {
  margin-bottom: 18px;
}
.canvas-mb .mb-bottom .bottom-bar-language {
  min-height: 40px;
  max-width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.canvas-mb .mb-bottom .bottom-bar-language .image-select.type-currencies > .dropdown-menu {
  margin-left: 0 !important;
}
.canvas-mb .mb-bottom .bottom-bar-language .image-select > .dropdown-menu {
  margin: 0 !important;
  right: auto !important;
  left: 0 !important;
}
.canvas-mb .mb-bottom .bottom-bar-language .image-select > .dropdown-menu::before {
  display: none;
}
.canvas-mb .mb-bottom .bottom-bar-language .tf-currencies,
.canvas-mb .mb-bottom .bottom-bar-language .tf-languages {
  display: flex;
  align-items: center;
  justify-content: center;
}
.canvas-mb .mb-bottom .bottom-bar-language .tf-currencies {
  border-right: 1px solid var(--line);
}
.canvas-mb .mb-bottom .bottom-bar-language button.dropdown-toggle {
  padding: 12px 20px;
}
.canvas-mb .site-nav-icon {
  padding: 0 10px;
  line-height: 40px;
  border: solid 1px var(--line);
  gap: 6px;
  background-color: var(--line);
  color: var(--dark);
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
}
.canvas-mb .site-nav-icon .icon {
  font-size: 18px;
}
.canvas-mb .site-nav-icon:hover {
  color: var(--white);
  background-color: var(--dark);
  border-color: var(--dark);
}
.canvas-mb .mb-other-content .group-icon {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}
.canvas-mb .mb-other-content .text-need {
  font-weight: 500;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 22px;
}
.canvas-mb .mb-other-content .mb-info li {
  font-size: 14px;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: var(--text);
  gap: 4px;
}
.canvas-mb .mb-other-content .mb-info li:not(:last-child) {
  margin-bottom: 8px;
}
.canvas-mb .mb-other-content .mb-contact {
  display: grid;
  gap: 8px;
  margin-bottom: 12px;
}
.canvas-mb .mb-other-content .mb-contact p {
  font-size: 14px;
  line-height: 22px;
  color: var(--text);
}
.canvas-mb .form-search {
  margin-bottom: 8px;
  position: relative;
}
.canvas-mb .form-search input {
  padding-right: 44px;
  color: var(--dark-2);
}

.nav-ul-mb li {
  position: relative;
  padding: 2px 0px;
}
.nav-ul-mb li:not(:last-child) {
  border-bottom: 1px solid var(--line);
}
.nav-ul-mb li a {
  min-height: 40px;
  font-weight: 500;
  font-size: 14px;
  line-height: 40px;
  color: var(--dark);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nav-ul-mb li a:not(.collapsed) .btn-open-sub::before {
  transform: rotate(90deg);
}
.nav-ul-mb li.current-menu-item .a {
  color: var(--primary);
}
.nav-ul-mb li.current-menu-item .a .btn-open-sub::after, .nav-ul-mb li.current-menu-item .a .btn-open-sub::before {
  background-color: var(--primary);
}
.nav-ul-mb .btn-open-sub {
  position: relative;
}
.nav-ul-mb .btn-open-sub:after, .nav-ul-mb .btn-open-sub::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: auto;
  right: 0;
  background-color: var(--dark);
  transition: 0.4s ease 0.1s;
  margin: auto;
}
.nav-ul-mb .btn-open-sub::before {
  width: 2px;
  height: 12px;
  right: 5px;
}
.nav-ul-mb .btn-open-sub::after {
  width: 12px;
  height: 2px;
}
.nav-ul-mb .btn-open-sub.active::before {
  transform: rotate(90deg);
}
.nav-ul-mb .sub-menu {
  padding-left: 10px;
  margin-bottom: 15px;
  display: none;
}
.nav-ul-mb .sub-menu li .sub-menu {
  margin-bottom: 5px;
}
.nav-ul-mb .sub-menu a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 32px;
  line-height: 32px;
  font-size: 14px;
  font-weight: 400;
  color: var(--dark);
}
.nav-ul-mb .sub-menu a:not(.collapsed) .btn-open-sub::before {
  transform: rotate(90deg);
}
.nav-ul-mb .sub-menu a .btn-open-sub::after, .nav-ul-mb .sub-menu a .btn-open-sub::before {
  background-color: var(--dark);
}
.nav-ul-mb .sub-menu a.line-clamp {
  position: relative;
  display: inline-flex;
}
.nav-ul-mb .sub-menu a.line-clamp .demo-label {
  top: -5px;
  right: -38px;
}
.nav-ul-mb .btn-submenu {
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  cursor: pointer;
  width: 100%;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.breadcrumb-list {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}
.breadcrumb-list .item-breadcrumb {
  position: relative;
}
.breadcrumb-list .item-breadcrumb:not(:last-child) .text {
  color: var(--text-4);
}
.breadcrumb-list .item-breadcrumb.trail-end span {
  font-size: 14px;
  line-height: 16.8px;
  font-weight: 400;
  color: var(--dark);
}
.breadcrumb-list .dot {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.breadcrumb-list .dot span {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--text-4);
  display: inline-block;
}

.single-product .tf-page-title.center .box-title {
  max-width: none;
  margin: 0 auto;
}

.right .group-breadcrumb {
  justify-content: flex-end;
}

.center .group-breadcrumb {
  justify-content: center;
}

.left .group-breadcrumb {
  justify-content: flex-start;
}

.breadcrumb-wrap {
  padding: 32px 0px 0px;
}

.group-breadcrumb {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.group-breadcrumb .breadcrumb-list {
  justify-content: flex-start;
}
.group-breadcrumb .product-navigation {
  display: flex;
  align-items: center;
  gap: 10px;
}
.group-breadcrumb .product-navigation a:hover {
  color: var(--primary);
}
.group-breadcrumb .hover-tooltip .tooltip {
  left: 50%;
  transform: translateX(-50%) translateY(0px);
}
.group-breadcrumb .hover-tooltip:hover .tooltip {
  transform: translateX(-50%) translateY(0px);
}

.tf-page-title {
  padding: 52px 0px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background: linear-gradient(120deg, #ffeabb 30%, #ffddd0 60%);
  text-align: center;
  overflow: hidden;
}
.tf-page-title .box-title {
  display: grid;
  gap: 12px;
}
.tf-page-title.center {
  text-align: center;
}
.tf-page-title.center .box-title {
  max-width: 560px;
  margin: 0 auto;
}
.tf-page-title.center .breadcrumb-list {
  justify-content: center;
}
.tf-page-title.left {
  text-align: left;
}
.tf-page-title.left .breadcrumb-list {
  justify-content: flex-start;
}
.tf-page-title.right {
  text-align: right;
}
.tf-page-title.right .breadcrumb-list {
  justify-content: flex-end;
}

.admin-bar header.tfwc-sticky {
  top: 32px !important;
}

@media (min-width: 1440px) {
  .topbar-wraper {
    gap: 150px;
  }
}
@media (min-width: 768px) {
  .tf-page-title {
    padding: 64px 0px;
  }
  .tf-page-title .box-title {
    gap: 24px;
  }
}
.s-404 {
  padding: 100px 0px;
}

.wg-404 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.wg-404 .image {
  max-width: 236px;
  width: 100%;
  margin-bottom: 12px;
}
.wg-404 .title {
  font-size: 64px;
  font-weight: 500;
  line-height: 96px;
  margin-bottom: 12px;
}
.wg-404 .sub {
  margin-bottom: 32px;
}

@media (max-width: 1900px) {
  .box-nav-menu .tf-megamenu:not(:has(.tf-megamenu-relative)) .mega-menu {
    width: calc(100% - 30px) !important;
    left: 15px;
    right: 15px;
  }
}
@media (max-width: 1850px) {
  .box-nav-menu .tf-megamenu:not(:has(.tf-megamenu-relative)) .mega-menu {
    width: calc(100% - 30px) !important;
    left: 15px;
    right: 15px;
  }
}
@media (max-width: 1550px) {
  .box-nav-menu .mega-menu > .elementor > .e-con-boxed {
    padding: 0 40px;
  }
  .group-breadcrumb .hover-tooltip .tooltip {
    left: auto;
    transform: translateX(0%) translateY(8px);
    right: -10px;
  }
  .group-breadcrumb .hover-tooltip:hover .tooltip {
    transform: translateX(0%);
  }
  .group-breadcrumb .hover-tooltip .tooltip::before {
    left: auto;
    transform: translateX(0%) rotate(45deg);
    right: 15px;
  }
}
@media (max-width: 1440px) {
  .box-nav-menu .menu-item.tf-megamenu.tf-megamenu-relative .mega-menu {
    left: -300px !important;
  }
}
@media (max-width: 991px) {
  .tf-topbar .tf-social-icon,
  .tf-topbar .topbar-right {
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .header-absolute #header {
    margin-bottom: -65px;
  }
}
@media (max-width: 782px) {
  .admin-bar header.tfwc-sticky {
    top: 46px !important;
  }
}
/*--------- Abstracts variable ---------- */
.footer-top-wrap .footer-logo {
  max-width: 157px;
}

footer .footer-body *,
footer .widget_nav_menu ul li a,
footer .widget_rss ul li a,
footer .wp-block-archives li a,
footer .widget_categories ul li a,
footer .widget_archive ul li a,
footer .widget_categories ul li a,
footer .widget_pages ul li a,
footer .wp-block-categories-list li a {
  color: #545454;
}

.footer-info {
  margin-bottom: 24px;
  display: grid;
  gap: 15px;
}
.footer-info a.infor_address {
  font-weight: 400;
}
.footer-info a.infor_address span {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.footer-info a.infor_address:hover {
  color: inherit;
}
.footer-info a:hover {
  color: var(--primary);
}
.footer-info a:hover span {
  color: var(--primary);
}
.footer-info .item {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #0D0D0D;
  letter-spacing: -0.2px;
}
.footer-info .item a {
  color: #0D0D0D;
  letter-spacing: -0.2px;
}
.footer-info .box-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid var(--line);
  font-size: 14px;
  color: #0D0D0D;
  background-color: var(--white);
  flex-shrink: 0;
}
.footer-info .box-icon:hover {
  background-color: var(--primary);
  color: var(--white);
  border-color: var(--primary);
}
.footer-info .box-icon:hover svg path {
  fill: var(--white);
}
.footer-info li {
  font-size: 16px;
  line-height: 24px;
}

.footer-2 .footer-info {
  gap: 10px;
  color: #444444;
}
.footer-2 .footer-info a {
  color: #444444;
}
.footer-2 .footer-info a:hover {
  color: var(--primary);
}
.footer-2 .footer-info a:hover span {
  color: var(--primary);
}

.footer-col-block .btn-line-dark > * {
  color: inherit;
}

.button-submit {
  position: absolute;
  right: 2px;
}

.footer-default .form-newsletter .subscribe-button {
  padding: 13px;
  border-radius: 50%;
}

.footer-inner-wrap h2,
.footer-inner-wrap .widget-title,
.footer-heading {
  margin-bottom: 27px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
}
.footer-inner-wrap h2.mb-20,
.footer-inner-wrap .widget-title.mb-20,
.footer-heading.mb-20 {
  margin-bottom: 20px;
}
.footer-inner-wrap h2 .text-mobile,
.footer-inner-wrap .widget-title .text-mobile,
.footer-heading .text-mobile {
  display: none;
}

.footer-inner-wrap .widget_nav_menu .menu,
.footer-menu-list {
  display: grid;
  gap: 15px;
  margin-bottom: 25px;
}
.footer-inner-wrap .widget_nav_menu .menu a:hover,
.footer-menu-list a:hover {
  color: var(--primary);
}

.footer-col-block .wp-block-group.tf-collapse-content {
  margin-top: 27px !important;
}

.footer-newsletter {
  display: grid;
  gap: 20px;
}
.footer-newsletter p.mb-20 {
  color: #545454;
  letter-spacing: -0.2px;
  font-size: 16px;
  line-height: 26px;
}
.footer-newsletter .subscribe-content {
  margin-right: 28px;
}
.footer-newsletter .button-submit {
  right: 2px !important;
}

.footer-top .footer-top-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  flex-wrap: wrap;
}
.footer-top .footer-top-wrap .tf-social-icon {
  gap: 8px;
}

.footer-bottom-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 32px 0px 37px;
  position: relative;
  gap: 15px 30px;
}
.footer-bottom-wrap > p {
  font-size: 14px;
}
.footer-bottom-wrap .image-select.style-default {
  border-radius: 4px !important;
  border: 1px solid rgba(46, 46, 46, 0.1490196078) !important;
  width: 184px !important;
  padding: 8px 10px;
}
.footer-bottom-wrap .image-select.style-default .filter-option-inner-inner {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--dark);
}
.footer-bottom-wrap .image-select.style-default > .dropdown-toggle {
  background-color: transparent !important;
  border: 1px solid var(--line);
  outline: none !important;
  color: var(--dark);
  position: relative;
}
.footer-bottom-wrap .image-select.style-default > .dropdown-toggle::after {
  display: none;
}
.footer-bottom-wrap .image-select.style-default > .dropdown-toggle::before {
  position: absolute;
  content: "\e904";
  font-family: "vince";
  right: 0px;
  font-size: 6px;
  top: 50%;
  transform: translateY(-50%);
}
.footer-bottom-wrap .image-select.style-default > .dropdown-menu a .text {
  font-size: 14px;
  line-height: 20px;
}
.footer-bottom-wrap .tf-payment ul {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.footer-bottom-wrap .tf-payment li {
  max-width: 40px;
  max-height: 25px;
}
.footer-bottom-wrap .tf-payment li img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.footer-default.style-line .footer-wrap {
  border-color: #5d9451;
}
.footer-default.style-line .footer-bottom-wrap::after {
  background-color: #5d9451;
}
.footer-default .subscribe-email,
.footer-default .tf-social-icon .social-item {
  background-color: transparent;
}
.footer-default .footer-top {
  border-top: 1px solid var(--line);
  padding-top: 32px;
  padding-bottom: 32px;
}
.footer-default .footer-bottom {
  border-top: 1px solid var(--line);
}
.footer-default .footer-body {
  border-top: 1px solid var(--line);
}

.footer-style-2 {
  margin: 0px 12px 24px;
}
.footer-style-2 .footer-inner-wrap.s1 {
  padding-left: 0;
}
.footer-style-2 .footer-bottom-wrap::after {
  max-width: 1640px;
  background-color: rgba(255, 255, 255, 0.15);
}

.footer-02 .elementor-social-icons-wrapper .elementor-social-icon:has(.icon-fb):hover {
  background: rgb(59, 89, 152) !important;
}
.footer-02 .elementor-social-icons-wrapper .elementor-social-icon:has(.icon-instagram):hover {
  background: linear-gradient(#8a3ab9, #e95950, #fccc63) !important;
}
.footer-02 .elementor-social-icons-wrapper .elementor-social-icon:has(.icon-snapchat):hover {
  background: rgb(255, 221, 0) !important;
}

.footer-pb-2 {
  padding-bottom: 100px;
}

/*--------- Abstracts variable ---------- */
.offcanvas {
  z-index: 999 !important;
  border: none !important;
  color: var(--dark);
}
.offcanvas .icon-close-popup {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer !important;
  z-index: 5;
}
.offcanvas .icon-close-popup:hover {
  color: var(--primary);
}
.offcanvas .offcanvas-content {
  height: 100%;
}

.offcanvas-backdrop {
  z-index: 998 !important;
  background-color: var(--backdrop);
  cursor: url(../images/cursor-close.svg), auto;
}
.offcanvas-backdrop.show {
  opacity: 1;
}

.overflow-x-auto::-webkit-scrollbar,
.overflow-y-auto::-webkit-scrollbar {
  width: 0px;
}

.modal-backdrop {
  background-color: var(--backdrop);
}
.modal-backdrop.show {
  opacity: 1;
}

.modal {
  cursor: url(../images/cursor-close.svg), auto;
}
.modal .icon-close,
.modal .icon-close-popup {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  background: transparent;
  font-size: 16px;
  padding: 10px;
  border: none;
  z-index: 10;
}
.modal .icon-close:hover,
.modal .icon-close-popup:hover {
  color: var(--primary);
}
.modal.fullRight .modal-dialog {
  transform: translate(100%, 0);
  min-width: 100%;
  height: 100%;
  margin: 0;
  transition: transform 1s ease-out;
}
.modal.fullRight .modal-dialog .modal-content {
  border-radius: 0;
  border: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  padding: 0;
}
.modal.fullRight .modal-dialog .modal-content .modal-body {
  overflow: auto;
  padding: 0;
  padding-bottom: 30px;
}
.modal.fullRight.is-admin .modal-content {
  top: 32px;
}
.modal.fullRight.show .modal-dialog {
  transform: none;
  transition: transform 0.4s ease-out;
}
.modal.fullLeft .modal-dialog {
  transform: translate(-100%, 0) !important;
  min-width: 100%;
  height: 100%;
  margin: 0;
  transition: all 0.3s !important;
}
.modal.fullLeft .modal-dialog .modal-content {
  border-radius: 0;
  border: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  padding: 0;
}
.modal.fullLeft .modal-dialog .modal-content .modal-body {
  overflow: auto;
  padding: 0;
  padding-bottom: 30px;
}
.modal.fullLeft.show .modal-dialog {
  transform: translate(0, 0) !important;
}
.modal.fullBottom .modal-dialog {
  transform: translate(0, 100%);
  min-width: 100%;
  height: 100%;
  max-height: unset;
  margin: 0;
  transition: transform 0.3s linear !important;
}
.modal.fullBottom .modal-dialog .modal-content {
  border-radius: 0;
  border: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0;
  max-height: max-content;
}
.modal.fullBottom .modal-dialog .modal-content .modal-body {
  overflow: auto;
  padding: 0;
  padding-bottom: 30px;
}
.modal.fullBottom.show .modal-dialog {
  transform: translate(0, 0);
}
.modal.modalCentered .modal-dialog {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.modal.fade:not(.show) {
  opacity: 0;
}
.modal .modal-content {
  cursor: default !important;
  border: 0;
  overflow: hidden;
}

.modalDemo .demo-title {
  margin-top: 50px;
  margin-bottom: 44px;
  font-weight: 500;
  text-align: center;
}
.modalDemo .modal-dialog {
  max-width: 1540px;
  margin-top: 8px;
  margin-bottom: 8px;
  height: calc(100vh - 16px);
}
.modalDemo .modal-content {
  padding: 32px 0px;
  background-color: var(--white);
  width: 100%;
  border-radius: 20px;
  margin: 0 30px;
  max-height: calc(100vh - 60px);
  border: 0;
  cursor: default;
  overflow: hidden;
}
.modalDemo .mega-menu {
  padding: 0 32px;
  overscroll-behavior-y: contain;
  overflow-y: auto;
}
.modalDemo .mega-menu::-webkit-scrollbar {
  width: 6px;
}
.modalDemo .mega-menu::-webkit-scrollbar:hover {
  width: 12px;
  height: 12px;
}
.modalDemo .mega-menu::-webkit-scrollbar-thumb {
  background: var(--line);
  transition: all 0.3s ease;
}
.modalDemo .header {
  position: relative;
}
.modalDemo .header .icon-close-popup {
  position: absolute;
  top: 18px;
  right: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: rgb(134, 134, 134);
}

.tf-product-modal .modal-dialog {
  max-width: min(625px, 90vw);
}
.tf-product-modal .modal-dialog .modal-content {
  padding: 38px 36px 40px;
  margin-left: 0;
  margin-right: 0;
  border: 0;
}
.tf-product-modal .modal-dialog .modal-content .header {
  margin-bottom: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tf-product-modal .modal-dialog .modal-content .header .demo-title {
  margin: 0;
  text-align: start;
  font-size: 26px;
  font-weight: 400;
  line-height: 31px;
}
.tf-product-modal .modal-dialog .modal-content .header span {
  position: unset;
  color: var(--main);
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tf-product-modal .modal-dialog .modal-content .header span:hover {
  color: var(--primary);
}
.tf-product-modal .modal-dialog .modal-content h6 {
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 25px;
}
.tf-product-modal .modal-dialog .modal-content .title {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  margin-top: 15px;
}
.tf-product-modal .modal-dialog .modal-content p {
  margin-top: 15px;
  margin-bottom: 20px;
}
.tf-product-modal .tf-social-icon .box-icon {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  font-size: 16px;
  color: var(--white);
}
.tf-product-modal .tf-social-icon .box-icon.social-twiter {
  font-size: 12px;
  background: var(--twitter-cl);
}
.tf-product-modal .tf-social-icon .box-icon.social-facebook {
  background: var(--facebook-cl);
}
.tf-product-modal .tf-social-icon .box-icon.social-instagram {
  background: var(--instagram-cl);
}
.tf-product-modal .tf-social-icon .box-icon.social-tiktok {
  background: var(--tiktok-cl);
}
.tf-product-modal .tf-social-icon .box-icon.social-pinterest {
  background: var(--pinterest-cl);
}
.tf-product-modal .form-share {
  margin-top: 20px;
  position: relative;
}
.tf-product-modal .form-share .button-submit {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
}
.tf-product-modal .form-share .button-submit .tf-btn {
  padding: 10px 18px;
}
.tf-product-modal .form-share input {
  padding-right: 80px;
}

#ask_question fieldset {
  margin-bottom: 15px;
}
#ask_question fieldset label {
  margin-bottom: 5px;
  font-weight: 400;
  color: var(--text);
}
#ask_question fieldset input {
  height: 50px;
}
#ask_question textarea {
  height: 176px;
}
#ask_question button {
  border-radius: 4px;
}

#delivery_return .tf-product-popup-delivery .title {
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;
  margin-bottom: 25px;
  margin-top: 0;
}
#delivery_return .tf-product-popup-delivery p {
  color: rgb(134, 134, 134);
  line-height: 22.4px;
  margin-bottom: 10px;
}
#delivery_return .tf-product-popup-delivery p a {
  color: rgb(134, 134, 134);
  text-decoration: underline;
  text-underline-offset: 3px;
}
#delivery_return .tf-product-popup-delivery p a:hover {
  color: var(--main);
  text-decoration-thickness: 2px;
}
#delivery_return .tf-product-popup-delivery:not(:last-child) {
  margin-bottom: 20px;
}

#quick_add .modal-dialog {
  max-width: min(466px, 90vw);
}
#quick_add .modal-content {
  margin: 8px;
  padding: 30px 0px 30px;
}
#quick_add .modal-content > .wrap {
  overflow-y: auto;
  padding: 0px 20px;
}
#quick_add .modal-content > .wrap::-webkit-scrollbar {
  width: 2px;
}
#quick_add .modal-content .icon-close-popup {
  top: 0px;
  right: 20px;
}
#quick_add .tf-product-info-item {
  margin-bottom: 15px;
  display: flex;
  gap: 18px;
  align-items: center;
}
#quick_add .tf-product-info-item .image img {
  width: 70px;
  height: 98px;
}
#quick_add .tf-product-info-item .content {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
#quick_add .tf-product-info-item .content a {
  font-size: 20px;
  line-height: 24px;
}
#quick_add .tf-product-info-item .content .price {
  font-size: 20px;
  line-height: 20px;
}
#quick_add .payment-more-option {
  text-decoration: none;
}
#quick_add .payment-more-option:hover {
  text-decoration: underline;
}

.canvas-wrapper {
  padding: 0;
  isolation: isolate;
  height: 100%;
  width: 100%;
  max-height: none;
  display: grid;
  grid-auto-rows: auto minmax(0, 1fr) auto;
  align-content: start;
}

.canvas-body {
  background-color: var(--white);
  padding: 15px 20px;
  overscroll-behavior-y: contain;
  overflow-y: auto;
}
.canvas-body::-webkit-scrollbar {
  width: 5px;
}
.canvas-body::-webkit-scrollbar-track {
  background-color: var(--bg-scrollbar-track);
}
.canvas-body::-webkit-scrollbar-thumb {
  background: var(--bg-scrollbar-thumb);
  border-radius: 4px;
}

.canvas-sidebar {
  max-width: 320px;
  width: 100%;
}
.canvas-sidebar .canvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  padding-bottom: 10px;
  position: relative;
  text-transform: capitalize;
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  color: var(--dark);
}
.canvas-sidebar .canvas-header .icon-close-popup {
  height: 32px;
  width: 32px;
  display: flex;
  justify-content: end;
  align-items: center;
  cursor: pointer;
}
.canvas-sidebar .canvas-header::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 15px;
  right: 15px;
  height: 1px;
  background-color: var(--line);
}
.canvas-sidebar .list-icon-box .tf-icon-box:not(:last-child) {
  margin-bottom: 24px;
}
.canvas-sidebar .mega-box:not(:last-child) {
  margin-bottom: 32px;
}

.list-recent li:not(:last-child) {
  margin-bottom: 20px;
}

.canvas-compare {
  height: max-content !important;
  z-index: 5000;
}
.canvas-compare .close-popup {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  cursor: pointer;
}
.canvas-compare .canvas-body {
  padding: 28px 0;
}

.offcanvas-backdrop {
  z-index: 998;
}

.modal-quick-view .icon-close {
  position: absolute;
  font-size: 16px;
  top: 20px;
  right: 20px;
  z-index: 5;
}
.modal-quick-view .modal-dialog {
  max-width: 1130px;
}
.modal-quick-view .modal-content {
  border-radius: 16px;
}
.modal-quick-view .modal-content.loading-content {
  min-height: 700px;
  position: relative;
}
.modal-quick-view .modal-content.loading-content::before {
  top: 50%;
  margin-top: -30px;
}
.modal-quick-view .tf-product-media-wrap {
  padding: 0;
}
.modal-quick-view .tf-product-media-wrap .item {
  width: 100%;
  height: 100%;
}
.modal-quick-view .tf-product-media-wrap .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.modal-quick-view .tf-product-info-wrap {
  flex: 0 0 auto;
  max-width: 100%;
  flex-grow: 1;
  position: relative;
  margin: 0;
}
.modal-quick-view .tf-product-info-wrap .tf-product-info-inner {
  padding: 15px;
}
.modal-quick-view .tf-product-info-wrap .tf-product-info-inner::-webkit-scrollbar {
  width: 0px;
  display: none;
}
.modal-quick-view .tf-product-info-wrap .tf-product-info-inner::-webkit-scrollbar-thumb {
  background: var(--primary);
}
.modal-quick-view .tf-product-info-wrap .tf-product-info-inner::-webkit-scrollbar-track {
  background: var(--line);
}
.modal-quick-view .tf-product-info-wrap .tf-product-info-heading {
  padding-bottom: 0;
  border: 0;
  margin-bottom: 20px;
}
.modal-quick-view .tf-product-info-wrap .tf-product-info-heading .product-info-name {
  line-height: 29px;
  margin-bottom: 14px;
}
.modal-quick-view .tf-product-info-wrap .tf-product-info-heading .product-info-price {
  margin-bottom: 14px;
  gap: 6px;
}
.modal-quick-view .tf-product-info-wrap .tf-product-info-heading .product-info-price .price-old,
.modal-quick-view .tf-product-info-wrap .tf-product-info-heading .product-info-price .price-new {
  line-height: 29px;
}
.modal-quick-view .tf-product-info-wrap .tf-product-info-heading .text {
  font-size: 14px;
  line-height: 22.4px;
}
.modal-quick-view .tf-product-info-wrap .tf-product-info-variant {
  gap: 20px;
  margin-bottom: 30px;
}
.modal-quick-view .tf-product-info-wrap .tf-product-info-variant tbody tr:last-child td {
  display: flex;
  justify-content: space-between;
}
.modal-quick-view .tf-product-info-wrap .tf-product-info-variant .variant-picker-label {
  font-family: "DM Sans";
  font-size: 16px;
  font-weight: 700;
  line-height: 19.2px;
  letter-spacing: -0.03em;
  margin-bottom: 12px;
}
.modal-quick-view .tf-product-info-wrap .tf-product-info-variant .color-btn {
  width: 34px !important;
  height: 34px !important;
}
.modal-quick-view .tf-product-info-wrap .tf-product-info-variant .color-btn .check-color {
  width: 28px !important;
  height: 28px !important;
}
.modal-quick-view .tf-product-info-wrap .wg-quantity .quantity-product,
.modal-quick-view .tf-product-info-wrap .wg-quantity .btn-quantity {
  height: 48px !important;
}
.modal-quick-view .tf-product-info-wrap .tf-btn {
  padding: 11px 32px;
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 19.2px;
  letter-spacing: -0.03em;
}
.modal-quick-view .tf-product-info-wrap .tf-product-total-quantity {
  margin-bottom: 30px;
}
.modal-quick-view .tf-product-info-wrap .tf-product-total-quantity .group-btn {
  margin-bottom: 17px;
}
.modal-quick-view .tf-product-info-wrap .tf-product-total-quantity .more-choose-payment {
  margin-top: 7px;
}
.modal-quick-view .tf-product-info-wrap .view-details {
  display: flex;
  gap: 4px;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 16.8px;
}
.modal-quick-view .tf-product-info-wrap .view-details .icon {
  font-size: 12px;
}

.modal-find-size .modal-dialog {
  max-width: 780px;
}
.modal-find-size .modal-dialog .modal-content {
  padding: 24px 15px;
}
.modal-find-size .header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(161, 161, 161, 0.2);
  margin-bottom: 30px;
}
.modal-find-size .header .heading {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}
.modal-find-size .header span {
  font-size: 16px;
}
.modal-find-size .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 19.2px;
  margin-bottom: 24px;
}
.modal-find-size .tf-sizeguide-table {
  border: 1px solid var(--line);
  border-radius: 5px;
  width: 100%;
  margin-bottom: 24px;
}
.modal-find-size .tf-sizeguide-table thead th {
  font-weight: 500;
}
.modal-find-size .tf-sizeguide-table th {
  border: 1px solid var(--line);
  padding: 10px;
  line-height: 17px;
}
.modal-find-size .tf-sizeguide-table td {
  border: 1px solid var(--line);
  border-width: 0 1px 1px 0;
  padding: 10px;
  line-height: 17px;
}
.modal-find-size .tf-page-size-chart-content ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 15px;
}
.modal-find-size .tf-page-size-chart-content ul .text {
  font-size: 14px;
  font-weight: 500;
  line-height: 16.8px;
}

.modal-pickup-available .pickup-available-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.modal-pickup-available .pickup-available-item .title {
  margin-bottom: 8px;
}
.modal-pickup-available .pickup-available-item .desc {
  margin-bottom: 12px;
}
.modal-pickup-available .pickup-available-item ul {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 12px;
}
.modal-pickup-available .pickup-available-item a {
  display: flex;
  align-items: center;
  gap: 8px;
}
.modal-pickup-available .pickup-available-item a .icon {
  font-size: 10px;
}

.modal-before-you-leave .modal-content {
  max-width: 485px;
}
.modal-before-you-leave .modal-inner {
  position: relative;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.modal-before-you-leave .modal-inner .icon-close {
  font-size: 16px;
  position: absolute;
  top: 20px;
  right: 20px;
}
.modal-before-you-leave .content {
  margin: 0 32px;
  padding: 32px 0;
  border-bottom: 1px solid var(--line);
  margin-bottom: 32px;
}
.modal-before-you-leave .content > .heading {
  margin-bottom: 24px;
}
.modal-before-you-leave .content > p {
  font-size: 16px;
  font-weight: 400;
  line-height: 19.2px;
  margin-bottom: 10px;
}
.modal-before-you-leave .content > p span {
  font-size: 24px;
  font-weight: 500;
  line-height: 28.8px;
}
.modal-before-you-leave .tf-mini-cart-sroll {
  padding: 0 32px 32px;
}
.modal-before-you-leave .tf-mini-cart-sroll .tf-minicart-recommendations-title {
  margin-bottom: 18px;
}

.wrap-code {
  display: flex;
}
.wrap-code .text {
  font-size: 14px;
  font-weight: 400;
  line-height: 16.8px;
  place-content: center;
}
.wrap-code .coppyText {
  font-size: 16px;
  font-weight: 500;
  line-height: 19.2px;
  color: #ff4848;
  margin-left: 4px;
}
.wrap-code .btn-coppy-text i {
  font-size: 16px;
  color: #868686;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.wrap-code .btn-coppy-text i:hover {
  color: var(--primary);
}
.wrap-code.style-1 {
  border-radius: 6px;
  border: 1px solid var(--line);
  padding: 14px 11px;
  display: block;
  position: relative;
  padding-right: 112px;
}
.wrap-code.style-1 .coppyText {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #667085;
  margin: 0;
  overflow-x: auto;
}
.wrap-code.style-1 .coppyText::-webkit-scrollbar {
  height: 0;
}
.wrap-code.style-1 .coppyText::-webkit-scrollbar-thumb {
  background: var(--primary);
}
.wrap-code.style-1 .coppyText::-webkit-scrollbar-track {
  background: var(--line);
}
.wrap-code.style-1 .btn-coppy-text {
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  border-radius: 3px;
  cursor: pointer;
  padding: 12px 33.5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.modal-style-1 .modal-content {
  max-width: 520px !important;
  cursor: default !important;
}
.modal-style-1 .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 32px;
  padding-bottom: 10px;
  position: relative;
  text-transform: capitalize;
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  color: var(--dark);
  border-bottom: 0;
  border-radius: 0;
}
.modal-style-1 .modal-header .icon-close-popup {
  height: 32px;
  width: 32px;
  display: flex;
  justify-content: end;
  align-items: center;
  cursor: pointer;
}
.modal-style-1 .modal-header::after {
  position: absolute;
  content: "";
  bottom: 0;
  height: 1px;
  background-color: var(--line);
  left: 32px;
  right: 32px;
}
.modal-style-1 .modal-inner {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 32px;
  overflow-y: auto;
}

.modal-style-1 {
  width: 100% !important;
  max-width: 520px;
  max-width: 100%;
}
.modal-style-1 .modal-content {
  cursor: default !important;
  max-width: 520px;
}
.modal-style-1 .popup-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 32px;
  padding-bottom: 10px;
  position: relative;
  text-transform: capitalize;
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  color: var(--dark);
  border-bottom: 0;
  border-radius: 0;
}
.modal-style-1 .popup-header .icon-close-popup {
  height: 32px;
  width: 32px;
  display: flex;
  justify-content: end;
  align-items: center;
  cursor: pointer;
}
.modal-style-1 .popup-header::after {
  position: absolute;
  content: "";
  bottom: 0;
  height: 1px;
  background-color: var(--line);
  left: 32px;
  right: 32px;
}
.modal-style-1 .popup-inner {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 32px;
  overflow-y: auto;
}

.form-login {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.form-login .text {
  margin-bottom: 24px;
}
.form-login .button-wrap {
  display: flex;
  gap: 10px;
}

.popup-login {
  width: 100%;
}
.popup-login.offcanvas.offcanvas-end.is-admin {
  top: 32px;
}
.popup-login .list-menu li {
  padding: 15px 0;
}
.popup-login .list-menu li a {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}
.popup-login .list-menu li a:hover {
  color: var(--primary);
}
.popup-login .list-menu li.active a {
  color: var(--primary);
}
.popup-login .other-login p {
  margin-bottom: 24px;
}
.popup-login .other-login a {
  padding: 14px;
  position: relative;
  text-align: center;
  background-color: #3b5998;
  border-radius: 99px;
  color: var(--white);
}
.popup-login .other-login a .icon {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
}

.tfwc-message > * {
  display: block;
  margin-bottom: 15px;
}

.modal.auto-popup .modal-dialog,
.modal-newsletter .modal-dialog {
  max-width: 674px;
}
.modal.auto-popup .modal-content,
.modal-newsletter .modal-content {
  border-radius: 16px;
}
.modal.auto-popup .modal-top img,
.modal-newsletter .modal-top img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.modal.auto-popup .modal-top .icon-close,
.modal-newsletter .modal-top .icon-close {
  position: absolute;
  top: 24px;
  right: 24px;
  font-size: 16px;
}
.modal.auto-popup .modal-bottom,
.modal-newsletter .modal-bottom {
  padding: 32px;
  max-width: 448px;
  margin: 0 auto;
}
.modal.auto-popup .modal-bottom .title,
.modal-newsletter .modal-bottom .title {
  margin-bottom: 10px;
}
.modal.auto-popup .modal-bottom .text,
.modal-newsletter .modal-bottom .text {
  margin-bottom: 32px;
}
.modal.auto-popup .modal-bottom .form-newsletter,
.modal.auto-popup .modal-bottom .tf-social-icon,
.modal-newsletter .modal-bottom .form-newsletter,
.modal-newsletter .modal-bottom .tf-social-icon {
  margin-bottom: 20px;
}
.modal.auto-popup.style-absolute .modal-dialog,
.modal-newsletter.style-absolute .modal-dialog {
  max-width: 1030px;
}
.modal.auto-popup.style-absolute .modal-bottom,
.modal-newsletter.style-absolute .modal-bottom {
  position: absolute;
  max-width: 450px;
  width: 100%;
  padding: 15px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal.auto-popup.style-row .modal-dialog,
.modal-newsletter.style-row .modal-dialog {
  max-width: 1030px;
}
.modal.auto-popup.style-row .modal-top,
.modal-newsletter.style-row .modal-top {
  width: 44.8%;
  flex-shrink: 0;
}
.modal.auto-popup.style-row .modal-bottom,
.modal-newsletter.style-row .modal-bottom {
  width: 55.2%;
  max-width: unset;
  place-content: center;
}
.modal.auto-popup .form-newsletter fieldset input,
.modal-newsletter .form-newsletter fieldset input {
  padding-left: 66px;
  height: 48px;
}
.modal.auto-popup .form-newsletter fieldset .icon,
.modal-newsletter .form-newsletter fieldset .icon {
  position: absolute;
  left: 22px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 17px;
}
.modal.auto-popup .form-newsletter .subscribe-button,
.modal-newsletter .form-newsletter .subscribe-button {
  padding: 13px;
}

.offcanvas-search {
  height: 100vh !important;
}
.offcanvas-search.is-admin {
  top: 32px;
}
.offcanvas-search.is-admin .header {
  top: 32px;
}
.offcanvas-search .header {
  position: fixed;
  padding: 8px 15px;
  display: flex;
  justify-content: flex-end;
  z-index: 50;
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--white);
}
.offcanvas-search .icon-close,
.offcanvas-search .icon-close-popup {
  transition: all 0.3s;
  cursor: pointer;
  background: transparent;
  font-size: 18px;
  padding: 10px;
  border: none;
  z-index: 10;
  color: var(--dark);
}
.offcanvas-search .icon-close:hover,
.offcanvas-search .icon-close-popup:hover {
  color: var(--primary);
}
.offcanvas-search .offcanvas-content {
  overflow-y: auto;
  padding: 68px 0;
}
.offcanvas-search .looking-for-wrap {
  text-align: center;
  margin-bottom: 50px;
}
.offcanvas-search .heading {
  font-size: 32px;
  font-weight: 500;
  line-height: 38.4px;
  margin-bottom: 42px;
}
.offcanvas-search .form-search {
  margin-bottom: 32px;
}
.offcanvas-search .form-search input {
  height: 60px;
  border-radius: 99px;
  font-size: 16px;
  line-height: 120%;
}
.offcanvas-search .form-search input::placeholder {
  color: #000000;
}
.offcanvas-search .form-search button {
  right: 20px;
}
.offcanvas-search .popular-searches {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  font-size: 16px;
  line-height: 120%;
}
.offcanvas-search .popular-searches ul {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.offcanvas-search .popular-searches ul a {
  padding: 9px 19px;
  border-radius: 10px;
  background-color: #f9f9f9;
  border: 1px solid rgba(161, 161, 161, 0.2);
}
.offcanvas-search .result-product .featured-product-heading,
.offcanvas-search .featured-product .featured-product-heading {
  margin-bottom: 30px;
}
.offcanvas-search .result-product .featured-product-content,
.offcanvas-search .featured-product .featured-product-content {
  position: relative;
}
.offcanvas-search .result-product .featured-product-content .swiper-button-next,
.offcanvas-search .featured-product .featured-product-content .swiper-button-next {
  right: -54px;
}
.offcanvas-search .result-product .featured-product-content .swiper-button-prev,
.offcanvas-search .featured-product .featured-product-content .swiper-button-prev {
  left: -54px;
}
.offcanvas-search.type-search-product .top-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(161, 161, 161, 0.2);
  margin-bottom: 42px;
}
.offcanvas-search.type-search-product .top-title .title {
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}
.offcanvas-search.type-search-product .top-title a {
  font-size: 14px;
  font-weight: 500;
  line-height: 22.4px;
  text-decoration-line: underline;
}
.offcanvas-search.type-search-product .wrapper-shop {
  row-gap: 42px;
}
.offcanvas-search.type-search-product .list-articals {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.offcanvas-search.type-search-product .list-articals .item {
  display: flex;
  gap: 11px;
}
.offcanvas-search.type-search-product .list-articals .item .img-box {
  border-radius: 8px;
  overflow: hidden;
  width: 128px;
  height: 128px;
  flex-shrink: 0;
}
.offcanvas-search.type-search-product .list-articals .item .content {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.offcanvas-search.type-search-product .list-articals .item .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
}
.offcanvas-search.type-search-product .list-articals .item .date-post {
  font-size: 14px;
  line-height: 16.8px;
}

.modal-compare .modal-dialog {
  max-width: 1194px;
}
.modal-compare .modal-content {
  border-radius: 16px;
  padding: 48px 30px 29px 30px;
}
.modal-compare .modal-content > .btn-hide-popup {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 16px;
}
.modal-compare .title {
  line-height: 29px;
  margin-bottom: 45px;
}
.modal-compare .tf-compare-inner {
  overflow-x: auto;
  margin-bottom: 42px;
}
.modal-compare .tf-compare-inner::-webkit-scrollbar {
  height: 8px;
}
.modal-compare .tf-compare-inner::-webkit-scrollbar-thumb {
  background: var(--primary);
}
.modal-compare .tf-compare-inner::-webkit-scrollbar-track {
  background: var(--line);
}
.modal-compare .tf-compare-list {
  display: flex;
  gap: 24px;
  width: max-content;
  margin-left: auto;
  margin-right: auto;
}
.modal-compare .tf-compare-item {
  width: 232px;
  min-width: 232px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.modal-compare .tf-compare-item .icon-close {
  position: absolute;
  z-index: 5;
  top: 12px;
  right: 12px;
  width: 48px;
  height: 48px;
  border: 1px solid var(--line);
  background-color: var(--white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
}
.modal-compare .tf-compare-item .image {
  border-radius: 16px;
  max-height: 328px;
  overflow: hidden;
}
.modal-compare .tf-compare-item .content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.modal-compare .tf-compare-item .content .text-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}
.modal-compare .tf-compare-item .content .price-wrap {
  font-weight: 500;
  font-size: 16px;
  color: var(--primary);
}
.modal-compare .tf-compare-item .content .price-wrap del {
  font-weight: 400;
  color: var(--text);
}
.modal-compare .tf-compare-buttons {
  display: flex;
  gap: 20px;
}
.modal-compare .tf-compare-buttons .tf-btn {
  font-family: "DM Sans", sans-serif;
  max-width: 190px;
  width: 100%;
  font-weight: 600;
}

.modal-share-social .modal-header .icon-close-popup {
  position: unset;
  padding: 0;
}
.modal-share-social .wrap-code {
  margin-bottom: 32px;
}

.modal-ask-question .modal-header .icon-close-popup {
  position: unset;
  padding: 0;
}

.modal-style-2 .modal-dialog {
  max-width: 596px;
}
.modal-style-2 .modal-content {
  padding: 32px 32px 41px;
}
.modal-style-2 .modal-header {
  margin-bottom: 32px;
  padding: 0;
  padding-bottom: 10px;
}
.modal-style-2 .modal-header .icon-close {
  font-size: 16px;
}

.modal-order-detail .modal-dialog {
  max-width: 1226px;
}
.modal-order-detail .modal-dialog .modal-content {
  padding: 24px 15px;
}
.modal-order-detail .header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(161, 161, 161, 0.2);
  margin-bottom: 30px;
}
.modal-order-detail .header .heading {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}
.modal-order-detail .header span {
  font-size: 16px;
}
.modal-order-detail ul.list-infor {
  display: flex;
  gap: 15px 48px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 44px;
}
.modal-order-detail ul.list-infor li {
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}
.modal-order-detail table {
  margin-bottom: 42px;
  text-align: center;
}
.modal-order-detail table td,
.modal-order-detail table th {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}
.modal-order-detail table thead,
.modal-order-detail table th {
  padding: 15px 0px;
}
.modal-order-detail table thead tr {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.modal-order-detail table tbody {
  overflow: auto;
}
.modal-order-detail table tbody::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.modal-order-detail table tbody::-webkit-scrollbar-thumb {
  background: var(--surface);
  border-radius: 999px;
}
.modal-order-detail table tbody tr:not(:last-child) {
  border-bottom: 1px solid var(--line);
}
.modal-order-detail table td:first-child,
.modal-order-detail table th:first-child {
  text-align: start;
}
.modal-order-detail table .infor-content {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 30px 0;
}
.modal-order-detail table .infor-content .image {
  width: 98px;
  height: 130px;
  border-radius: 4px;
  overflow: hidden;
}
.modal-order-detail table .infor-content .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.modal-order-detail table .infor-content .size {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 10px;
}
.modal-order-detail table .subtotal-text,
.modal-order-detail table .subtotal-price {
  padding: 30px 15px;
}
.modal-order-detail .tb-order-detail {
  margin-bottom: 42px;
}
.modal-order-detail .tb-order-detail .title {
  padding: 15px 0px;
}
.modal-order-detail .tb-order-detail .item {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  width: 225px;
  text-align: center;
}
.modal-order-detail .tb-order-detail .item:first-child {
  width: unset;
  text-align: start;
  flex-grow: 1;
}
.modal-order-detail .tb-order-detail .top {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal-order-detail .tb-order-detail .order-detail-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 0;
}
.modal-order-detail .tb-order-detail .order-detail-item:not(:last-child) {
  border-bottom: 1px solid var(--line);
}
.modal-order-detail .tb-order-detail .tb-content {
  overflow: auto;
  height: 461px;
}
.modal-order-detail .tb-order-detail .tb-content::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.modal-order-detail .tb-order-detail .tb-content::-webkit-scrollbar-thumb {
  background: #b4b4b4;
  border-radius: 999px;
}
.modal-order-detail .tb-order-detail .tb-content .subtotal {
  position: sticky;
  bottom: 0;
  background-color: var(--white);
  padding: 0;
}
.modal-order-detail .tb-order-detail .infor-content {
  display: flex;
  gap: 10px;
  align-items: center;
}
.modal-order-detail .tb-order-detail .infor-content .image {
  width: 98px;
  height: 130px;
  border-radius: 4px;
  overflow: hidden;
}
.modal-order-detail .tb-order-detail .infor-content .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.modal-order-detail .tb-order-detail .infor-content a {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.modal-order-detail .tb-order-detail .infor-content .size {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 10px;
}
.modal-order-detail .tb-order-detail .subtotal-text,
.modal-order-detail .tb-order-detail .subtotal-price {
  padding: 30px 15px;
}
.modal-order-detail .bottom {
  font-size: 16px;
  line-height: 19px;
}

.cookie-banner {
  position: fixed;
  bottom: 20px;
  left: 20px;
  border-radius: 20px;
  right: 20px;
  max-width: 368px;
  background-color: var(--dark);
  z-index: 99999;
}
.cookie-banner .overplay {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.cookie-banner .content {
  position: relative;
  padding: 20px;
}
.cookie-banner p {
  margin-bottom: 20px;
  color: var(--white);
}
.cookie-banner .button-group {
  display: flex;
  gap: 10px;
  align-items: center;
}
.cookie-banner .button-group .tf-btn {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  width: 100%;
  padding: 7px 7px;
}

.tf-toolbar-bottom {
  display: none;
  padding: 11px 15px 12px;
  position: fixed;
  z-index: 60;
  bottom: 0;
  right: 0;
  left: 0;
  border-top: 1px solid #eeeeee;
  background-color: var(--white);
  box-shadow: 0px 4px 20px 0px rgba(163, 163, 163, 0.2784313725);
}
.tf-toolbar-bottom .toolbar-item {
  flex: 1 0 20%;
  position: relative;
}
.tf-toolbar-bottom .toolbar-item a {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  gap: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.tf-toolbar-bottom .toolbar-item a .toolbar-icon {
  width: 20px;
  height: 20px;
  position: relative;
}
.tf-toolbar-bottom .toolbar-item a .count-box,
.tf-toolbar-bottom .toolbar-item a .toolbar-count {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary);
  border-radius: 50%;
  font-size: 10px;
  font-weight: 500;
  line-height: 15px;
  color: var(--white);
}
.tf-toolbar-bottom .toolbar-item a .toolbar-label {
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}
.auto-popup .modal-content {
  position: relative;
}
.auto-popup .modal-content .btn-hide-popup {
  font-size: 16px;
  top: 10px;
  right: 9px;
  position: absolute;
  padding: 15px;
  z-index: 123;
}

.newsletter-popup .wpcf7-not-valid-tip {
  position: absolute;
}
.newsletter-popup .wrap-input {
  position: relative;
  margin-bottom: 20px;
}
.newsletter-popup .wrap-input input[type=email] {
  border-radius: 34px;
  border-color: #EBEBEB;
  padding-left: 64px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
  height: 48px;
}
.newsletter-popup .wrap-input input[type=email]::placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: rgba(57, 57, 57, 0.8);
}
.newsletter-popup .wrap-input input[type=email]:focus, .newsletter-popup .wrap-input input[type=email]:hover {
  border-color: #000000;
}
.newsletter-popup .wrap-input i {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  font-size: 18px;
}
.newsletter-popup.style2 .wrap-input input[type=email] {
  background: transparent;
}

.mc4wp-form .mc4wp-alert {
  font-size: 16px;
  padding: 12px 15px;
  margin: 10px 0;
  border-radius: 999px;
}
.mc4wp-form .mc4wp-alert.mc4wp-success {
  background-color: #dce2dd;
  color: #3c9b41;
}
.mc4wp-form .mc4wp-alert.mc4wp-warning {
  background-color: #e5e2da;
  color: #cea03b;
}
.mc4wp-form .mc4wp-alert.mc4wp-error {
  background-color: #ded0d2;
  color: #a80418;
}

/*--------- Abstracts variable ---------- */
.wc-empty-cart-message {
  display: none;
}

.page-cart-empty-wrap {
  text-align: center;
}
.page-cart-empty-wrap svg {
  margin-bottom: 32px;
}
.page-cart-empty-wrap p {
  margin-bottom: 24px;
}

.modal-shopping-cart {
  z-index: 10000;
}
.modal-shopping-cart .modal-content {
  flex-direction: column;
}
.modal-shopping-cart .widget_shopping_cart_content,
.modal-shopping-cart .wrap {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-top: 24px;
}
.modal-shopping-cart .tf-mini-cart-threshold {
  padding: 0px 32px 24px 21px;
}
.modal-shopping-cart .tf-mini-cart-threshold .text {
  font-size: 14px;
  line-height: 22.4px;
  margin-bottom: 20px;
}
.modal-shopping-cart .tf-mini-cart-threshold .tf-progress-bar {
  margin-top: 12px;
  margin-bottom: 16px;
}
.modal-shopping-cart .tf-mini-cart-wrap {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
}
.modal-shopping-cart .tf-minicart-recommendations {
  padding: 57px 32px 24px 32px;
}
.modal-shopping-cart .tf-minicart-recommendations .tf-minicart-recommendations-heading {
  margin-bottom: 24px;
}
.modal-shopping-cart .tf-minicart-recommendations .tf-minicart-recommendations-heading .nav-swiper {
  position: unset;
}
.modal-shopping-cart .tf-minicart-recommendations .tf-mini-cart-item {
  padding: 9px;
  gap: 20px;
}
.modal-shopping-cart .tf-minicart-recommendations .tf-mini-cart-item .tf-mini-cart-image {
  border-radius: 8px;
  display: flex;
}
.modal-shopping-cart .tf-minicart-recommendations .tf-mini-cart-item .tf-mini-cart-image a {
  width: 100%;
}
.modal-shopping-cart .tf-minicart-recommendations .tf-mini-cart-item .tf-mini-cart-info .price-wrap {
  display: flex;
  gap: 6px;
  align-items: center;
}
.modal-shopping-cart .tf-minicart-recommendations .tf-mini-cart-item .tf-mini-cart-info ins,
.modal-shopping-cart .tf-minicart-recommendations .tf-mini-cart-item .tf-mini-cart-info .price-wrap {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: var(--primary);
}
.modal-shopping-cart .tf-minicart-recommendations .tf-mini-cart-item .tf-mini-cart-info .price-old,
.modal-shopping-cart .tf-minicart-recommendations .tf-mini-cart-item .tf-mini-cart-info .old-price,
.modal-shopping-cart .tf-minicart-recommendations .tf-mini-cart-item .tf-mini-cart-info del {
  color: var(--rgba-dark);
  text-decoration: line-through;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.modal-shopping-cart .tf-minicart-recommendations .tf-mini-cart-item .tf-btn {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16.8px;
}
.modal-shopping-cart .tf-mini-cart-bottom {
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1019607843);
  flex-shrink: 0;
}
.modal-shopping-cart .tf-mini-cart-tool {
  padding: 12px 32px;
  height: 70px;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid rgba(161, 161, 161, 0.2);
}
.modal-shopping-cart .tf-mini-cart-tool .tf-mini-cart-tool-btn {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  height: 100%;
  text-align: center;
  cursor: pointer;
  place-content: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(0, 0, 0, 0.8);
}
.modal-shopping-cart .tf-mini-cart-tool .tf-mini-cart-tool-btn .icon {
  font-size: 22px;
  color: #98a2b3;
}
.modal-shopping-cart .tf-mini-cart-bottom-wrap {
  padding: 24px 32px 34px;
}
.modal-shopping-cart .tf-mini-cart-bottom-wrap .woocommerce-mini-cart__total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
}
.modal-shopping-cart .tf-mini-cart-bottom-wrap .woocommerce-mini-cart__total strong {
  font-weight: 500;
}
.modal-shopping-cart .tf-mini-cart-bottom-wrap .tf-cart-tax {
  opacity: 0.8;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 15px;
}
.modal-shopping-cart .tf-mini-cart-bottom-wrap .tf-cart-checkbox {
  margin-bottom: 32px;
}
.modal-shopping-cart .tf-mini-cart-bottom-wrap .tf-mini-cart-view-checkout {
  display: flex;
  gap: 10px;
  margin-top: 22px;
}
.modal-shopping-cart.style-2 {
  max-width: 100%;
}
.modal-shopping-cart.style-2 .modal-content {
  max-width: 748px !important;
}
.modal-shopping-cart.style-2 .also-like-product {
  position: relative;
}
.modal-shopping-cart.style-2 .also-like-product .also-like-product-wrap {
  display: flex;
  gap: 24px;
  overflow-x: auto;
  padding: 15px 15px 5px;
}
.modal-shopping-cart.style-2 .also-like-product .also-like-product-wrap::-webkit-scrollbar {
  height: 4px;
}
.modal-shopping-cart.style-2 .also-like-product .also-like-product-wrap::-webkit-scrollbar-thumb {
  background: var(--primary);
}
.modal-shopping-cart.style-2 .also-like-product .also-like-product-wrap::-webkit-scrollbar-track {
  background: var(--line);
}
.modal-shopping-cart.style-2 .also-like-product .tf-mini-cart-item {
  padding: 0;
  gap: 12px;
  min-width: 225px;
}
.modal-shopping-cart.style-2 .also-like-product .tf-mini-cart-item .tf-mini-cart-image {
  width: 95px;
  height: 126px;
  border-radius: 8px;
  position: relative;
}
.modal-shopping-cart.style-2 .also-like-product .tf-mini-cart-item .tf-mini-cart-image a {
  width: 100%;
}
.modal-shopping-cart.style-2 .also-like-product .tf-mini-cart-item .on-sale-wrap {
  position: absolute;
  top: 6px;
  left: 6px;
  padding: 5px 10px;
  border-radius: 99px;
  background-color: var(--primary);
  color: var(--white);
}
.modal-shopping-cart.style-2 .also-like-product .tf-mini-cart-item .tf-mini-cart-info {
  gap: 4px;
  align-items: center;
}
.modal-shopping-cart.style-2 .also-like-product .tf-mini-cart-item .tf-mini-cart-info .title {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.modal-shopping-cart.style-2 .also-like-product .tf-mini-cart-item .price-wrap {
  margin-bottom: 4px;
  align-items: center;
}
.modal-shopping-cart.style-2 .also-like-product .tf-mini-cart-item ins,
.modal-shopping-cart.style-2 .also-like-product .tf-mini-cart-item .price-wrap {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: var(--primary);
}
.modal-shopping-cart.style-2 .also-like-product .tf-mini-cart-item del {
  color: var(--rgba-dark);
  text-decoration: line-through;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  order: 2;
}
.modal-shopping-cart.style-2 .also-like-product .tf-mini-cart-item .tf-btn {
  padding: 9px 19px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16.8px;
}
.modal-shopping-cart.style-2 .modal-shopping-cart-main {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  border-left: 1px solid var(--line);
  overflow: hidden;
}
.modal-shopping-cart.style-2 .modal-shopping-cart-main .tf-mini-cart-sroll {
  padding-bottom: 15px;
}
.modal-shopping-cart .cart-empty-wrap {
  text-align: center;
  padding: 27px 15px;
}
.modal-shopping-cart .cart-empty-wrap img {
  width: 100px;
}
.modal-shopping-cart .cart-empty-wrap svg {
  margin-bottom: 32px;
}
.modal-shopping-cart .cart-empty-wrap p,
.modal-shopping-cart .cart-empty-wrap img {
  margin-bottom: 24px;
}
.modal-shopping-cart .tf-mini-cart-items {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.modal-shopping-cart.is-admin .modal-content {
  bottom: 32px !important;
}

.tf-mini-cart-main {
  flex: 1 1 auto;
  position: relative;
}

.tf-mini-cart-sroll {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
}
.tf-mini-cart-sroll::-webkit-scrollbar {
  width: 4px;
}
.tf-mini-cart-sroll::-webkit-scrollbar-thumb {
  background: var(--primary);
}
.tf-mini-cart-sroll::-webkit-scrollbar-track {
  background: var(--line);
}

.tf-mini-cart-items {
  display: flex;
  gap: 12px;
  flex-direction: column;
}

.tf-mini-cart-item {
  padding: 0 32px;
  display: flex;
  gap: 10px;
  position: relative;
}
.tf-mini-cart-item.loading-content {
  min-height: auto;
}
.tf-mini-cart-item.loading-content::before {
  border: 2px solid #fff;
  border-top: 2px solid #000;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  top: 40px;
}
.tf-mini-cart-item.loading-content::after {
  opacity: 0.7;
}
.tf-mini-cart-item .tf-mini-cart-image {
  width: 95px;
  height: 126px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 8px;
}
.tf-mini-cart-item .tf-mini-cart-image img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
}
.tf-mini-cart-item .tf-mini-cart-info {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.tf-mini-cart-item .tf-mini-cart-info .variation {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.tf-mini-cart-item .tf-mini-cart-info ins,
.tf-mini-cart-item .tf-mini-cart-info .price-wrap {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--primary);
}
.tf-mini-cart-item .tf-mini-cart-info del {
  color: var(--rgba-dark);
  text-decoration: line-through;
}
.tf-mini-cart-item .tf-mini-cart-info .wg-quantity {
  width: 90px;
}
.tf-mini-cart-item .tf-mini-cart-info .edit {
  display: flex;
  font-size: 10px;
  line-height: 10px;
}
.tf-mini-cart-item .remove {
  cursor: pointer;
}

.tf-mini-cart-tool-openable {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(100%);
  transition: transform 0.25s ease-in-out;
  z-index: 70;
}
.tf-mini-cart-tool-openable.open {
  transform: translateY(0);
}
.tf-mini-cart-tool-openable.open > .overplay {
  opacity: 1;
  visibility: visible;
}
.tf-mini-cart-tool-openable.open .tf-mini-cart-tool-content {
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
}
.tf-mini-cart-tool-openable > .overplay {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 200vh;
  right: 0;
  background-color: rgba(5, 5, 5, 0.4);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tf-mini-cart-tool-openable .tf-mini-cart-tool-close {
  cursor: pointer;
}
.tf-mini-cart-tool-openable .tf-btn {
  height: 47px;
}
.tf-mini-cart-tool-openable .tf-mini-cart-tool-content {
  position: relative;
  z-index: 80;
  padding: 32px 36px;
  background-color: var(--white);
}
.tf-mini-cart-tool-openable .tf-mini-cart-tool-content .tf-mini-cart-tool-text {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.tf-mini-cart-tool-openable .tf-mini-cart-tool-content .tf-mini-cart-tool-text .icon {
  width: 33px;
  height: 33px;
  border: 1px solid var(--main);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: var(--main);
}
.tf-mini-cart-tool-openable .tf-mini-cart-tool-content .tf-cart-tool-btns {
  display: flex;
  gap: 30px;
  align-items: center;
}
.tf-mini-cart-tool-openable .tf-mini-cart-tool-content .tf-cart-tool-btns .tf-mini-cart-tool-primary {
  text-decoration: underline;
  text-underline-offset: 8px;
}
.tf-mini-cart-tool-openable.add-note textarea {
  height: 148px;
  margin-bottom: 24px;
}
.tf-mini-cart-tool-openable.coupon .tf-mini-cart-tool-text1 {
  margin-bottom: 7px;
}
.tf-mini-cart-tool-openable.coupon input {
  margin-bottom: 90px;
}
.tf-mini-cart-tool-openable.add-gift .tf-mini-cart-tool-text1 {
  margin-bottom: 127px;
}
.tf-mini-cart-tool-openable.estimate-shipping select {
  height: 49px;
  border-radius: 6px;
}
.tf-mini-cart-tool-openable.estimate-shipping .field {
  margin-bottom: 14px;
}
.tf-mini-cart-tool-openable.estimate-shipping .field p {
  margin-bottom: 8px;
}
.tf-mini-cart-tool-openable.estimate-shipping .tf-cart-tool-btns {
  margin-top: 30px;
}
.tf-mini-cart-tool-openable.estimate-shipping .error {
  color: #ff5757;
}
.tf-mini-cart-tool-openable.estimate-shipping .success .standard {
  color: #46ba4c;
  margin-top: 10px;
}

.tf-totals-total-value {
  display: flex;
  align-items: center;
  gap: 5px;
}

.tfwc-price-saved {
  padding: 5px 10px;
  border-radius: 4px;
  color: var(--primary);
  border: 1px solid var(--primary);
  font-size: 12px;
  line-height: 16px;
}

.tf-progress-ship {
  width: 100%;
  background-color: var(--line-3);
  height: 8px;
  position: relative;
  border-radius: 16px;
}
.tf-progress-ship .value {
  height: 100%;
  background: var(--primary);
  position: relative;
  transition: width 2s ease;
  border-radius: 16px;
}
.tf-progress-ship .icon {
  position: absolute;
  right: 0%;
  top: 50%;
  transform: translateY(-50%);
  width: 35px;
  height: 35px;
  border: 3px solid #ffb5b5;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary);
  border-radius: 50%;
  font-size: 16px;
  color: var(--white);
}

.tf-cart-head .title {
  margin-bottom: 35px;
}
.tf-cart-head .tf-progress-ship {
  background-color: var(--line-4);
}
.tf-cart-head .tf-progress-ship .value {
  background-color: #ff9752;
}
.tf-cart-head .tf-progress-ship .icon {
  background-color: #ff9752;
  border-color: #ffd1b3;
  font-size: 18px;
  width: 38px;
  height: 38px;
}

.table-page-cart {
  border-spacing: 0;
  border-collapse: collapse;
  margin-bottom: 30px;
  width: 100%;
  line-height: 1.4;
}
.table-page-cart thead tr {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.table-page-cart thead tr th {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
}
.table-page-cart td {
  padding: 18px 9px;
}
.table-page-cart .tf-cart-item {
  border-bottom: 1px solid var(--line);
}
.table-page-cart .tf-cart-item td:first-child {
  text-align: start;
  padding-left: 0;
}
.table-page-cart .tf-cart-item .wg-quantity {
  padding: 9px 6px;
  margin: auto;
}
.table-page-cart .tf-cart-item .wg-quantity .quantity-product {
  width: 30px;
  height: 30px;
  font-size: 14px;
  line-height: 16.8px;
  font-weight: 700;
  font-family: "DM Sans", sans-serif;
}
.table-page-cart .tf-cart-item .wg-quantity .btn-quantity {
  width: 30px;
  height: 30px;
  align-items: flex-start;
  font-size: 20px;
}
.table-page-cart .tf-cart-item .tf-cart-item_total {
  width: 18%;
}
.table-page-cart .tf-cart-item_product {
  display: flex;
  align-items: center;
  border-bottom: none;
}
.table-page-cart .tf-cart-item_product .img-box {
  width: 98px;
  height: 130px;
  margin-right: 10px;
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
}
.table-page-cart .tf-cart-item_product .img-box img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.table-page-cart .tf-cart-item_product .cart-info a {
  display: block;
}
.table-page-cart .tf-cart-item_product .cart-info .name {
  margin-bottom: 10px;
}
.table-page-cart .tf-cart-item_product .cart-info .variants {
  margin-bottom: 32px;
  font-size: 12px;
  line-height: 14.4px;
  color: var(--rgba-dark);
}
.table-page-cart .tf-cart-item_product .cart-info .variation {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 32px;
  font-size: 12px;
  line-height: 14.4px;
  color: var(--rgba-dark);
}
.table-page-cart .tf-cart-item_product .cart-info .remove-cart {
  font-size: 12px;
  line-height: 14.4px;
  color: var(--rgba-dark);
  text-decoration: underline;
}
.table-page-cart .tf-cart-item_total,
.table-page-cart .tf-cart-item_price {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

.tf-page-cart-main .check-gift {
  display: flex;
  gap: 8px;
}
.tf-page-cart-main .check-gift .tf-check {
  margin-top: 2px;
}
.tf-page-cart-main .check-gift .label {
  font-size: 14px;
  line-height: 22.4px;
}
.tf-page-cart-main .box-ip-discount {
  width: 443px;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
}
.tf-page-cart-main .box-ip-discount .tf-btn {
  padding-top: 12px;
  padding-bottom: 12px;
}
.tf-page-cart-main .box-ip-discount input {
  padding-left: 12px;
  padding-right: 12px;
  width: calc(100% - 119px);
}
.tf-page-cart-main .box-ip-discount p {
  width: 100%;
}
.tf-page-cart-main .actions button[name=update_cart] {
  float: right;
}
.tf-page-cart-main .cart-note {
  margin-bottom: 40px;
}
.tf-page-cart-main .cart-note label {
  margin-bottom: 10px;
}
.tf-page-cart-main .cart-note textarea {
  height: 206px;
}
.tf-page-cart-main .form-cart {
  margin-bottom: 32px;
}
.tf-page-cart-main .fl-iconbox .tf-swiper {
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 16px;
}
.tf-page-cart-main .fl-iconbox .tf-icon-box .box-icon {
  width: 48px;
  height: 48px;
}
.tf-page-cart-main .fl-iconbox .tf-icon-box .icon {
  font-size: 18px;
  color: var(--primary);
}
.tf-page-cart-main .fl-iconbox .tf-icon-box .title {
  font-size: 16px;
  line-height: 24px;
}
.tf-page-cart-main .fl-iconbox .sw-dot-default {
  margin-top: 12px;
}

.box-testimonial-main {
  display: grid;
  gap: 24px;
}
.box-testimonial-main .content {
  display: grid;
  gap: 20px;
}
.box-testimonial-main .content .title-review {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  text-transform: uppercase;
}
.box-testimonial-main .box-author {
  display: flex;
  align-items: center;
  gap: 12px;
}
.box-testimonial-main .box-author .img {
  width: 70px;
  height: 74px;
  border-radius: 10px;
  overflow: hidden;
  flex-shrink: 0;
}
.box-testimonial-main .box-author .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.box-testimonial-main .box-author .info {
  display: grid;
  gap: 4px;
}
.box-testimonial-main .quote {
  font-size: 32px;
}

.woocommerce-view-order .cross-sells,
.tf-page-cart-sidebar .cross-sells {
  display: none;
}
.woocommerce-view-order .cart-box,
.tf-page-cart-sidebar .cart-box {
  padding: 24px 15px;
  border: 1px solid var(--line);
  border-radius: 16px;
}
.woocommerce-view-order .cart-box:not(:last-child),
.tf-page-cart-sidebar .cart-box:not(:last-child) {
  margin-bottom: 24px;
}
.woocommerce-view-order .order-total strong,
.woocommerce-view-order .total strong,
.tf-page-cart-sidebar .order-total strong,
.tf-page-cart-sidebar .total strong {
  font-weight: 500;
}
.woocommerce-view-order .shipping-cart-box .title,
.tf-page-cart-sidebar .shipping-cart-box .title {
  margin-bottom: 24px;
}
.woocommerce-view-order .shipping-cart-box .field label,
.tf-page-cart-sidebar .shipping-cart-box .field label {
  margin-bottom: 8px;
}
.woocommerce-view-order .shipping-cart-box .field:not(:last-child),
.tf-page-cart-sidebar .shipping-cart-box .field:not(:last-child) {
  margin-bottom: 20px;
}
.woocommerce-view-order .shipping-cart-box input,
.tf-page-cart-sidebar .shipping-cart-box input {
  padding-left: 10px;
  padding-right: 10px;
}
.woocommerce-view-order .shipping-cart-box input::placeholder,
.tf-page-cart-sidebar .shipping-cart-box input::placeholder {
  opacity: 1;
}
.woocommerce-view-order .shipping-cart-box .tf-btn,
.tf-page-cart-sidebar .shipping-cart-box .tf-btn {
  margin-top: 8px;
}
.woocommerce-view-order .checkout-cart-box .cart-head,
.tf-page-cart-sidebar .checkout-cart-box .cart-head {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(161, 161, 161, 0.2);
}
.woocommerce-view-order .checkout-cart-box .total-discount,
.tf-page-cart-sidebar .checkout-cart-box .total-discount {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
}
.woocommerce-view-order .checkout-cart-box .check-agree,
.tf-page-cart-sidebar .checkout-cart-box .check-agree {
  display: flex;
  gap: 8px;
  align-items: center;
}
.woocommerce-view-order .checkout-cart-box .check-agree label,
.tf-page-cart-sidebar .checkout-cart-box .check-agree label {
  font-size: 14px;
  line-height: 22.4px;
}
.woocommerce-view-order .checkout-cart-box .check-agree label a,
.tf-page-cart-sidebar .checkout-cart-box .check-agree label a {
  text-decoration: underline;
}
.woocommerce-view-order .checkout-cart-box .checkout-btn,
.tf-page-cart-sidebar .checkout-cart-box .checkout-btn {
  margin-top: 32px;
  margin-bottom: 20px;
}
.woocommerce-view-order .checkout-cart-box .cart-list-social,
.tf-page-cart-sidebar .checkout-cart-box .cart-list-social {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 12px;
}
.woocommerce-view-order .checkout-cart-box .cart-list-social .payment-card,
.tf-page-cart-sidebar .checkout-cart-box .cart-list-social .payment-card {
  border: 1px solid #D9D9D9;
  border-radius: 2.5px;
  width: 45px;
  height: 31.3px;
}
.woocommerce-view-order .fee td,
.woocommerce-view-order .cart-discount td,
.woocommerce-view-order table.shop_table .order-total td,
.woocommerce-view-order .cart-subtotal td,
.tf-page-cart-sidebar .fee td,
.tf-page-cart-sidebar .cart-discount td,
.tf-page-cart-sidebar table.shop_table .order-total td,
.tf-page-cart-sidebar .cart-subtotal td {
  text-align: end;
}
.woocommerce-view-order .testimonial-cart-box,
.tf-page-cart-sidebar .testimonial-cart-box {
  border-color: transparent;
  background: linear-gradient(113.78deg, #fff6d4 0%, #ffe3e3 100%);
}
.woocommerce-view-order .testimonial-cart-box .box-testimonial-main,
.tf-page-cart-sidebar .testimonial-cart-box .box-testimonial-main {
  gap: 24px;
}
.woocommerce-view-order .testimonial-cart-box .box-testimonial-main .quote,
.tf-page-cart-sidebar .testimonial-cart-box .box-testimonial-main .quote {
  font-size: 42px;
}
.woocommerce-view-order .testimonial-cart-box .box-testimonial-main .icon-star,
.tf-page-cart-sidebar .testimonial-cart-box .box-testimonial-main .icon-star {
  color: #ecb100;
}
.woocommerce-view-order .testimonial-cart-box .box-author,
.tf-page-cart-sidebar .testimonial-cart-box .box-author {
  display: flex;
  align-items: center;
  gap: 5px;
}
.woocommerce-view-order .testimonial-cart-box .box-author .img,
.tf-page-cart-sidebar .testimonial-cart-box .box-author .img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.woocommerce-view-order .testimonial-cart-box .box-navigation,
.tf-page-cart-sidebar .testimonial-cart-box .box-navigation {
  gap: 10px;
  margin-top: 24px;
}
.woocommerce-view-order .testimonial-cart-box .box-nav-swiper,
.tf-page-cart-sidebar .testimonial-cart-box .box-nav-swiper {
  display: flex;
  margin-top: 24px;
  gap: 10px;
}
.woocommerce-view-order .testimonial-cart-box .nav-swiper,
.tf-page-cart-sidebar .testimonial-cart-box .nav-swiper {
  position: unset;
  margin: 0;
  width: 32px;
  height: 32px;
}
.woocommerce-view-order .testimonial-cart-box .nav-swiper::after,
.tf-page-cart-sidebar .testimonial-cart-box .nav-swiper::after {
  font-size: 10px;
}
.woocommerce-view-order .order-box .title,
.tf-page-cart-sidebar .order-box .title {
  margin-bottom: 24px;
}
.woocommerce-view-order .order-box .list-order-product,
.tf-page-cart-sidebar .order-box .list-order-product {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(161, 161, 161, 0.2);
}
.woocommerce-view-order .order-box .order-item,
.tf-page-cart-sidebar .order-box .order-item {
  display: flex;
  gap: 10px;
  align-items: center;
}
.woocommerce-view-order .order-box .order-item:not(:last-child),
.tf-page-cart-sidebar .order-box .order-item:not(:last-child) {
  margin-bottom: 16px;
}
.woocommerce-view-order .order-box .order-item .img-product,
.tf-page-cart-sidebar .order-box .order-item .img-product {
  width: 72px;
  height: 94px;
  position: relative;
}
.woocommerce-view-order .order-box .order-item .img-product img,
.tf-page-cart-sidebar .order-box .order-item .img-product img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.woocommerce-view-order .order-box .order-item .img-product .quantity,
.tf-page-cart-sidebar .order-box .order-item .img-product .quantity {
  position: absolute;
  width: 24px;
  height: 24px;
  right: -12px;
  top: -12px;
  border-radius: 999px;
  background-color: var(--primary);
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.woocommerce-view-order .order-box .order-item .content,
.tf-page-cart-sidebar .order-box .order-item .content {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  align-content: center;
  gap: 6px;
}
.woocommerce-view-order .order-box .order-item .info .name,
.tf-page-cart-sidebar .order-box .order-item .info .name {
  margin-bottom: 10px;
}
.woocommerce-view-order .order-box .order-item .info .variant,
.tf-page-cart-sidebar .order-box .order-item .info .variant {
  font-size: 12px;
  line-height: 14.4px;
  color: var(--rgba-dark);
}
.woocommerce-view-order .order-box .list-total,
.tf-page-cart-sidebar .order-box .list-total {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(161, 161, 161, 0.2);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.woocommerce-view-order .order-box .btn-order,
.tf-page-cart-sidebar .order-box .btn-order {
  margin-top: 32px;
}

table.shop_table .woocommerce-shipping-calculator {
  padding-left: 10px;
}
table.shop_table .woocommerce-shipping-calculator .shipping-calculator-button {
  display: block;
  text-align: right;
}
table.shop_table .woocommerce-shipping-totals {
  font-size: 14px;
}
table.shop_table .woocommerce-shipping-totals th {
  border-bottom: none;
  padding-right: 10px;
}
table.shop_table .woocommerce-shipping-totals td {
  border-bottom: none;
  text-align: right;
}
table.shop_table .woocommerce-shipping-totals td .shipping-calculator-form {
  text-align: left;
}
table.shop_table .woocommerce-shipping-totals td .shipping-calculator-form .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 14px;
}
table.shop_table .woocommerce-shipping-totals h3 {
  font-size: 14px;
  font-size: 1rem;
  font-weight: 500;
  margin-top: 8px;
}
table.shop_table .woocommerce-shipping-totals .woocommerce-Price-amount {
  font-weight: 500;
  color: #222;
}
table.shop_table .woocommerce-shipping-totals .shipping-calculator-form {
  margin-top: 10px;
}
table.shop_table .woocommerce-shipping-totals .woocommerce-shipping-destination {
  margin-bottom: 10px;
}
table.shop_table .woocommerce-shipping-totals .woocommerce-shipping-destination strong {
  font-weight: 500;
}
table.shop_table ul.woocommerce-shipping-methods {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
table.shop_table ul.woocommerce-shipping-methods li {
  padding-bottom: 10px;
  justify-content: end;
}
table.shop_table ul.woocommerce-shipping-methods label {
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
table.shop_table ul.woocommerce-shipping-methods label:hover {
  cursor: pointer;
}
table.shop_table ul.woocommerce-shipping-methods label .woocommerce-Price-amount {
  float: right;
}
table.shop_table .shipping-calculator-form .form-row {
  margin-bottom: 20px;
}
table.shop_table .shipping-calculator-form .form-row label {
  margin-bottom: 8px;
}
table.shop_table .shipping-calculator-form .form-row .select2-container--default .select2-selection--single {
  border: 1px solid var(--line);
  color: rgba(0, 0, 0, 0.8);
  height: 50px;
}
table.shop_table .shipping-calculator-form .form-row .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: rgba(0, 0, 0, 0.8);
  line-height: 50px;
}
table.shop_table .shipping-calculator-form .form-row .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 50px;
}
table.shop_table .shipping-calculator-form button[type=submit] {
  width: 100%;
  background-color: var(--dark-2);
  color: var(--white);
  border: 1px solid var(--dark-2);
  line-height: 24px;
}
table.shop_table .shipping-calculator-form button[type=submit] {
  position: relative;
  overflow: hidden;
}
table.shop_table .shipping-calculator-form button[type=submit]:hover::after {
  animation: shine-reverse 1s forwards;
}
table.shop_table .shipping-calculator-form button[type=submit]:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 70%);
  top: 0;
  left: -100%;
  opacity: 0.6;
}
table.shop_table .shipping-calculator-form button[type=submit]::after {
  background-image: linear-gradient(120deg, rgba(0, 0, 0, 0) 20%, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0) 70%);
}
@keyframes shine-forward {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
@keyframes shine-reverse {
  0% {
    left: 100%;
  }
  100% {
    left: -100%;
  }
}

.tf-checkout-cart-main {
  padding: 24px 15px 40px;
  border-radius: 16px;
  border: 1px solid var(--line);
}
.tf-checkout-cart-main .title {
  margin-bottom: 24px;
}
.tf-checkout-cart-main .grid-3,
.tf-checkout-cart-main .grid-2 {
  gap: 16px;
}
.tf-checkout-cart-main .box-ip-shipping,
.tf-checkout-cart-main .box-ip-contact,
.tf-checkout-cart-main .box-ip-checkout {
  margin-bottom: 32px;
}
.tf-checkout-cart-main .box-ip-contact .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tf-checkout-cart-main .box-ip-contact .title .link {
  padding: 2px 0px;
  border-bottom: 1px solid;
}
.tf-checkout-cart-main .check-ship {
  display: flex;
  gap: 8px;
  padding: 16px;
  border-radius: 6px;
  border: 1px solid var(--line);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.tf-checkout-cart-main .check-ship:has(.tf-check-rounded:checked) {
  border-color: var(--primary);
}
.tf-checkout-cart-main .check-ship:has(.tf-check-rounded:checked) .text {
  color: var(--rgba-dark-2);
}
.tf-checkout-cart-main .check-ship .tf-check-rounded {
  flex-shrink: 0;
  margin-top: 5px;
}
.tf-checkout-cart-main .check-ship .text {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  color: rgba(102, 112, 133, 0.8);
}
.tf-checkout-cart-main .check-payment {
  display: flex;
  gap: 8px;
  padding: 16px;
  border-radius: 6px;
  border: 1px solid var(--line);
}
.tf-checkout-cart-main .check-payment .tf-check-rounded {
  flex-shrink: 0;
  margin-top: 5px;
}
.tf-checkout-cart-main .check-payment .text-payment {
  color: rgba(102, 112, 133, 0.8);
}
.tf-checkout-cart-main .payment-method-box {
  margin-bottom: 32px;
}

.payment-item {
  border: 1px solid var(--line);
  border-radius: 6px;
}
.payment-item .payment-header {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 16px;
}
.payment-item .payment-body {
  padding: 4px 16px 22px;
}
.payment-item .ip-card {
  position: relative;
}
.payment-item .ip-card input {
  padding-right: 55px;
}
.payment-item .ip-card .card-logo {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 41px;
  height: 12px;
}
.payment-item .cb-ship {
  display: flex;
  gap: 8px;
}
.payment-item .cb-ship input {
  margin-top: 2px;
}

.paypal-payment .payment-header {
  position: relative;
  padding-right: 95px;
}
.paypal-payment .payment-header .card-logo {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 78px;
  height: 20px;
}

.title-success-order .icon {
  width: 132px;
  height: 132px;
  margin-bottom: 32px;
}
.title-success-order .box-title {
  display: grid;
  gap: 24px;
}

.woocommerce-orders-table__cell .woocs_price_code {
  display: inline-flex;
}

.tf-main-success .box-progress-order {
  border: 1px solid var(--line);
  padding: 24px;
  border-radius: 16px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.tf-main-success .box-progress-order .order-progress-item {
  display: grid;
  gap: 12px;
}
.tf-main-success .box-progress-order .order-progress-item:not(:last-child) {
  border-right: 1px solid var(--line);
}
.tf-main-success .box-timeline-order {
  max-width: 618px;
  margin: 64px auto 42px;
  display: flex;
  justify-content: space-between;
}
.tf-main-success .box-timeline-order .line-time {
  display: flex;
  height: 1px;
  width: 100%;
  max-width: 208px;
  background-color: #efefef;
  margin: 25px -10px 0px;
}
.tf-main-success .timeline-item {
  position: relative;
  flex-shrink: 0;
}
.tf-main-success .timeline-item .box-icon {
  width: 48px;
  height: 48px;
  font-size: 28px;
  color: var(--dark);
  background-color: #efefef;
  border-radius: 50%;
  margin: 0px auto 12px;
}
.tf-main-success .timeline-item .content {
  display: grid;
  gap: 4px;
}
.tf-main-success .timeline-item.active .box-icon {
  background-color: var(--primary);
  color: var(--white);
}
.tf-main-success .timeline-item.active .title {
  color: var(--primary);
}
.tf-main-success .map-order {
  height: 500px;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 24px;
}
.tf-main-success .box-ship-address {
  border: 1px solid var(--line);
  padding: 24px;
  border-radius: 16px;
}
.tf-main-success .ship-address-item {
  margin-bottom: 24px;
}
.tf-main-success .ship-address-item .title {
  margin-bottom: 24px;
}
.tf-main-success .ship-address-item .list-address li:not(:last-child) {
  margin-bottom: 8px;
}

.fl-order-testimonial {
  padding: 24px;
  background-color: #FFEDED;
  border-radius: 16px;
}
.fl-order-testimonial .box-order-tes {
  display: grid;
  justify-items: center;
  gap: 24px;
}
.fl-order-testimonial .box-order-tes .content {
  display: grid;
  gap: 16px;
}
.fl-order-testimonial .box-order-tes .icon {
  font-size: 32px;
  color: var(--primary);
}
.fl-order-testimonial .sw-dot-default {
  margin-top: 24px;
}

.tf-cart-checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.tf-cart-checkbox .tf-checkbox-wrapp {
  place-items: center;
  position: relative;
  overflow: hidden;
  display: flex;
}
.tf-cart-checkbox .tf-checkbox-wrapp input {
  cursor: pointer;
  display: block;
  width: 14px;
  height: 14px;
  transition: 0.2s ease-in-out;
  background-color: var(--white);
  opacity: 0;
}
.tf-cart-checkbox .tf-checkbox-wrapp input:checked + div {
  background-color: var(--primary);
}
.tf-cart-checkbox .tf-checkbox-wrapp input:checked + div i {
  transform: scale(1);
}
.tf-cart-checkbox .tf-checkbox-wrapp div {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  transition: 0.25s ease-in-out;
  z-index: 5;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  background-color: var(--white);
  color: var(--white);
  pointer-events: none;
}
.tf-cart-checkbox .tf-checkbox-wrapp div i {
  font-size: 6px;
  transform: scale(0);
}
.tf-cart-checkbox label {
  font-weight: 400;
  cursor: pointer;
}
.tf-cart-checkbox label a {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.tf-cart-checkbox .wrap-content {
  display: none;
}
.tf-cart-checkbox.check .wrap-content {
  display: block;
}

.wg-quantity {
  display: flex;
  justify-content: space-between;
  background-color: #f1f1f1;
  border-radius: 43px;
  overflow: hidden;
}
.wg-quantity .quantity-product {
  width: 44px;
  height: 44px;
  padding: 0;
  background-color: transparent;
  border: 0;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  color: var(--dark);
  pointer-events: none;
}
.wg-quantity .btn-quantity {
  width: 44px;
  height: 44px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #011624;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.wg-quantity .btn-quantity:hover {
  color: var(--primary);
}
.wg-quantity.small .btn-quantity,
.wg-quantity.small .quantity-product {
  height: 34px;
}
.wg-quantity.small .quantity-product {
  font-size: 14px;
  font-weight: 700;
  line-height: 16.8px;
  letter-spacing: -0.03em;
}

.inner-quantity {
  display: inline-flex;
  justify-content: space-between;
  background-color: #f1f1f1;
  border-radius: 43px;
  overflow: hidden;
}
.inner-quantity .qty {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  width: 44px;
  height: 34px;
  padding: 0;
  background-color: transparent;
  border: 0;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 16.8px;
  letter-spacing: -0.03em;
  color: var(--dark);
  pointer-events: none;
}
.inner-quantity .qty::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.inner-quantity .qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.inner-quantity .qty_button {
  width: 23px;
  height: 34px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 400;
  color: #011624;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.inner-quantity .qty_button:hover {
  color: var(--primary);
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
  background-color: rgba(0, 138, 0, 0.3);
  color: #008a00;
  clear: both;
  font-weight: 500;
  font-size: 14px;
  border-radius: 5px;
  padding: 13px 20px;
  margin-bottom: 2em;
  list-style: none;
  outline: none;
}

.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a,
.woocommerce-noreviews a,
p.no-comments a {
  color: inherit;
  text-decoration: underline;
  line-height: 1;
  margin-left: 5px;
}

.woocommerce-info a.showcoupon {
  margin-left: 0;
}

.woocommerce-message .showlogin,
.woocommerce-info .showlogin,
.woocommerce-error .showlogin,
.woocommerce-noreviews .showlogin,
p.no-comments .showlogin {
  text-decoration: none;
  cursor: inherit;
}

.woocommerce-message a.button,
.woocommerce-info a.button,
.woocommerce-error a.button,
.woocommerce-noreviews a.button,
p.no-comments a.button {
  float: right;
  padding: 3px 0 0 0;
  background-color: transparent;
  display: inline;
  height: auto;
  min-width: auto;
  box-shadow: none;
  color: inherit;
  border: none;
}

.woocommerce-message a.button:hover,
.woocommerce-info a.button:hover,
.woocommerce-error a.button:hover,
.woocommerce-noreviews a.button:hover,
p.no-comments a.button:hover {
  background-color: transparent;
}

.woocommerce-message a.button:after,
.woocommerce-info a.button:after,
.woocommerce-error a.button:after,
.woocommerce-noreviews a.button:after,
p.no-comments a.button:after {
  display: none;
}

.woocommerce-message:after,
.woocommerce-info:after,
.woocommerce-error:after,
.woocommerce-noreviews:after,
p.no-comments:after {
  clear: both;
  display: block;
  content: "";
}

.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
  background-color: #ecf6ff;
  color: #0f86ff;
}

.woocommerce-info a {
  color: var(--primary);
}

.woocommerce-error {
  background-color: rgba(255, 72, 72, 0.1);
  color: #ff4848;
}

.tf-mini-cart-tool-openable #shipping-calculator-form {
  display: block !important;
}
.tf-mini-cart-tool-openable #shipping-calculator-form .form-row {
  margin-bottom: 14px;
}
.tf-mini-cart-tool-openable #shipping-calculator-form .form-row label {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 20px;
}
.tf-mini-cart-tool-openable #shipping-calculator-form .form-row select, .tf-mini-cart-tool-openable #shipping-calculator-form .form-row input {
  width: 100%;
  padding: 9px 24px 9px 12px;
  border: 1px solid var(--line);
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 16px;
  line-height: 24px;
  color: var(--text);
  height: 49px;
  border-radius: 6px;
}
.tf-mini-cart-tool-openable .woocommerce-shipping-calculator .shipping-calculator-button {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.tf-mini-cart-tool-openable .woocommerce-shipping-calculator button[name=calc_shipping] {
  display: none;
}
.tf-mini-cart-tool-openable .notice-order-note,
.tf-mini-cart-tool-openable .notice-gift,
.tf-mini-cart-tool-openable .notice-shipping,
.tf-mini-cart-tool-openable .notice-coupon {
  margin-top: 5px;
}
.tf-mini-cart-tool-openable .subscribe-button {
  padding-left: 15px;
  padding-right: 15px;
}

.tfwc-minicart-totals.loading-content {
  position: relative;
  min-height: auto;
}
.tfwc-minicart-totals.loading-content::before {
  border: 2px solid #fff;
  border-top: 2px solid #000;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  top: 20px;
}
.tfwc-minicart-totals.loading-content::after {
  opacity: 0.8;
}
.tfwc-minicart-totals .tf-cart-totals-discounts {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.tfwc-minicart-totals .tf-cart-totals-discounts .tf-totals-total-value strong {
  font-weight: 500;
}

.woocommerce-remove-coupon {
  color: red;
}

.woocommerce-cart-form .product-price .tf-price ins {
  color: var(--dark);
}

/*--------- Abstracts variable ---------- */
.tf-btn {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: var(--dark);
  border: 1px solid var(--dark);
  color: var(--white);
  padding: 13px 32px;
  border-radius: 99px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  text-transform: capitalize;
}
.tf-btn .icon {
  font-size: 16px;
}
.tf-btn.hover-icon:hover .icon {
  animation: 0.3s link-icon linear;
}
.tf-btn.hover-icon-2 {
  gap: 0px;
}
.tf-btn.hover-icon-2 .icon {
  transform: scale(0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: var(--white);
  width: 0;
}
.tf-btn.hover-icon-2:hover .icon {
  transform: scale(1);
  width: 14px;
  margin-left: 10px;
}
.tf-btn.hover-icon-2.btn-cls .icon {
  font-size: 12px;
}
.tf-btn.btn-primary {
  background-color: var(--primary);
  color: var(--white);
  border-color: var(--primary);
}
.tf-btn.btn-out-line-primary {
  background-color: transparent;
  border-color: var(--primary);
  color: var(--primary);
}
.tf-btn.btn-out-line-primary:hover {
  background-color: var(--primary);
  color: var(--white);
  border-color: var(--primary);
}
.tf-btn.btn-out-line-white {
  background-color: transparent;
  border-color: var(--white);
  color: var(--white);
}
.tf-btn.btn-out-line-white:hover {
  background-color: var(--primary);
  color: var(--white);
  border-color: var(--primary);
}
.tf-btn.btn-out-line-dark {
  background-color: transparent;
  border-color: var(--dark);
  color: var(--dark);
}
.tf-btn.btn-out-line-dark:hover {
  background-color: var(--dark);
  color: var(--white);
  border-color: var(--dark);
}
.tf-btn.btn-out-line-dark-2 {
  background-color: transparent;
  border-color: var(--dark-2);
  color: var(--dark-2);
}
.tf-btn.btn-out-line-dark-2:hover {
  background-color: var(--dark-2);
  color: var(--white);
  border-color: var(--dark-2);
}
.tf-btn.btn-out-line-green {
  background-color: transparent;
  border-color: #108066;
  color: #108066;
}
.tf-btn.btn-out-line-green:hover {
  background-color: #16423c;
  color: var(--white);
  border-color: #16423c;
}
.tf-btn.btn-out-line-yellow {
  background-color: transparent;
  border-color: #b99f4a;
  color: #b99f4a;
}
.tf-btn.btn-out-line-yellow:hover {
  background-color: #b99f4a;
  color: var(--white);
  border-color: #b99f4a;
}
.tf-btn.btn-white {
  color: var(--dark);
  background-color: var(--white);
  border-color: var(--white);
}
.tf-btn.btn-yellow {
  color: var(--white);
  background-color: #b99f4a;
  border-color: #b99f4a;
}
.tf-btn.btn-green {
  color: var(--white);
  background-color: #496048;
  border-color: #496048;
}
.tf-btn.btn-green-2 {
  color: var(--white);
  background-color: #16423c;
  border-color: #16423c;
}
.tf-btn.btn-blue {
  color: var(--dark);
  background-color: #cae0e8;
  border-color: #cae0e8;
}
.tf-btn.hover-primary:hover {
  background-color: var(--primary);
  color: var(--white);
  border-color: var(--primary);
}
.tf-btn.hover-dark:hover {
  background-color: var(--dark);
  color: var(--white);
  border-color: var(--dark);
}
.tf-btn.hover-green:hover {
  background-color: #b99f4a;
  color: var(--white);
  border-color: #b99f4a;
}
.tf-btn.btn-line {
  border: none;
  background: transparent;
  padding: 0px;
  color: var(--dark);
  justify-content: unset;
  width: max-content;
  position: relative;
}
.tf-btn.btn-line .icon {
  display: flex;
}
.tf-btn.btn-line i {
  font-size: 12px;
}
.tf-btn.btn-line:hover {
  color: var(--primary);
}
.tf-btn.btn-line:hover::after {
  left: 0;
  right: auto;
  width: 100%;
}
.tf-btn.btn-line::after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: auto;
  right: 0;
  width: 0%;
  height: 1px;
  background-color: var(--primary);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tf-btn.btn-line-dark {
  border: none;
  background: transparent;
  padding: 0px;
  color: var(--dark);
  justify-content: unset;
  width: max-content;
  position: relative;
}
.tf-btn.btn-line-dark .icon {
  display: flex;
}
.tf-btn.btn-line-dark i {
  font-size: 12px;
}
.tf-btn.btn-line-dark:hover {
  color: var(--primary);
}
.tf-btn.btn-line-dark:hover::after {
  background-color: var(--primary);
}
.tf-btn.btn-line-dark::after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 0;
  right: auto;
  width: 100%;
  height: 1px;
  background-color: var(--dark);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tf-btn.hover-shadow:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  transform: translateY(-2px);
}
.tf-btn.btn-outline-dark2 {
  background-color: transparent;
  border: 1px solid var(--dark-2);
  color: var(--dark-2);
}
.tf-btn.btn-outline-dark2:hover {
  background-color: var(--dark-2);
  color: var(--white);
}
.tf-btn.btn-dark2 {
  background-color: var(--dark-2);
  color: var(--white);
  border: 1px solid var(--dark-2);
}
.tf-btn.btn-dark3 {
  background-color: var(--text-2);
  color: var(--white);
  border: 1px solid var(--text-2);
}
.tf-btn.btn-small {
  padding: 9px 27px;
}

.animate-btn {
  position: relative;
  overflow: hidden;
}
.animate-btn:hover::after {
  animation: shine-reverse 1s forwards;
}

.animate-btn:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 70%);
  top: 0;
  left: -100%;
  opacity: 0.6;
}

button.animate-btn::after,
.animate-btn.tf-btn::after {
  background-image: linear-gradient(120deg, rgba(0, 0, 0, 0) 20%, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0) 70%);
}

.animate-btn.animate-dark::after {
  background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.25), transparent);
}

@keyframes shine-forward {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
@keyframes shine-reverse {
  0% {
    left: 100%;
  }
  100% {
    left: -100%;
  }
}
.btn-sidebar {
  display: none;
  position: fixed;
  top: 30%;
  z-index: 100;
  width: max-content;
}
.btn-sidebar.left {
  left: 0;
}
.btn-sidebar.right {
  right: 0;
}
.btn-sidebar button {
  width: 48px;
  height: 48px;
  display: flex;
  border: 0;
  align-items: center;
  justify-content: space-between;
  background-color: var(--white);
  box-shadow: var(--shadow-1);
  border-radius: 0 4px 4px 0px;
  padding: 10px;
}
.btn-sidebar button .icon {
  font-size: 20px;
  color: var(--dark);
}
.btn-sidebar .type-hover {
  gap: 10px;
  width: 40px;
}
.btn-sidebar .type-hover .text {
  display: none;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: var(--dark);
}
.btn-sidebar .type-hover:hover {
  width: max-content;
}
.btn-sidebar .type-hover:hover .text {
  display: block;
}

.btn-quickview.style-default {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--dark);
  flex-shrink: 0;
}
.btn-quickview.style-default i {
  color: var(--white);
}
.btn-quickview.style-default:hover {
  background-color: var(--primary);
}

.tf-loading {
  font-size: 14px;
  line-height: 20px;
  width: auto;
  height: 42px;
  min-width: 118px;
  padding: 10px;
}
.tf-loading.loadmore .spinner-circle {
  display: none;
}
.tf-loading.loadmore.loading .spinner-circle {
  display: block;
}
.tf-loading.loadmore.loading .text {
  display: none;
}
.tf-loading.loadmore:hover {
  background-color: transparent;
  border-color: var(--dark);
  color: var(--dark) !important;
}
.tf-loading.loadmore .spinner-child::before {
  background-color: var(--dark) !important;
}

.spinner-circle {
  width: 24px;
  height: 24px;
  position: relative;
}
.spinner-circle .spinner-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.spinner-circle .spinner-child::before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 20%;
  height: 20%;
  background-color: var(--white);
  border-radius: 100%;
  -webkit-animation: spinner-circleBounceDelay 1s infinite ease-in-out both;
  animation: spinner-circleBounceDelay 1s infinite ease-in-out both;
}
.spinner-circle .spinner-circle2 {
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
}
.spinner-circle .spinner-circle2::before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.spinner-circle .spinner-circle3 {
  -webkit-transform: rotate(80deg);
  -ms-transform: rotate(80deg);
  transform: rotate(80deg);
}
.spinner-circle .spinner-circle3::before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.spinner-circle .spinner-circle4 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
.spinner-circle .spinner-circle4::before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.spinner-circle .spinner-circle5 {
  -webkit-transform: rotate(160deg);
  -ms-transform: rotate(160deg);
  transform: rotate(160deg);
}
.spinner-circle .spinner-circle5::before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.spinner-circle .spinner-circle6 {
  -webkit-transform: rotate(200deg);
  -ms-transform: rotate(200deg);
  transform: rotate(200deg);
}
.spinner-circle .spinner-circle6::before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.spinner-circle .spinner-circle7 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
.spinner-circle .spinner-circle7::before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.spinner-circle .spinner-circle8 {
  -webkit-transform: rotate(280deg);
  -ms-transform: rotate(280deg);
  transform: rotate(280deg);
}
.spinner-circle .spinner-circle8::before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.spinner-circle .spinner-circle9 {
  -webkit-transform: rotate(320deg);
  -ms-transform: rotate(320deg);
  transform: rotate(320deg);
}
.spinner-circle .spinner-circle9::before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

@-webkit-keyframes spinner-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes spinner-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.btn-underline {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: var(--dark);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: linear-gradient(to right, var(--primary) 50%, var(--dark) 50%);
  background-size: 200% 100%;
  background-position: right;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: background-position 0.3s linear;
  position: relative;
}
.btn-underline:hover {
  background-position: left;
}
.btn-underline:hover::before {
  width: 100%;
}
.btn-underline::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 4px;
  right: 0;
  height: 1px;
  background-color: var(--dark);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn-underline::before {
  position: absolute;
  content: "";
  left: 0;
  width: 0;
  bottom: 4px;
  height: 1px;
  background-color: var(--primary);
  transition: width 0.3s linear;
  z-index: 1;
}

.tf-btn-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tf-btn-icon i {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tf-btn-icon:hover i {
  transform: rotate(45deg);
}

/*--------- Abstracts variable ---------- */
.tf-check {
  position: relative;
  background: transparent;
  cursor: pointer;
  outline: 0;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  min-width: 16px;
  border: 1px solid var(--rgba-dark-3);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
}
.tf-check:checked {
  border-color: var(--primary);
  background-color: var(--primary);
}
.tf-check:checked::before {
  opacity: 1;
  transform: scale(1);
}
.tf-check::before {
  font-weight: 500;
  font-family: "vince";
  content: "\e92c";
  position: absolute;
  color: var(--white);
  opacity: 0;
  font-size: 7px;
  transform: scale(0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.active .tf-check::before {
  opacity: 1;
  transform: scale(1);
}

.tf-check-rounded {
  position: relative;
  border: 1px solid #9a9a9a;
  border-radius: 50%;
  background: none;
  cursor: pointer;
  outline: 0;
  height: 10px;
  width: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-appearance: none;
}
.tf-check-rounded::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  background-color: var(--primary);
  opacity: 0;
}
.tf-check-rounded:checked {
  border-color: var(--primary);
}
.tf-check-rounded:checked::before {
  opacity: 1;
}

.tf-select {
  position: relative;
}
.tf-select select {
  width: 100%;
  padding: 9px 24px 9px 12px;
  border: 1px solid var(--line);
  border-radius: 999px;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 16px;
  line-height: 24px;
  color: var(--text);
}
.tf-select::after {
  font-family: "vince";
  position: absolute;
  content: "\e95a";
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 10px;
  z-index: -1;
  font-weight: 600;
}
.tf-select:hover select {
  border-color: var(--main);
}
.tf-select.select-square select {
  padding-top: 14px;
  padding-bottom: 14px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 20px;
  color: var(--rgba-dark-2);
  opacity: 0.8;
  height: 50px;
}

.tf-field {
  position: relative;
}
.tf-field .tf-input:not(:placeholder-shown) ~ .tf-field-label, .tf-field .tf-input:focus ~ .tf-field-label {
  border-radius: 3px;
  background-color: rgb(242, 242, 242);
  font-size: 12px;
  top: 0;
  padding: 0 8px;
  color: var(--rgba-dark-2);
}
.tf-field .tf-input::placeholder {
  color: transparent;
}
.tf-field .tf-field-label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  transition: all 0.1s ease;
  cursor: text;
  font-size: 14px;
  line-height: 20px;
  color: rgba(102, 112, 133, 0.8);
}
.tf-field.style-2 .tf-input {
  padding: 24px 20px 6px;
  height: 50px;
}
.tf-field.style-2 .tf-input:not(:placeholder-shown) ~ .tf-field-label, .tf-field.style-2 .tf-input:focus ~ .tf-field-label {
  top: 6px;
  left: 20px;
  transform: none;
  background-color: transparent;
  padding: 0;
  font-size: 12px;
  line-height: 18px;
  color: rgba(102, 112, 133, 0.8);
}
.tf-field.style-3 .tf-input {
  padding-left: 12px;
  padding-right: 12px;
}
.tf-field.style-3 .tf-input:not(:placeholder-shown) ~ .tf-field-label, .tf-field.style-3 .tf-input:focus ~ .tf-field-label {
  left: 12px;
}
.tf-field.style-3 .tf-field-label {
  left: 12px;
}

.form-search-normal,
.form-search {
  position: relative;
}
.form-search-normal input,
.form-search input {
  border-color: rgba(0, 0, 0, 0.2);
  padding-right: 45px !important;
}
.form-search-normal input::placeholder,
.form-search input::placeholder {
  color: #989898;
}
.form-search-normal button,
.form-search button {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  background-color: transparent;
  border: 0;
  color: var(--dark);
}
.form-search-normal button .icon,
.form-search button .icon {
  font-size: 20px;
}
.form-search-normal button .icon.icon-close,
.form-search button .icon.icon-close {
  font-size: 13px;
}
.form-search-normal .btn-search,
.form-search .btn-search {
  background-color: var(--dark);
  color: var(--white);
  padding: 7px 22px;
  right: 6px;
  min-height: 38px;
  min-width: 67.05px;
}
.form-search-normal .btn-search .icon,
.form-search .btn-search .icon {
  font-size: 24px;
}
.form-search-normal .btn-search:hover,
.form-search .btn-search:hover {
  background-color: var(--primary);
  color: var(--white);
}

.tf-form-search {
  position: relative;
}
.tf-form-search .search-suggests-results {
  border-radius: 10px;
  position: absolute;
  top: calc(100% + 5px);
  right: 0;
  left: 0;
  z-index: 1000;
  height: auto;
  background-color: var(--white);
  opacity: 0;
  visibility: hidden;
  transition: all 0.1s ease-in-out;
  max-width: 100%;
  box-shadow: var(--shadow-1);
  pointer-events: none;
}
.tf-form-search .search-suggests-results .search-suggests-results-inner {
  overflow: auto;
  overflow-x: hidden;
  padding: 20px;
  max-height: calc(95vh - 183px);
}
.tf-form-search .search-suggests-results .search-suggests-results-inner::-webkit-scrollbar {
  width: 5px;
  border-radius: 5px;
}
.tf-form-search .search-suggests-results .search-suggests-results-inner::-webkit-scrollbar-track {
  background-color: var(--line);
}
.tf-form-search .search-suggests-results .search-suggests-results-inner::-webkit-scrollbar-thumb {
  background: var(--line-3);
  border-radius: 10px;
}
.tf-form-search.active .search-suggests-results {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.tf-form-search .search-suggests-results-inner .search-result-item {
  display: flex;
  gap: 15px;
}
.tf-form-search .search-suggests-results-inner .search-result-item .box-content {
  flex-grow: 1;
}
.tf-form-search .search-suggests-results-inner .search-result-item .box-content .title {
  color: var(--dark);
  text-align: left;
}
.tf-form-search .search-suggests-results-inner .search-result-item .box-content .price {
  color: var(--dark);
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.tf-form-search .search-suggests-results-inner .search-result-item .box-content .old-price {
  text-decoration: line-through;
  color: var(--rgba-dark);
}
.tf-form-search .search-suggests-results-inner .search-result-item .box-content .new-price {
  color: var(--primary);
}
.tf-form-search .search-suggests-results-inner .search-result-item .box-content .new-price del {
  text-decoration: line-through;
  color: var(--rgba-dark);
}
.tf-form-search .search-suggests-results-inner .search-result-item .box-content .new-price ins {
  order: -1;
  text-decoration: none;
}
.tf-form-search .search-suggests-results-inner .search-result-item .img-box {
  width: 60px;
  height: 84px;
}
.tf-form-search .search-suggests-results-inner .search-result-item .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tf-form-search .search-suggests-results-inner li:not(:last-child) .search-result-item {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: solid 1px var(--line);
}

.form-newsletter fieldset input {
  border-radius: 49px;
  border-color: var(--line);
  padding: 14px 20px;
}
.form-newsletter fieldset input::placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #8f8f8f;
}
.form-newsletter .button-submit {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
}
.form-newsletter .subscribe-content {
  position: relative;
}
.form-newsletter.st2 input {
  height: 48px;
}
.form-newsletter.st2 .tf-btn {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  padding: 8.8px 25px;
}

.form-default .cols {
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
}
.form-default .cols > * {
  width: 100%;
}
.form-default fieldset label {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 9px;
}
.form-default fieldset input {
  border-radius: 8px;
  border-color: var(--line);
  color: var(--dark);
}
.form-default fieldset textarea {
  border-radius: 16px;
  border-color: var(--line);
  height: 228px;
}
.form-default fieldset textarea:hover {
  border-color: var(--dark);
}
.form-default .notice {
  margin-bottom: 42px;
}
.form-default .button-submit {
  display: flex;
  justify-content: center;
  position: unset;
  right: unset;
  top: unset;
  transform: unset;
  margin-top: -6px;
}
.form-default .button-submit .tf-btn {
  padding: 11px 28px;
  min-width: 176px;
}

.woocommerce-billing-fields__field-wrapper .tf-field:first-child {
  float: left;
  width: 50%;
  padding-right: 8px;
}
.woocommerce-billing-fields__field-wrapper .tf-field:nth-child(2) {
  width: 50%;
  padding-left: 8px;
}
.woocommerce-billing-fields__field-wrapper .tf-field:nth-child(2) .tf-field-label {
  left: 20px;
}
.woocommerce-billing-fields__field-wrapper .tf-field:nth-child(2) .tf-input:not(:placeholder-shown) ~ .tf-field-label,
.woocommerce-billing-fields__field-wrapper .tf-field:nth-child(2) .tf-input:focus ~ .tf-field-label {
  left: 20px;
}

.woocommerce-address-fields .button,
.woocommerce-address-fields .woocommerce-Button,
.woocommerce-EditAccountForm .button,
.woocommerce-EditAccountForm .woocommerce-Button {
  position: relative;
  overflow: hidden;
}
.woocommerce-address-fields .button:hover::after,
.woocommerce-address-fields .woocommerce-Button:hover::after,
.woocommerce-EditAccountForm .button:hover::after,
.woocommerce-EditAccountForm .woocommerce-Button:hover::after {
  animation: shine-reverse 1s forwards;
}
.woocommerce-address-fields .button::after,
.woocommerce-address-fields .woocommerce-Button:after,
.woocommerce-EditAccountForm .button::after,
.woocommerce-EditAccountForm .woocommerce-Button:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 70%);
  top: 0;
  left: -100%;
  opacity: 0.6;
}

.woocommerce-EditAccountForm,
.woocommerce-address-fields,
.wd-form-address {
  padding: 32px;
  border: 1px solid var(--line);
  border-radius: 16px;
}
.woocommerce-EditAccountForm .form-row,
.woocommerce-EditAccountForm .cols,
.woocommerce-address-fields .form-row,
.woocommerce-address-fields .cols,
.wd-form-address .form-row,
.wd-form-address .cols {
  margin-bottom: 15px;
}
.woocommerce-EditAccountForm .form-row.form-row-first,
.woocommerce-EditAccountForm fieldset.form-row-first,
.woocommerce-address-fields .form-row.form-row-first,
.woocommerce-address-fields fieldset.form-row-first,
.wd-form-address .form-row.form-row-first,
.wd-form-address fieldset.form-row-first {
  float: left;
  width: 50%;
  padding-right: 12px;
}
.woocommerce-EditAccountForm .form-row.form-row-last,
.woocommerce-EditAccountForm fieldset.form-row-last,
.woocommerce-address-fields .form-row.form-row-last,
.woocommerce-address-fields fieldset.form-row-last,
.wd-form-address .form-row.form-row-last,
.wd-form-address fieldset.form-row-last {
  float: left;
  width: 50%;
  padding-left: 12px;
}
.woocommerce-EditAccountForm .form-row label,
.woocommerce-EditAccountForm fieldset label,
.woocommerce-address-fields .form-row label,
.woocommerce-address-fields fieldset label,
.wd-form-address .form-row label,
.wd-form-address fieldset label {
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 10px;
}
.woocommerce-EditAccountForm .form-row input,
.woocommerce-EditAccountForm fieldset input,
.woocommerce-address-fields .form-row input,
.woocommerce-address-fields fieldset input,
.wd-form-address .form-row input,
.wd-form-address fieldset input {
  border-radius: 6px;
  border-color: var(--line);
  color: var(--dark);
}
.woocommerce-EditAccountForm .form-row .select2-container .select2-selection--single,
.woocommerce-EditAccountForm fieldset .select2-container .select2-selection--single,
.woocommerce-address-fields .form-row .select2-container .select2-selection--single,
.woocommerce-address-fields fieldset .select2-container .select2-selection--single,
.wd-form-address .form-row .select2-container .select2-selection--single,
.wd-form-address fieldset .select2-container .select2-selection--single {
  color: #444;
  height: 50px;
}
.woocommerce-EditAccountForm .form-row .select2-container--default .select2-selection--single .select2-selection__rendered,
.woocommerce-EditAccountForm fieldset .select2-container--default .select2-selection--single .select2-selection__rendered,
.woocommerce-address-fields .form-row .select2-container--default .select2-selection--single .select2-selection__rendered,
.woocommerce-address-fields fieldset .select2-container--default .select2-selection--single .select2-selection__rendered,
.wd-form-address .form-row .select2-container--default .select2-selection--single .select2-selection__rendered,
.wd-form-address fieldset .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 10px 20px;
}
.woocommerce-EditAccountForm .form-row .select2-container--default .select2-selection--single .select2-selection__arrow,
.woocommerce-EditAccountForm fieldset .select2-container--default .select2-selection--single .select2-selection__arrow,
.woocommerce-address-fields .form-row .select2-container--default .select2-selection--single .select2-selection__arrow,
.woocommerce-address-fields fieldset .select2-container--default .select2-selection--single .select2-selection__arrow,
.wd-form-address .form-row .select2-container--default .select2-selection--single .select2-selection__arrow,
.wd-form-address fieldset .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 50px;
}
.woocommerce-EditAccountForm .form-row legend,
.woocommerce-EditAccountForm fieldset legend,
.woocommerce-address-fields .form-row legend,
.woocommerce-address-fields fieldset legend,
.wd-form-address .form-row legend,
.wd-form-address fieldset legend {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
}
.woocommerce-EditAccountForm .form-row .show-password-input,
.woocommerce-EditAccountForm fieldset .show-password-input,
.woocommerce-address-fields .form-row .show-password-input,
.woocommerce-address-fields fieldset .show-password-input,
.wd-form-address .form-row .show-password-input,
.wd-form-address fieldset .show-password-input {
  display: none;
}
.woocommerce-EditAccountForm .form-row #account_display_name_description,
.woocommerce-EditAccountForm fieldset #account_display_name_description,
.woocommerce-address-fields .form-row #account_display_name_description,
.woocommerce-address-fields fieldset #account_display_name_description,
.wd-form-address .form-row #account_display_name_description,
.wd-form-address fieldset #account_display_name_description {
  margin-top: 10px;
  display: block;
}
.woocommerce-EditAccountForm .tf-cart-checkbox,
.woocommerce-address-fields .tf-cart-checkbox,
.wd-form-address .tf-cart-checkbox {
  margin-bottom: 24px;
  display: flex;
  gap: 10px;
  align-items: center;
  cursor: pointer;
}
.woocommerce-EditAccountForm .box-btn,
.woocommerce-address-fields .box-btn,
.wd-form-address .box-btn {
  display: flex;
  gap: 12px;
}

.show-form-address,
.edit-form-address {
  display: none;
}

.edit-form-address {
  margin-top: 24px;
}

.account-address .title-account {
  margin-bottom: 23px;
}

.cols {
  display: flex;
  gap: 15px 10px;
}
.cols > * {
  width: 100%;
}

.form-ask-question .text {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: #5d5d5d;
}
.form-ask-question textarea {
  height: 149px;
}
.form-ask-question button {
  margin-top: 42px;
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 19.2px;
  letter-spacing: -0.03em;
}

.woocommerce-column.col-1,
.woocommerce-column.col-2 {
  width: auto;
  margin-bottom: 20px;
}
.woocommerce-column.col-1:last-child,
.woocommerce-column.col-2:last-child {
  margin-bottom: 0;
}

.woocommerce-view-order .woocommerce-order-details {
  margin-top: 25px;
}
.woocommerce-view-order .woocommerce-order-details *:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}

.variant .wc-item-meta li {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 5px;
}
.variant .wc-item-meta li strong {
  font-weight: 500;
}
.variant .wc-item-meta li:last-child {
  margin-bottom: 0;
}

/*--------- Abstracts variable ---------- */
.flat-single-product {
  padding: 27px 0px 100px;
}

.stagger-wrap .stagger-item {
  transition: 0.3s ease-in-out;
  transform: scale(0.5) rotate(90deg) skew(15deg);
  opacity: 0;
}
.stagger-wrap .stagger-item.stagger-finished {
  transform: scale(1) rotate(0deg) skew(0deg);
  opacity: 1;
}

.slider-scroll,
.thumbs-slider {
  display: flex;
  gap: 10px;
}

.thumbs-bottom {
  flex-direction: column;
}
.thumbs-bottom .tf-product-media-thumbs {
  order: 1;
  width: 100%;
}
.thumbs-bottom .flat-wrap-media-product {
  width: 100%;
}

.tf-product-media-thumbs {
  width: 122px;
  flex-shrink: 0;
  max-height: 758px;
}
.tf-product-media-thumbs .swiper-slide {
  height: max-content;
  width: auto;
}
.tf-product-media-thumbs .swiper-slide .item {
  position: relative;
  height: 100%;
}
.tf-product-media-thumbs .swiper-slide .item img {
  border-radius: 8px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tf-product-media-thumbs .swiper-slide .item::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
}
.tf-product-media-thumbs .swiper-slide:not(.swiper-slide-thumb-active) .item {
  opacity: 0.6;
}
.tf-product-media-thumbs .swiper-slide.swiper-slide-thumb-active .item::after {
  border-color: rgba(0, 0, 0, 0.4);
}

.wrap-btn-viewer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
}
.wrap-btn-viewer .icon {
  font-size: 20px;
}

.tf-model-viewer-ui-button .wrap-btn-viewer {
  width: 44px;
  height: 44px;
}

.flat-wrap-media-product {
  width: calc(100% - 132px);
  position: relative;
}
.flat-wrap-media-product .tf-product-media-main {
  border-radius: 12px;
}
.flat-wrap-media-product .tf-product-media-main .item {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
  max-height: 827px;
}
.flat-wrap-media-product .tf-product-media-main .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.flat-wrap-media-product .tf-product-media-main .slide-3d,
.flat-wrap-media-product .tf-product-media-main .slide-video {
  height: auto;
}

.tf-product-info-wrap .tf-product-info-heading {
  border-bottom: 1px solid var(--line);
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.tf-product-info-wrap .tf-product-info-heading .brands {
  margin-bottom: 12px;
}
.tf-product-info-wrap .tf-product-info-heading .brands a {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #545454;
  text-transform: uppercase;
}
.tf-product-info-wrap .tf-product-info-heading .category {
  margin-bottom: 12px;
}
.tf-product-info-wrap .tf-product-info-heading .category * {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: -3%;
  color: #545454;
}
.tf-product-info-wrap .tf-product-info-heading .category .content {
  color: #000;
}
.tf-product-info-wrap .tf-product-info-heading .category .content a {
  color: #000;
}
.tf-product-info-wrap .tf-product-info-heading .product-info-name {
  margin-bottom: 12px;
}
.tf-product-info-wrap .tf-product-info-heading .product-info-rate {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.tf-product-info-wrap .tf-product-info-heading .product-info-rate .list-star {
  margin-right: 6px;
  display: flex;
  align-items: center;
}
.tf-product-info-wrap .tf-product-info-heading .product-info-rate .icon {
  font-size: 16px;
  color: #98ab23;
}
.tf-product-info-wrap .tf-product-info-heading .product-info-rate .icon:not(:last-child) {
  margin-right: 5px;
}
.tf-product-info-wrap .tf-product-info-heading .product-info-rate .count-review {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 22.4px;
  letter-spacing: -3%;
  color: var(--text);
}
.tf-product-info-wrap .tf-product-info-heading .product-info-price {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  font-weight: 500;
  margin-bottom: 12px;
}
.tf-product-info-wrap .tf-product-info-heading .product-info-price .price-new {
  color: var(--primary);
}
.tf-product-info-wrap .tf-product-info-heading .product-info-price .price-old {
  color: var(--rgba-dark);
  text-decoration: line-through;
}
.tf-product-info-wrap .tf-product-info-heading .badge-sale {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  background-color: var(--primary);
  border-radius: 22px;
  padding: 5px 10px;
  color: var(--white);
}
.tf-product-info-wrap .tf-product-info-heading .group-badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
.tf-product-info-wrap .tf-product-info-heading .group-badges .on-sale-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.tf-product-info-wrap .tf-product-info-heading .group-badges .on-sale-wrap .on-sale-item {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  padding: 5px 10px;
  border-radius: 5px;
  color: #1D770B;
  background: rgba(44, 163, 21, 0.1019607843);
}
.tf-product-info-wrap .tf-product-info-heading .group-badges .on-sale-wrap .on-sale-item.out-stock {
  background: rgba(37, 37, 37, 0.1019607843);
  color: #252525;
}
.tf-product-info-wrap .tf-product-info-heading .product-info-sold {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 0 !important;
}
.tf-product-info-wrap .tf-product-info-heading .product-info-sold .icon {
  animation: tf-ani-flash 2s infinite;
}
.tf-product-info-wrap .tf-product-info-heading .product-info-progress-sale .title-hurry-up {
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 14.4px;
  color: var(--dark);
}
.tf-product-info-wrap .tf-product-info-heading .product-info-progress-sale .count {
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  color: var(--primary);
}
.tf-product-info-wrap .tf-product-info-heading .progress-sold {
  width: 100%;
  background-color: var(--line-4);
  height: 5px;
  position: relative;
  border-radius: 5px;
}
.tf-product-info-wrap .tf-product-info-heading .progress-sold .value {
  position: relative;
  height: 100%;
  background-color: var(--primary);
  transition: width 2s ease;
  border-radius: 5px;
}
.tf-product-info-wrap .tf-product-info-variant {
  display: grid;
  gap: 24px;
  margin-bottom: 24px;
}
.tf-product-info-wrap .tf-product-info-variant .variant-picker-label {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 24px;
  color: var(--dark);
}
.tf-product-info-wrap .tf-product-info-variant .variant-picker-label-value {
  text-transform: capitalize;
  margin-left: 4px;
  font-weight: 500;
  letter-spacing: -3%;
}
.tf-product-info-wrap .variant-color .variant-picker-values {
  display: flex;
  gap: 12px;
}
.tf-product-info-wrap .variant-color .color-btn:not(.select-item) {
  position: relative;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid transparent;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 50%;
}
.tf-product-info-wrap .variant-color .color-btn:not(.select-item) .check-color {
  width: 32px;
  height: 32px;
  display: block;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tf-product-info-wrap .variant-color .color-btn:not(.select-item).active {
  border-color: var(--dark-2);
}
.tf-product-info-wrap .variant-color .color-btn.style-image {
  width: 56px;
  height: 56px;
  padding: 6px;
  border: 1px solid var(--line);
}
.tf-product-info-wrap .variant-color .color-btn.style-image .img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.tf-product-info-wrap .variant-color .color-btn.style-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tf-product-info-wrap .variant-color .color-btn.style-image-square {
  width: 80px;
  height: 100px;
  padding: 6px;
  border: 1px solid var(--line);
  border-radius: 6px;
}
.tf-product-info-wrap .variant-color .color-btn.style-image-square .img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  overflow: hidden;
}
.tf-product-info-wrap .variant-color .color-btn.style-image-square img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tf-product-info-wrap .variant-size .variant-picker-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.tf-product-info-wrap .variant-size .size-guide {
  font-size: 14px;
  line-height: 16.8px;
  text-decoration: underline;
}
.tf-product-info-wrap .variant-size .variant-picker-values {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.tf-product-info-wrap .variant-size .size-btn:not(.select-item) {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid var(--line);
  font-size: 20px;
  line-height: 30px;
  color: var(--dark);
  font-weight: 500;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.tf-product-info-wrap .variant-size .size-btn:not(.select-item).active {
  border-color: var(--dark);
}
.tf-product-info-wrap .product-info-countdown {
  padding: 20px;
  display: inline-block;
  border: 1px solid var(--primary);
  border-radius: 8px;
}
.tf-product-info-wrap .product-info-countdown .countdown-title {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 12px;
}
.tf-product-info-wrap .product-info-countdown .countdown__timer {
  display: flex;
  gap: 12px;
}
.tf-product-info-wrap .product-info-countdown .countdown__item {
  width: 48px;
  height: 32px;
  font-size: 16px;
  line-height: 24px;
  color: var(--white);
  background-color: var(--primary);
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.tf-product-info-wrap .product-info-countdown .countdown__item:not(:last-child)::after {
  position: absolute;
  content: ":";
  top: 50%;
  transform: translateY(-50%);
  right: -8px;
  color: var(--dark);
}
.tf-product-info-wrap .tf-product-total-quantity {
  margin-bottom: 24px;
}
.tf-product-info-wrap .tf-product-total-quantity .group-btn {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.tf-product-info-wrap .tf-product-total-quantity .group-btn .tf-btn {
  flex-grow: 1;
}
.tf-product-info-wrap .tf-product-total-quantity .wg-quantity .quantity-product,
.tf-product-info-wrap .tf-product-total-quantity .wg-quantity .btn-quantity {
  height: 50px;
}
.tf-product-info-wrap .tf-product-total-quantity .tf-btn {
  text-transform: none;
}
.tf-product-info-wrap .tf-product-total-quantity .btn-out-stock {
  background-color: var(--text);
  border-color: var(--text);
  cursor: not-allowed;
}
.tf-product-info-wrap .tf-product-total-quantity .more-choose-payment {
  margin-top: 12px;
  display: block;
  text-align: center;
  text-decoration: underline;
}
.tf-product-info-wrap .tf-product-info-extra-link {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.tf-product-info-wrap .tf-product-info-extra-link .product-extra-icon {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
}
.tf-product-info-wrap .tf-product-info-extra-link .product-extra-icon .icon {
  font-size: 18px;
}
.tf-product-info-wrap .tf-product-info-trust-seal {
  margin-bottom: 24px;
}
.tf-product-info-wrap .tf-product-info-trust-seal .list-card {
  margin-top: 12px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}
.tf-product-info-wrap .tf-product-info-trust-seal .card-item {
  width: 45px;
  height: 32px;
  border: 1px solid #d9d9d9;
  border-radius: 2.5px;
}
.tf-product-info-wrap .tf-product-info-delivery-return {
  border-radius: 16px;
  border: 1px solid var(--line);
  padding: 20px;
  display: flex;
}
.tf-product-info-wrap .tf-product-info-delivery-return .product-delivery {
  display: grid;
  gap: 10px;
  text-align: center;
  padding: 0px 25px;
}
.tf-product-info-wrap .tf-product-info-delivery-return .product-delivery .icon {
  font-size: 23px;
  color: var(--dark);
}
.tf-product-info-wrap .tf-product-info-delivery-return .product-delivery:not(:last-child) {
  border-right: 1px solid var(--line);
}
.tf-product-info-wrap .tf-product-pickup-available {
  display: flex;
  margin: 32px 0px;
  gap: 8px;
}
.tf-product-info-wrap .tf-product-pickup-available .icon {
  font-size: 21px;
  color: var(--light-green);
}
.tf-product-info-wrap .tf-product-pickup-available .content {
  display: grid;
  gap: 4px;
}
.tf-product-info-wrap .tf-product-pickup-available .check-availability {
  font-size: 12px;
  line-height: 18px;
  color: var(--text);
  text-decoration: underline;
}
.tf-product-info-wrap .tf-product-volume-discount,
.tf-product-info-wrap .tf-product-info-list {
  margin-bottom: 30px;
}
.tf-product-info-wrap .tf-product-volume-discount-thumbnail {
  margin-top: 30px;
  margin-bottom: 30px;
}
.tf-product-info-wrap .tf-product-info-list {
  position: relative;
}
.tf-product-info-wrap .tf-product-info-list .group-breadcrumb {
  position: absolute;
  right: 0;
  top: 0;
}
.tf-product-info-wrap .tf-product-info-list .product-info-name {
  max-width: calc(100% - 80px);
}

.btn-add-wishlist .added {
  display: none;
}
.btn-add-wishlist.added-wishlist .add {
  display: none;
}
.btn-add-wishlist.added-wishlist .added {
  display: block;
}

.wg-quantity {
  display: flex;
  justify-content: space-between;
  background-color: #f1f1f1;
  border-radius: 43px;
  overflow: hidden;
}
.wg-quantity .quantity-product {
  width: 44px;
  height: 44px;
  padding: 0;
  background-color: transparent;
  border: 0;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  color: var(--dark);
  pointer-events: none;
}
.wg-quantity .btn-quantity {
  width: 44px;
  height: 44px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #011624;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.wg-quantity .btn-quantity:hover {
  color: var(--primary);
}
.wg-quantity.small .btn-quantity,
.wg-quantity.small .quantity-product {
  height: 34px;
}
.wg-quantity.small .quantity-product {
  font-size: 14px;
  font-weight: 700;
  line-height: 16.8px;
  letter-spacing: -0.03em;
}

.tf-mini-cart-wrap .wg-quantity .btn-quantity,
.tf-mini-cart-wrap .wg-quantity .quantity-product {
  height: 30px;
  width: 30px;
  font-size: 18px;
}
.tf-mini-cart-wrap .wg-quantity .quantity-product {
  font-family: "DM Sans" !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 16.8px;
  letter-spacing: -0.03em;
}

.tf-product-fbt {
  padding: 20px;
  border-radius: 16px;
  border: 1px solid var(--line);
}
.tf-product-fbt .title {
  margin-bottom: 16px;
}
.tf-product-fbt .tf-bundle-product-item {
  padding: 16.35px 0px;
}
.tf-product-fbt .tf-product-form-bundle {
  display: grid;
  gap: 24px;
}
.tf-product-fbt .btn-submit-total {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  text-transform: none;
}
.tf-product-fbt .bundle-total-submit {
  display: flex;
  align-items: center;
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
}
.tf-product-fbt .bundle-total-submit .text {
  margin-right: 10px;
}
.tf-product-fbt .bundle-total-submit .total-price {
  margin-right: 5px;
  color: var(--primary);
}
.tf-product-fbt .bundle-total-submit .total-price-old {
  color: var(--line-3);
}

.tf-product-fbt-wrap {
  padding: 15px;
  border-radius: 16px;
  border: 1px solid var(--line);
}
.tf-product-fbt-wrap .list-fbt {
  display: flex;
  gap: 25px;
  align-items: center;
  overflow-x: auto;
  min-width: 100%;
}
.tf-product-fbt-wrap .list-fbt::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.tf-product-fbt-wrap .list-fbt::-webkit-scrollbar-track {
  background-color: var(--bg-scrollbar-track);
}
.tf-product-fbt-wrap .list-fbt::-webkit-scrollbar-thumb {
  background: var(--bg-scrollbar-thumb);
  border-radius: 4px;
}
.tf-product-fbt-wrap .fbt-image {
  width: 129px;
  min-width: 129px;
  border-radius: 8px;
  overflow: hidden;
}
.tf-product-fbt-wrap .fbt-swatches {
  display: grid;
  gap: 8px;
}
.tf-product-fbt-wrap .fbt-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.tf-product-fbt-wrap .fbt-info .bundle-variant,
.tf-product-fbt-wrap .fbt-info .bundle-title {
  margin-right: 10px;
}
.tf-product-fbt-wrap .fbt-info .bundle-price {
  display: flex;
  gap: 6px;
}
.tf-product-fbt-wrap .fbt-info .new-price {
  color: var(--primary);
}
.tf-product-fbt-wrap .fbt-info .old-price {
  color: #bfbfbf;
}
.tf-product-fbt-wrap .tf-product-form-fbt {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.tf-product-fbt-wrap .list-fbt {
  margin-bottom: 15px;
}
.tf-product-fbt-wrap .fbt-total-price {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.tf-product-fbt-wrap .fbt-total-price .price-new {
  color: var(--primary);
}
.tf-product-fbt-wrap .fbt-total-price .price-old {
  color: #bfbfbf;
  text-decoration: line-through;
  font-size: 14px;
  line-height: 22.4px;
  margin-left: 5px;
}

.tf-bundle-product-item {
  display: flex;
  gap: 20px;
}
.tf-bundle-product-item .bundle-check {
  align-self: center;
}
.tf-bundle-product-item .bundle-image {
  width: 129px;
  min-width: 129px;
  border-radius: 8px;
  overflow: hidden;
}
.tf-bundle-product-item .bundle-image img {
  width: 100%;
  height: 100%;
}
.tf-bundle-product-item .bundle-info {
  display: grid;
  gap: 8px;
  align-content: flex-start;
}
.tf-bundle-product-item .bundle-price .new-price {
  color: var(--primary);
}
.tf-bundle-product-item .bundle-price .old-price {
  color: var(--rgba-dark);
  text-decoration: line-through;
}
.tf-bundle-product-item .tf-select {
  width: max-content;
}

.item-has-checkbox {
  opacity: 0.4;
}
.item-has-checkbox.check {
  opacity: 1;
}

.wd-product-descriptions .item .title {
  margin-bottom: 5px;
}
.wd-product-descriptions .item:not(:last-child) {
  margin-bottom: 20px;
}
.wd-product-descriptions .item p,
.wd-product-descriptions .item li {
  font-size: 14px;
  line-height: 22.4px;
}
.wd-product-descriptions .item ul li {
  position: relative;
  padding-left: 20px;
}
.wd-product-descriptions .item ul li::before {
  position: absolute;
  content: "";
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--dark);
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
.wd-product-descriptions > *:not(:last-child) {
  margin-bottom: 20px;
}
.wd-product-descriptions p,
.wd-product-descriptions li {
  font-size: 14px;
  line-height: 22.4px;
}
.wd-product-descriptions > ul li {
  position: relative;
  padding-left: 20px;
}
.wd-product-descriptions > ul li::before {
  position: absolute;
  content: "";
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--dark);
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
.wd-product-descriptions .list-policies {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}

.tf-product-side-accordions {
  margin-bottom: 42px;
}

.flat-single-grid .item {
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: block;
}
.flat-single-grid .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.recent-blog-item {
  display: flex;
  gap: 20px;
}
.recent-blog-item .img-product {
  width: 75px;
  height: 112px;
  border-radius: 4px;
  overflow: hidden;
  display: block;
}
.recent-blog-item .img-product img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recent-blog-item .content {
  display: grid;
  gap: 8px;
  align-content: flex-start;
}
.recent-blog-item .content .old-price {
  margin-left: 6px;
  color: #5c5c5c;
  text-decoration: line-through;
}
.recent-blog-item .content .new-price {
  color: var(--primary);
}

.flat-wrap-frequently-bought-together .thumbs-slider {
  margin-bottom: 30px;
}

.tf-product-volume-discount {
  padding: 15px;
  border-radius: 16px;
  border: 1px solid var(--line);
}
.tf-product-volume-discount .title-discount {
  margin-bottom: 24px;
}
.tf-product-volume-discount .tf-btn {
  margin-top: 42px;
}

.list-volume-discount .volume-discount-item {
  padding: 15px;
  gap: 14px;
  border-radius: 8px;
  border: 1px solid var(--line);
  display: flex;
  align-items: center;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.list-volume-discount .volume-discount-item:not(:last-child) {
  margin-bottom: 16px;
}
.list-volume-discount .volume-discount-item .content-discount {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}
.list-volume-discount .volume-discount-item .name span {
  color: var(--primary);
}
.list-volume-discount .volume-discount-item .info-discount,
.list-volume-discount .volume-discount-item .discount-price {
  opacity: 0.8;
}
.list-volume-discount .volume-discount-item .check {
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
  border: 1px solid #9a9a9a;
  background-color: transparent;
  flex-shrink: 0;
}
.list-volume-discount .volume-discount-item .check span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: block;
  background-color: var(--white);
}
.list-volume-discount .volume-discount-item .discount-price {
  display: flex;
  align-items: center;
  gap: 6px;
}
.list-volume-discount .volume-discount-item .discount-price .price-new {
  color: var(--primary);
}
.list-volume-discount .volume-discount-item .discount-price .price-old {
  color: var(--text);
  font-size: 12px;
  line-height: 18px;
  text-decoration: line-through;
}
.list-volume-discount .volume-discount-item .tag-shipping {
  border: 1px solid #22ae45;
  border-radius: 4px;
  padding: 4px 10px;
  color: rgba(34, 174, 69, 0.8);
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.list-volume-discount .volume-discount-item .tag-sale {
  position: absolute;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--rgba-white);
  top: -2px;
  right: -15px;
  border-radius: 4px;
  border-radius: 4px;
  animation: pulse-rotate 1s infinite;
}
.list-volume-discount .volume-discount-item .tag-sale .icon {
  font-size: 16px;
  color: var(--white);
}
.list-volume-discount .volume-discount-item .tag-sale.pos2 {
  right: -15px;
  animation-delay: 0.5s;
}
.list-volume-discount .volume-discount-item.active, .list-volume-discount .volume-discount-item:hover {
  background-color: #22ae45;
  border-color: #22ae45;
}
.list-volume-discount .volume-discount-item.active .check, .list-volume-discount .volume-discount-item:hover .check {
  border-color: var(--white);
}
.list-volume-discount .volume-discount-item.active .discount-price .price-new,
.list-volume-discount .volume-discount-item.active .discount-price .price-old,
.list-volume-discount .volume-discount-item.active .info-discount,
.list-volume-discount .volume-discount-item.active span, .list-volume-discount .volume-discount-item:hover .discount-price .price-new,
.list-volume-discount .volume-discount-item:hover .discount-price .price-old,
.list-volume-discount .volume-discount-item:hover .info-discount,
.list-volume-discount .volume-discount-item:hover span {
  color: var(--white);
}
.list-volume-discount .volume-discount-item.active .tag-shipping, .list-volume-discount .volume-discount-item:hover .tag-shipping {
  border-color: var(--white);
  color: var(--white);
}

.tf-product-volume-discount-thumbnail {
  padding: 15px;
  border-radius: 16px;
  border: 1px solid var(--line);
}
.tf-product-volume-discount-thumbnail .list-volume-discount-thumbnail,
.tf-product-volume-discount-thumbnail .title-discount {
  margin-bottom: 30px;
}

.list-volume-discount-thumbnail {
  gap: 12px;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: -15px;
  padding-top: 15px;
}
.list-volume-discount-thumbnail::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.list-volume-discount-thumbnail::-webkit-scrollbar-track {
  background-color: var(--bg-scrollbar-track);
}
.list-volume-discount-thumbnail::-webkit-scrollbar-thumb {
  background: var(--bg-scrollbar-thumb);
  border-radius: 4px;
}

.volume-discount-thumbnail-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 24px 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  border: 2px solid var(--line);
  position: relative;
}
.volume-discount-thumbnail-item .content-discount {
  text-align: center;
}
.volume-discount-thumbnail-item .content-discount .price-new,
.volume-discount-thumbnail-item .content-discount .price-old,
.volume-discount-thumbnail-item .content-discount .count {
  opacity: 0.8;
}
.volume-discount-thumbnail-item .content-discount .price-new {
  font-weight: 500;
  color: var(--primary);
}
.volume-discount-thumbnail-item .content-discount .price-old {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #b0b0b0;
}
.volume-discount-thumbnail-item .content-discount .tag-sold {
  padding: 3px 8px;
  border-radius: 4px;
  background-color: #ff9148;
  font-weight: 700;
  font-size: 10px;
  line-height: 14px;
  height: 20px;
  color: var(--white);
  margin-left: 4px;
}
.volume-discount-thumbnail-item .image-box {
  width: 140px;
  height: 160px;
  border-radius: 8px;
}
.volume-discount-thumbnail-item:hover, .volume-discount-thumbnail-item.active {
  border-color: #22ae45;
  background-color: #e9ffee;
}
.volume-discount-thumbnail-item .tag-sale {
  animation: pulse 1s infinite;
  top: 0;
  margin-top: -15px;
  position: absolute;
  padding: 6px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--rgba-white);
  left: 15px;
  right: 15px;
  border-radius: 4px;
}
.volume-discount-thumbnail-item .tag-sale .icon {
  font-size: 14px;
}

@keyframes pulse-rotate {
  0% {
    transform: scale(1) rotate(12deg);
    opacity: 1;
  }
  50% {
    transform: scale(1.05) rotate(12deg);
    opacity: 0.9;
  }
  100% {
    transform: scale(1) rotate(12deg);
    opacity: 1;
  }
}
.card-product.style-wishlist {
  position: relative;
}
.card-product.style-wishlist .wishlist {
  position: absolute;
  z-index: 25;
  top: 10px;
  right: 10px;
}
.card-product.style-wishlist .wishlist a .icon.icon-close.remove {
  font-size: 13px;
}
.card-product.style-wishlist .list-product-btn {
  bottom: 24px !important;
}
.card-product.style-1 .list-product-btn {
  justify-content: unset;
}
.card-product.style-2 .list-product-btn {
  top: unset;
  right: unset;
  left: 50%;
  transform: translateX(-50%);
  bottom: 8px;
  gap: 0;
  flex-direction: row;
}
.card-product.style-2 .list-product-btn li {
  transition-delay: unset !important;
}
.card-product.style-2 .list-product-btn li:first-child .box-icon {
  border: 1px solid var(--line);
  border-radius: 30px 0px 0px 30px;
}
.card-product.style-2 .list-product-btn li:last-child .box-icon {
  border-radius: 0px 30px 30px 0px;
}
.card-product.style-2 .list-product-btn li:not(:first-child) .box-icon {
  border: 1px solid var(--line);
  border-left-color: var(--white);
}
.card-product.style-2 .list-product-btn .box-icon {
  border-radius: unset;
}
.card-product.style-2 .list-product-btn .box-icon:hover {
  border-color: var(--dark) !important;
}
.card-product.style-2 .list-product-btn .hover-tooltip .tooltip {
  position: absolute;
  white-space: nowrap;
  padding: 0px 8.5px;
  height: 25px;
  border-radius: 2px;
  bottom: calc(100% + 8px);
  transform: translateY(8px);
  opacity: 0;
  visibility: hidden;
  color: var(--white);
  max-width: 250px;
  width: max-content;
  background-color: var(--dark);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  z-index: 100;
}
.card-product.style-2 .list-product-btn .hover-tooltip .tooltip::before {
  content: "";
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  top: 20px;
  position: absolute;
  background: var(--dark);
  width: 8px;
  height: 8px;
  z-index: -1;
}
.card-product.style-2 .list-product-btn .hover-tooltip:hover .tooltip {
  opacity: 1;
  visibility: visible;
  transform: none;
  transition-delay: 0.1s;
}
.card-product.style-2 .list-product-btn .hover-tooltip.tooltip-bot .tooltip {
  left: auto;
  bottom: calc(100% + 8px);
  transform: translateX(0px);
  top: auto;
}
.card-product.style-2 .list-product-btn .hover-tooltip.tooltip-bot .tooltip::before {
  top: 20px;
}
.card-product.style-2 .list-product-btn .hover-tooltip.tooltip-left .tooltip {
  right: auto;
  bottom: calc(100% + 8px);
  transform: translateX(0px);
}
.card-product.style-2 .list-product-btn .hover-tooltip.tooltip-left .tooltip::before {
  top: 20px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  right: auto;
}
.card-product.style-2 .list-product-btn .hover-tooltip.tooltip-left:hover .tooltip {
  opacity: 1;
  visibility: visible;
  transform: none;
  transition-delay: 0.1s;
}
.card-product.style-2 .list-product-btn .hover-tooltip.tooltip-right .tooltip {
  left: auto;
  bottom: calc(100% + 8px);
  transform: translateX(0px);
}
.card-product.style-2 .list-product-btn .hover-tooltip.tooltip-right .tooltip::before {
  top: 20px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  right: auto;
}
.card-product.style-2 .list-product-btn .hover-tooltip.tooltip-right:hover .tooltip {
  opacity: 1;
  visibility: visible;
  transform: none;
  transition-delay: 0.1s;
}
.card-product.style-3 .list-product-btn {
  top: unset;
  right: unset;
  left: 50%;
  transform: translateX(-50%);
  bottom: 50px;
  flex-direction: row;
}
.card-product.style-3 .list-product-btn .box-icon:hover {
  border-color: var(--dark) !important;
}
.card-product.outofstock .list-product-btn,
.card-product.outofstock .product-btn-main, .card-product.out-of-stock .list-product-btn,
.card-product.out-of-stock .product-btn-main {
  display: none;
}
.card-product.outofstock .card-product-info, .card-product.out-of-stock .card-product-info {
  opacity: 0.6;
}
.card-product.outofstock .card-product-wrapper::before, .card-product.out-of-stock .card-product-wrapper::before {
  content: "Out of stock";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  background-color: var(--dark);
  color: var(--white);
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  opacity: 1;
  z-index: 5;
}
.card-product.outofstock .card-product-wrapper > *, .card-product.out-of-stock .card-product-wrapper > * {
  opacity: 0.6;
}
.card-product:not(.style-list) .size-box {
  position: absolute;
  bottom: 0;
  z-index: 3;
  left: 0px;
  right: 0px;
  pointer-events: none;
  transition: 0.3s ease-out 0s;
  background: rgba(146, 146, 146, 0.7098039216);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 6px;
}
.card-product .product-btn-main {
  position: absolute;
  z-index: 5;
  bottom: 8px;
  right: 8px;
  left: 8px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: inline-flex;
  gap: 4px;
}
.card-product .product-btn-main .btn-main-product {
  background-color: var(--white);
  border-radius: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 6px;
  width: 100%;
}
.card-product .product-btn-main .btn-main-product:hover {
  background-color: var(--dark);
  color: var(--white);
}
.card-product .product-btn-main .btn-main-product.add-to-cart {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
}
.card-product .product-btn-main .btn-main-product.quickview {
  height: 36px;
  width: 36px;
  flex-shrink: 0;
  display: none;
}
.card-product .product-btn-main .icon {
  font-size: 17px;
}
.card-product .list-product-btn {
  bottom: 10px;
}
.card-product .on-sale-wrap {
  position: absolute;
  top: 10px;
  right: auto;
  left: 10px;
  z-index: 5;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: calc(100% - 70px);
  gap: 6px;
}
.card-product .on-sale-wrap .on-sale-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  word-break: break-word;
  padding: 5px 8px;
  min-width: 50px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  background-color: var(--primary);
  color: var(--white);
  border-radius: 22px;
}
.card-product .on-sale-wrap .on-sale-item.trending {
  background-color: #a474ff;
}
.card-product .on-sale-wrap .on-sale-item.limited {
  background-color: #ff9c39;
}
.card-product .on-sale-wrap .on-sale-item.new {
  background-color: #00bc29;
}
.card-product .on-sale-wrap.type-2 .on-sale-item {
  width: max-content;
}
.card-product .price-wrap {
  font-size: 16px;
  line-height: 24px;
}
.card-product .card-product-wrapper {
  aspect-ratio: 0.7037037037;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  z-index: 20;
}
.card-product .card-product-wrapper img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  transition-duration: 700ms;
}
.card-product .card-product-wrapper:hover .product-img .img-product {
  opacity: 0;
}
.card-product .card-product-wrapper:hover .product-img .img-hover {
  display: block;
  z-index: 1;
  opacity: 1;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.card-product .product-img {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  align-items: stretch;
}
.card-product .product-img .img-hover {
  position: absolute;
  inset: 0;
  opacity: 0;
}
.card-product .list-product-btn {
  position: absolute;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 8px;
  top: 8px;
  right: 8px;
  z-index: 6;
}
.card-product .box-icon {
  width: 35px;
  height: 35px;
  border-radius: 3px;
  background-color: var(--white);
  color: var(--dark);
  position: relative;
  border-radius: 50%;
}
.card-product .box-icon .icon {
  font-size: 14px;
}
.card-product .box-icon svg {
  width: 18px;
}
.card-product .box-icon svg path {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.card-product .box-icon:hover {
  background-color: var(--dark) !important;
  color: var(--white);
  border-color: var(--dark);
}
.card-product .countdown-box {
  display: none;
  bottom: 24px;
  position: absolute;
  z-index: 3;
  left: 0px;
  right: 0px;
  pointer-events: none;
  transition: 0.3s ease-out 0s;
  text-align: center;
  overflow: hidden;
  margin: 0 auto;
  justify-content: center;
  flex-wrap: wrap;
  padding: 10px 20px;
  max-height: 40px;
  background-color: var(--white);
  width: max-content;
  border-radius: 22px;
}
.card-product .countdown-box .countdown__timer {
  display: flex;
  gap: 7px;
}
.card-product .countdown-box .countdown__item {
  color: var(--primary);
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}
.card-product .countdown-box.style-2 {
  background-color: #ffeded;
}
.card-product .countdown-box.style-3 {
  display: flex;
  align-items: center;
  padding: 10px 30px;
  background-color: var(--primary);
  color: var(--white);
  gap: 10px;
}
.card-product .countdown-box.style-3 .countdown__item {
  color: var(--white);
}
.card-product .countdown-box.style-3 .icon {
  font-size: 18px;
}
.card-product .card-product-info {
  padding-top: 15px;
  padding-bottom: 15px;
  gap: 5px;
  display: grid;
}
.card-product .name-product {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.card-product .list-color-product {
  margin-top: 2px;
}
.card-product.style-list {
  display: flex;
  gap: 12px;
}
.card-product.style-list .product-img {
  max-width: 342px;
}
.card-product.style-list .card-product-info {
  gap: 12px;
  display: grid;
  align-content: flex-start;
  max-width: 60%;
  gap: 8px;
  padding: 0;
}
.card-product.style-list .info-list {
  display: grid;
  gap: 8px;
  width: 100%;
}
.card-product.style-list .list-product-btn {
  display: flex;
  position: unset;
  flex-direction: unset;
  justify-content: flex-start;
  gap: 10px;
}
.card-product.style-list .btn-main-product.tf_add_to_cart {
  max-width: 331px;
  width: 100%;
}
.card-product.style-list .box-icon {
  width: 51px;
  height: 51px;
  border: 1px solid var(--line);
  flex-shrink: 0;
}
.card-product.style-list .box-icon:hover {
  border-color: var(--line);
}
.card-product.style-list .size-box {
  display: flex;
  gap: 8px;
}
.card-product.style-center {
  border-radius: 16px;
  background-color: var(--white);
}
.card-product.style-center .card-product-wrapper {
  aspect-ratio: 0.95;
}
.card-product.style-center .card-product-info {
  padding: 20px 12px;
}
.card-product.style-center .list-color-product {
  margin-top: 5px;
}
.card-product.style-center .countdown-box {
  bottom: 0;
}
.card-product .product-progress-sale {
  display: grid;
  gap: 5px;
  margin-top: 5px;
}
.card-product .progress-sold {
  width: 100%;
  background-color: var(--line);
  height: 6px;
  position: relative;
  border-radius: 6px;
}
.card-product .progress-bar {
  position: relative;
  height: 100%;
  background-color: var(--primary);
  transition: width 2s ease;
  border-radius: 5px;
}
.card-product.style-4 .card-product-info {
  padding: 20px 12px;
}
.card-product.style-4 .list-color-product {
  gap: 4px;
  margin-top: 4px;
}
.card-product .stock {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
.card-product .stock .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: relative;
}
.card-product .stock .dot::after {
  content: "";
  position: absolute;
  top: 2px;
  right: 2px;
  left: 2px;
  bottom: 2px;
  border-radius: 50%;
  z-index: 2;
}
.card-product .stock.in-stock {
  color: #59a33b;
}
.card-product .stock.in-stock .dot {
  background-color: rgba(120, 203, 87, 0.3411764706);
}
.card-product .stock.in-stock .dot::after {
  background-color: #78cb57;
}
.card-product .stock.out-stock {
  color: #ef5757;
}
.card-product .stock.out-stock .dot {
  background-color: rgba(203, 87, 87, 0.3411764706);
}
.card-product .stock.out-stock .dot::after {
  background-color: #ef5757;
}
.card-product .list-capacity-product .list-color-item {
  width: unset;
  height: unset;
  border-radius: 35px;
  border: 1px solid rgba(142, 142, 142, 0.2);
}
.card-product .list-capacity-product .list-color-item .text-quantity {
  padding: 2px 12px;
}
.card-product .list-capacity-product .list-color-item.active {
  border-color: var(--dark);
}
.card-product.style-5 {
  border-radius: 16px;
  background-color: var(--white);
}
.card-product.style-5 .card-product-info {
  padding: 20px 12px 22px;
}
.card-product.style-5 .card-product-info .tf-btn {
  width: 100%;
}
.card-product.style-5 .btn-addcart,
.card-product.style-5 .stock {
  margin-top: 10px;
}
.card-product.style-border {
  border: 1px solid var(--line);
  border-radius: 16px;
  position: relative;
}
.card-product.style-border .card-product-wrapper {
  padding: 20px 12px;
}
.card-product.style-border .card-product-wrapper img {
  height: auto;
}
.card-product.style-border .list-product-btn {
  bottom: 16px !important;
}
.card-product.style-border .card-product-info {
  padding: 0px 12px 20px;
}
.card-product.style-border .card-product-info .type {
  opacity: 0.6;
}
.card-product.style-border-2 {
  border: 1px solid var(--line);
  border-radius: 16px;
}
.card-product.style-border-2 .card-product-wrapper {
  padding: 12px;
  padding-bottom: 20px;
}
.card-product.style-border-2 .product-img {
  border-radius: 16px;
}
.card-product.style-border-2 .card-product-info {
  padding: 0px 12px 20px;
}
.card-product.style-border-2 .product-progress-sale {
  margin: 6px 0px;
}
.card-product.style-border-2 .countdown-box {
  bottom: 14px;
}
.card-product.style-border-2.border-type-4 .card-product-wrapper {
  padding: 12px 12px 8px;
}
.card-product.style-border-2.border-type-4 .card-product-info {
  padding: 0px 12px 16px;
}
.card-product.style-border-2.border-type-4 .list-product-btn {
  bottom: 8px;
}
.card-product.style-border-2.border-type-4 .list-product-btn .box-icon:hover {
  background-color: var(--purple) !important;
  border-color: var(--purple) !important;
}
.card-product.style-border-2.border-type-4 .tooltip,
.card-product.style-border-2.border-type-4 .tooltip::before {
  background-color: var(--purple) !important;
}
.card-product.style-border-2.border-type-5 .product-progress-sale {
  margin: 0;
}

.list-color-product {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  align-items: center;
}
.list-color-product .list-color-item {
  width: 20px;
  height: 20px;
  border: 1px solid transparent;
  background-color: transparent;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.list-color-product .list-color-item .swatch-value {
  width: 100%;
  height: 100%;
  border: 2px solid var(--white);
  background: var(--wcboost-swatches-item-color);
  display: inline-block;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.list-color-product .list-color-item img {
  visibility: hidden;
  width: 18px;
  height: 18px;
  position: absolute;
}
.list-color-product .list-color-item.line {
  border: 1px solid transparent !important;
}
.list-color-product .list-color-item.line .swatch-value {
  position: relative;
}
.list-color-product .list-color-item.line .swatch-value::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid var(--rgba-dark-3);
  top: 0;
  left: 0;
  z-index: 1;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.list-color-product .list-color-item.active, .list-color-product .list-color-item:hover {
  border-color: var(--dark) !important;
}
.list-color-product .list-color-item.active .swatch-value, .list-color-product .list-color-item:hover .swatch-value {
  border-color: var(--white);
}
.list-color-product .list-color-item.active .swatch-value::before, .list-color-product .list-color-item:hover .swatch-value::before {
  border-color: var(--line);
}
.list-color-product.style-2 .list-color-item.active, .list-color-product.style-2 .list-color-item:hover {
  border-color: var(--white) !important;
}
.list-color-product.style-2 .list-color-item.active .swatch-value, .list-color-product.style-2 .list-color-item:hover .swatch-value {
  border-color: #89aa87;
}
.list-color-product.style-2 .swatch-value {
  border: 2px solid #89aa87;
}

.price-wrap {
  display: flex;
  gap: 4px;
  text-decoration: none;
}
.price-wrap ins {
  text-decoration: none;
  order: -1;
}
.price-wrap del,
.price-wrap .price-old {
  color: var(--dark);
  opacity: 0.6;
  position: relative;
}
.price-wrap del::after,
.price-wrap .price-old::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.5px;
  background-color: var(--dark);
  opacity: 0.6;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.price-wrap del.line--white::after,
.price-wrap .price-old.line--white::after {
  background-color: var(--white);
}
.price-wrap del.line--dark::after,
.price-wrap .price-old.line--dark::after {
  background-color: var(--dark);
}

.tf-sticky-btn-atc {
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 70;
  box-shadow: 4px -4px 5px rgba(0, 0, 0, 0.03);
  background-color: var(--white);
  transition: all 0.3s linear;
  transform: translateY(100%);
}
.tf-sticky-btn-atc .tf-height-observer {
  padding: 14px 0;
  column-gap: 5px;
}
.tf-sticky-btn-atc .tf-sticky-atc-product {
  flex: 1 0 0%;
  gap: 15px;
}
.tf-sticky-btn-atc .tf-sticky-atc-img {
  width: 72px;
  height: 72px;
  flex-shrink: 0;
}
.tf-sticky-btn-atc .tf-sticky-atc-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.tf-sticky-btn-atc .tf-sticky-atc-variant-price {
  min-width: 249px;
}
.tf-sticky-btn-atc .tf-sticky-atc-title {
  font-size: 16px;
  line-height: 19px;
}
.tf-sticky-btn-atc .tf-sticky-atc-btns,
.tf-sticky-btn-atc .tf-sticky-atc-infos form {
  display: flex;
  gap: 12px;
  align-items: center;
}
.tf-sticky-btn-atc .tf-btn {
  min-width: 190px;
}
.tf-sticky-btn-atc.show {
  transform: translateY(0);
}

.product-remove .wcboost-wishlist-button__icon .icon-trash::before {
  content: "\e937";
}

.wcboost-wishlist-button__icon,
.wcboost-products-compare-button__icon {
  margin-right: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

a.loading .wcboost-wishlist-button__icon svg,
a.loading .wcboost-products-compare-button__icon svg {
  display: none;
}

.wcboost-products-compare-button {
  margin: 0;
}

.icon-star {
  color: #9e9e9e;
  margin-right: 2px;
  display: inline-block;
  position: relative;
}
.icon-star.full {
  color: #f39c12;
}
.icon-star.empty {
  color: #9e9e9e;
}
.icon-star.partial {
  color: #f39c12;
  overflow: hidden;
  position: absolute;
  width: 0;
  top: 0;
  left: 0;
}

.added_to_cart {
  display: none;
}

.loading {
  position: relative;
}
.loading::before {
  border: 1.5px solid #fff;
  border-radius: 50%;
  border-top: 1.5px solid #000;
  content: "" !important;
  display: inline-flex;
  width: 20px;
  height: 20px;
  animation: loadding 0.5s linear infinite;
}
.loading .icon {
  display: none;
}
.loading#load-more-btn::before {
  display: none;
}

.loading-content {
  overflow: hidden;
  position: relative;
  min-height: 300px;
}
.loading-content::before {
  border: 4px solid #fff;
  border-radius: 50%;
  border-top: 4px solid #000;
  content: "" !important;
  display: inline-flex;
  width: 60px;
  height: 60px;
  animation: loadding 0.5s linear infinite;
  z-index: 25;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  top: 50px;
}
.loading-content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 20;
}

@-webkit-keyframes loadding {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadding {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*--------- Abstracts variable ---------- */
.grid-cls {
  display: grid;
  gap: 12px;
}

.grid-cls-v1 {
  grid-template-columns: 1fr;
}

.grid-cls-v2 {
  grid-template-columns: 1fr 1fr;
}

.grid-cls-v4 {
  grid-template-columns: 1fr;
}

.grid-cls-v5 {
  grid-template-columns: 1fr 1fr;
}

.grid-cls-v6 {
  grid-template-columns: 1fr;
}

.wg-cls {
  display: grid;
  gap: 20px;
  position: relative;
}
.wg-cls .cls-content {
  display: grid;
  gap: 4px;
}
.wg-cls.style-circle {
  width: 100%;
}
.wg-cls.style-circle .image {
  border-radius: 50%;
  aspect-ratio: 1;
}
.wg-cls.style-circle-md {
  width: 100%;
  gap: 16px;
}
.wg-cls.style-circle-md .image {
  border-radius: 50%;
  width: 99px;
  height: 99px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.wg-cls.style-circle-md .shop-all {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--dark);
}
.wg-cls.style-circle-md .shop-all img {
  width: 64px;
  height: 17px;
}
.wg-cls.style-circle2 {
  padding: 24px;
  border-radius: 16px;
  overflow: hidden;
}
.wg-cls.style-square {
  width: 100%;
}
.wg-cls.style-square .image {
  border-radius: 8px;
  background-color: var(--surface);
}
.wg-cls.style-abs {
  border-radius: 16px;
  overflow: hidden;
}
.wg-cls.style-abs .cls-content,
.wg-cls.style-abs .cls-btn {
  position: absolute;
  bottom: 12px;
  left: 12px;
  right: 12px;
}
.wg-cls.style-abs .cls-content {
  display: grid;
  gap: 12px;
}
.wg-cls.style-abs2 {
  gap: 10px;
}
.wg-cls.style-abs2 .image-wrap {
  position: relative;
  overflow: hidden;
}
.wg-cls.style-abs2 .image {
  border-radius: 20px;
  overflow: hidden;
}
.wg-cls.style-abs2 .cls-btn {
  text-align: center;
  position: absolute;
  bottom: 12px;
  left: 12px;
  right: 12px;
  z-index: 2;
  opacity: 0;
  transform: translateY(30px);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.wg-cls.style-abs2 .tf-btn {
  font-size: 14px;
  line-height: 17px;
  padding: 12px 25px;
}
.wg-cls.style-abs2 .tf-overlay {
  background: var(--dark);
  border-radius: 20px;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.wg-cls.style-abs2:hover .cls-btn {
  opacity: 1;
  transform: translateY(0px);
}
.wg-cls.style-abs2:hover .tf-overlay {
  opacity: 0.2;
}
.wg-cls.style-abs2 .cls-content {
  display: grid;
  gap: 5px;
}
.wg-cls.style-abs2.style-lg {
  gap: 20px;
}
.wg-cls.style-02 .btn-cls {
  font-size: 18px;
  line-height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 3px;
}
.wg-cls.style-02 .btn-cls .icon {
  font-size: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: var(--dark);
}
.wg-cls.style-02 .btn-cls span {
  position: relative;
}
.wg-cls.style-02 .btn-cls span::after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: auto;
  right: 0;
  width: 0%;
  height: 1px;
  background-color: var(--primary);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.wg-cls.style-02 .btn-cls:hover .icon {
  transform: rotate(45deg);
  color: var(--primary);
}
.wg-cls.style-02 .btn-cls:hover span::after {
  left: 0;
  right: auto;
  width: 100%;
}
.wg-cls.asp-1 .image {
  aspect-ratio: 0.9009708738;
}

.wg-cls-2 {
  display: grid;
  gap: 24px;
}
.wg-cls-2 .img-box {
  display: block;
  border-radius: 16px;
  overflow: hidden;
}
.wg-cls-2 .box-title {
  display: grid;
  gap: 8px;
  margin-bottom: 20px;
}
.wg-cls-2 .content {
  text-align: center;
}

.cls-video {
  height: 449px;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  font-family: "Poppins", sans-serif;
}
.cls-video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cls-video .poster {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 2;
  transition: opacity 0.5s ease;
  cursor: pointer;
}
.cls-video .poster.hide {
  opacity: 0;
  pointer-events: none;
}
.cls-video video {
  cursor: pointer;
  border-radius: 16px;
}
.cls-video .hover-video {
  height: 449px;
}
.cls-video:hover video {
  pointer-events: auto;
}
.cls-video .cls-content {
  position: absolute;
  bottom: 12px;
  right: 10px;
  left: 10px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-radius: 61px;
  background-color: rgba(63, 63, 63, 0.8);
  padding: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.cls-video .box-product {
  display: flex;
  align-items: center;
  gap: 12px;
}
.cls-video .box-product .price-old {
  color: rgba(158, 158, 147, 0.6);
}
.cls-video .box-product .price-old::after {
  background-color: rgba(158, 158, 147, 0.6);
}
.cls-video .img-product {
  border-radius: 50%;
  overflow: hidden;
  max-width: 78px;
}
.cls-video .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  background-color: var(--white);
  border-radius: 50%;
  flex-shrink: 0;
  font-size: 17px;
}
.cls-video .info-product {
  display: grid;
  gap: 10px;
}
.cls-video .price-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
}

.btn-cls-shop {
  display: flex;
  align-items: center;
  gap: 8px;
}
.btn-cls-shop:hover {
  color: var(--primary) !important;
}

.fs-cls .content {
  position: absolute;
  bottom: 24px;
  left: 12px;
  right: 12px;
  display: flex;
  justify-content: center;
}

.grid-jewelry .wg-cls .tf-btn {
  font-size: 18px;
  line-height: 22px;
}

.wg-cls-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #E9E4DC;
  padding: 40px;
  gap: 30px;
}
.wg-cls-text .heading {
  margin-bottom: 16px;
}

.banner-shop {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}
.banner-shop .img-style {
  display: block;
  width: 100%;
  height: 100%;
}
.banner-shop .img-style img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-shop .tag {
  padding: 10px 20px;
  background-color: #ff7676;
  border-radius: 45px;
}
.banner-shop.style-left-center .content {
  position: absolute;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  display: grid;
  justify-items: start;
  gap: 24px;
}
.banner-shop.style-left-center .box-title {
  display: grid;
  gap: 12px;
  justify-items: start;
}
.banner-shop.style-left-center .box-title .title {
  font-weight: 500;
}
.banner-shop.style-left-center .box-title .box-price {
  display: flex;
  align-items: center;
  gap: 6px;
}
.banner-shop.style-left-center .box-title .price-old {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: var(--rgba-dark);
  text-decoration: line-through;
}
.banner-shop.style-bottom .content {
  position: absolute;
  bottom: 24px;
  left: 12px;
  right: 12px;
  display: grid;
  justify-items: center;
  gap: 24px;
}
.banner-shop.style-bottom .box-title {
  display: grid;
  gap: 8px;
}
.banner-shop.style-top .content {
  top: 30px;
  position: absolute;
  right: 15px;
  left: 15px;
  display: grid;
  gap: 16px;
}
.banner-shop.style-top .box-title {
  display: grid;
  gap: 10px;
}
.banner-shop .box {
  padding: 20px;
  right: auto !important;
}

.s-cls {
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}
.s-cls .offer {
  display: inline-block;
  border-radius: 22px;
  padding: 5px 12px;
}
.s-cls .box-title {
  display: grid;
  gap: 8px;
}
.s-cls.style-absolute .content {
  display: grid;
  gap: 24px;
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px;
}
.s-cls.abs-left-center .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.s-cls.abs-left-center .content {
  bottom: unset !important;
  right: unset;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.s-cls.abs-left-bottom .content {
  left: 15px;
  bottom: 15px;
}
.s-cls.abs-top-center .content {
  bottom: unset !important;
  right: 15px;
  left: 15px;
  top: 15px;
  gap: 15px;
}

.grid-mega .image {
  width: 100%;
  height: 100%;
}
.grid-mega .item1 {
  min-height: 400px;
}
.grid-mega .item2,
.grid-mega .item3 {
  min-height: 287px;
}

.grid-vegetable .image {
  width: 100%;
  height: 100%;
}
.grid-vegetable .item3 {
  min-height: 400px;
}
.grid-vegetable .item3 .content {
  max-width: 351px;
}
.grid-vegetable .item1,
.grid-vegetable .item2 {
  min-height: 287px;
}

.section-cls-tabs {
  display: flex;
  gap: 64px;
}
.section-cls-tabs .left {
  width: 43%;
}
.section-cls-tabs .right {
  width: 52.7%;
  padding: 78px 72px;
  border-radius: 40px;
  border: 1px solid #252525;
}
.section-cls-tabs .tab-content .tab-pane {
  height: 100%;
}
.section-cls-tabs .tab-content img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 40px;
}
.section-cls-tabs .menu-tab-line {
  flex-direction: column;
  gap: 0;
  overflow: unset;
}
.section-cls-tabs .nav-tab-item {
  border-bottom: 1px solid #EBEBEB;
}
.section-cls-tabs .nav-tab-item .tab-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  font-size: 40px;
  line-height: 34px;
  color: rgba(31, 31, 31, 0.6);
}
.section-cls-tabs .nav-tab-item .tab-link .icon {
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 60px;
  color: var(--white);
  background-color: #F3CA54;
  border-radius: 99px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  flex-shrink: 0;
}
.section-cls-tabs .nav-tab-item .tab-link .icon:hover {
  color: var(--dark);
}
.section-cls-tabs .nav-tab-item .tab-link.active {
  padding: 32px 0;
}
.section-cls-tabs .nav-tab-item .tab-link::after {
  background-color: #282828;
}
.section-cls-tabs .nav-tab-item .tab-link:hover, .section-cls-tabs .nav-tab-item .tab-link.active {
  color: #073C4E;
}
.section-cls-tabs .nav-tab-item .tab-link:hover .icon, .section-cls-tabs .nav-tab-item .tab-link.active .icon {
  opacity: 1;
  visibility: visible;
}

.sidebar-left .container .row {
  flex-direction: row-reverse;
}
.sidebar-left .container .row .sidebar-blog {
  max-width: 366px;
  width: 100%;
  margin-right: auto;
  margin-left: unset;
}

.sticky-sidebar {
  z-index: 50;
  top: 50px;
  position: sticky;
  margin-bottom: auto;
}

/*--------- Abstracts variable ---------- */
.sb-contact {
  border-radius: 16px;
  background-color: var(--surface);
  padding: 40px;
}
.sb-contact .title {
  font-size: 24px;
  font-weight: 500;
  line-height: 29px;
  margin-bottom: 32px;
}
.sb-contact .sub {
  color: var(--text);
  line-height: 22px;
  margin-bottom: 32px;
}
.sb-contact .btn-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 252px;
  width: 100%;
  margin: 0px auto;
}

.s-faq .faq-item:not(:last-child) {
  margin-bottom: 52px;
}
.s-faq .name-faq {
  font-size: 24px;
  font-weight: 500;
  line-height: 29px;
  margin-bottom: 32px;
}

.s-term-user .content {
  display: grid;
  gap: 52px;
  max-width: 1008px;
  width: 100%;
  margin: 0px auto;
}
.s-term-user .term-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 29px;
  color: var(--dark);
  margin-bottom: 24px;
}
.s-term-user .term-text {
  line-height: 26px;
  font-size: 16px;
  color: var(--text);
}
.s-term-user .term-text span {
  font-weight: 500;
  color: var(--dark);
}
.s-term-user .text-wrap {
  display: grid;
  gap: 24px;
}
.s-term-user a {
  font-weight: 500;
  line-height: 26px;
}

.wg-countdown .countdown__timer {
  display: flex;
  gap: 20px;
}
.wg-countdown .countdown__item {
  display: inline-flex;
  flex-direction: column;
  position: relative;
  width: 90px;
  height: 90px;
  text-align: center;
  border-radius: 6px;
  border: 1px solid var(--primary);
}
.wg-countdown .countdown__value {
  display: inline-block;
  font-size: 36px;
  font-weight: 500;
  line-height: 44px;
  letter-spacing: -0.02em;
  padding-top: 10px;
}
.wg-countdown .countdown__value .countdown__value--3 {
  width: 100%;
  max-width: 90px;
}

.wg-countdown-2 {
  width: max-content;
  padding: 16px 32px;
  border-radius: 8px;
  border: 1px solid var(--line);
  background-color: var(--white);
}
.wg-countdown-2.text-dark .countdown__value {
  color: var(--dark);
}
.wg-countdown-2 .countdown__value {
  padding-top: 0px;
  font-family: "Be Vietnam Pro", serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 50px;
  color: var(--primary);
}
.wg-countdown-2 .countdown__timer {
  display: flex;
  gap: 29px;
}
.wg-countdown-2 .countdown__item {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 4px;
}
.wg-countdown-2 .countdown__item:not(:last-child) .countdown__value {
  position: relative;
}
.wg-countdown-2 .countdown__item:not(:last-child) .countdown__value::after {
  content: ":";
  position: absolute;
  top: 50%;
  transform: translate(50%, -50%);
  right: -14.5px;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  color: var(--dark);
}
.wg-countdown-2 .countdown__item:last-child {
  min-width: 56px;
}

.wg-coming-soon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: 80px;
  padding-bottom: 100px;
}
.wg-coming-soon .title {
  font-size: 64px;
  font-weight: 500;
  line-height: 96px;
  margin-bottom: 12px;
}
.wg-coming-soon .sub {
  margin-bottom: 48px;
}
.wg-coming-soon .wg-countdown {
  margin-bottom: 48px;
}
.wg-coming-soon .form-email-wrap {
  max-width: 482px;
  width: 100%;
  margin-bottom: 64px;
}

.wg-map {
  border-radius: 16px;
  overflow: hidden;
  height: 589px;
}
.wg-map.style-absolute {
  position: relative;
}
.wg-map.style-absolute .box-store {
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  max-width: 419px;
}

.s-contact .content-left {
  display: grid;
  gap: 10px;
}
.s-contact .wg-map {
  margin-bottom: 91px;
}
.s-contact .title {
  font-size: 32px;
  font-weight: 500;
  line-height: 38px;
}
.s-contact .sub-title {
  font-size: 16px;
  line-height: 26px;
}
.s-contact.style-2 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap-reverse;
  gap: 15px;
}
.s-contact.style-2 .content-left {
  padding: 30px;
  border-radius: 16px;
  position: relative;
  z-index: 2;
}
.s-contact.style-2 .image-right {
  border-radius: 16px;
  overflow: hidden;
}
.s-contact.style-2 .image-right img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.contact-list {
  display: grid;
  gap: 10px;
}
.contact-list p {
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}
.contact-list a,
.contact-list span {
  font-weight: 400;
  color: var(--text);
}

.box-store {
  padding: 15px;
  border-radius: 16px;
  border: 1px solid var(--line);
  background: var(--white);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.box-store .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
  margin-bottom: 8px;
}
.box-store .contact-list {
  gap: 0px;
  margin-bottom: 20px;
}
.box-store:hover {
  background: var(--primary-4);
}
.box-store.style-2 {
  display: grid;
  gap: 15px;
}

.grid-box-store {
  gap: 24px;
}

.s-store-location .wg-map {
  margin-bottom: 24px;
}

.s-banner-colection .banner-content {
  overflow: hidden;
  border-radius: 16px;
  gap: 0px;
  background-color: #f7f7f7;
  position: relative;
}
.s-banner-colection .box-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0px auto;
  gap: 42px;
  padding: 24px;
}
.s-banner-colection .box-title-banner {
  display: grid;
  gap: 24px;
}
.s-banner-colection.style-abs .box-content {
  position: absolute;
  left: 15px;
  bottom: 15px;
  right: 15px;
  padding: 0;
}
.s-banner-colection.style-abs-2 .box-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  right: 15px;
  padding: 0;
}
.s-banner-colection.style-abs-2 .image img {
  min-height: 350px;
  object-fit: cover;
}

.banner-cls-bicycle .image img {
  min-height: 350px;
  object-fit: cover;
}

.banner-cls-electric .banner-content {
  background: linear-gradient(67.69deg, #eeefff 11.66%, #f6f0f0 47.21%, #ffeff6 82.77%);
}

.banner-cls-phonecase .banner-content {
  background-color: unset;
  border-radius: unset;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.banner-cls-phonecase .banner-content > * {
  width: 100%;
}
.banner-cls-phonecase .box-content {
  margin: unset;
  padding: 30px 0;
}
.banner-cls-phonecase .image {
  border-radius: 16px;
  overflow: hidden;
}

.banner-cls-petaccess .banner-content {
  background-color: #ffecce;
}

.banner-cls-electric-acc.style-abs-2 .box-content {
  background-color: var(--white);
  border-radius: 16px;
  left: 15px;
  right: 15px;
  margin: unset;
  padding: 30px 15px;
}

.banner-cls-mega-electric .new {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #d2a40c;
  border-radius: 22px;
  padding: 5px 12px;
}
.banner-cls-mega-electric .box-title-banner {
  justify-items: center;
}

.btn-sidebar-mb {
  position: fixed;
  top: 200px;
  left: 0;
  z-index: 50;
}
.btn-sidebar-mb button {
  width: 40px;
  height: 40px;
  border-radius: 0;
  border: 1px solid var(--dark);
  padding: 0;
  justify-content: center;
}
.btn-sidebar-mb button:hover {
  background-color: var(--white);
  color: var(--dark);
}
.btn-sidebar-mb.right {
  left: unset;
  right: 0;
  transform: rotate(180deg);
}

.main-content-account {
  max-width: 1244px;
  width: 100%;
  margin: 0 auto;
}

.woocommerce-account .woocommerce,
.my-account-container {
  display: flex;
  gap: 30px;
}
.woocommerce-account .woocommerce .my-acount-content,
.my-account-container .my-acount-content {
  width: 100%;
}

.canvas-sidebar-account-wrap,
.sidebar-account-wrap {
  border-radius: 8px;
  border: 1px solid var(--line);
  max-width: 244px;
  width: 100%;
  height: max-content;
}
.canvas-sidebar-account-wrap.sticky-top,
.sidebar-account-wrap.sticky-top {
  top: 50px;
}
.canvas-sidebar-account-wrap .is-active .my-account-nav-item,
.sidebar-account-wrap .is-active .my-account-nav-item {
  color: var(--primary);
  background-color: var(--primary-4);
}
.canvas-sidebar-account-wrap .my-account-nav-item,
.sidebar-account-wrap .my-account-nav-item {
  padding: 15px 12px;
  display: block;
}
.canvas-sidebar-account-wrap .my-account-nav-item:hover,
.sidebar-account-wrap .my-account-nav-item:hover {
  background-color: var(--primary-4);
}
.canvas-sidebar-account-wrap li:not(:first-child),
.sidebar-account-wrap li:not(:first-child) {
  border-top: 1px solid var(--line);
}

.canvas-sidebar .sidebar-account-wrap {
  max-width: unset;
}

.offcanvas.offcanvas-start.canvas-sidebar-account {
  top: 32px;
}

.woocommerce-Addresses {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.woocommerce-Addresses .col-1,
.woocommerce-Addresses .col-2 {
  width: auto;
  border-radius: 16px;
  border: 1px solid var(--line);
}
.woocommerce-Addresses .col-1 h2,
.woocommerce-Addresses .col-2 h2 {
  padding: 15px;
  border-bottom: 1px solid var(--line);
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.woocommerce-Addresses .col-1 a,
.woocommerce-Addresses .col-1 address,
.woocommerce-Addresses .col-2 a,
.woocommerce-Addresses .col-2 address {
  color: var(--text);
  padding: 15px;
  gap: 24px;
  font-size: 16px;
  line-height: 24px;
}
.woocommerce-Addresses .col-1 address,
.woocommerce-Addresses .col-2 address {
  padding-top: 0;
}
.woocommerce-Addresses .col-1 a,
.woocommerce-Addresses .col-2 a {
  color: var(--primary);
}

:not(.woocommerce-Addresses) .woocommerce-Address {
  margin-top: 20px;
}

.woocommerce-Address {
  width: auto;
  border-radius: 16px;
  border: 1px solid var(--line);
}
.woocommerce-Address h2 {
  padding: 15px;
  border-bottom: 1px solid var(--line);
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.woocommerce-Address a,
.woocommerce-Address address {
  color: var(--text);
  padding: 15px;
  gap: 24px;
  font-size: 16px;
  line-height: 24px;
}
.woocommerce-Address address {
  padding-top: 0;
  line-height: 32px;
}
.woocommerce-Address a {
  color: var(--primary);
}

.woocommerce-MyAccount-content .address-field .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 28px;
}

.woocommerce-edit-address .woocommerce-MyAccount-content form h2 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  margin-bottom: 23px;
  color: #000;
}

@media screen and (max-width: 782px) {
  .offcanvas.offcanvas-start.canvas-sidebar-account {
    top: 46px;
  }
}
.my-acount-content .box-account-title {
  display: grid;
  gap: 16px;
  margin-bottom: 30px;
}

.account-orders .title {
  margin-bottom: 42px;
}

.woocommerce-MyAccount-content,
.account-orders {
  width: 100%;
  overflow-x: auto;
}
.woocommerce-MyAccount-content p a,
.account-orders p a {
  color: var(--primary);
}
.woocommerce-MyAccount-content p.name a,
.account-orders p.name a {
  color: inherit;
}
.woocommerce-MyAccount-content::-webkit-scrollbar,
.account-orders::-webkit-scrollbar {
  height: 3px;
}
.woocommerce-MyAccount-content::-webkit-scrollbar-thumb,
.account-orders::-webkit-scrollbar-thumb {
  background: var(--surface);
  border-radius: 999px;
}
.woocommerce-MyAccount-content .wrap-account-order,
.account-orders .wrap-account-order {
  overflow-x: auto;
}
.woocommerce-MyAccount-content .wrap-account-order::-webkit-scrollbar,
.account-orders .wrap-account-order::-webkit-scrollbar {
  height: 3px;
}
.woocommerce-MyAccount-content .wrap-account-order::-webkit-scrollbar-thumb,
.account-orders .wrap-account-order::-webkit-scrollbar-thumb {
  background: var(--surface);
  border-radius: 999px;
}
.woocommerce-MyAccount-content table,
.account-orders table {
  width: 100%;
  min-width: 700px;
  text-align: center;
  border-radius: 8px;
  font-size: 16px;
  line-height: 24px;
}
.woocommerce-MyAccount-content table thead,
.woocommerce-MyAccount-content table td,
.woocommerce-MyAccount-content table th,
.account-orders table thead,
.account-orders table td,
.account-orders table th {
  padding: 15px 20px;
  text-align: center;
}
.woocommerce-MyAccount-content table thead tr,
.account-orders table thead tr {
  border: 1px solid var(--line);
}
.woocommerce-MyAccount-content table thead tr th,
.account-orders table thead tr th {
  font-weight: 500;
}
.woocommerce-MyAccount-content table tbody,
.account-orders table tbody {
  border: 1px solid var(--line);
  border-top: 0;
}
.woocommerce-MyAccount-content table tbody tr:not(:last-child),
.account-orders table tbody tr:not(:last-child) {
  border-bottom: 1px solid var(--line);
}
.woocommerce-MyAccount-content table th:first-child,
.account-orders table th:first-child {
  text-align: start;
}
.woocommerce-MyAccount-content table .woocommerce-button,
.woocommerce-MyAccount-content table .view-detail,
.account-orders table .woocommerce-button,
.account-orders table .view-detail {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  padding: 5px 19px;
  border: 1px solid var(--dark);
  border-radius: 99px;
}
.woocommerce-MyAccount-content table .woocommerce-button:hover,
.woocommerce-MyAccount-content table .view-detail:hover,
.account-orders table .woocommerce-button:hover,
.account-orders table .view-detail:hover {
  background-color: var(--dark);
  color: var(--white);
}
.woocommerce-MyAccount-content .account-no-orders-wrap,
.account-orders .account-no-orders-wrap {
  display: none;
  text-align: center;
}
.woocommerce-MyAccount-content .account-no-orders-wrap img,
.account-orders .account-no-orders-wrap img {
  margin-bottom: 42px;
}
.woocommerce-MyAccount-content .account-no-orders-wrap .title,
.account-orders .account-no-orders-wrap .title {
  margin-bottom: 16px;
}
.woocommerce-MyAccount-content .account-no-orders-wrap .text,
.account-orders .account-no-orders-wrap .text {
  margin-bottom: 32px;
}
.woocommerce-MyAccount-content.no-orders .account-no-orders-wrap,
.account-orders.no-orders .account-no-orders-wrap {
  display: block;
}
.woocommerce-MyAccount-content.no-orders .account-orders-wrap,
.account-orders.no-orders .account-orders-wrap {
  display: none;
}

.account-dashboard .content-account {
  display: grid;
  gap: 15px;
}
.account-dashboard .hello-name span {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}
.account-dashboard .hello-name .name {
  font-weight: 500;
}
.account-dashboard .hello-name a {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}
.account-dashboard .box-check {
  border-radius: 16px;
  border: 1px solid var(--line);
  padding: 45px 15px;
  height: 100%;
}
.account-dashboard .icon {
  position: relative;
  display: inline-flex;
  margin-bottom: 24px;
}
.account-dashboard .icon i {
  font-size: 44px;
}
.account-dashboard .count-number {
  position: absolute;
  display: inline-flex;
  background-color: var(--primary);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  top: -18px;
  right: -30px;
}
.account-dashboard .box-check-list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.account-dashboard .box-check-list > * {
  width: 100%;
}

.banner-account {
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}
.banner-account.bg-linear {
  background: linear-gradient(270deg, #efe7ff 0%, #eaf3ff 100%);
}
.banner-account .banner-content-right {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  display: grid;
  gap: 16px;
}
.banner-account .banner-title {
  display: grid;
  gap: 6px;
}
.banner-account.banner-acc-countdown {
  padding: 30px;
  justify-content: space-between;
  gap: 15px;
  flex-wrap: wrap;
}
.banner-account.banner-acc-countdown .banner-content-left {
  display: grid;
  gap: 8px;
}

.s-banner-countdown {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}
.s-banner-countdown .image img {
  min-height: 488px;
  width: 100%;
  object-fit: cover;
}
.s-banner-countdown .banner-content {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: grid;
  gap: 12px;
}
.s-banner-countdown .box-title {
  display: grid;
  gap: 4px;
}

.banner-cd-phonecase {
  border-radius: 16px;
  overflow: hidden;
  margin: 0px 12px;
}
.banner-cd-phonecase .banner-wrap {
  position: relative;
}
.banner-cd-phonecase .banner-content {
  z-index: 2;
  background-color: var(--white);
  border-radius: 16px;
  padding: 30px 15px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.banner-cd-phonecase .box-content {
  display: grid;
  gap: 12px;
}
.banner-cd-phonecase .box-title {
  display: grid;
  gap: 8px;
}
.banner-cd-phonecase .image img {
  width: 100%;
}

.s-banner-cd-baby .banner-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 16px;
  background-color: #f3f2ee;
  padding: 40px;
  gap: 20px;
}
.s-banner-cd-baby .box-title {
  display: grid;
  gap: 12px;
}
.s-banner-cd-baby .content {
  display: grid;
  gap: 24px;
}
.s-banner-cd-baby .wg-countdown .countdown__item {
  background-color: var(--white);
}

.s-banner-product .content-banner {
  display: flex;
  gap: 42px;
  justify-content: center;
}
.s-banner-product .image-wrap {
  position: relative;
}
.s-banner-product .image {
  max-width: 512px;
  border-radius: 16px;
  overflow: hidden;
}
.s-banner-product .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.s-banner-product .content-right {
  display: flex;
  flex-direction: column;
  gap: 42px;
  justify-content: center;
}
.s-banner-product .content-right .box-title {
  display: grid;
  gap: 10px;
}

.cls-bn-content {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  background-color: var(--white);
  border-radius: 8px;
}
.cls-bn-content .info-product {
  display: flex;
  align-items: center;
  gap: 12px;
}
.cls-bn-content .img-product {
  max-width: 72px;
  max-height: 85px;
}
.cls-bn-content .img-product img {
  object-fit: cover;
}
.cls-bn-content .info {
  display: grid;
  gap: 6px;
}

.s-banner-with-text .content-banner {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 24px;
}
.s-banner-with-text .box-title-banner {
  display: grid;
  gap: 10px;
}
.s-banner-with-text br {
  display: none;
}
.s-banner-with-text .image-banner {
  position: relative;
  overflow: hidden;
}
.s-banner-with-text .image {
  border-radius: 16px;
  overflow: hidden;
  width: 100%;
}
.s-banner-with-text .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.s-banner-with-text .image-1:hover {
  position: relative;
  z-index: 2;
}

.banner-text-fashion .image-1 {
  max-width: 531px;
  margin-left: auto;
}
.banner-text-fashion .image-2 {
  position: absolute;
  max-width: 316px;
  z-index: 2;
  left: 71px;
  bottom: 44px;
}

.banner-text-skincare.type-2 .image-1 {
  width: 85%;
}
.banner-text-skincare.type-2 .image-2 {
  position: absolute;
  width: 40%;
  bottom: 5%;
  right: 0;
}

.banner-text-jewelry .image-1 {
  width: 85%;
}
.banner-text-jewelry .image-2 {
  width: 30%;
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 5%;
}

.banner-tagline-phonecase {
  display: flex;
  gap: 50px;
  position: relative;
}
.banner-tagline-phonecase .image {
  border-radius: 16px;
  overflow: hidden;
}
.banner-tagline-phonecase .content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.banner-tagline-phonecase .list-tagline li {
  display: flex;
  gap: 10px;
  padding: 15px;
}
.banner-tagline-phonecase .list-tagline li .box-text {
  display: grid;
  gap: 5px;
}
.banner-tagline-phonecase .list-tagline li:not(:last-child) {
  border-bottom: 1px solid rgba(89, 89, 89, 0.2);
}
.banner-tagline-phonecase .icon i {
  font-size: 35px;
  color: #c596ff;
}

.flat-title {
  display: grid;
  gap: 12px;
  text-align: center;
  margin-bottom: 30px;
}
.flat-title.style-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: start;
  flex-wrap: wrap;
}
.flat-title .box-title {
  display: grid;
  gap: 12px;
}
.flat-title.mb_1 {
  margin-bottom: 33px;
}
.flat-title.style-2 {
  gap: 10px;
}

.flat-title-2 {
  display: grid;
  gap: 5px;
  margin-bottom: 30px;
}
.flat-title-2 .box-title {
  display: grid;
  gap: 5px;
}

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

.account-address-item {
  border-radius: 16px;
  border: 1px solid var(--line);
}
.account-address-item .title {
  padding: 15px;
  border-bottom: 1px solid var(--line);
}
.account-address-item .info-detail {
  padding: 15px;
  display: grid;
  gap: 24px;
}
.account-address-item .box-infor {
  display: grid;
  gap: 12px;
}
.account-address-item .box-btn {
  display: flex;
  gap: 12px;
}
.account-address-item.editing {
  background-color: #fafafa;
}

.account-address .btn-add-address {
  margin-bottom: 42px;
}
.account-address .show-form-address {
  margin-bottom: 24px;
}

.wg-tesimonial-2 {
  border-radius: 16px;
  display: grid;
  gap: 20px;
  margin-bottom: 20px;
  padding: 0px 15px;
}
.wg-tesimonial-2 .box-top {
  display: grid;
  gap: 12px;
}
.wg-tesimonial-2 .box-author {
  display: grid;
  gap: 4px;
}

.flat-wrapper-testimonial {
  background-color: #496048;
  overflow: hidden;
  padding: 30px;
}
.flat-wrapper-testimonial .img-item-1 {
  right: 0px;
  top: 41px;
  animation: swing 10s infinite ease-in-out;
}
.flat-wrapper-testimonial .img-item-2 {
  left: 16px;
  bottom: 0px;
  animation: swing 10s infinite ease-in-out;
}

.wg-offer .image {
  border-radius: 16px;
  margin-bottom: 20px;
}
.wg-offer .content {
  display: grid;
  gap: 12px;
}
.wg-offer .box-title {
  display: grid;
  gap: 8px;
}

.flat-title-v2 {
  display: grid;
  gap: 12px;
  margin-bottom: 30px;
}

.tab-content .box-btn {
  margin-top: 24px;
}

.s-banner-bundle .bundle-wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.s-banner-bundle .tf-swiper {
  width: 100%;
}
.s-banner-bundle .image-banner {
  width: 100%;
  height: 100%;
}

.list-recipe {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding: 15px;
  border-radius: 0px 0px 16px 16px;
}
.list-recipe .br--line {
  display: block;
  height: 27px;
  width: 1px;
  background-color: var(--line);
}

.flat-iconbox {
  padding: 33px 0px;
}

.tf-compare-table {
  border: 1px solid var(--line);
  border-radius: 2.5px;
  overflow-x: scroll;
}
.tf-compare-table::-webkit-scrollbar {
  height: 4px;
}
.tf-compare-table::-webkit-scrollbar-thumb {
  border-radius: 33px;
  background: #d9d9d9;
  cursor: grab;
}

.tf-compare-row {
  display: flex;
}

.tf-compare-col {
  min-width: 240px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  position: relative;
}

.tf-compare-item {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 10px;
}
.tf-compare-item .tf-compare-image {
  border-radius: 16px;
  overflow: hidden;
  width: 100%;
}
.tf-compare-item .tf-compare-remove .tf-btn-icon {
  width: 48px;
  height: 48px;
  cursor: pointer;
}
.tf-compare-item .tf-compare-remove .tf-btn-icon:hover {
  border-color: var(--primary);
}
.tf-compare-item .tf-compare-remove .tf-btn-icon:hover i {
  color: var(--primary);
  transform: unset;
}

.tf-compare-field,
.tf-compare-value {
  padding: 15px;
}

.tf-compare-value {
  display: flex;
  align-items: center;
  justify-content: center;
}

.tf-compare-stock {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #48b02c;
}

.list-esd .item {
  display: grid;
  gap: 10px;
  padding: 20px 0px;
}
.list-esd .item:not(:last-child) {
  border-bottom: 1px solid var(--line);
}

.box-testimonial-quote {
  background-color: #eeffde;
  border-radius: 16px;
  padding: 30px 15px;
  display: grid;
  gap: 20px;
}
.box-testimonial-quote .box-author {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.box-testimonial-quote .box-author .avt {
  max-width: 32px;
  border-radius: 50%;
  overflow: hidden;
}

.mega-categories {
  background-color: var(--white);
  text-align: left;
  color: var(--dark);
  padding: 12px 4px 22px;
}
.mega-categories li:not(:last-child) {
  margin-bottom: 4px;
}
.mega-categories .cate-item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 500;
  color: var(--dark);
  border-radius: 4px;
  padding: 10px;
}
.mega-categories .cate-item .img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: var(--surface);
}
.mega-categories .cate-item:hover, .mega-categories .cate-item.active {
  background-color: var(--purple-2);
}

.mega-cate-box {
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--purple);
}
.mega-cate-box .categories-title {
  display: flex;
  background-color: var(--purple);
  padding: 15px 24px;
  color: var(--white);
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
}
.mega-cate-box .categories-title .icon {
  font-size: 20px;
}

.mega-box .mega-title-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.mega-iconbox {
  border-radius: 16px;
  border: 1px solid var(--line);
  padding: 32px 12px;
}
.mega-iconbox .tf-icon-box:not(:last-child) {
  margin-bottom: 32px;
}

/*# sourceMappingURL=main.css.map */