/** Shopify CDN: Minification failed

Line 3566:0 All "@import" rules must come first

**/
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #BA933E;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 186, 147, 62;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: rgb(74.4, 58.8, 24.8);
  --bs-secondary-text-emphasis: rgb(43.2, 46.8, 50);
  --bs-success-text-emphasis: rgb(10, 54, 33.6);
  --bs-info-text-emphasis: rgb(5.2, 80.8, 96);
  --bs-warning-text-emphasis: rgb(102, 77.2, 2.8);
  --bs-danger-text-emphasis: rgb(88, 21.2, 27.6);
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: rgb(241.2, 233.4, 216.4);
  --bs-secondary-bg-subtle: rgb(225.6, 227.4, 229);
  --bs-success-bg-subtle: rgb(209, 231, 220.8);
  --bs-info-bg-subtle: rgb(206.6, 244.4, 252);
  --bs-warning-bg-subtle: rgb(255, 242.6, 205.4);
  --bs-danger-bg-subtle: rgb(248, 214.6, 217.8);
  --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: rgb(227.4, 211.8, 177.8);
  --bs-secondary-border-subtle: rgb(196.2, 199.8, 203);
  --bs-success-border-subtle: rgb(163, 207, 186.6);
  --bs-info-border-subtle: rgb(158.2, 233.8, 249);
  --bs-warning-border-subtle: rgb(255, 230.2, 155.8);
  --bs-danger-border-subtle: rgb(241, 174.2, 180.6);
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #1A1A1A;
  --bs-emphasis-color-rgb: 26, 26, 26;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #1A1A1A;
  --bs-link-color-rgb: 26, 26, 26;
  --bs-link-decoration: underline;
  --bs-link-hover-color: rgb(20.8, 20.8, 20.8);
  --bs-link-hover-color-rgb: 21, 21, 21;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: rgb(255, 242.6, 205.4);
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.25rem;
  --bs-border-radius-sm: 0.1875rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 1.5rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(186, 147, 62, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: rgb(42.5, 47.5, 52.5);
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: rgb(213.6, 190.2, 139.2);
  --bs-secondary-text-emphasis: rgb(166.8, 172.2, 177);
  --bs-success-text-emphasis: rgb(117, 183, 152.4);
  --bs-info-text-emphasis: rgb(109.8, 223.2, 246);
  --bs-warning-text-emphasis: rgb(255, 217.8, 106.2);
  --bs-danger-text-emphasis: rgb(234, 133.8, 143.4);
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: rgb(37.2, 29.4, 12.4);
  --bs-secondary-bg-subtle: rgb(21.6, 23.4, 25);
  --bs-success-bg-subtle: rgb(5, 27, 16.8);
  --bs-info-bg-subtle: rgb(2.6, 40.4, 48);
  --bs-warning-bg-subtle: rgb(51, 38.6, 1.4);
  --bs-danger-bg-subtle: rgb(44, 10.6, 13.8);
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: rgb(111.6, 88.2, 37.2);
  --bs-secondary-border-subtle: rgb(64.8, 70.2, 75);
  --bs-success-border-subtle: rgb(15, 81, 50.4);
  --bs-info-border-subtle: rgb(7.8, 121.2, 144);
  --bs-warning-border-subtle: rgb(153, 115.8, 4.2);
  --bs-danger-border-subtle: rgb(132, 31.8, 41.4);
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: rgb(213.6, 190.2, 139.2);
  --bs-link-hover-color: rgb(221.88, 203.16, 162.36);
  --bs-link-color-rgb: 214, 190, 139;
  --bs-link-hover-color-rgb: 222, 203, 162;
  --bs-code-color: rgb(230.4, 132.6, 181.2);
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: rgb(102, 77.2, 2.8);
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: rgb(117, 183, 152.4);
  --bs-form-valid-border-color: rgb(117, 183, 152.4);
  --bs-form-invalid-color: rgb(234, 133.8, 143.4);
  --bs-form-invalid-border-color: rgb(234, 133.8, 143.4);
}

@media (min-width: 1220px) {
  .vela-section > .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: var(--page-mx-xl, 1440px);
  }
}
@media (max-width: 767.98px) {
  .container, .container-fluid {
    --bs-gutter-x: 40px;
  }
}
.container-full {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  --bs-body-font-family: var(--font-body-family);
  --bs-body-font-weight: var(--font-body-weight);
  --bs-body-font-size: var(--font-size-base);
}

.link {
  color: var(--bs-link-color);
  text-decoration: none;
  transition: all 0.2s ease;
}
.link:hover {
  color: var(--primary);
}

.ff-heading {
  font-family: var(--font-heading-family) !important;
}

.heading-color {
  color: var(--bs-heading-color) !important;
}

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

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

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

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

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

*:focus-visible {
  outline: 0;
  outline-offset: 0;
  box-shadow: none;
}

.z-index-1 {
  z-index: 1 !important;
}

.z-index-2 {
  z-index: 2 !important;
}

/* Fallback - for browsers that don't support :focus-visible, a fallback is set for :focus */
*:focus {
  outline: 0;
  outline-offset: 0;
  box-shadow: none;
}

/* Negate the fallback side-effect for browsers that support :focus-visible */
*:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

.focus-inset:focus-visible {
  outline: 0;
  outline-offset: 0;
  box-shadow: none;
}

.focus-inset:focus {
  outline: 0;
  outline-offset: 0;
  box-shadow: none;
}

.focus-inset:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

.focus-none {
  box-shadow: none !important;
  outline: 0 !important;
}

.letter-spacing-half {
  letter-spacing: 0.5px;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.ff-special {
  font-family: var(--font-special-family), var(--font-heading-family) !important;
}

.page-header {
  margin-bottom: 30px;
}

.page-title {
  color: var(--bs-heading-color);
  font-family: var(--font-heading-family);
  font-weight: var(--font-heading-weight);
  font-size: 30px;
}
@media (max-width: 767.98px) {
  .page-title {
    font-size: calc(var(--font-size-base) + 6px);
  }
}

.modal img {
  max-width: 100%;
  height: auto;
}

/* component-media */
.card__image {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.card__image img {
  object-fit: contain;
  object-position: center center;
  max-height: 100%;
  max-width: 100%;
}
.card__image .noscript {
  position: absolute;
  top: 0;
  left: 0;
}
.card__image .pre-loading {
  z-index: 55;
  display: block;
}
.card__image.lazyload > img, .card__image.lazyloaded .pre-loading {
  display: none;
}

.vela-btn-primary {
  --bs-btn-color: var(--color-button-text-primary);
  --bs-btn-border-color: var(--color-button-border-primary);
  --bs-btn-bg: var(--color-button-bg-primary);
  --bs-btn-padding-x: 30px;
  --bs-btn-padding-y: 11px;
  --bs-btn-hover-border-color: var(--color-button-border-primary-hover);
  --bs-btn-hover-color: var(--color-button-text-primary-hover);
  --bs-btn-hover-bg: var(--color-button-bg-primary-hover);
  position: relative;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.vela-btn-primary > span {
  position: relative;
}
.vela-btn-primary:focus, .vela-btn-primary:hover {
  background-color: var(--color-button-bg-primary-hover);
}

.vela-btn-secondary {
  --bs-btn-color: var(--color-button-text-secondary);
  --bs-btn-border-color: var(--color-button-border-secondary);
  --bs-btn-bg: var(--color-button-bg-secondary);
  --bs-btn-padding-x: 30px;
  --bs-btn-padding-y: 15px;
  --bs-btn-hover-border-color: var(--color-button-border-secondary-hover);
  --bs-btn-hover-color: var(--color-button-text-secondary-hover);
  --bs-btn-hover-bg: var(--color-button-bg-secondary-hover);
  position: relative;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.vela-btn-secondary > span {
  position: relative;
}
.vela-btn-secondary:hover {
  background-color: var(--color-button-bg-secondary-hover);
}

.btn-outline {
  --bs-btn-color: var(--color-button-bg-secondary);
  --bs-btn-hover-color: var(--color-button-bg-secondary);
  --bs-btn-border-color: var(--bs-border-color);
  --bs-btn-hover-border-color: var(--color-button-bg-secondary);
  --bs-btn-padding-y: 14px;
}

.btn--viewall {
  background: transparent;
  color: var(--bs-heading-color);
  border: 1px solid var(--bs-border-color);
  padding: 11px 32px;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.btn--viewall:hover {
  border-color: var(--bs-heading-color);
}

.btn-link:hover {
  color: var(--primary);
}

.btn-link-outline {
  border-bottom: 2px solid var(--bs-heading-color);
  position: relative;
}
.btn-link-outline::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -2px;
  width: 0;
  border-bottom: 2px solid var(--primary);
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
  z-index: 10;
}
.btn-link-outline:hover {
  color: var(--primary);
}
.btn-link-outline:hover:before {
  left: 0;
  width: 100%;
}

/* base-details-summary */
summary {
  cursor: pointer;
  list-style: none;
  position: relative;
}

summary .icon-caret {
  position: absolute;
  height: 0.6rem;
  right: 1.5rem;
  top: calc(50% - 0.35rem);
}

summary::-webkit-details-marker {
  display: none;
}

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* clears the 'X' from Chrome */
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

.form__message {
  padding: 1rem 1.3rem;
}
.form__message .form-message__title {
  font-size: 1.2em;
}
.form__message--error {
  color: #651818;
  border: 1px solid #d20000;
  background-color: #fff8f8;
  text-align: left;
  width: 100%;
}
.form__message--success {
  color: #0f5132;
  background-color: #d1e7dd;
  border-color: #badbcc;
  display: block;
  width: 100%;
}

.pre-loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background-color: var(--bs-body-bg);
}

.pre-loader {
  height: 4px;
  width: 130px;
  display: inline-block;
  --c:no-repeat linear-gradient(#1F1F27 0 0);
  background: var(--c), var(--c), #DADBE0;
  background-size: 60% 100%;
  animation: l16 3s infinite;
}

@keyframes l16 {
  0% {
    background-position: -150% 0, -150% 0;
  }
  66% {
    background-position: 250% 0, -150% 0;
  }
  100% {
    background-position: 250% 0, 250% 0;
  }
}
.vela-loading {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: block;
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.9);
}

@keyframes line-scale {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.4);
  }
}
.vela-loading__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  transform: translate(-50%, -50%);
}
.vela-loading__icon > span {
  margin: 0 2px;
  display: block;
  width: 4px;
  height: 25px;
  background-color: var(--primary);
}
.vela-loading__icon > span:nth-child(1) {
  animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.vela-loading__icon > span:nth-child(2) {
  animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.vela-loading__icon > span:nth-child(3) {
  animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.vela-loading__icon > span:nth-child(4) {
  animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.placeholder {
  background-color: rgba(18, 18, 18, 0.04);
  color: rgba(18, 18, 18, 0.55);
  fill: rgba(18, 18, 18, 0.55);
}

svg.placeholder-svg {
  width: 100%;
  max-width: 100%;
  background: var(--svg-bg-cl, #eef0f2);
  height: var(--plh-svg-h, 100%);
}

/* SCROLL TO TOP*/
.scroll-to-top {
  z-index: 2;
  cursor: pointer;
  text-align: center;
  position: relative;
  position: fixed;
  right: 20px;
  bottom: 80px;
}
.scroll-to-top span {
  background-color: #f2f5f7;
  border: 1px solid var(--bs-border-color);
  position: relative;
  width: 40px;
  height: 40px;
  color: var(--bs-heading-color);
}
.scroll-to-top span:hover {
  border-color: var(--primary);
  background-color: var(--primary);
  color: #fff;
}

.bg_gradient {
  background: linear-gradient(var(--bl-bg-cl-g-al), var(--bl-bg-cl-g1), var(--bl-bg-cl-g2));
}

.vela-block {
  background-color: var(--bl-bg-cl);
}
@media (min-width: 992px) {
  .vela-block .vela-block-img {
    max-width: var(--bx-mx-dsk, 100%);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .vela-block .vela-block-img {
    max-width: var(--bx-mx-tl, 100%);
  }
}
@media (max-width: 767.98px) {
  .vela-block .vela-block-img {
    max-width: var(--bx-mx-mb, 100%);
  }
}

.vela-block-img-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.vela-block-img-overlay .vela-block-body__inner {
  position: relative;
  z-index: 2;
}
@media (min-width: 992px) {
  .vela-block-img-overlay .vela-block-body__inner {
    max-width: var(--bx-mx-dsk, 100%);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .vela-block-img-overlay .vela-block-body__inner {
    max-width: var(--bx-mx-tl, 100%);
  }
}
@media (max-width: 767.98px) {
  .vela-block-img-overlay .vela-block-body__inner {
    max-width: var(--bx-mx-mb, 100%);
  }
}

@media (min-width: 992px) {
  .vela-padding {
    padding: var(--bl-pd-dt, 0);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .vela-padding {
    padding: var(--bl-pd-tl, 0);
  }
}
@media (max-width: 767.98px) {
  .vela-padding {
    padding: var(--bl-pd-mb, 0);
  }
}

.vela-section {
  max-width: 100%;
  background-color: var(--st-bg-cl);
  background-image: var(--st-bg-img);
  background-size: cover;
  background-repeat: no-repeat;
  margin: var(--st-mg, 0);
}
.vela-section.mx-auto {
  max-width: var(--st-mx-w);
}
@media (min-width: 992px) {
  .vela-section {
    padding: var(--st-pd-dt, 0);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .vela-section {
    padding: var(--st-pd-tl, 0);
  }
}
@media (max-width: 767.98px) {
  .vela-section {
    padding: var(--st-pd-mb, 0);
  }
}

.vela-btn {
  --bs-btn-color: var(--vl-b-cl);
  --bs-btn-border-color: var(--vl-b-bd-cl);
  --bs-btn-bg: var(--vl-b-bg-cl);
  --bs-btn-hover-border-color: var(--vl-b-bd-cl-h);
  --bs-btn-hover-color: var(--vl-b-cl-h);
  --bs-btn-hover-bg: var(--vl-b-bg-cl-h);
  border-width: var(--vl-b-bd-w, 0);
  border-style: solid;
  transition: all 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .vela-btn {
    transition: none;
  }
}
@media (min-width: 992px) {
  .vela-btn {
    font-size: var(--vl-b-fs);
    padding: var(--vl-b-pd);
    margin: var(--vl-b-mg);
    line-height: calc(var(--vl-b-fs) + 2px);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .vela-btn {
    font-size: var(--vl-b-fs-l);
    margin: var(--vl-b-mg-l);
    padding: var(--vl-b-pd-l);
    line-height: calc(var(--vl-b-fs-l) + 2px);
  }
}
@media (max-width: 767.98px) {
  .vela-btn {
    font-size: var(--vl-b-fs-m);
    margin: var(--vl-b-mg-m);
    padding: var(--vl-b-pd-m);
    line-height: calc(var(--vl-b-fs-m) + 2px);
  }
}
.vela-btn:hover {
  background-color: var(--vl-b-bg-cl-h);
}
.vela-btn.btn__style1 {
  position: relative;
}
.vela-btn.btn__style1::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 24px;
  height: 2px;
  background-color: var(--vl-b-bd-cl);
  transition: all 0.3s ease;
}
.vela-btn.btn__style1:hover::after {
  width: 100%;
  background-color: var(--vl-b-bd-cl-h);
}

.vela-text {
  color: var(--vl-t-cl);
}
@media (min-width: 992px) {
  .vela-text {
    font-size: var(--vl-t-fs);
    line-height: var(--vl-t-lh, var(--bs-body-line-height));
    letter-spacing: var(--vl-l-sp-dsk, 0);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .vela-text {
    font-size: var(--vl-t-fs-tl, var(--vl-t-fs));
    line-height: var(--vl-t-lh-tl, var(--bs-body-line-height));
    letter-spacing: var(--vl-l-sp-tl, 0);
  }
}
@media (max-width: 767.98px) {
  .vela-text {
    font-size: var(--vl-t-fs-m);
    line-height: var(--vl-t-lh-m, var(--bs-body-line-height));
    letter-spacing: var(--vl-l-sp-mb, 0);
  }
}

@media (min-width: 992px) {
  .vela-margin {
    margin: var(--item-mg-dsk, 0);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .vela-margin {
    margin: var(--item-mg-tl, 0);
  }
}
@media (max-width: 767.98px) {
  .vela-margin {
    margin: var(--item-mg-mb, 0);
  }
}

.menu-links a {
  color: var(--vl-link-cl);
  transition: all 0.2s ease;
}
.menu-links a:hover {
  color: var(--vl-link-cl-h);
}
@media (min-width: 992px) {
  .menu-links {
    font-size: var(--vl-link-fs);
    line-height: calc(var(--vl-link-fs) + 2px);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .menu-links {
    font-size: var(--vl-link-fs-tl);
    line-height: calc(var(--vl-link-fs-tl) + 2px);
  }
}
@media (max-width: 767.98px) {
  .menu-links {
    font-size: var(--vl-link-fs-m);
    line-height: calc(var(--vl-link-fs-m) + 2px);
  }
}
.menu-links ul {
  display: flex;
}
@media (min-width: 992px) {
  .menu-links ul {
    gap: var(--vl-link-g-dsk);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .menu-links ul {
    gap: var(--vl-link-g-tl);
  }
}
@media (max-width: 767.98px) {
  .menu-links ul {
    gap: var(--vl-link-g-mb);
  }
}
.menu-links .menu__default {
  flex-direction: column;
}
.menu-links .menu__style1 {
  flex-direction: row;
}

.effect_one .effect-item {
  position: relative;
  display: block;
}
.effect_one .effect-item:before, .effect_one .effect-item:after {
  content: "";
  position: absolute;
  display: block;
  z-index: 1;
  transition: all 0.5s linear;
  right: 50%;
  left: 50%;
  top: 50%;
  bottom: 50%;
  opacity: 0;
}
.effect_one .effect-item:before {
  border-left: 1px solid white;
  border-right: 1px solid white;
}
.effect_one .effect-item:after {
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}
.effect_one .effect-item:hover:after, .effect_one .effect-item:hover:before {
  opacity: 1;
  left: 20px;
  right: 20px;
  top: 20px;
  bottom: 20px;
}

.effect_two .effect-item {
  display: block;
  overflow: hidden;
  position: relative;
}
.effect_two .effect-item:before {
  border: 1px solid #ffffff;
  bottom: 20px;
  content: "";
  left: 20px;
  opacity: 0;
  -webkit-transform: scale(1.4);
  -ms-transform: scale(1.4);
  -o-transform: scale(1.4);
  transform: scale(1.4);
  position: absolute;
  right: 20px;
  top: 20px;
  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  z-index: 1;
}
.effect_two .effect-item:after {
  bottom: 20px;
  content: "";
  left: 20px;
  position: absolute;
  right: 20px;
  top: 20px;
  transform: scale(1.4);
  opacity: 0;
  box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.05);
  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  z-index: 1;
}
.effect_two:hover .effect-item:before, .effect_two:hover .effect-item:after {
  opacity: 1;
  transform: scale(1);
}

.effect_three .effect-item {
  display: block;
  overflow: hidden;
  position: relative;
}
.effect_three .effect-item:before, .effect_three .effect-item:after {
  content: "";
  opacity: 0;
  position: absolute;
  transition: all 0.35s ease 0s;
}
@media (prefers-reduced-motion: reduce) {
  .effect_three .effect-item:before, .effect_three .effect-item:after {
    transition: none;
  }
}
.effect_three .effect-item:before, .effect_three .effect-item:after {
  z-index: 1;
}
.effect_three .effect-item:before {
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  bottom: 20px;
  left: 10px;
  right: 10px;
  top: 20px;
  transform: scale(1, 0);
}
.effect_three .effect-item:after {
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  left: 20px;
  right: 20px;
  bottom: 10px;
  top: 10px;
  transform: scale(0, 1);
}
.effect_three .effect-img {
  transform: scale(1);
  transition: all 0.35s ease 0s;
}
@media (prefers-reduced-motion: reduce) {
  .effect_three .effect-img {
    transition: none;
  }
}
.effect_three:hover .effect-item:before, .effect_three:hover .effect-item:after {
  opacity: 1;
  transform: scale(1);
}
.effect_three:hover .effect-img {
  transform: scale(1.05);
}

.effect_four .effect-item {
  display: block;
  overflow: hidden;
  position: relative;
}
.effect_four .effect-item:after, .effect_four .effect-item:before {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 900ms ease 0s;
}
.effect_four .effect-item:hover:before {
  background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
  bottom: 50%;
  top: 50%;
}
.effect_four .effect-item:hover:after {
  background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
  left: 51%;
  right: 50%;
}

.effect_five .effect-img {
  transition: all 0.4s ease;
}
.effect_five:hover .effect-img {
  transform: scale(1.1);
}

.effect_six .effect-item {
  opacity: 1;
  transition: all 0.3s ease-in;
}
.effect_six:hover .effect-item {
  opacity: 0.3;
}

.velaBorder .borderStyle {
  line-height: 0;
}

@media (min-width: 768px) {
  .border-md-end-up {
    border-right: 1px solid var(--bs-border-color);
  }
}
@media (max-width: 767.98px) {
  .border-md-bottom-down {
    border-bottom: 1px solid var(--bs-border-color);
  }
}
.white-space-nowrap {
  white-space: nowrap;
}

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

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

.line-clamp-3 {
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.is-adding {
  pointer-events: none;
}
.is-adding span.text,
.is-adding .btn__text {
  opacity: 0;
}
.is-adding svg {
  opacity: 0;
}
.is-adding .spinner-border {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.show-tooltip {
  position: relative;
}
.show-tooltip .tooltip {
  transition: all 0.2s ease;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  line-height: 20px;
}
.show-tooltip .tooltip-arrow {
  position: absolute;
}
.show-tooltip .tooltip-inner {
  white-space: nowrap;
}
.show-tooltip .bs-tooltip-top {
  bottom: 100%;
  margin-bottom: 10px;
  transform: translate(-50%);
  left: 50%;
}
.show-tooltip .bs-tooltip-top .tooltip-arrow {
  transform: translate(-50%);
  left: 50%;
}
.show-tooltip .bs-tooltip-start {
  right: 100%;
  margin-right: 10px;
}
.show-tooltip .bs-tooltip-start .tooltip-arrow {
  transform: translate(0, -50%);
  top: 50%;
}
.show-tooltip .bs-tooltip-end {
  left: 100%;
  margin-left: 10px;
}
.show-tooltip .bs-tooltip-end .tooltip-arrow {
  transform: translate(0, -50%);
  top: 50%;
}
.show-tooltip:hover .tooltip {
  visibility: visible;
  opacity: 1;
}
.show-tooltip:hover .bs-tooltip-top {
  margin-bottom: 5px;
}
.show-tooltip:hover .bs-tooltip-start {
  margin-right: 5px;
}
.show-tooltip:hover .bs-tooltip-end {
  margin-left: 5px;
}

.mw-40 {
  min-width: 40px;
}

.hvduc-select__container {
  position: relative;
}

.hvduc-select__heading {
  cursor: pointer;
  display: inline-block;
  min-width: 100px;
  padding: 6px 30px 6px 16px;
  font-weight: 400;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 16px 12px;
  border: 1px solid var(--bs-border-color);
  border-radius: 2rem;
  transition: all 0.15s ease-in-out;
}

.hvduc-select__content {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  min-width: 100%;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  box-shadow: var(--bs-box-shadow-sm);
  background-color: #fff;
  padding: 8px;
  border-radius: 0.25rem;
}

.hvduc-select__container.active > .hvduc-select__content {
  opacity: 1;
  visibility: visible;
}

.hvduc-select__option {
  display: block;
  width: 100%;
  border: 0;
  background: transparent;
  text-align: left;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 22px;
  font-weight: 500;
  border-radius: 0.25rem;
  white-space: nowrap;
}
.hvduc-select__option.active, .hvduc-select__option:hover {
  background-color: #f4f4f4;
  color: var(--bs-heading-color);
}

.product-quantity__label {
  margin: 0;
  display: block;
  font-weight: var(--font-heading-weight);
  color: var(--bs-heading-color);
  min-width: 75px;
  padding-right: 15px;
}

.vela-qty {
  position: relative;
  width: 100px;
  display: flex;
  align-items: center;
  border-radius: var(--bs-border-radius);
  background-color: #f5f5f5;
}

.vela-qty__number {
  font-size: calc(var(--font-size-base) + 4px);
  font-family: var(--font-heading-family);
  text-align: center;
  background-color: transparent;
  border: 0;
  height: 48px;
  width: 100%;
  flex-grow: 1;
  font-weight: 700;
  -webkit-appearance: none;
  appearance: none;
}

.vela-qty__adjust {
  width: 35px;
  height: 30px;
  flex-shrink: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--header-color);
}
.vela-qty__adjust.disable {
  pointer-events: none;
  cursor: no-drop;
  color: var(--bs-border-color);
}
.vela-qty__adjust:hover {
  color: var(--primary);
}
.vela-qty__adjust svg {
  width: 12px;
  pointer-events: none;
}

.product-quantity__select {
  min-height: 48px;
  min-width: 80px;
  padding: 6px 30px 6px 15px;
  background-color: #f5f5f5;
  border: 0;
  cursor: pointer;
  text-align: center;
  font-family: var(--font-heading-family);
  background-position: right 1rem center;
  font-weight: 700;
}

.vela__btn-close {
  width: 32px;
  height: 32px;
  border: 1px solid var(--bs-border-color);
  border-radius: 50%;
  padding: 0;
  display: block;
  background: transparent;
  color: var(--bs-body-color);
}
.vela__btn-close .icon-line1,
.vela__btn-close .icon-line {
  margin-left: -5px;
  margin-top: -5px;
  transition: all 0.3s ease;
}
.vela__btn-close .icon-line1 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.vela__btn-close:focus, .vela__btn-close:hover {
  color: var(--bs-heading-color);
}
.vela__btn-close:focus .icon-line1,
.vela__btn-close:focus .icon-line, .vela__btn-close:hover .icon-line1,
.vela__btn-close:hover .icon-line {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.vela__btn-close.btn-close-lg {
  width: 40px;
  height: 40px;
}
.vela__btn-close.btn-close-lg svg {
  width: 16px;
  height: 16px;
  margin-left: -8px;
  margin-top: -8px;
}

.bg-gray {
  background: #f5f5f5;
}

.hidden-label ~ label {
  display: inline-block;
  background: var(--bs-body-bg);
  color: var(--bs-heading-color);
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: -7px;
  left: 20px;
  line-height: 1;
  padding: 0 5px;
  margin-bottom: 0;
  transition: all 0.3s ease;
  font-size: 16px;
  font-weight: 500;
}
.hidden-label:focus ~ label {
  visibility: visible;
  opacity: 1;
}

.effect-rotate {
  animation: rotation 7s infinite linear;
}

.scroll-style {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 30px);
}

/* scrollbar width */
.scroll-style::-webkit-scrollbar {
  width: 4px;
}

/* scrollbar track */
.scroll-style::-webkit-scrollbar-track {
  background: #eee;
}

/* scrollbar handle */
.scroll-style::-webkit-scrollbar-thumb {
  border-radius: 1rem;
  background-color: #b6b6b6;
}

.modal-dialog .scroll-style {
  max-height: calc(100vh - 60px);
}

.ratio-full {
  --bs-aspect-ratio: 100vh;
}

.icon-effect-1 .vela-icon {
  position: relative;
  transition: 0.3s transform ease;
}
.icon-effect-1 .vela-icon-1 {
  position: absolute;
  transform: translate(-100%, 100%);
  left: 0;
  bottom: 0;
  transition: 0.3s transform ease;
}
.icon-effect-1:hover .vela-icon-1 {
  transform: translate(0, 0);
}
.icon-effect-1:hover .vela-icon {
  transform: translate(100%, -100%);
}

@media (min-width: 992px) {
  .section-custom__inner {
    gap: var(--ct-g-dsk);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .section-custom__inner {
    gap: var(--ct-g-tl);
  }
}
@media (max-width: 767.98px) {
  .section-custom__inner {
    gap: var(--ct-g-mb);
  }
}

@media (min-width: 992px) {
  .custom-row {
    --bs-gutter-y: var(--r-g-dsk);
    --bs-gutter-x: var(--r-g-dsk);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .custom-row {
    --bs-gutter-y: var(--r-g-tl);
    --bs-gutter-x: var(--r-g-tl);
  }
}
@media (max-width: 767.98px) {
  .custom-row {
    --bs-gutter-y: var(--r-g-mb);
    --bs-gutter-x: var(--r-g-mb);
  }
}

.group-width {
  width: 100%;
  max-width: var(--cl-w);
}

.group__wrapper {
  background-color: var(--g-bg-cl);
}
@media (min-width: 992px) {
  .group__wrapper {
    gap: var(--g-g-dsk);
    padding: var(--g-pd-dt, 0);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .group__wrapper {
    gap: var(--g-g-tl);
    padding: var(--g-pd-tl, 0);
  }
}
@media (max-width: 767.98px) {
  .group__wrapper {
    padding: var(--g-pd-mb, 0);
    gap: var(--g-g-mb);
  }
}

@media (min-width: 992px) {
  .group__container {
    gap: var(--g-g-dsk);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .group__container {
    gap: var(--g-g-tl);
  }
}
@media (max-width: 767.98px) {
  .group__container {
    gap: var(--g-g-mb);
  }
}

.item__wrapper {
  background-color: var(--sl-item-bg-cl);
}
@media (min-width: 992px) {
  .item__wrapper {
    gap: var(--sl-item-g-dsk);
    padding: var(--sl-item-pd-dt, 0);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .item__wrapper {
    gap: var(--sl-item-g-tl);
    padding: var(--sl-item-pd-tl, 0);
  }
}
@media (max-width: 767.98px) {
  .item__wrapper {
    padding: var(--sl-item-pd-mb, 0);
    gap: var(--sl-item-g-mb);
  }
}

@media (min-width: 992px) {
  .item__container {
    gap: var(--sl-item-g-dsk);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .item__container {
    gap: var(--sl-item-g-tl);
  }
}
@media (max-width: 767.98px) {
  .item__container {
    gap: var(--sl-item-g-mb);
  }
}

@media (min-width: 992px) {
  .gutter-custom-dsk {
    --bs-gutter-x: var(--g-dsk);
    --bs-gutter-y: var(--g-dsk);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .gutter-custom-tl {
    --bs-gutter-x: var(--g-tl);
    --bs-gutter-y: var(--g-tl);
  }
}
@media (max-width: 767.98px) {
  .gutter-custom-mb {
    --bs-gutter-x: var(--g-mb);
    --bs-gutter-y: var(--g-mb);
  }
}
.background-media img {
  object-fit: cover;
}

.p-15 {
  padding: 15px;
}

.require-terms-conditions {
  opacity: 0.5;
  pointer-events: none;
}

.form-check-input {
  margin-right: 5px;
  cursor: pointer;
}

.form-check-input ~ .form-check-label {
  cursor: pointer;
}

.form-check-input ~ .form-check-label a {
  border-bottom: 1px solid var(--bs-link-color);
}

.form-check-input:checked ~ .require-terms-conditions {
  opacity: 1;
  pointer-events: auto;
}

.cookie-message {
  display: none;
}
.cart--no-cookies .cookie-message {
  display: block;
}

.ajaxcart-container {
  color: var(--bs-body-color);
}

.ajaxcart__product-image {
  display: block;
  overflow: hidden;
  background: #f0f0f0;
}
.ajaxcart__product-image img {
  display: block;
  max-width: 100%;
}

.ajaxcart__quantity {
  position: absolute;
  top: -7px;
  right: -7px;
  display: block;
  min-width: 20px;
  height: 20px;
  padding: 0 3px;
  color: #fff;
  background-color: rgba(114, 114, 114, 0.9);
  border: 2px solid var(--bs-body-bg);
  font-size: 12px;
  line-height: 16px;
  text-align: center;
}

.ajaxcart__product-description {
  position: relative;
  height: 100%;
}

.ajaxcart__product-name-wrapper {
  gap: 6px;
}

.ajaxcart__price--regular {
  font-weight: var(--font-heading-weight);
  color: #ccc;
}

.ajaxcart__footer-buttons {
  margin: 0 -7px;
}

.ajaxcart__footer-price {
  display: flex;
  justify-content: space-between;
}

.ajaxcart__policies a {
  border-bottom: 1px solid var(--bs-body-color);
}

.ajaxcart__footer-discount {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 0 5px;
  border-top: 1px solid var(--bs-border-color);
}
.ajaxcart__footer-discount .ajaxcart__price {
  padding-left: 20px;
}

.ajaxcart__note {
  margin: 15px 0 0;
}

.ajaxcart__note-input:focus {
  border-color: var(--primary);
  outline: 0;
  box-shadow: none;
}

.ajaxcart__qty {
  position: relative;
}
.is-loading .ajaxcart__qty {
  opacity: 0.5;
}

.cart-empty-message {
  margin: 0;
  padding: 0 5px;
  text-align: center;
}

.ajaxcart-toast {
  position: fixed;
  top: 30px;
  right: 30px;
  z-index: 1071;
  color: #fff;
  background-color: red;
  border: none;
  border-radius: 0;
}
.ajaxcart-toast .toast-body {
  padding: 15px 30px;
  padding-right: 50px;
}

.ajaxcart-toast__close {
  width: 20px;
  height: 20px;
  color: #fff;
  line-height: 14px;
  text-align: center;
  background: transparent;
  transition: all 0.3s ease;
  opacity: 0.8;
}
.ajaxcart-toast__close:hover, .ajaxcart-toast__close:focus {
  color: #fff;
  outline: 0;
  opacity: 1;
}

.mini-cart-total {
  margin-top: 20px;
  padding: 15px 0px 0px;
  border-top: 1px solid #e9e9e9;
  text-align: left;
  color: #000;
  font-size: 16px;
  font-weight: 500;
}
.mini-cart-total .js-cart-total {
  float: right;
}

.ajaxcart__gift-title span {
  font-weight: 600;
  margin-left: 3px;
}

@keyframes effectOpacity {
  0% {
    color: var(--bs-heading-color);
  }
  50% {
    color: var(--bs-danger);
  }
  100% {
    color: var(--bs-border-color);
  }
}
.ajaxcart__qty-num {
  font-size: 16px;
  font-family: var(--font-heading-family);
  background-color: transparent;
  color: var(--bs-heading-color);
  height: 24px;
  width: 30px;
  flex-grow: 1;
  font-weight: 700;
  line-height: 24px;
  -webkit-appearance: none;
  appearance: none;
}

.ajaxcart__qty-adjust {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  padding: 0;
  border: 1px solid var(--bs-border-color);
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  color: var(--bs-body-color);
}
.ajaxcart__qty-adjust:hover {
  color: var(--header-color);
}
.ajaxcart__qty-adjust svg {
  width: 10px;
  pointer-events: none;
}

.product-quantity__selector {
  background-color: #f5f5f5;
  border-radius: var(--bs-border-radius-sm);
  cursor: pointer;
  text-align: center;
  font-family: var(--font-heading-family);
}

.ajaxcart__remove {
  border-bottom: 1px solid currentColor;
  line-height: 20px;
}

.ajaxcart__product:not(:last-child) {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid var(--bs-border-color);
}
.ajaxcart__product.is-loading {
  pointer-events: none;
}

#terms_conditions {
  cursor: pointer;
}
#terms_conditions ~ .form-check-label {
  cursor: pointer;
}
#terms_conditions ~ .form-check-label a {
  border-bottom: 1px solid var(--bs-body-color);
}

.product-price {
  --product-price-fs: 14px;
  font-size: var(--product-price-fs);
  color: var(--product-price-color);
  line-height: calc(var(--product-price-fs) + 4px);
  font-weight: 400;
}
.product-price.product-price__has-sale {
  color: var(--primary);
}

.product-price--regular {
  --product-price-fs: 14px;
  --product-price-color: var(--bs-tertiary-color);
  position: relative;
  color: var(--product-price-color);
  padding: 0 4px;
  margin-right: 4px;
  font-weight: 400;
  font-size: var(--product-price-fs);
  line-height: calc(var(--product-price-fs) + 4px);
}
.product-price--regular:before {
  content: "";
  display: block;
  top: 50%;
  width: 100%;
  height: 1px;
  background-color: var(--product-price-color);
  position: absolute;
  left: 0;
}

.price-text {
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 10px;
  font-weight: 600;
  color: var(--bs-tertiary-color);
}

.product-card {
  position: relative;
}
.product-card .img-primary {
  visibility: visible;
  opacity: 1;
  transition: all 0.7s ease;
}
.product-card .img-secondary {
  top: 0;
  width: 100%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transform: scale(1);
  transition: all 0.7s ease;
}
@media (min-width: 992px) {
  .product-card:hover .img-primary {
    opacity: 0;
    visibility: hidden;
  }
  .product-card:hover .img-secondary {
    visibility: visible;
    opacity: 1;
    transform: scale(1.1);
  }
}

.product-card__image-wrapper {
  position: relative;
  background-color: #f0f0f0;
  overflow: hidden;
}

.product-card__image-link {
  display: block;
  overflow: hidden;
  position: relative;
}

.product-card__tags {
  color: var(--bs-tertiary-color);
  font-size: calc(var(--font-size-base) - 2px);
}
.product-card__tags a {
  color: var(--bs-tertiary-color);
}
.product-card__tags a:hover {
  color: var(--bs-heading-color);
}

.product-card__vendor {
  line-height: 16px;
}
.product-card__vendor a {
  color: var(--bs-body-color);
  text-transform: uppercase;
}
.product-card__vendor a:hover {
  color: var(--bs-heading-color);
}

.product-card__name {
  --product-title-fs: 16px;
  --product-title-fw: 700;
  --product-title-ff: var(--font-body-family);
  position: relative;
  font-family: var(--product-title-ff);
  font-size: var(--product-title-fs);
  line-height: calc(var(--product-title-fs) + 4px);
  font-weight: var(--product-title-fw);
}
.product-card__name a {
  transition: color 0.3s ease;
  color: var(--product-name-color);
}
.product-card__name a span {
  position: relative;
}
.product-card__name a:hover {
  color: var(--product-name-hover-color);
}

.product-card__label {
  top: 0;
  margin: 16px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  gap: 4px;
  z-index: 1;
}
.product-card__label > span > span {
  padding: 4px 10px;
}

.label-on-sale {
  background: var(--sale-badge-bg-color);
  color: var(--sale-badge-color);
}

.label-new {
  margin-bottom: 10px;
  background: var(--new-badge-bg-color);
  color: var(--new-badge-color);
}

.label-sold-out {
  background: var(--sold-out-badge-bg-color);
  color: var(--sold-out-badge-color);
}

.label-pre-order {
  background: var(--pre-order-badge-bg-color);
  color: var(--pre-order-badge-color);
}

.btn--wishlist-page {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  color: var(--bs-body-color);
  background-color: #fff;
  border: 0;
  border-radius: 50%;
  transition: all 0.3s ease;
}
.btn--wishlist-page:hover {
  color: #fff;
  background: var(--primary);
}

.product_card_tags {
  gap: 4px;
}
.product_card_tags a {
  border-radius: 2px;
  background: #fff;
  font-size: 12px;
  line-height: 16px;
  padding: 4px 10px;
  color: var(--bs-heading-color);
  font-weight: 600;
  transition: all 0.2s ease;
}
.product_card_tags a:hover {
  background: var(--primary);
  color: #fff;
}

.product-grid .product-card__image-link {
  opacity: 1;
  transition: all 0.1s ease;
}
.product-grid .product-card__image-link.image-out-of-stok::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  z-index: 1;
}
.product-grid .product-card__review {
  opacity: 1;
  transition: all 0.3s ease;
}
.product-grid .spr-badge .spr-badge-caption {
  display: none;
}
.product-grid.product-card__style1 .shop-action {
  margin: 20px;
}
@media (min-width: 992px) {
  .product-grid.product-card__style1 .shop-action.start-0 .btn--action {
    transform: translateX(-20px);
  }
  .product-grid.product-card__style1 .shop-action.end-0 .btn--action {
    transform: translateX(20px);
  }
}
.product-grid.product-card__style1 .btn--wishlist .heart-fill {
  display: none;
}
.product-grid.product-card__style1 .btn--wishlist.is-added {
  color: #fff;
  background-color: var(--bs-primary);
}
.product-grid.product-card__style1 .btn--action {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  padding: 0;
  color: var(--bs-heading-color);
  background-color: #fff;
  border: 0;
  margin-bottom: 10px;
  z-index: 1;
  transition: all 0.35s ease;
}
.product-grid.product-card__style1 .btn--action:hover {
  color: #fff;
  background-color: var(--bs-primary);
}
@media (min-width: 992px) {
  .product-grid.product-card__style1 .btn--action {
    visibility: hidden;
    opacity: 0;
  }
}
@media (min-width: 992px) {
  .product-grid.product-card__style1:hover .btn--action {
    opacity: 1;
    visibility: visible;
  }
  .product-grid.product-card__style1:hover .shop-action.start-0 .btn--action,
  .product-grid.product-card__style1:hover .shop-action.end-0 .btn--action {
    transform: translateX(0);
  }
}
.product-grid.product-card__style1 .product-card__content {
  padding-top: 20px;
  gap: 8px;
}
.product-grid.product-card__style2 .btn--wishlist {
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  z-index: 1;
  color: var(--bs-heading-color);
  background-color: #fff;
  visibility: hidden;
  opacity: 0;
  transform: translateX(20px);
  transition: all 0.35s ease;
}
.product-grid.product-card__style2 .btn--wishlist .heart-fill {
  display: none;
}
.product-grid.product-card__style2 .btn--wishlist .heart-fill {
  display: none;
}
.product-grid.product-card__style2 .btn--wishlist.is-added {
  color: #fff;
  background-color: var(--bs-primary);
}
.product-grid.product-card__style2 .btn--wishlist:hover {
  color: #fff;
  background-color: var(--bs-primary);
}
.product-grid.product-card__style2 .btn--action {
  --bs-btn-padding-x: 16px;
  --bs-btn-padding-y: 12px;
  width: 100%;
  display: flex;
  align-items: flex-end;
  font-size: 14px;
  text-transform: capitalize;
  text-align: left;
}
.product-grid.product-card__style2 .btn--action svg {
  margin-right: 6px;
  min-width: 16px;
}
.product-grid.product-card__style2 .shop-action {
  z-index: 1;
  transition: all 0.35s ease;
  visibility: hidden;
  opacity: 0;
  transform: translateY(10px);
}
.product-grid.product-card__style2 .group__tag-countdown {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  transition: all 0.35s ease;
}
@media (min-width: 992px) {
  .product-grid.product-card__style2:hover .shop-action {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .product-grid.product-card__style2:hover .btn--wishlist {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
  .product-grid.product-card__style2:hover .group__tag-countdown {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
  }
}
.product-grid.product-card__style2 .product-card__content {
  padding-top: 20px;
  gap: 8px;
}
.product-grid.product-card__style3 .shop-action {
  margin: 20px;
}
@media (min-width: 992px) {
  .product-grid.product-card__style3 .shop-action.start-0 .btn--action {
    transform: translateX(-20px);
  }
  .product-grid.product-card__style3 .shop-action.end-0 .btn--action {
    transform: translateX(20px);
  }
}
.product-grid.product-card__style3 .btn--wishlist .heart-fill {
  display: none;
}
.product-grid.product-card__style3 .btn--wishlist.is-added {
  color: #fff;
  background-color: var(--bs-primary);
}
.product-grid.product-card__style3 .btn--action {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  padding: 0;
  color: var(--bs-heading-color);
  background-color: #fff;
  border: 0;
  margin-bottom: 10px;
  z-index: 1;
  transition: all 0.35s ease;
}
.product-grid.product-card__style3 .btn--action:hover {
  color: #fff;
  background-color: var(--bs-primary);
}
@media (min-width: 992px) {
  .product-grid.product-card__style3 .btn--action {
    visibility: hidden;
    opacity: 0;
  }
}
@media (min-width: 992px) {
  .product-grid.product-card__style3:hover .btn--action {
    opacity: 1;
    visibility: visible;
  }
  .product-grid.product-card__style3:hover .shop-action.start-0 .btn--action,
  .product-grid.product-card__style3:hover .shop-action.end-0 .btn--action {
    transform: translateX(0);
  }
}
.product-grid.product-card__style3 .product-card__content {
  padding: 16px 20px 24px;
  gap: 8px;
}
.product-grid.product-card__style4 .shop-action {
  margin: 20px;
}
@media (min-width: 992px) {
  .product-grid.product-card__style4 .shop-action.start-0 .btn--action {
    transform: translateX(-20px);
  }
  .product-grid.product-card__style4 .shop-action.end-0 .btn--action {
    transform: translateX(20px);
  }
}
.product-grid.product-card__style4 .btn--wishlist {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  padding: 0;
  color: var(--bs-heading-color);
  background-color: #fff;
  border: 0;
  margin-bottom: 10px;
  z-index: 1;
  transition: all 0.35s ease;
}
.product-grid.product-card__style4 .btn--wishlist .heart-fill {
  display: none;
}
.product-grid.product-card__style4 .btn--wishlist:hover, .product-grid.product-card__style4 .btn--wishlist.is-added {
  color: #fff;
  background-color: var(--bs-primary);
}
.product-grid.product-card__style4 .btn--action {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  padding: 0;
  color: var(--bs-heading-color);
  background-color: #fff;
  border: 0;
  margin-bottom: 10px;
  z-index: 1;
  transition: all 0.35s ease;
}
.product-grid.product-card__style4 .btn--action:hover {
  color: #fff;
  background-color: var(--bs-primary);
}
@media (min-width: 992px) {
  .product-grid.product-card__style4 .btn--action {
    visibility: hidden;
    opacity: 0;
  }
}
@media (min-width: 992px) {
  .product-grid.product-card__style4:hover .btn--action {
    opacity: 1;
    visibility: visible;
  }
  .product-grid.product-card__style4:hover .shop-action.start-0 .btn--action,
  .product-grid.product-card__style4:hover .shop-action.end-0 .btn--action {
    transform: translateX(0);
  }
}
.product-grid.product-card__style4 .product-card__content {
  padding-top: 20px;
  gap: 8px;
}

.product-card__list {
  border-bottom: 1px solid var(--bs-border-color);
}
@media (min-width: 992px) {
  .product-card__list .shop-action:before {
    content: "";
    position: absolute;
    left: 0;
    width: 1px;
    height: 100%;
    background: var(--bs-border-color);
    display: block;
    top: 0;
  }
}
.product-card__list .btn--action {
  position: relative;
  transition: all 0.3s ease;
  border: 1px solid var(--border-color);
  padding: 10px;
  line-height: 18px;
  width: 100%;
  font-size: 14px;
}
.product-card__list .btn--action.is-added, .product-card__list .btn--action:hover {
  background-color: var(--color-button-bg-secondary-hover);
  border-color: var(--bs-btn-hover-border-color);
  color: var(--bs-btn-hover-color);
}
.product-card__list .product-card__swatch li {
  width: 25px;
  height: 25px;
}

.product-card__list1 {
  border-bottom: 1px solid var(--bs-border-color);
}
.product-card__list1 .product-card__label {
  margin: 8px;
}
.product-card__list1 .shop-action {
  margin: 20px;
}
@media (min-width: 992px) {
  .product-card__list1 .shop-action.start-0 .btn--action {
    transform: translateX(-20px);
  }
  .product-card__list1 .shop-action.end-0 .btn--action {
    transform: translateX(20px);
  }
}
.product-card__list1 .btn--wishlist .heart-fill {
  display: none;
}
.product-card__list1 .btn--wishlist.is-added {
  color: #fff;
  background-color: var(--bs-primary);
}
.product-card__list1 .btn--action {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  padding: 0;
  color: var(--bs-heading-color);
  background-color: #fff;
  border: 0;
  margin-bottom: 10px;
  z-index: 1;
  transition: all 0.35s ease;
}
.product-card__list1 .btn--action:hover {
  color: #fff;
  background-color: var(--bs-primary);
}
@media (min-width: 992px) {
  .product-card__list1 .btn--action {
    visibility: hidden;
    opacity: 0;
  }
}
@media (max-width: 991.98px) {
  .product-card__list1 .btn--action {
    width: 32px;
    height: 32px;
  }
  .product-card__list1 .btn--action svg {
    width: 14px;
    height: 14px;
  }
}
.product-card__list1 .product-card__swatch li {
  width: 25px;
  height: 25px;
}
@media (min-width: 992px) {
  .product-card__list1:hover .btn--action {
    opacity: 1;
    visibility: visible;
  }
  .product-card__list1:hover .shop-action.start-0 .btn--action,
  .product-card__list1:hover .shop-action.end-0 .btn--action {
    transform: translateX(0);
  }
}

.product-card__swatch:empty {
  display: none;
}
.product-card__swatch li {
  margin: 2px;
  border: 1px solid var(--bs-border-color);
  width: 16px;
  height: 16px;
  padding: 3px;
  border-radius: 50%;
}
.product-card__swatch li:hover, .product-card__swatch li.is-active {
  border-color: #828282;
}
.product-card__swatch label {
  background-size: cover;
  cursor: pointer;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.product-card__swatch .extendlink.more_option_item {
  display: none;
}
.product-card__swatch .more_option {
  cursor: pointer;
  border: 0;
  font-size: 14px;
  overflow: hidden;
  line-height: 10px;
  display: flex;
  align-items: center;
  width: auto;
}
.product-card__swatch .more_option::before {
  content: "-";
}
.product-card__swatch .more_option.more_option_active::before {
  content: "+";
}

.product-list__style1 .product-card__image-wrapper {
  max-width: 90px;
  width: 100%;
}

/* SECTION COUNTDOWN */
.product-card__countdown {
  background-color: #fff;
  margin-bottom: 16px;
}
.product-card__countdown .countdown-title {
  color: var(--bs-tertiary-color);
}
.product-card__countdown .countdown__item {
  text-align: center;
  padding: 0 2px;
  line-height: 1;
  position: relative;
}
.product-card__countdown .countdown__item:not(:last-child) {
  margin-right: 8px;
}
.product-card__countdown .countdown__item:not(:last-child):before, .product-card__countdown .countdown__item:not(:last-child):after {
  content: "";
  width: 2px;
  height: 2px;
  background-color: var(--bs-heading-color);
  position: absolute;
  border-radius: 50%;
  top: 5px;
  right: -6px;
  display: block;
}
.product-card__countdown .countdown__item:not(:last-child)::after {
  top: 11px;
}
.product-card__countdown .countdown__item span:first-child {
  color: var(--bs-heading-color);
  font-weight: 600;
  font-size: 16px;
  display: block;
  margin-bottom: 4px;
}
.product-card__countdown .countdown__item span:last-child {
  display: block;
  color: #6c757d;
  font-size: 10px;
}

.article__meta {
  font-size: 14px;
  font-weight: 500;
  color: var(--bs-secondary-color);
}
.article__meta .icon {
  margin-right: 3px;
  display: flex;
  color: var(--bs-body-color);
}
.article__meta span,
.article__meta a {
  color: var(--bs-heading-color);
}
.article__meta span:hover,
.article__meta a:hover {
  color: var(--bs-body-color);
}
.article__meta > div {
  position: relative;
}
.article__meta > div:not(:last-child) {
  margin-right: 16px;
}
.article__meta .text-white > a,
.article__meta .text-white > span {
  color: #fff;
}

.article__meta-tags .tags__item {
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--bs-tertiary-color);
}
.article__meta-tags .tags__item .tags__item {
  color: var(--bs-tertiary-color);
}

.blog_social_sharing .list-social__link {
  color: #999;
}
.blog_social_sharing .list-social__link:hover {
  color: var(--primary);
}

.article__btn {
  text-transform: capitalize;
  transition: all 0.2s ease;
}

.blog_categories a {
  display: inline-block;
  background-color: var(--primary);
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  padding: 0 10px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 24px;
}

.blog__grid1 .article__btn {
  color: var(--bs-heading-color);
  font-size: 14px;
  border: 2px solid var(--bs-border-color);
  transition: all 0.2s ease-in;
  border-radius: 5px;
  padding: 13px 30px;
  line-height: 24px;
  text-transform: capitalize;
}
.blog__grid1 .article__btn .icons {
  position: relative;
  bottom: -2px;
  font-size: 14px;
  margin-left: 10px;
}
.blog__grid1 .article__btn:hover {
  border-color: var(--primary);
  color: var(--primary);
}
.blog__grid1 .article__excerpt {
  line-height: 26px;
  margin-bottom: 25px;
}

.blog__grid2 .article__content {
  padding: 24px 24px 0;
  position: relative;
  margin: -70px 40px 0;
  background-color: #fff;
  border-radius: 8px 8px 0 0;
}
.blog__grid2 .article__btn {
  color: var(--bs-heading-color);
  font-size: 14px;
  border: 2px solid var(--bs-border-color);
  transition: all 0.2s ease-in;
  border-radius: 5px;
  padding: 13px 30px;
  line-height: 24px;
  text-transform: capitalize;
}
.blog__grid2 .article__btn .icons {
  position: relative;
  bottom: -2px;
  font-size: 14px;
  margin-left: 10px;
}
.blog__grid2 .article__btn:hover {
  border-color: var(--primary);
  color: var(--primary);
}

.vela-section-blogs .article__title {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  font-family: var(--font-body-family);
}

.blog__list1 .article__btn {
  color: var(--bs-heading-color);
  font-size: 14px;
  border: 2px solid var(--bs-border-color);
  transition: all 0.2s ease-in;
  border-radius: 5px;
  padding: 13px 30px;
  line-height: 24px;
  text-transform: capitalize;
}
.blog__list1 .article__btn .icons {
  position: relative;
  bottom: -2px;
  font-size: 14px;
  margin-left: 10px;
}
.blog__list1 .article__btn:hover {
  border-color: var(--primary);
  color: var(--primary);
}

/*slick*/
.slick-carousel {
  display: none;
  margin-top: 0;
}
.slick-carousel.slick-initialized {
  display: block;
}
.slick-carousel .slick-carousel__item {
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  padding-right: calc(var(--bs-gutter-x) * 0.5);
}

.slick-slider {
  position: relative;
  display: block;
  user-select: none;
  touch-action: pan-y;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: hand;
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
}
.slick-slide:focus {
  outline: 0;
}

.slick-arrow {
  position: absolute;
  z-index: 2;
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-top: -24px;
  top: 50%;
  padding: 0;
  color: var(--bs-heading-color);
  border: 0;
  background-color: #f2f5f7;
  font-size: 0;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0;
  transition: all 0.3s ease;
}
.slick-arrow:before {
  content: "";
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  display: block;
  width: 8px;
  height: 20px;
  background-color: var(--secondary);
}
.slick-arrow svg {
  width: 8px;
  height: 20px;
}
.slick-arrow:focus, .slick-arrow:hover {
  outline: 0;
  box-shadow: none;
  color: #fff;
  background-color: var(--bs-primary);
  opacity: 1;
  border-color: var(--bs-heading-color);
}
.slick-arrow:focus::before, .slick-arrow:hover::before {
  background-color: #fff;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-arrow.slick-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.slick-prev {
  left: 0;
}
.slick-prev:before {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'><path d='M25.1 247.5l117.8-116c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L64.7 256l102.2 100.4c4.7 4.7 4.7 12.3 0 17l-7.1 7.1c-4.7 4.7-12.3 4.7-17 0L25 264.5c-4.6-4.7-4.6-12.3.1-17z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'><path d='M25.1 247.5l117.8-116c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L64.7 256l102.2 100.4c4.7 4.7 4.7 12.3 0 17l-7.1 7.1c-4.7 4.7-12.3 4.7-17 0L25 264.5c-4.6-4.7-4.6-12.3.1-17z'/></svg>");
  margin-right: 1px;
}

.slick-next {
  right: 0;
}
.slick-next:before {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'><path d='M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'><path d='M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z'/></svg>");
  margin-left: 1px;
}

.slick-dots {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -30px;
  display: flex;
  flex-wrap: row wrap;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.slick-dots li {
  padding: 0 6px;
  border: 0;
  border-radius: 50%;
}
.slick-dots li.slick-active button {
  width: 24px;
  opacity: 1;
  background: var(--sl-dot-cl-at, #ba933e);
}
.slick-dots button {
  display: block;
  background: var(--sl-dot-cl, #ba933e);
  opacity: 0.3;
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  font-size: 0;
  transition: all 0.3s ease;
}

.slick-carousel.slick-dotted {
  margin-bottom: 28px;
}
.slick-carousel.slick-dotted .slick-dots {
  bottom: -28px;
}
@media (min-width: 992px) {
  .slick-carousel .slick-arrow {
    visibility: hidden;
    opacity: 0;
  }
  .slick-carousel.slick-dotted {
    margin-bottom: 38px;
  }
  .slick-carousel.slick-dotted .slick-dots {
    bottom: -38px;
  }
  .slick-carousel:hover .slick-arrow {
    visibility: visible;
    opacity: 1;
  }
  .slick-carousel:hover .slick-arrow.slick-disabled {
    opacity: 0.4;
  }
  .slick-carousel:hover .slick-prev {
    left: calc(-1 * var(--bs-gutter-x) + 24px);
  }
  .slick-carousel:hover .slick-next {
    right: calc(-1 * var(--bs-gutter-x) + 24px);
  }
}

/* endslick */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (min-width: 992px) {
  .slide-padding-dsk {
    padding-right: 0 !important;
  }
  .slide-padding-dsk .slick-list {
    padding-right: var(--card-w-dsk);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .slide-padding-tl {
    padding-right: 0 !important;
  }
  .slide-padding-tl .slick-list {
    padding-right: var(--card-w-tl);
  }
}
@media (max-width: 767.98px) {
  .slide-padding-mb {
    padding-right: 0 !important;
  }
  .slide-padding-mb .slick-list {
    padding-right: var(--card-w-mb);
  }
}
@media (min-width: 992px) {
  .carousel-custom.slick-carousel {
    margin-bottom: 0 !important;
  }
  .carousel-custom .slick-dots {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  .carousel-custom .slick-arrow {
    display: none !important;
  }
}

.button-arrow-top .slick-arrow {
  visibility: visible;
  opacity: 1;
  top: 0;
  margin-top: -75px;
  border: 1px solid var(--bs-border-color);
  background-color: transparent;
  right: 0 !important;
  margin-left: auto;
  margin-right: calc(0.5 * var(--bs-gutter-x));
}
.button-arrow-top .slick-arrow.slick-prev {
  margin-right: calc(var(--bs-gutter-x) + 48px);
}
.button-arrow-top .slick-arrow.slick-disabled {
  opacity: 0.3;
}
.button-arrow-top .slick-arrow:focus, .button-arrow-top .slick-arrow:hover {
  border-color: var(--primary);
  background-color: transparent;
}
.button-arrow-top .slick-arrow:focus::before, .button-arrow-top .slick-arrow:hover::before {
  background-color: var(--primary);
}

/*wishlist page*/
.wishlist-page__content .pre-loading {
  display: none;
}
.wishlist-page__content.loading .pre-loading {
  display: block;
}

.wishlist-count {
  padding-right: 10px;
}
.wishlist-count .count {
  position: absolute;
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  top: -5px;
  right: 0;
  color: var(--bs-tertiary-color);
}
.wishlist-count:hover .count {
  color: var(--bs-link-hover-color);
}

.product-avaiable .product-avaiable__text {
  color: #12B447;
}
.product-avaiable .product-avaiable__text--outstock {
  color: var(--bs-danger);
}

.variants__label {
  display: block;
  margin: 0 0 14px;
  font-weight: 700;
  font-size: 16px;
  color: var(--bs-heading-color);
}
.variants__label > span {
  font-size: 18px;
  font-weight: 500;
  margin-left: 8px;
}

.product-organization--wrap {
  gap: 8px;
}

.product-organization.product-avaiable {
  display: none;
}
.product-organization.product-avaiable.product-avaiable--active {
  display: flex;
}

.product-organization {
  display: flex;
  line-height: 20px;
  font-size: 14px;
}

.product-organization__label {
  margin-right: 10px;
  font-weight: 700;
  color: var(--bs-heading-color);
}

.product-organization__text a,
.product-organization__text {
  color: var(--bs-body-color);
}

.product-organization__text a:hover {
  color: var(--bs-link-hover-color);
}

.variants__options {
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
}

.group-price__wrap {
  gap: 20px;
}

.product-aviable__icon {
  border: 1px solid currentColor;
  border-radius: 50%;
  width: 16px;
  height: 16px;
}

.product-aviable__icon.text-danger svg {
  transform: rotate(45deg);
}

.single-option-selector {
  position: relative;
  margin: 0;
}
.single-option-selector input {
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
}
.single-option-selector label {
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 15px;
  border-radius: 50rem;
  font-weight: 600;
  color: var(--bs-body-color);
  background-color: #fff;
  border: 1px solid var(--bs-border-color);
  font-size: 14px;
  line-height: 16px;
  text-align: center;
}
.single-option-selector label::before {
  content: "";
  width: 1px;
  height: calc(100% + 10px);
  background-color: var(--bs-heading-color);
  position: absolute;
  top: -4px;
  left: 50%;
  transform: rotate(40deg);
  display: none;
}
.single-option-selector label[data-color] {
  overflow: hidden;
  padding: 0;
  font-size: 0;
  text-indent: -9999px;
  width: 44px;
  height: 44px;
  border-width: 1px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  background-size: cover;
}
.single-option-selector label.has_bg_image[data-color] {
  border-radius: 4px;
}
.single-option-selector label.disabled {
  cursor: no-drop;
  opacity: 0.5;
}
.single-option-selector label.disabled::before {
  display: block;
}
.single-option-selector.variant_hide label.disabled {
  display: none;
}
.single-option-selector input[type=radio]:checked + label:not(.disabled) {
  border-color: #828282;
  color: var(--secondary);
}
.single-option-selector input[type=radio]:checked + label:not(.disabled)[data-color] {
  border-color: #828282;
}
.single-option-selector input[type=radio]:checked + label:not(.disabled)[data-color]:after {
  border-color: #fff;
}
.single-option-selector.show-tooltip .bs-tooltip-top {
  margin-left: -4px;
}
@media (min-width: 992px) {
  .collection-list-up {
    margin-top: -80px;
  }
}
.collection-list-up .box-shadow-30 {
  box-shadow: 0 0 0 30px #fff;
}

.page-faqs__heading .icons {
  display: inline-block;
  width: 38px;
  height: 38px;
  color: var(--color-text);
  margin-bottom: 15px;
}

@media (max-width: 991.98px) {
  .faqs {
    padding-top: 30px;
  }
}
.faqs__desc p {
  margin-bottom: 20px;
}

.template-search__search {
  max-width: 570px;
}

.heading-group {
  position: relative;
}
.heading-group .heading {
  font-size: var(--font-size-heading);
  line-height: calc(var(--font-size-heading) + 6px);
  font-family: var(--font-heading-family);
}
@media (max-width: 991.98px) {
  .heading-group .heading {
    font-size: calc(var(--font-size-heading) - 4px);
    line-height: var(--font-size-heading);
  }
}
@media (max-width: 767.98px) {
  .heading-group .heading {
    font-size: calc(var(--font-size-heading) - 8px);
    line-height: calc(var(--font-size-heading) - 4px);
  }
}
.heading-group .sub-heading {
  font-size: var(--font-size-base);
  line-height: calc(var(--font-size-base) + 5px);
  padding-bottom: 5px;
}

.section__heading .heading__style1 {
  position: relative;
  overflow: hidden;
}
.section__heading .heading__style1 > span {
  position: relative;
  padding: 0 30px;
}
.section__heading .heading__style1 > span::before {
  content: "";
  position: absolute;
  width: 2000px;
  height: 1px;
  background-color: var(--bs-border-color);
  display: block;
  right: 100%;
  top: 50%;
}
.section__heading .heading__style1 > span::after {
  content: "";
  position: absolute;
  width: 2000px;
  height: 1px;
  background-color: var(--bs-border-color);
  display: block;
  left: 100%;
  top: 50%;
}
.section__heading .heading__style1.text-start > span {
  padding-left: 0;
}
.section__heading .heading__style1.text-start > span::before {
  display: none;
}
.section__heading .heading__style1.text-end > span {
  padding-right: 0;
}
.section__heading .heading__style1.text-end > span::after {
  display: none;
}
.section__heading .heading__style2 {
  position: relative;
  overflow: hidden;
}
.section__heading .heading__style2 > span {
  position: relative;
  padding: 0 20px;
}
@media (min-width: 768px) {
  .section__heading .heading__style2 > span {
    padding: 0 40px;
  }
}
@media (min-width: 992px) {
  .section__heading .heading__style2 > span {
    padding: 0 70px;
  }
}
.section__heading .heading__style2 > span::before {
  content: "";
  position: absolute;
  width: 130px;
  height: 4px;
  background-color: transparent;
  border-top: 1px solid var(--bs-border-color);
  border-bottom: 1px solid var(--bs-border-color);
  display: block;
  margin-top: -2px;
  right: 100%;
  top: 50%;
}
.section__heading .heading__style2 > span::after {
  content: "";
  position: absolute;
  width: 130px;
  height: 4px;
  background-color: transparent;
  border-top: 1px solid var(--bs-border-color);
  border-bottom: 1px solid var(--bs-border-color);
  display: block;
  margin-top: -2px;
  left: 100%;
  top: 50%;
}
.section__heading .heading__style2.text-start > span {
  padding-left: 0;
}
.section__heading .heading__style2.text-start > span::before {
  display: none;
}
.section__heading .heading__style2.text-end > span {
  padding-right: 0;
}
.section__heading .heading__style2.text-end > span::after {
  display: none;
}

.logo-effect .card__image {
  opacity: 0.3;
  transition: all 0.35s ease;
}
.logo-effect .card__image:hover {
  opacity: 1;
}

.brand-list__item a {
  max-width: 100%;
}

/* Header menu drawer */
.header__icon--menu {
  position: initial;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
}
.header__icon--menu .icon {
  display: block;
  position: absolute;
}
.header__icon--menu .icon-close {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 6px;
  color: #fff;
  transform: translateX(0);
  transition: transform 0.25s ease, visibility 0.25s ease;
}
.header__icon--menu[aria-expanded=true]:before {
  content: "";
  position: fixed;
  cursor: default;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.header__icon--menu[aria-expanded=true] .icon-close {
  transform: translateX(340px);
  z-index: 99;
  visibility: visible;
  opacity: 1;
}

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

details[open] > .menu-drawer__submenu {
  -webkit-transition: transform 0.25s ease, visibility 0.25s ease;
  -ms-transition: transform 0.25s ease, visibility 0.25s ease;
  transition: transform 0.25s ease, visibility 0.25s ease;
}

details[open].menu-opening > .menu-drawer,
details[open].menu-opening > .menu-drawer__submenu {
  transform: translateX(0);
  visibility: visible;
}

.menu-drawer {
  position: fixed;
  -webkit-transform: translateX(-350px);
  -ms-transform: translateX(-350px);
  transform: translateX(-350px);
  visibility: hidden;
  z-index: 3;
  left: 0;
  top: 0;
  width: 350px;
  max-width: 100%;
  padding: 0;
  border-left: 0;
  background-color: var(--bs-body-bg);
  overflow: hidden;
  height: 100vh;
  transition: all 0.25s ease-in-out;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}
.menu-drawer__inner-container {
  position: relative;
  height: 100%;
  overflow-y: scroll;
}
.menu-drawer__navigation {
  padding: 12px 0;
}
.menu-drawer__inner-submenu {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.menu-drawer__menu-item {
  padding: 12px 24px;
  text-decoration: none;
  font-size: 16px;
  line-height: 24px;
  color: var(--bs-heading-color);
}
.menu-drawer__menu-item a {
  color: var(--bs-heading-color);
}
.menu-drawer__menu-item > .icon-arrow {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--bs-body-color);
}
.menu-drawer__menu-item .label-hot,
.menu-drawer__menu-item .label-new {
  display: inline-block;
  font-size: 12px;
  position: relative;
  padding: 2px 10px;
  text-align: center;
  right: 0;
  margin: 0 0 0 8px;
  line-height: 20px;
  border-radius: 30px;
  color: #fff;
}
.menu-drawer__menu-item .label-new {
  background: #7ec433;
}
.menu-drawer__menu-item .label-new:after {
  border-right: 5px solid #7ec433;
}
.menu-drawer__menu-item .label-hot {
  background: #e53939;
}
.menu-drawer__menu-item .label-hot:after {
  border-right: 5px solid #e53939;
}
.menu-drawer__close-button {
  text-decoration: none;
  line-height: 16px;
  padding: 16px 24px;
  margin-bottom: 8px;
  background: #f5f5f5;
  color: var(--bs-heading-color);
}
.menu-drawer__utility-links {
  padding: 15px 25px;
  background-color: #e8e8e8;
}

.menu-drawer-container {
  display: flex;
}

.menu-drawer__close-button .label-hot,
.menu-drawer__close-button .label-new {
  display: inline-block;
  font-size: 9px;
  position: relative;
  padding: 0 8px;
  text-align: center;
  right: 0;
  margin: 0 0 0 8px;
  line-height: 18px;
  font-weight: 500;
  border-radius: 1px;
  color: #fff;
  top: -2px;
  text-transform: uppercase;
}
.menu-drawer__close-button .label-hot:after,
.menu-drawer__close-button .label-new:after {
  position: absolute;
  bottom: 4px;
  left: -5px;
  content: "";
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.menu-drawer__close-button .label-new {
  background: #7ec433;
}
.menu-drawer__close-button .label-new:after {
  border-right: 5px solid #7ec433;
}
.menu-drawer__close-button .label-hot {
  background: #e53939;
}
.menu-drawer__close-button .label-hot:after {
  border-right: 5px solid #e53939;
}

.menu-drawer__submenu {
  position: absolute;
  top: 0;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: var(--bs-body-bg);
  z-index: 1;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  visibility: hidden;
}
.menu-drawer__submenu .menu-drawer__submenu {
  overflow-y: auto;
}

@media (prefers-reduced-motion) {
  .motion-reduce {
    transition: none !important;
  }
}
.menu-drawer__tab-heading {
  background-color: var(--primary);
  font-weight: 700;
  font-size: 15px;
  padding: 10px 24px;
  line-height: 30px;
  gap: 30px;
}
.menu-drawer__tab-heading .nav-link {
  --bs-nav-link-padding-y: 0;
  --bs-nav-link-padding-x: 0;
  color: #fff;
  opacity: 0.6;
}
.menu-drawer__tab-heading .nav-link.active {
  opacity: 1;
}

.verticalMenu__style1 {
  padding: 24px;
}
.verticalMenu__style1 .list-menu__item {
  display: block;
}

.verticalMenu__style2 > .menu-drawer__menu {
  padding: 0 24px;
}
.verticalMenu__style2 > .menu-drawer__menu > li:not(:last-child) {
  border-bottom: 1px solid var(--bs-border-color);
}
.verticalMenu__style2 .menu-drawer__collection-image {
  width: 56px;
  min-width: 56px;
  margin-right: 16px;
}

/* end menu drawer */
.vela-section-blogs .link-more {
  font-size: 12px;
}
.vela-section-blogs .article__title a {
  color: var(--bs-heading-color);
  transition: all 0.3s ease;
}
.vela-section-blogs .article__title a:hover {
  color: var(--primary);
}
.vela-section-blogs .blog_title {
  transition: all 0.2s ease;
  background: #fff;
}
.vela-section-blogs .blog_title:hover {
  background: var(--primary);
  color: #fff;
}
.vela-section-blogs .slick-dots {
  position: static;
  margin-top: 30px;
}
.vela-section-blogs .article__read-more:hover {
  color: var(--primary);
}
.vela-section-blogs .blog__grid1 .article__featured-image-link {
  border-radius: 50% 50% 0 0;
}

.template-captcha .shopify-challenge__button {
  border: 1px solid var(--bs-border-color);
  background-color: #fff;
  color: var(--bs-heading-color);
  margin-top: 30px !important;
  padding: 8px 25px;
}
.template-captcha .shopify-challenge__button:hover {
  border-color: var(--primary);
  background-color: var(--primary);
  color: #fff;
}
.template-captcha .shopify-challenge__container {
  padding: 80px 0;
}

.status-online {
  position: relative;
}
.status-online::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  border: 2px solid #E9ECEF;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #606C38;
  opacity: 0;
  visibility: hidden;
  transition: all 0.1s ease;
}
.status-online:hover::after, .status-online.is-online::after {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}







/* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

/* 1. Headings (H1 - H6) ke liye Figtree Font */
h1, h2, h3, h4, h5, h6, 
.h1, .h2, .h3, .h4, .h5, .h6,
.heading, .section-header__title {
  font-family: 'Figtree', sans-serif !important;
}

/* 2. Body / Paragraphs ke liye DM Sans Font */
body, p, span, a, li, input, textarea, button {
  font-family: 'DM Sans', sans-serif !important;
}

/* 3. Special Paragraphs jahan Figtree chahiye */
/* Agar aap kisi specific class ya heading paragraph me Figtree lagana chahte hain */
p.font-figtree, .figtree-text {
  font-family: 'Figtree', sans-serif !important;
}